:root{--bg:#F3F6FB;--surface:#FFFFFF;--surface-2:#E9EEF7;--line:#D6DEEC;--fg:#0E1B3A;--muted:#55627F;--navy:#0B1634;--navy-2:#13234D;--band-fg:#E8EEFC;--band-muted:#9AA8C9;--blue:#1E3FF2;--cyan:#14D9D2;--accent:#1E3FF2;--accent-soft:#E3E9FF;--grad:linear-gradient(120deg,#1E3FF2 0%,#1A8CF0 50%,#14D9D2 100%);--f-display:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--f-mark:"Montserrat","Onest",system-ui,sans-serif;--r:18px;--max:1180px;--shadow:0 1px 2px rgba(14,27,58,.06),0 12px 32px -12px rgba(14,27,58,.18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#060C1F;--surface:#0C1630;--surface-2:#111E3E;--line:#1D2B52;--fg:#E6ECFA;--muted:#93A1C2;--navy:#040918;--navy-2:#0C1736;--band-fg:#E8EEFC;--band-muted:#93A1C2;--accent:#5C7BFF;--accent-soft:#16245A;--shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -16px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#060C1F;--surface:#0C1630;--surface-2:#111E3E;--line:#1D2B52;--fg:#E6ECFA;--muted:#93A1C2;--navy:#040918;--navy-2:#0C1736;--band-fg:#E8EEFC;--band-muted:#93A1C2;--accent:#5C7BFF;--accent-soft:#16245A;--shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -16px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}img,svg{max-width:100%}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--f-display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--navy)}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0;letter-spacing:-.02em}p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--grad);border-radius:2px}.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}section{padding-block:clamp(72px,10vw,128px)}.sec-head{display:grid;gap:18px;max-width:760px;margin-bottom:clamp(40px,6vw,64px)}.sec-head h2{font-size:clamp(32px,4.6vw,54px);line-height:1.06;font-weight:700}.sec-head p{color:var(--muted);font-size:18.5px;max-width:62ch}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .25s,box-shadow .25s,background .25s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px -10px #1e3ff2b3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #14d9d28c}.btn-ghost{border-color:#e8eefc47;color:var(--band-fg);background:#ffffff0a}.btn-ghost:hover{background:#ffffff1a}.btn svg{width:16px;height:16px}.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--navy) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07);color:var(--band-fg)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand svg{width:46px;height:30px}.brand b{font-family:var(--f-mark);font-weight:800;font-size:21px;letter-spacing:.03em}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{text-decoration:none;font-size:15px;color:var(--band-muted);padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:#ffffff0f}.nav .btn{padding:10px 18px;font-size:14.5px}.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.2);color:var(--band-fg);border-radius:10px;width:42px;height:42px;cursor:pointer}@media(max-width:900px){.nav-links{position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);padding:12px max(20px,env(safe-area-inset-right,0px)) 20px max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(255,255,255,.08);display:none}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.menu-btn{display:grid;place-items:center}.nav .cta-desk{display:none}}.hero{background:var(--navy);color:var(--band-fg);position:relative;overflow:hidden;padding-block:clamp(48px,7vw,88px) clamp(56px,7vw,96px)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 70% at 78% 40%,rgba(30,63,242,.38),transparent 70%),radial-gradient(40% 50% at 95% 10%,rgba(20,217,210,.22),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}.hero-copy{display:grid;gap:26px;min-width:0}.hero .eyebrow{color:var(--cyan)}.hero h1{font-size:clamp(42px,6.4vw,82px);line-height:1;font-weight:700;letter-spacing:-.035em}.hero h1 .serif{font-size:1.08em;letter-spacing:-.02em}.hero-sub{font-size:clamp(17px,1.6vw,19.5px);color:var(--band-muted);max-width:54ch}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#c9d4f0;background:#ffffff08}.stage{position:relative;aspect-ratio:1/.92;width:100%;max-width:100%;min-width:0}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.stage .fallback{position:absolute;top:12%;right:8%;bottom:12%;left:8%;display:grid;place-items:center}.stage .fallback svg{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(20,217,210,.35))}.stage.ready .fallback{opacity:0;transition:opacity .8s}.hud{position:absolute;font-family:var(--f-mono);font-size:11px;color:#9fb0d8;letter-spacing:.06em;background:#0812309e;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:8px 11px;line-height:1.5;pointer-events:none}.hud b{color:#fff;font-weight:500}.hud i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);margin-right:6px;font-style:normal}.hud.h1{top:8%;left:0}.hud.h2{bottom:10%;right:2%}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.stage{max-width:520px;margin-inline:auto;width:100%}}.marquee{background:var(--navy-2);color:var(--band-muted);border-block:1px solid rgba(255,255,255,.06);overflow:hidden;padding-block:18px}.track{display:flex;gap:44px;width:max-content;animation:scroll 42s linear infinite;font-family:var(--f-mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase}.track span{display:inline-flex;align-items:center;gap:44px;white-space:nowrap}.track span:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)}@keyframes scroll{to{transform:translate(-50%)}}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1400px}@media(max-width:980px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px 28px;display:grid;gap:14px;align-content:start;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;min-width:0}.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(30,140,240,.12),transparent 45%);opacity:0;transition:opacity .4s}.card:hover:after{opacity:1}.ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);transform:translateZ(40px)}.ico svg{width:30px;height:30px}.card h3{font-size:21px;font-weight:650;transform:translateZ(26px)}.card p{color:var(--muted);font-size:15.8px;transform:translateZ(14px)}.card ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px;transform:translateZ(10px)}.card li{font-family:var(--f-mono);font-size:11.5px;color:var(--fg);background:var(--surface-2);padding:4px 9px;border-radius:6px}.stack-sec{background:var(--surface);border-block:1px solid var(--line)}.stack-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}@media(max-width:900px){.stack-grid{grid-template-columns:1fr}}.layers{list-style:none;margin:0;padding:0;display:grid;gap:10px}.layers li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--bg);cursor:default;transition:border-color .3s,background .3s,transform .3s}.layers li .tag{grid-row:span 2;font-family:var(--f-mono);font-size:11.5px;color:var(--muted);padding-top:3px;width:30px}.layers li b{font-weight:600;font-size:16.5px}.layers li span{color:var(--muted);font-size:14.5px}.layers li.on{border-color:var(--accent);background:var(--accent-soft);transform:translate(6px)}.scene{perspective:1600px;height:440px;display:grid;place-items:center;min-width:0;overflow:hidden}.iso{position:relative;width:300px;height:300px;transform:rotateX(58deg) rotate(-40deg);transform-style:preserve-3d;transition:transform 1s}.plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .4s,filter .4s;border:1px solid rgba(255,255,255,.35);background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/30px 30px,var(--c);box-shadow:0 30px 50px -20px #0b16348c;opacity:.93}.plate:after{content:attr(data-label);position:absolute;left:18px;bottom:14px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:#fffffff2;text-transform:uppercase}.plate .node{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff}.iso .plate:nth-child(1){--c:#0B1634;transform:translateZ(0)}.iso .plate:nth-child(2){--c:#13307E;transform:translateZ(34px)}.iso .plate:nth-child(3){--c:#1E3FF2;transform:translateZ(68px)}.iso .plate:nth-child(4){--c:#1A8CF0;transform:translateZ(102px)}.iso .plate:nth-child(5){--c:#12BFC0;transform:translateZ(136px)}.iso.open .plate:nth-child(1){transform:translateZ(-60px)}.iso.open .plate:nth-child(2){transform:translateZ(10px)}.iso.open .plate:nth-child(3){transform:translateZ(80px)}.iso.open .plate:nth-child(4){transform:translateZ(150px)}.iso.open .plate:nth-child(5){transform:translateZ(220px)}.plate.hi{filter:brightness(1.25) saturate(1.2);box-shadow:0 0 0 2px #fff,0 30px 60px -10px #14d9d299}@media(max-width:520px){.scene{height:360px}.iso{width:220px;height:220px}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;position:relative}.steps:before{content:"";position:absolute;top:27px;left:28px;right:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.5}.step{display:grid;gap:12px;padding-right:24px;align-content:start;min-width:0}.step .dot{position:relative;width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);display:grid;place-items:center;font-family:var(--f-mono);font-size:14px;color:var(--accent);font-weight:500}.step h3{font-size:21px;font-weight:650;margin-top:8px}.step .dur{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.step p{color:var(--muted);font-size:15.5px}@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;gap:40px 0}.steps:before{display:none}}@media(max-width:560px){.steps{grid-template-columns:1fr}}.work{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:22px}.work .case:first-child{grid-row:span 2}@media(max-width:900px){.work{grid-template-columns:1fr}.work .case:first-child{grid-row:auto}}.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0}.case .art{position:relative;background:var(--navy);min-height:220px;overflow:hidden}.case:first-child .art{min-height:340px}.case .art canvas,.case .art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.case .body{padding:26px 28px 28px;display:grid;gap:10px;align-content:start}.case .kind{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.case h3{font-size:23px;font-weight:650}.case p{color:var(--muted);font-size:15.8px}.case .out{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px;font-size:14px}.case .out span:before{content:"→ ";color:var(--accent)}.why{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.why div{background:var(--surface);padding:32px;display:grid;gap:10px}.why h3{font-size:20px;font-weight:650;display:flex;gap:12px;align-items:center}.why h3 svg{width:22px;height:22px;flex:none}.why p{color:var(--muted);font-size:15.8px}@media(max-width:700px){.why{grid-template-columns:1fr}}.models{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}@media(max-width:900px){.models{grid-template-columns:1fr}}.model{border-radius:var(--r);padding:28px;border:1px solid var(--line);background:var(--bg);display:grid;gap:10px;align-content:start}.model.feat{background:var(--navy);color:var(--band-fg);border-color:transparent;position:relative;overflow:hidden}.model.feat:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(70% 90% at 100% 0%,rgba(20,217,210,.25),transparent 60%);pointer-events:none}.model .lbl{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.model.feat .lbl{color:var(--cyan)}.model h3{font-size:22px;font-weight:650}.model p{color:var(--muted);font-size:15.5px}.model.feat p{color:var(--band-muted)}.inds{display:flex;flex-wrap:wrap;gap:12px}.ind{display:flex;align-items:center;gap:12px;padding:14px 20px 14px 14px;border:1px solid var(--line);background:var(--surface);border-radius:999px;font-weight:550;font-size:15.5px;transition:transform .3s,border-color .3s}.ind:hover{transform:translateY(-3px);border-color:var(--accent)}.ind i{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-style:normal}.ind i svg{width:18px;height:18px}.contact{background:var(--navy);color:var(--band-fg);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-400px;background:radial-gradient(circle,rgba(30,63,242,.35),transparent 60%);pointer-events:none}.contact .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}@media(max-width:900px){.contact .wrap{grid-template-columns:1fr}}.contact h2{font-size:clamp(36px,5vw,60px);line-height:1.04;font-weight:700}.contact .eyebrow{color:var(--cyan)}.contact .lead{color:var(--band-muted);font-size:18px;max-width:46ch}.info{display:grid;gap:18px;margin-top:10px}.info div{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.info .ii{width:40px;height:40px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.info .ii svg{width:18px;height:18px}.info small{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--band-muted)}.info span{font-size:16px;-webkit-user-select:all;user-select:all}form{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:30px;display:grid;gap:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.row2{grid-template-columns:1fr}}label{display:grid;gap:7px;font-size:13.5px;color:var(--band-muted);font-weight:500}input,select,textarea{font:inherit;font-size:15.5px;color:var(--band-fg);background:#0409188c;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s}select option{background:#0b1634;color:#e8eefc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}textarea{min-height:120px;resize:vertical}.form-note{font-size:13px;color:var(--band-muted)}.sent{display:grid;gap:10px;text-align:left}.sent h3{font-size:24px}.sent p{color:var(--band-muted)}footer{background:var(--navy);color:var(--band-muted);border-top:1px solid rgba(255,255,255,.07);padding-block:40px;font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}footer .brand{color:var(--band-fg)}footer nav{display:flex;flex-wrap:wrap;gap:6px 22px}footer nav a{text-decoration:none}footer nav a:hover{color:#fff}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.nav-mobile-cta{color:#fff!important;margin-top:6px;justify-content:center}@media(min-width:901px){.nav-mobile-cta{display:none!important}}.info a{text-decoration:none}.info a:hover{text-decoration:underline}.btn:disabled{opacity:.7;cursor:progress}
