:root{
  --bg:#e7e9e5;
  --bg-2:#dde0db;
  --surface:#f3f4f1;
  --chrome-hi:#fcfdfa;
  --chrome:#c4c9c1;
  --smoke:#1f221e;
  --smoke-2:#474c45;
  --smoke-3:#5b6158;
  --line:#c9cdc5;
  --lime:#c8ff00;
  --lime-ink:#0d0d0c;
  --lime-deep:#4f6b00;
  --night:#07130d;
  --font:"Satoshi",system-ui,sans-serif;
  --r:22px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scrollbar-color:var(--chrome) var(--bg)}
body{background:var(--bg);color:var(--smoke);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--lime);color:var(--lime-ink)}
:focus-visible{outline:2px solid var(--lime-deep);outline-offset:3px;border-radius:6px}
a{color:inherit}
.wrap{max-width:1360px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}


.nav{position:sticky;top:0;z-index:20;background:rgba(231,233,229,.8);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(201,205,197,.6)}
.nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}

.logo{display:block;text-decoration:none}
.logo img{display:block;height:40px;width:auto}
.nav .links{display:flex;align-items:center;gap:30px;list-style:none;font-weight:500;font-size:15px}
.nav .links a{text-decoration:none;color:var(--smoke-2);transition:color .2s}
.nav .links a:hover,.nav .links a[aria-current="page"]{color:var(--smoke)}
.nav .links > li > a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:3px;text-underline-offset:8px}

.dd{position:relative}
.dd-top{display:inline-flex;align-items:center;gap:6px}
.dd-top i{display:inline-block;font-size:11px;transition:transform .3s var(--ease)}
.dd-menu{position:absolute;top:calc(100% + 16px);left:-18px;min-width:200px;list-style:none;padding:8px;border-radius:var(--r);background:var(--surface);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 48px -24px rgba(31,34,30,.4),0 0 0 1px rgba(201,205,197,.7);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd:hover .dd-menu,.dd:has(:focus-visible) .dd-menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ease),transform .3s var(--ease)}
.dd:hover .dd-top i,.dd:has(:focus-visible) .dd-top i{transform:rotate(180deg)}
.dd-menu a{display:block;padding:10px 14px;border-radius:12px;color:var(--smoke);font-weight:500;white-space:nowrap}
.dd-menu a:hover,.dd-menu a:focus-visible{background:var(--bg)}
.burger{display:none;background:none;border:0;font-size:24px;color:var(--smoke)}


.pill{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:var(--smoke);color:#f3f4f1;text-decoration:none;font-weight:700;font-size:15px;border:0;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(31,34,30,.55);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pill:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(31,34,30,.65)}
.pill:active{transform:scale(.98)}
.pill .go{display:grid;place-items:center;width:24px;height:24px;margin-right:-10px;border-radius:50%;background:var(--lime);color:var(--lime-ink);font-size:13px;transition:transform .3s var(--ease)}
.pill:hover .go{transform:translateX(3px)}
.pill.ghost{background:transparent;color:var(--smoke);box-shadow:inset 0 0 0 1.5px var(--smoke)}
.textlink{font-weight:700;text-underline-offset:5px;text-decoration-color:var(--lime-deep);display:inline-flex;align-items:center;gap:8px}
.textlink i{transition:transform .3s var(--ease)}
.textlink:hover i{transform:translateX(3px)}


h1{font-size:clamp(44px,5.4vw,80px);line-height:1.02;font-weight:700;letter-spacing:-.045em}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--smoke-2);background:linear-gradient(transparent 70%,rgba(200,255,0,.6) 70% 90%,transparent 90%);padding:0 .06em .04em}
h2{font-size:clamp(36px,4.2vw,62px);line-height:1.04;letter-spacing:-.04em;font-weight:700;max-width:18ch}
.sub{font-size:19px;color:var(--smoke-2);max-width:54ch;margin-top:18px}
section{padding-top:clamp(100px,12vw,170px)}


.studio{position:relative;display:flex;align-items:flex-end;justify-content:center;border-radius:calc(var(--r) * 1.4);overflow:hidden;
  background:radial-gradient(60% 50% at 50% 30%,var(--chrome-hi),transparent 70%),linear-gradient(180deg,var(--bg-2),#cfd3cc)}
.studio::before{content:"";position:absolute;left:50%;top:8%;width:70%;height:30%;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(200,255,0,.18),transparent 70%);pointer-events:none}
.studio::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,#d3d7d0,#c3c8c0)}
.stand{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 30px 30px rgba(31,34,30,.32))}
.stand .hdr{width:120%;height:11%;border-radius:10px;background:linear-gradient(180deg,#232822,#121512);display:grid;place-items:center;color:#efffb8;font-weight:700;letter-spacing:.2em;font-size:clamp(9px,.9vw,14px);text-shadow:0 0 6px rgba(200,255,0,.9),0 0 18px rgba(200,255,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);white-space:nowrap}
.stand .gap{height:4%;width:44%;border-left:3px solid #8b9188;border-right:3px solid #8b9188}
.stand .mid{flex:1;width:100%;display:grid;grid-template-columns:8% 1fr 8%}
.stand .mid > i{background:linear-gradient(90deg,#2b2f2a,#555b53 45%,#242822);border-radius:3px}
.stand .unit{margin:0 6% 30%;border-radius:12px;background:linear-gradient(160deg,#3a3f39,#242823);display:flex;flex-direction:column;align-items:center;padding:12% 10%;gap:9%;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.stand .scr{width:100%;aspect-ratio:1.5;border-radius:6px;background:linear-gradient(140deg,#0f110f,#1c1f1b 60%,#2a2e29)}
.stand .noz{width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#0a0a0b 34%,#9aa096 37% 52%,#3b4039 56%)}
.stand .base{width:114%;height:8%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#9a9f97,#777c74)}

.stand:is(.s2,.go,.wl){display:block;aspect-ratio:.376;container-type:size}
.stand:is(.s2,.go,.wl) .mid{display:contents}
.stand:is(.s2,.go,.wl) .mid > i{position:absolute;border-radius:2px}
.stand:is(.s2,.go,.wl) .hdr{position:absolute;left:18.75%;width:62.5%;bottom:86.2%;height:13.6%;border-radius:max(4px,1.2cqh);font-size:4.6cqh;line-height:1.08;letter-spacing:.14em;white-space:normal;text-align:center;padding-inline:4%}
.stand:is(.s2,.go,.wl) .unit{position:absolute;left:18.75%;width:62.5%;bottom:51.76%;height:32.94%;margin:0;padding:0;z-index:2;display:block;border-radius:max(3px,.9cqh);border:max(1.5px,.35cqh) solid #3f464b;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  background:
    linear-gradient(#c8ff00,#c8ff00) 9.25% 14.9% / 9.2% max(1px,.35%) no-repeat,
    linear-gradient(#3a403c,#3a403c) 50% 14.9% / 83.2% max(1px,.35%) no-repeat,
    linear-gradient(#ff8f5c,#ff5b1f) 8.6% 25.3% / 2.4% 13.1% no-repeat,
    linear-gradient(#ffe27a,#ffc21a) 8.6% 42.5% / 2.4% 13.1% no-repeat,
    linear-gradient(#c8ff00,#a8e000) 8.6% 59.5% / 2.4% 13.1% no-repeat,
    linear-gradient(#dfe2dc,#c9cdc5) 9.4% 95% / 10.8% 7.7% no-repeat,
    linear-gradient(90deg,#f4f6ee,#a8ab9c 60%,#ebe9e1) 52% 57.5% / 34% 3.2% no-repeat,
    linear-gradient(#c8ff00,#c8ff00) 47.5% 64.5% / 27% 3.2% no-repeat,
    linear-gradient(170deg,#191d1b,#0c0e0d)}

.stand:is(.s2,.go,.wl) .scr{position:absolute;left:45.6%;top:19.7%;width:30.8%;height:15.6%;aspect-ratio:auto;border-radius:6%/9%;border:max(1px,.25cqh) solid #6e1f37;
  background:linear-gradient(118deg,transparent 52%,rgba(255,255,255,.4) 52% 70%,transparent 70%),linear-gradient(#2a2d2b,#2a2d2b) 0 100% / 100% 20% no-repeat,linear-gradient(150deg,#f2f4ee,#cfd4ca)}
.stand:is(.s2,.go,.wl) .scr::after{content:"";position:absolute;left:9%;top:16%;width:34%;height:13%;border-radius:99px;background:var(--lime)}

.stand:is(.s2,.go,.wl) .noz{position:absolute;left:45.8%;top:39.2%;width:10.4%;aspect-ratio:1;background:radial-gradient(#0b0b0c 30%,#d23a6a 33% 39%,#d6d9d3 43% 56%,#5d625b 72%)}

.stand:is(.s2,.go,.wl) .unit::before{content:"";position:absolute;left:77.6%;top:33.3%;width:16.8%;height:16.3%;border-radius:12%/9%;background:linear-gradient(#21323a,#21323a) 50% 28% / 66% 40% no-repeat,linear-gradient(160deg,#ffd84a,#e0a913)}

.stand:is(.s2,.go,.wl) .unit::after{content:"";position:absolute;left:45.8%;top:72.7%;width:44.4%;height:8.9%;border-radius:99px;background:#070808;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06)}
.stand:is(.s2,.go,.wl) .base{position:absolute}


.stand.s2 .gap{position:absolute;left:32%;width:36%;bottom:84.7%;height:1.6%;border-width:0 max(2px,.3cqh)}
.stand.s2 .mid > i{bottom:9.4%;height:75.3%;width:10%;background:linear-gradient(90deg,#2b2f2a,#5b6159 45%,#242822)}
.stand.s2 .mid > i:first-child{left:11.25%}
.stand.s2 .mid > i:last-child{left:78.75%}
.stand.s2 .base{left:3.75%;width:92.5%;bottom:0;height:9.4%;border-radius:3px 3px 1px 1px;background:repeating-linear-gradient(180deg,transparent 0 calc(25% - 1px),rgba(0,0,0,.35) calc(25% - 1px) 25%),linear-gradient(180deg,#61675f,#353a34)}
.stand.s2 .scr::before{content:"";position:absolute;left:110%;top:9.6%;width:22%;aspect-ratio:1;border-radius:50%;border:max(1px,.22cqh) solid var(--lime)}


.stand.go .gap{display:none}
.stand.go .mid > i{bottom:2%;height:87.5%;width:5%;background:linear-gradient(90deg,transparent 30%,var(--lime) 30% 70%,transparent 70%) 0 100% / 100% 96% no-repeat,linear-gradient(90deg,#4a5048,#8d9389 45%,#3d423b)}
.stand.go .mid > i:first-child{left:13.75%}
.stand.go .mid > i:last-child{left:81.25%}
.stand.go .mid::before,.stand.go .mid::after{content:"";position:absolute;left:13.75%;width:72.5%;height:1.9%;background:linear-gradient(180deg,#7c8279,#4a5048)}
.stand.go .mid::before{bottom:49.9%}
.stand.go .mid::after{bottom:84.7%}
.stand.go .base{left:6.25%;width:87.5%;bottom:.8%;height:3.6%;border-radius:2px;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.4) 48% 54%,transparent 54%),linear-gradient(180deg,#5a6058,#2d312c)}
.stand.go .base::before,.stand.go .base::after{content:"";position:absolute;bottom:-22%;width:22.9%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(#9aa096 18%,#2a2e29 22% 62%,#151715 64%)}
.stand.go .base::before{left:7.2%}
.stand.go .base::after{left:70%}

.stand.wl{filter:drop-shadow(0 10px 14px rgba(31,34,30,.26))}
.stand.wl .gap{position:absolute;left:32%;width:36%;bottom:84.7%;height:1.6%;border-width:0 max(2px,.3cqh);border-color:#5b6159}
.stand.wl .base{left:66.5%;width:4%;bottom:24%;height:27.8%;border-radius:1px;background:linear-gradient(90deg,#aeb3aa,#e1e4de 45%,#bfc3ba)}
.stand.wl .base::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:5cqh;height:5cqh;border-radius:.8cqh;
  background:radial-gradient(circle at 37% 50%,#4c5249 0 8%,transparent 10%),radial-gradient(circle at 63% 50%,#4c5249 0 8%,transparent 10%),radial-gradient(circle,#c6cac2 0 33%,transparent 35%),linear-gradient(180deg,#eef0ea,#cfd3cb);box-shadow:0 1px 2px rgba(31,34,30,.25)}

.stand.wall{aspect-ratio:.72;justify-content:flex-start}
.stand.wall .hdr{width:100%;height:16%;border-radius:10px 10px 4px 4px}
.stand.wall .unit{width:100%;flex:1;margin:4% 0 0;padding:14% 14%}
.wallplate{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d9dcd6,#cdd1ca);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(31,34,30,.06)}


.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}


.includes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--line)}
.includes div{padding:28px 28px 0 0;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;align-content:start}
.includes div+div{padding-left:28px;border-left:1px solid var(--line)}
.includes i{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:22px;color:var(--smoke)}
.includes h3{font-size:20px;letter-spacing:-.02em}
.includes p{color:var(--smoke-2);font-size:16px}


.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;padding-bottom:120px}
.direct{margin-top:32px;display:grid;gap:12px}
.direct a{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:700;text-decoration:none}
.direct i{font-size:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--lime-ink)}
form{background:var(--surface);border-radius:calc(var(--r) * 1.4);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f{display:grid;gap:8px}
.f.full{grid-column:1/-1}
.f label{font-weight:700;font-size:14px}
.f input,.f select,.f textarea{font:inherit;color:var(--smoke);background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 16px;width:100%;transition:border-color .2s,box-shadow .2s}
.f textarea{min-height:130px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--smoke-2);box-shadow:0 0 0 4px rgba(200,255,0,.45)}
.f .help{font-size:13px;color:var(--smoke-3)}
.f .err{display:none;font-size:14px;color:#a3261b}
.f.invalid input,.f.invalid textarea{border-color:#a3261b}
.f.invalid .err{display:block}
.frow{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.frow small{color:var(--smoke-3)}

.form-status{grid-column:1/-1;font-size:15px;color:#a3261b;background:rgba(163,38,27,.07);border-radius:14px;padding:12px 16px}
.pill:disabled{opacity:.6;cursor:progress;transform:none}


.cta-band{margin:clamp(100px,12vw,170px) 0 120px;background:var(--night);color:#eef2e6;border-radius:calc(var(--r) * 1.4);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end}
.cta-band h2{color:#eef2e6}
.cta-band p{color:#b9c2b2;margin-top:14px;max-width:46ch}
.cta-band .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.cta-band .pill{background:var(--lime);color:var(--lime-ink)}
.cta-band .pill .go{background:var(--lime-ink);color:var(--lime)}
.cta-band .pill.ghost{background:transparent;color:#eef2e6;box-shadow:inset 0 0 0 1.5px #eef2e6}

footer{border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:28px;padding-bottom:40px;color:var(--smoke-3);font-size:15px}
footer .flogo{display:block;height:30px;width:auto}
footer a{text-decoration:none}
footer a:hover{color:var(--smoke)}
footer .fcopy{flex-basis:100%;font-size:14px}

@media (max-width:1000px){
  .nav .links,.nav .pill{display:none}
  .burger{display:block}
  .nav.open .links{display:flex;flex-direction:column;align-items:stretch;gap:18px;position:absolute;top:68px;left:0;right:0;max-height:calc(100dvh - 68px);overflow-y:auto;padding:20px clamp(16px,4vw,48px) 28px;background:var(--bg);border-bottom:1px solid var(--line)}
  
  .dd-top i{display:none}
  .dd-menu{position:static;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;padding:6px 0 0 14px;border-left:2px solid var(--lime);margin-top:8px;border-radius:0}
  .dd-menu::before{display:none}
  .dd-menu a{padding:6px 0;color:var(--smoke-2)}
  .contact,.cta-band{grid-template-columns:1fr}
  .cta-band .acts{justify-content:flex-start}
  .includes{grid-template-columns:1fr}
  .includes div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:24px}
}
@media (max-width:640px){
  form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}


.flinks{display:flex;gap:22px;flex-wrap:wrap}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.ai-note{position:absolute;left:14px;bottom:11px;z-index:1;font-size:10.5px;line-height:1;letter-spacing:.01em;color:rgba(255,255,255,.72);text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}