@font-face{font-family:Display;src:url(/assets/fonts/display.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Body;src:url(/assets/fonts/body.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Mono;src:url(/assets/fonts/mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
@view-transition{navigation:auto}
:root{
  --bg:#05060a;--bg2:#0a0c14;--bg3:#0f121c;
  --ink:#eef1f7;--dim:rgba(238,241,247,.7);--faint:rgba(238,241,247,.54);
  --line:rgba(238,241,247,.09);--line2:rgba(238,241,247,.17);
  --cyan:#00e5ff;--violet:#9b5cff;--grad:linear-gradient(100deg,var(--cyan),var(--violet));
  --display:Display,"Segoe UI",system-ui,sans-serif;--body:Body,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:Mono,ui-monospace,Consolas,monospace;
  --maxw:1280px;--pad:clamp(1.15rem,4vw,3rem);
  --s1:clamp(.8rem,.78rem + .1vw,.86rem);--s2:clamp(1rem,.96rem + .18vw,1.09rem);--s3:clamp(1.2rem,1.1rem + .5vw,1.5rem);
  --s4:clamp(1.7rem,1.3rem + 1.8vw,2.7rem);--s5:clamp(2.4rem,1.5rem + 4vw,4.9rem);--s6:clamp(3rem,1.2rem + 8.4vw,9.4rem);
  --r:18px;--ease:cubic-bezier(.7,0,.2,1);--out:cubic-bezier(.16,1,.3,1);
  color-scheme:dark
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem;background:var(--bg)}
body{font:400 var(--s2)/1.62 var(--body);color:var(--ink);background:var(--bg);min-height:100dvh;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,canvas,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
button,input,textarea{font:inherit;color:inherit}
::selection{background:var(--cyan);color:#05060a}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:650;line-height:1;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:var(--s5)}
h3{font-size:var(--s3);letter-spacing:-.02em;line-height:1.15}
p{text-wrap:pretty}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--cyan);color:#05060a;padding:.7rem 1rem;border-radius:10px;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:1rem}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/calc((min(100vw,var(--maxw)) - 2*var(--pad))/6) 100%;
  opacity:.45;mask:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent);left:max(var(--pad),calc(50vw - var(--maxw)/2 + var(--pad)));right:max(var(--pad),calc(50vw - var(--maxw)/2 + var(--pad)))}
.tag{font:500 var(--s1)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:inline-flex;gap:.6em;align-items:center}
.tag b{color:var(--cyan);font-weight:500;white-space:nowrap}
.mono{font-family:var(--mono);font-size:var(--s1);letter-spacing:.08em}
.lead{font-size:var(--s3);line-height:1.45;color:var(--dim);max-width:38ch;letter-spacing:-.01em}

.hd{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,border-color .4s,transform .45s var(--out);border-bottom:1px solid transparent}
.hd.scrolled{background:rgba(5,6,10,.72);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-color:var(--line)}
.hd.hide{transform:translateY(-100%)}
.hd .wrap{display:flex;align-items:center;gap:1.5rem;height:4.4rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font:600 1.1rem/1 var(--display);letter-spacing:-.03em}
.brand svg{width:30px;height:30px}
.nav{margin-left:auto;display:flex;gap:.3rem;align-items:center}
.nav a{text-decoration:none;color:var(--dim);padding:.55rem .85rem;border-radius:999px;font-size:.94rem;transition:color .25s,background .25s}
.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:rgba(238,241,247,.06)}
.nav .btn{margin-left:.5rem}
.nav a.btn-p,.nav a.btn-p:hover{color:#05060a;background:var(--ink)}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line2);background:transparent;border-radius:12px;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);transition:transform .35s var(--out),opacity .2s}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:22.5px}.burger span:nth-child(3){top:28px}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

.btn{--bx:0px;--by:0px;position:relative;display:inline-flex;align-items:center;gap:.7rem;height:3.25rem;padding:0 1.35rem;border-radius:12px;font-weight:550;font-size:.98rem;text-decoration:none;white-space:nowrap;cursor:pointer;border:0;overflow:hidden;isolation:isolate;transform:translate(var(--bx),var(--by));transition:transform .5s var(--out),color .35s}
.btn i{display:inline-block;font-style:normal;transition:transform .45s var(--out)}
.btn:hover i{transform:rotate(-45deg)}
.btn-p{background:var(--ink);color:#05060a}
.btn-p::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad);transform:translateY(101%);transition:transform .5s var(--ease)}
.btn-p:hover::before{transform:none}
.btn-g{background:rgba(238,241,247,.06);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);backdrop-filter:blur(8px)}
.btn-g:hover{background:rgba(238,241,247,.11)}
.nav .btn{height:2.6rem;padding:0 1rem;font-size:.9rem;border-radius:10px}

.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:7.5rem 0 2.2rem;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(60% 55% at 78% 38%,rgba(155,92,255,.32),transparent 70%),
  radial-gradient(45% 45% at 62% 70%,rgba(0,229,255,.18),transparent 70%),
  radial-gradient(80% 60% at 10% 110%,rgba(0,229,255,.08),transparent 70%),var(--bg)}
#fx{position:absolute;inset:0 0 auto;width:100%;height:100lvh;max-height:100%;z-index:-1;opacity:0;transition:opacity 1.4s ease}
#fx.on{opacity:1}
.hero-mark{position:absolute;z-index:-1;right:max(var(--pad),calc(50vw - var(--maxw)/2 + var(--pad)));top:50%;width:min(34vw,30rem);transform:translateY(-58%);opacity:.9;transition:opacity 1.2s}
#fx.on~.hero-mark{opacity:0}
@media (max-width:860px){.hero-mark{width:42vw;top:5.5rem;right:-6vw;transform:none;opacity:.5}}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:30%;z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.hero h1{font-size:var(--s6);line-height:.86;letter-spacing:-.055em;font-weight:680;margin:1.4rem 0 1.8rem}
.hero h1 .l{display:block}
.hero h1 .l2{padding-left:clamp(0rem,9vw,9rem)}
.hero-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 4rem;align-items:end}
.hero .lead{max-width:44ch}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}
.facts{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-top:2.6rem;padding-top:1.1rem;border-top:1px solid var(--line);font:500 var(--s1)/1.4 var(--mono);letter-spacing:.06em;color:var(--faint)}
.facts strong{color:var(--ink);font-weight:500}
.readout{justify-self:end;width:min(100%,25rem);border:1px solid var(--line2);border-radius:var(--r);padding:1.1rem 1.2rem;background:rgba(5,6,10,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:400 var(--s1)/1.5 var(--mono);letter-spacing:.04em}
.readout header{display:flex;justify-content:space-between;color:var(--faint);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.8rem}
.readout header span:last-child{color:var(--cyan)}
.readout header span:last-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:.5em;vertical-align:1px;animation:blink 1.6s infinite}
.readout dl{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem}
.readout dt{color:var(--faint)}
.readout dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
@keyframes blink{50%{opacity:.25}}

.ticker{border-block:1px solid var(--line);overflow:hidden;padding:1.05rem 0;background:var(--bg);position:relative}
.ticker-in{display:flex;width:max-content;animation:tick 38s linear infinite;transform:skewX(var(--sk,0deg))}
.ticker span{font:600 clamp(1.4rem,1rem + 1.6vw,2.3rem)/1 var(--display);letter-spacing:-.03em;padding-right:2.2rem;white-space:nowrap;display:flex;align-items:center;gap:2.2rem}
.ticker span::after{content:"";width:.55em;height:.55em;border:1.5px solid var(--cyan);transform:rotate(45deg)}
.ticker span:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(238,241,247,.62)}
@keyframes tick{to{transform:translateX(-50%) skewX(var(--sk,0deg))}}

.sec{padding:clamp(5rem,4rem + 6vw,10rem) 0;position:relative}
.sec-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 4rem;align-items:end;margin-bottom:clamp(2.5rem,2rem + 3vw,5rem)}
.sec-hd h2{margin-top:1.1rem}
.sec-hd p{color:var(--dim);max-width:46ch;font-size:var(--s2)}
.plus{position:absolute;width:14px;height:14px;color:var(--line2)}
.plus::before,.plus::after{content:"";position:absolute;background:currentColor}
.plus::before{left:6px;top:0;width:1.5px;height:14px}.plus::after{top:6px;left:0;height:1.5px;width:14px}

.pt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.el{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;position:relative;background:var(--bg);padding:1.6rem 1.6rem 1.8rem;min-height:23rem;display:flex;flex-direction:column;isolation:isolate;transition:background .4s;scroll-margin-top:6rem}
.el::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .45s;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(0,229,255,.12),rgba(155,92,255,.08) 40%,transparent 70%)}
.el:hover::before,.el:target::before{opacity:1}
.el-top{display:flex;justify-content:space-between;font:500 var(--s1)/1 var(--mono);color:var(--faint);letter-spacing:.1em}
.el-sym{font:650 clamp(4.2rem,3rem + 4vw,6.6rem)/1 var(--display);letter-spacing:-.06em;margin:1.4rem 0 .2rem;transform:perspective(600px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--out);width:fit-content}
.el:hover .el-sym{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.el h3{margin-bottom:.7rem}
.el p{color:var(--dim);font-size:.97rem;line-height:1.6}
.el ul{list-style:none;padding:0;margin-top:auto;padding-top:1.3rem;display:flex;flex-wrap:wrap;gap:.4rem}
.el li{font:500 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.45rem .6rem;border:1px solid var(--line2);border-radius:6px;color:var(--dim)}
.el .inkl{color:var(--cyan);border-color:rgba(0,229,255,.4)}

.incl{margin-top:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 2rem;align-items:center;border:1px solid var(--line2);border-radius:var(--r);padding:1.3rem 1.5rem;background:linear-gradient(100deg,rgba(0,229,255,.06),rgba(155,92,255,.06))}
.incl ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;color:var(--dim)}
.incl li::before{content:"+ ";color:var(--cyan);font-family:var(--mono)}

.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2)}
.metric{padding:1.6rem 1.3rem 0 0;border-right:1px solid var(--line);margin-right:1.3rem}
.metric:last-child{border:0;margin:0}
.metric b{display:block;font:650 clamp(2.8rem,1.8rem + 3.6vw,5.4rem)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.metric b small{font-size:.42em;letter-spacing:-.02em;color:var(--dim);margin-left:.1em}
.metric>span{display:block;margin-top:.9rem;color:var(--faint);font:500 var(--s1)/1.45 var(--mono);letter-spacing:.06em}
.proof{margin-top:3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;align-items:center;color:var(--dim);font-size:.97rem}
.proof .mono{color:var(--faint)}
.proof output{color:var(--ink);font-family:var(--mono)}

.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:1.05rem;height:1px;background:var(--line2)}
.steps::after{content:"";position:absolute;left:0;top:1.05rem;height:1px;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(var(--p,1))}
.steps li{position:relative;padding-top:3.4rem}
.steps li::before{counter-increment:s;content:"0" counter(s);position:absolute;top:0;left:0;z-index:1;font:500 .78rem/1 var(--mono);background:var(--bg);border:1px solid var(--line2);padding:.62rem .7rem;border-radius:8px;color:var(--cyan)}
.steps h3{margin-bottom:.6rem}
.steps p{color:var(--dim);font-size:.97rem}
.dur{margin-top:3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dur div{background:var(--bg);padding:1.3rem 1.4rem}
.dur dt{font:500 var(--s1)/1 var(--mono);color:var(--faint);letter-spacing:.1em;text-transform:uppercase}
.dur dd{font:600 var(--s4)/1.1 var(--display);letter-spacing:-.03em;margin-top:.6rem}

.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.case{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg2);text-decoration:none;isolation:isolate;transition:border-color .4s,transform .6s var(--out)}
.case:hover{border-color:var(--line2);transform:translateY(-4px)}
.case-img{aspect-ratio:1200/630;overflow:hidden;background:var(--bg3);position:relative}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--out),filter .6s}
.case:hover .case-img img{transform:scale(1.045)}
.case-b{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.case-m{display:flex;justify-content:space-between;gap:1rem;font:500 var(--s1)/1.3 var(--mono);letter-spacing:.06em;color:var(--faint)}
.case-m .k{color:var(--cyan);text-transform:uppercase}
.case h3{font-size:var(--s4)}
.case p{color:var(--dim);font-size:.97rem}
.case .go{margin-top:auto;padding-top:.8rem;display:flex;align-items:center;gap:.5rem;font-weight:550}
.case .go i{font-style:normal;transition:transform .45s var(--out)}
.case:hover .go i{transform:translate(3px,-3px)}

.me{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem 5rem;align-items:start}
.quote{font:600 var(--s4)/1.12 var(--display);letter-spacing:-.03em}
.quote span{color:var(--dim)}
.rules{list-style:none;padding:0;border-top:1px solid var(--line2);counter-reset:r}
.rules li{display:grid;grid-template-columns:3.2rem 1fr;gap:.2rem 1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}
.rules li::before{counter-increment:r;content:"[0" counter(r) "]";font:500 var(--s1)/1.9 var(--mono);color:var(--cyan);grid-row:span 2}
.rules b{font-weight:600}
.rules span{color:var(--dim);font-size:.97rem}

.faq{border-top:1px solid var(--line2)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1.5rem;padding:1.35rem 0;font:600 var(--s3)/1.25 var(--display);letter-spacing:-.02em;transition:color .25s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--cyan)}
.faq summary::after{content:"+";font:300 1.6rem/1 var(--mono);color:var(--faint);transition:transform .45s var(--out)}
.faq details[open] summary::after{transform:rotate(45deg);color:var(--cyan)}
.faq details>div{padding:0 0 1.5rem;color:var(--dim);max-width:72ch}
.faq details>div p+p{margin-top:.8rem}
::details-content{transition:height .45s var(--out),content-visibility .45s allow-discrete;height:0;overflow:clip}
[open]::details-content{height:auto}
@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}
.faq-cats{position:sticky;top:4.6rem;z-index:5;display:flex;gap:.5rem;overflow-x:auto;padding:.8rem 0;margin-bottom:2rem;background:linear-gradient(var(--bg) 75%,transparent);scrollbar-width:none}
.faq-cats a{flex:none;text-decoration:none;font:500 var(--s1)/1 var(--mono);letter-spacing:.06em;padding:.65rem .9rem;border:1px solid var(--line2);border-radius:999px;color:var(--dim);transition:all .25s}
.faq-cats a:hover{color:var(--ink);border-color:var(--cyan)}
.faq-grp{margin-bottom:4rem;scroll-margin-top:9rem}
.faq-grp h2{font-size:var(--s4);margin-bottom:1.4rem;display:flex;gap:1rem;align-items:baseline}
.faq-grp h2 span{font:500 var(--s1)/1 var(--mono);color:var(--faint);letter-spacing:.1em}

.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem 5rem}
.contact h2{margin:1.1rem 0 1.4rem}
.contact .lead{font-size:var(--s2);max-width:40ch}
.direct{margin-top:2rem;display:grid;gap:.1rem;border-top:1px solid var(--line)}
.direct a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 var(--s3)/1.2 var(--display);letter-spacing:-.02em;transition:color .25s,padding .45s var(--out)}
.direct a:hover{color:var(--cyan);padding-left:.4rem}
.direct small{font:500 var(--s1)/1 var(--mono);color:var(--faint);letter-spacing:.1em;text-transform:uppercase}
.checks{list-style:none;padding:0;margin-top:1.8rem;display:grid;gap:.55rem;color:var(--dim);font-size:.95rem}
.checks li::before{content:"✓";color:var(--cyan);margin-right:.7rem;font-family:var(--mono)}
form.f{border:1px solid var(--line2);border-radius:calc(var(--r) + 4px);padding:clamp(1.3rem,1rem + 1.5vw,2.2rem);background:linear-gradient(160deg,rgba(238,241,247,.035),rgba(238,241,247,.01));display:grid;gap:1.1rem}
.fld{display:grid;gap:.45rem}
.fld label{font:500 var(--s1)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.fld input,.fld textarea{width:100%;background:rgba(5,6,10,.6);border:1px solid var(--line2);border-radius:12px;padding:.95rem 1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}
.fld textarea{min-height:9.5rem;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,229,255,.12)}
.fld input:user-invalid,.fld textarea:user-invalid{border-color:#ff6b6b}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.consent{display:flex;gap:.8rem;align-items:flex-start;font-size:.9rem;color:var(--dim);cursor:pointer}
.consent input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--cyan);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f .btn{justify-self:start}
.status{min-height:1.5em;font-size:.95rem}
.status.ok{color:var(--cyan)}.status.err{color:#ff8a8a}

.ft{border-top:1px solid var(--line);padding:4.5rem 0 2rem;overflow:hidden}
.ft-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:2.5rem}
.ft h2{font:500 var(--s1)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:1.1rem}
.ft ul{list-style:none;padding:0;display:grid;gap:.55rem}
.ft a{text-decoration:none;color:var(--dim);transition:color .2s}
.ft a:hover{color:var(--ink)}
.ft address{font-style:normal;color:var(--dim);line-height:1.7}
.ft-claim{color:var(--dim);max-width:30ch;margin-top:1rem}
.word{font:700 clamp(3rem,.5rem + 13.4vw,14rem)/.8 var(--display);letter-spacing:-.07em;margin:4rem 0 1.5rem;white-space:nowrap;background:linear-gradient(180deg,rgba(238,241,247,.14),rgba(238,241,247,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.ft-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font:500 var(--s1)/1.5 var(--mono);color:var(--faint);letter-spacing:.05em}

.page-hero{padding:10rem 0 clamp(3rem,2rem + 4vw,6rem);position:relative;overflow:hidden;isolation:isolate}
.page-hero::before{content:"";position:absolute;inset:-20% -10% 20% 30%;z-index:-1;background:radial-gradient(50% 50% at 60% 40%,rgba(155,92,255,.22),transparent 70%),radial-gradient(40% 40% at 30% 70%,rgba(0,229,255,.12),transparent 70%);filter:blur(10px)}
.page-hero h1{font-size:var(--s5);margin:1.2rem 0 1.4rem;max-width:16ch}
.crumb{font:500 var(--s1)/1 var(--mono);letter-spacing:.08em;color:var(--faint);display:flex;gap:.6rem}
.crumb a{text-decoration:none;color:var(--dim)}
.crumb a:hover{color:var(--cyan)}

.proj{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem 4rem;align-items:center;padding:clamp(3rem,2rem + 3vw,5.5rem) 0;border-top:1px solid var(--line)}
.proj:nth-child(even) .proj-img{order:2}
.proj-img{display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--line2);position:relative;transform:perspective(1000px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s var(--out)}
.proj-img img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.proj h2{font-size:var(--s4);margin:1rem 0 .4rem}
.proj .url{font:500 var(--s1)/1 var(--mono);color:var(--cyan);letter-spacing:.04em}
.proj p{color:var(--dim);margin-top:1.1rem}
.proj dl{margin-top:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.4rem;font-size:.93rem;border-top:1px solid var(--line);padding-top:1.2rem}
.proj dt{font:500 var(--s1)/1.6 var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}
.proj dd{color:var(--dim)}
.proj .btn{margin-top:1.8rem}
.note{color:var(--faint);font-size:.9rem;max-width:70ch}

.prose{max-width:74ch}
.prose h2{font-size:var(--s4);margin:3.2rem 0 1rem}
.prose h3{margin:2rem 0 .6rem}
.prose p,.prose li{color:var(--dim)}
.prose p+p{margin-top:1rem}
.prose ul{margin:1rem 0;padding-left:1.2rem;display:grid;gap:.5rem}
.prose a{color:var(--ink)}
.prose strong{color:var(--ink);font-weight:600}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.7rem 2rem;border-top:1px solid var(--line2);padding-top:1.3rem;margin-top:1.4rem}
.kv dt{font:500 var(--s1)/1.7 var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}
.kv dd{color:var(--ink)}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cols2>div{background:var(--bg);padding:1.6rem}
.cols2 h3{margin:.8rem 0 .5rem}
.cols2 p{color:var(--dim);font-size:.97rem}
.no{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line2)}
.no li{padding:1.1rem 0 1.1rem 2.4rem;border-bottom:1px solid var(--line);position:relative;color:var(--dim)}
.no li::before{content:"×";position:absolute;left:.2rem;top:1rem;font:400 1.3rem/1 var(--mono);color:#ff8a8a}
.no b{color:var(--ink);font-weight:600}
.cta-band{border:1px solid var(--line2);border-radius:calc(var(--r) + 6px);padding:clamp(2rem,1.5rem + 3vw,4.5rem);display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:end;background:radial-gradient(70% 120% at 100% 0%,rgba(155,92,255,.2),transparent 60%),radial-gradient(60% 100% at 0% 100%,rgba(0,229,255,.12),transparent 60%),var(--bg2)}
.cta-band h2{font-size:var(--s5);max-width:14ch}
.cta-band p{color:var(--dim);margin-top:1rem;max-width:44ch}

.rise{animation:rise 1.1s var(--out) var(--d,0s) backwards}
@keyframes rise{from{opacity:0;transform:translateY(26px)}}
.hero h1 .l{overflow:hidden;padding-bottom:.06em}
.hero h1 .l>span{display:inline-block;animation:up 1.2s var(--out) var(--d,0s) backwards}
@keyframes up{from{transform:translateY(105%) skewY(6deg)}}
@supports (animation-timeline:view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
  @keyframes rv{from{clip-path:inset(0 0 100% 0);transform:translateY(38px)}to{clip-path:inset(-30% -30% -30% -30%)}}
  .steps{animation:line linear both;animation-timeline:view();animation-range:entry 40% cover 55%}
  @keyframes line{from{--p:0}}
  @property --p{syntax:"<number>";inherits:true;initial-value:1}
  .word{animation:wd linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  @keyframes wd{from{letter-spacing:.02em;opacity:.2}}
}

@media (max-width:1000px){
  .pt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(2){border:0;margin-right:0}
  .metric:nth-child(n+3){margin-top:1.4rem;border-top:1px solid var(--line)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.6rem}
  .steps::before,.steps::after{display:none}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav{position:fixed;inset:4.4rem 0 0;height:calc(100dvh - 4.4rem);flex-direction:column;align-items:stretch;gap:.2rem;padding:1rem var(--pad) 1.6rem;background:#05060a;overflow-y:auto;border-bottom:1px solid var(--line);transform:translateY(-120%);visibility:hidden;transition:transform .5s var(--out),visibility 0s .5s}
  .nav.open{transform:none;visibility:visible;transition:transform .5s var(--out)}
  .nav a{font:600 1.6rem/1.2 var(--display);padding:.75rem 0;border-radius:0;border-bottom:1px solid var(--line);background:none!important}
  .nav .btn{margin:1rem 0 0;height:3.3rem;justify-content:center;font:550 1rem/1 var(--body);border:0;border-radius:12px;background:var(--ink)!important}
  .burger{display:block}
  .hd.menu{background:#05060a}
  .hero-row,.sec-hd,.me,.contact,.proj{grid-template-columns:1fr}
  .proj:nth-child(even) .proj-img{order:0}
  .readout{justify-self:stretch;width:100%}
  .cases{grid-template-columns:1fr}
  .dur{grid-template-columns:1fr}
  .cols2{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pt{grid-template-columns:1fr}
  .el{min-height:0}
  .two{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .incl{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  .hero{padding-top:6.5rem}
  .hero h1 .l2{padding-left:0}
  .metric b{font-size:2.6rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ticker-in{animation:none}
  #fx{transition:none}
}
.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.cols3{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cols3{grid-template-columns:1fr}}