@font-face{font-family:"DM Mono";src:url("fonts/dmmono-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"DM Mono";src:url("fonts/dmmono-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url("fonts/dmmono-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}


:root {
  --ink:#09090c; --ink-2:#121217; --paper:#eee9df; --paper-2:#d8d1c5;
  --violet:#7957d8; --brass:#c6a565; --white:#f7f4ed; --line:rgba(255,255,255,.18);
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --sans:"Manrope",Arial,sans-serif; --pad:clamp(20px,4.2vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
/* Lenis' official integration contract; native scrolling remains the fallback. */
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}
::selection{background:var(--brass);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:18px;top:-80px;z-index:1000;background:var(--paper);color:var(--ink);padding:14px 18px}.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--brass);outline-offset:4px}

/* navigation */
.topbar{height:76px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:rgba(9,9,12,.94);position:sticky;top:0;z-index:100;padding:0 var(--pad);backdrop-filter:blur(12px)}
.brand{display:inline-flex;width:max-content}.brand img{display:block;object-fit:contain}
.main-nav{display:flex;justify-content:center;gap:clamp(20px,3vw,46px);font:400 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.main-nav a{opacity:.62;transition:opacity .2s}.main-nav a:hover{opacity:1}
.nav-cta{height:42px;display:flex;align-items:center;gap:20px;border-left:1px solid var(--line);padding-left:28px;font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.nav-cta span{color:var(--brass)}

/* shared */
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font:500 11px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.eyebrow i{display:block;width:28px;height:1px;background:currentColor}.eyebrow-dark{color:#5c4a2b}
.section-index{display:flex;flex-direction:column;gap:5px;font-family:var(--mono);text-transform:uppercase}.section-index span{font-size:2.4rem;font-weight:300;letter-spacing:-.08em}.section-index b{font-size:10px;letter-spacing:.15em;font-weight:500}.section-index-light{color:var(--paper)}
.action{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 20px;border:1px solid currentColor;font:600 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.035em;transition:background .2s,color .2s,transform .2s}.action:hover{transform:translateY(-2px)}
.action-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.action-primary:hover{background:var(--brass);border-color:var(--brass)}
.action-dark{background:transparent;color:var(--white);border-color:rgba(255,255,255,.36)}.action-dark:hover{background:var(--white);color:var(--ink)}

/* hero */
.hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:72px minmax(420px,1.02fr) minmax(380px,.98fr);grid-template-rows:1fr auto;position:relative;border-bottom:1px solid var(--line);background:var(--ink)}
.system-rail{grid-row:1/3;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0;color:rgba(255,255,255,.46);font:400 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.system-rail span{writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-copy{grid-column:2;padding:clamp(58px,8vh,110px) clamp(26px,4vw,70px) 44px;z-index:2;align-self:center}
.hero h1{font-size:clamp(3.25rem,6.4vw,7.5rem);line-height:.88;letter-spacing:-.07em;font-weight:300;margin:0;max-width:900px}.hero h1 em{font-style:normal;color:var(--paper-2)}.hero h1 strong{font-weight:300;color:var(--brass)}
.hero-intro{max-width:600px;font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.7;color:rgba(255,255,255,.62);margin:30px 0 32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-object{grid-column:3;grid-row:1;position:relative;min-height:560px;overflow:hidden;isolation:isolate;border-left:1px solid var(--line);background:radial-gradient(circle at 55% 48%,rgba(111,83,199,.30),transparent 38%),linear-gradient(145deg,#0d0b15 0%,#08080d 68%)}
.hero-object::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent 5%,#000 35%,#000 80%,transparent)}
.hero-object::after{content:"";position:absolute;z-index:5;pointer-events:none;inset:0;background:linear-gradient(90deg,rgba(9,9,12,.34),transparent 28%),linear-gradient(0deg,rgba(9,9,12,.58),transparent 34%,transparent 74%,rgba(9,9,12,.3))}
.hero-object model-viewer{position:absolute;z-index:2;inset:2% -5% -3% -6%;width:111%;height:101%;background:transparent;--poster-color:transparent;filter:drop-shadow(0 30px 55px rgba(0,0,0,.55))}
.cinematic-glow{position:absolute;z-index:0;width:70%;aspect-ratio:1;border-radius:50%;left:19%;top:14%;background:radial-gradient(circle,rgba(116,70,216,.34),rgba(72,41,128,.08) 48%,transparent 72%);filter:blur(16px);animation:cinema-breathe 5s ease-in-out infinite}
.cinematic-orbit{position:absolute;z-index:1;pointer-events:none;border:1px solid rgba(207,185,255,.18);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-12deg)}.cinematic-orbit::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--brass);box-shadow:0 0 16px var(--brass);top:50%;left:-3px}.cinematic-orbit-one{width:87%;aspect-ratio:1;animation:orbit-spin 15s linear infinite}.cinematic-orbit-two{width:62%;aspect-ratio:1;opacity:.5;animation:orbit-spin-reverse 11s linear infinite}
.cinematic-hud{position:absolute;z-index:7;display:grid;text-transform:uppercase;border-left:1px solid var(--brass);padding-left:10px;pointer-events:none}.cinematic-hud span,.cinematic-hud i{font:400 8px/1.2 var(--mono);letter-spacing:.13em;color:rgba(255,255,255,.42);font-style:normal}.cinematic-hud b{font:500 10px/1.5 var(--mono);letter-spacing:.11em;color:#fff}.hud-top{top:9%;right:7%}.hud-side{top:38%;left:5%}.hud-bottom{right:6%;bottom:22%}
.cinematic-status{position:absolute;z-index:7;left:22px;bottom:22px;font:400 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px}.cinematic-status i{width:6px;height:6px;border-radius:50%;background:#8dffba;box-shadow:0 0 12px #8dffba;animation:status-pulse 1.8s ease-in-out infinite}
.cinematic-scan{position:absolute;z-index:6;pointer-events:none;left:9%;right:8%;height:1px;top:18%;background:linear-gradient(90deg,transparent,rgba(199,174,255,.55),transparent);box-shadow:0 0 16px rgba(160,121,255,.38);animation:scan-line 6s ease-in-out infinite}
@keyframes cinema-breathe{50%{opacity:.63;transform:scale(1.08)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(348deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-372deg)}}@keyframes status-pulse{50%{opacity:.35}}@keyframes scan-line{0%,100%{top:17%;opacity:0}18%{opacity:1}72%{top:79%;opacity:.65}88%{opacity:0}}
.hero-ledger{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);z-index:3;background:rgba(9,9,12,.92)}
.hero-ledger a{min-height:112px;padding:22px 30px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:28px;align-items:center;border-right:1px solid var(--line);transition:background .2s}.hero-ledger a:hover{background:rgba(255,255,255,.06)}.hero-ledger span{grid-row:1/3;font:400 9px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--brass)}.hero-ledger strong{font-size:clamp(1.35rem,2vw,2rem);font-weight:400}.hero-ledger i{font-style:normal;font-size:.8rem;color:rgba(255,255,255,.48)}

/* two levels */
.levels{display:grid;grid-template-columns:1fr 1fr}
.level{min-height:880px;padding:clamp(54px,7vw,110px) var(--pad);position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start}
.level-no{position:absolute;top:30px;right:34px;font:300 clamp(4rem,9vw,9rem)/1 var(--mono);letter-spacing:-.12em;opacity:.09}
.level-paper{background:var(--paper);color:var(--ink)}.level-ink{background:var(--ink-2);color:var(--paper);border-top:1px solid var(--line)}
.level-head p{font:500 10px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 38px}.level-head h3{font-size:clamp(3.2rem,5.5vw,6.8rem);line-height:.9;letter-spacing:-.065em;font-weight:300;margin:0}.level-head h3 em{font-style:normal;color:var(--violet)}.level-ink .level-head h3 em{color:var(--brass)}
.level-copy{max-width:560px;font-size:1.08rem;line-height:1.7;margin:40px 0;color:rgba(9,9,12,.64)}.level-ink .level-copy{color:rgba(238,233,223,.61)}
.ledger{list-style:none;margin:0 0 46px;padding:0;border-top:1px solid currentColor}.ledger li{min-height:58px;display:flex;align-items:center;border-bottom:1px solid currentColor;font-size:.94rem}.ledger span{width:64px;font:400 9px/1 var(--mono);letter-spacing:.1em;opacity:.48}.level-paper .ledger{border-color:rgba(9,9,12,.2)}.level-paper .ledger li{border-color:rgba(9,9,12,.2)}.level-ink .ledger{border-color:rgba(255,255,255,.18)}.level-ink .ledger li{border-color:rgba(255,255,255,.18)}
.text-link{display:flex;justify-content:space-between;align-items:center;min-height:54px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.text-link span{font-size:1.1rem}.text-link:hover span{color:var(--violet)}

/* diagnosis */
.diagnosis{background:var(--paper);color:var(--ink);padding:clamp(70px,9vw,140px) var(--pad);display:grid;grid-template-columns:100px minmax(420px,1fr) minmax(360px,.72fr);gap:clamp(34px,6vw,100px);border-top:1px solid rgba(9,9,12,.2)}
.diag-main h2{font-size:clamp(4.2rem,9vw,10rem);line-height:.82;letter-spacing:-.08em;font-weight:300;margin:0 0 60px}
.diag-options{border-top:1px solid rgba(9,9,12,.28)}.diag-options button{width:100%;min-height:76px;border:0;border-bottom:1px solid rgba(9,9,12,.28);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 4px;font-size:clamp(1rem,1.45vw,1.28rem);cursor:pointer}.diag-options button span{font:400 9px/1 var(--mono);opacity:.5}.diag-options button[aria-selected="true"]{color:var(--violet);padding-left:18px}.diag-options button[aria-selected="true"]::before{content:"→";margin-right:14px}
.diag-result{align-self:end;border:1px solid rgba(9,9,12,.25);padding:clamp(28px,4vw,56px);background:#e5dfd4}.result-label{font:500 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#66573b}.diag-result h3{font-size:clamp(2.4rem,4.1vw,4.7rem);line-height:.92;letter-spacing:-.055em;font-weight:300;margin:38px 0 24px}.diag-result p{line-height:1.7;color:rgba(9,9,12,.66);margin:0 0 30px}.diag-result .action-primary{background:var(--ink);color:var(--paper);border-color:var(--ink);width:100%}

/* preview */
.preview-system{padding:clamp(80px,9vw,140px) var(--pad);background:var(--ink);border-top:1px solid var(--line)}
.preview-heading{display:grid;grid-template-columns:100px 1fr;gap:clamp(34px,6vw,100px);margin-bottom:80px}.preview-heading h2{font-size:clamp(3.6rem,7.4vw,8rem);line-height:.88;letter-spacing:-.07em;font-weight:300;margin:0}.preview-heading h2 em{font-style:normal;color:var(--brass)}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:100px}.process-line article{padding:28px 24px 34px;border-right:1px solid var(--line);min-height:190px}.process-line article:last-child{border-right:0}.process-line span{font:400 10px/1 var(--mono);color:var(--brass)}.process-line h3{font-size:1.5rem;font-weight:400;margin:42px 0 12px}.process-line p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.5);margin:0}
.compare-wrap{display:grid;grid-template-columns:minmax(260px,.4fr) minmax(560px,1fr);gap:clamp(40px,7vw,110px);align-items:center}.compare-copy>span{font:500 9px/1 var(--mono);letter-spacing:.15em;color:var(--brass);text-transform:uppercase}.compare-copy h3{font-size:clamp(2.5rem,4.3vw,5rem);line-height:.93;letter-spacing:-.055em;font-weight:300;margin:26px 0}.compare-copy p{line-height:1.7;color:rgba(255,255,255,.56)}
.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#d6d0c4}.comp-after,.comp-before{position:absolute;inset:0}.comp-before{width:50%;overflow:hidden;background:#ded9ce;border-right:1px solid #fff}.site-new,.site-old{width:100%;height:100%;color:#0b0b0d}.site-new{background:#eee9df;padding:5%;display:grid;grid-template-rows:auto 1fr}.site-new header{display:flex;justify-content:space-between;font:500 clamp(8px,1vw,14px)/1 var(--mono);border-bottom:1px solid #111;padding-bottom:3%}.site-new main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:48%}.site-new small{font:500 clamp(7px,.8vw,11px)/1 var(--mono);letter-spacing:.12em;color:#6e58b2}.site-new strong{font-size:clamp(1.8rem,4.5vw,5.2rem);line-height:.9;letter-spacing:-.06em;font-weight:300;margin:2% 0 4%}.site-new button{border:0;background:#111;color:#fff;padding:1.5% 3%;font:500 clamp(7px,.8vw,11px)/1 var(--mono)}
.site-old{position:absolute;left:0;top:0;width:calc(100vw - 2 * var(--pad));max-width:none;padding:8%;background:#e5e0d7;font-family:"Times New Roman",serif}.site-old b{font-size:clamp(1rem,2.4vw,2.4rem);color:#163b8c}.site-old p{font-size:clamp(8px,1.1vw,15px);max-width:60%;line-height:1.4}
.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:5}.compare-line{position:absolute;left:50%;top:0;height:100%;width:1px;background:#fff;pointer-events:none;z-index:4}.compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-family:var(--mono)}.compare-tag{position:absolute;top:14px;z-index:3;background:var(--ink);color:var(--paper);padding:8px 10px;font:500 8px/1 var(--mono);letter-spacing:.12em}.tag-before{left:14px}.tag-after{right:14px}

/* personal */
.personal{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:22vw .65fr 1fr;position:relative;min-height:650px;border-top:1px solid rgba(9,9,12,.2)}.personal-mark{font-size:clamp(8rem,22vw,24rem);line-height:.74;letter-spacing:-.14em;font-weight:700;color:rgba(9,9,12,.045);align-self:end;overflow:hidden}.personal-head{padding:clamp(70px,9vw,130px) 4vw;border-left:1px solid rgba(9,9,12,.2);border-right:1px solid rgba(9,9,12,.2)}.personal-head>p,.personal-head>span{font:500 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.personal-head h2{font-size:clamp(3.6rem,6.6vw,7.5rem);line-height:.87;letter-spacing:-.07em;font-weight:300;margin:64px 0 24px}.personal-copy{padding:clamp(70px,9vw,130px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end}.personal-copy>p{font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.65;max-width:640px;color:rgba(9,9,12,.67)}.contact-ledger{margin-top:48px;border-top:1px solid rgba(9,9,12,.25)}.contact-ledger a{min-height:62px;border-bottom:1px solid rgba(9,9,12,.25);display:grid;grid-template-columns:80px 1fr auto;align-items:center}.contact-ledger span{font:500 9px/1 var(--mono);text-transform:uppercase}.contact-ledger b{font-weight:500}.contact-ledger i{font-style:normal}.contact-ledger a:hover b{color:var(--violet)}

/* brief */
.brief{background:#d9d2c6;color:var(--ink);display:grid;grid-template-columns:.68fr 1fr;gap:clamp(50px,8vw,130px);padding:clamp(80px,9vw,140px) var(--pad);border-top:1px solid rgba(9,9,12,.25)}.brief-intro h2{font-size:clamp(3.5rem,6.8vw,7.6rem);line-height:.87;letter-spacing:-.07em;font-weight:300;margin:50px 0 30px}.brief-intro>p:last-child{max-width:480px;line-height:1.7;color:rgba(9,9,12,.64)}
.brief-form{display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid rgba(9,9,12,.35)}.brief-choice{grid-column:1/-1;border:0;border-bottom:1px solid rgba(9,9,12,.35);padding:22px 0 26px;margin:0;display:flex;flex-wrap:wrap;gap:8px}.brief-choice legend,.field span{font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.brief-choice label{cursor:pointer}.brief-choice input{position:absolute;opacity:0}.brief-choice label span{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(9,9,12,.3);font:500 10px/1 var(--mono);text-transform:uppercase}.brief-choice input:checked+span{background:var(--ink);color:var(--paper)}
.field{padding:24px 0;border-bottom:1px solid rgba(9,9,12,.35)}.field:nth-of-type(even){padding-left:22px;border-left:1px solid rgba(9,9,12,.35)}.field span{display:block;margin-bottom:12px}.field input,.field textarea{width:100%;border:0;background:transparent;color:var(--ink);padding:7px 2px;outline:0;font-size:1rem;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:rgba(9,9,12,.4)}.field:focus-within{background:rgba(255,255,255,.18)}.field-wide{grid-column:1/-1;padding-left:0!important;border-left:0!important}.form-status{grid-column:1/-1;min-height:22px;font-size:.85rem}.submit-btn{grid-column:1/-1;min-height:66px;background:var(--ink);color:var(--paper);border:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.submit-btn:hover{background:var(--violet)}

/* footer + cookie */
.footer{min-height:220px;padding:48px var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:end;border-top:1px solid var(--line);background:var(--ink)}.footer p{font-size:.78rem;line-height:1.6;color:rgba(255,255,255,.42)}.footer-system{display:grid;grid-template-columns:auto auto;gap:8px 24px;font-family:var(--mono);font-size:9px;text-transform:uppercase}.footer-system span{color:rgba(255,255,255,.4)}.footer-system b{font-weight:400}.footer nav{display:flex;gap:22px;font-size:.78rem;color:rgba(255,255,255,.58)}.footer nav button{border:0;background:none;padding:0;cursor:pointer}
.cookie-banner{position:fixed;inset:auto 20px 20px 20px;z-index:200;background:var(--paper);color:var(--ink);border:1px solid #999;padding:26px;display:grid;grid-template-columns:1fr auto;gap:40px;box-shadow:0 20px 80px rgba(0,0,0,.4)}.cookie-banner[hidden]{display:none}.cookie-banner span{font:500 9px/1 var(--mono);text-transform:uppercase}.cookie-banner h2{font-size:2rem;font-weight:400;margin:12px 0}.cookie-banner p{max-width:720px;margin:0;line-height:1.6;font-size:.9rem}.cookie-banner>div:last-child{display:flex;flex-direction:column;gap:12px;justify-content:center}.cookie-banner button{min-height:44px;border:0;background:var(--ink);color:var(--paper);padding:0 20px;cursor:pointer}.cookie-banner a{font-size:.75rem;text-align:center;text-decoration:underline}

@media(max-width:1050px){
  .topbar{grid-template-columns:120px 1fr auto}.main-nav{display:none}
  .hero{grid-template-columns:50px 1fr .75fr}.hero-copy{padding-left:32px;padding-right:24px}.hero h1{font-size:clamp(3.2rem,7.4vw,6rem)}
  .diagnosis{grid-template-columns:70px 1fr}.diag-result{grid-column:2}
  .personal{grid-template-columns:0 .8fr 1fr}.personal-mark{display:none}
}
@media(max-width:760px){
  html{scroll-padding-top:64px}.topbar{height:64px;padding:0 14px;grid-template-columns:1fr auto}.brand img{width:58px;height:42px}.nav-cta{font-size:9px;padding-left:14px;gap:8px}
  .hero{min-height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:0}.system-rail{display:none}.hero-copy{grid-column:1;grid-row:2;padding:46px 18px 36px}.hero h1{font-size:clamp(3.25rem,16vw,5.6rem);line-height:.86}.hero-intro{font-size:.98rem;margin:26px 0}.hero-actions{display:grid}.hero-object{grid-column:1;grid-row:1;min-height:430px;border-left:0;border-top:1px solid var(--line)}.hero-object model-viewer{inset:0 -8% -2% -8%;width:116%;height:102%}.hud-side{left:16px;top:32%}.hud-top{right:16px}.hud-bottom{right:16px;bottom:19%}.cinematic-status{left:16px;bottom:16px}.hero-ledger{grid-column:1;grid-row:3;grid-template-columns:1fr}.hero-ledger a{min-height:92px;border-bottom:1px solid var(--line)}
  .levels{grid-template-columns:1fr}.level{min-height:auto;padding:78px 20px}.level-head h3{font-size:clamp(3.4rem,16vw,5.5rem)}
  .diagnosis{padding:76px 20px;grid-template-columns:1fr;gap:45px}.diagnosis>.section-index{display:none}.diag-main h2{font-size:clamp(4rem,20vw,7rem);margin-bottom:45px}.diag-result{grid-column:1;padding:28px 20px}
  .preview-system{padding:78px 20px}.preview-heading{grid-template-columns:1fr;margin-bottom:50px}.preview-heading .section-index{display:none}.preview-heading h2{font-size:clamp(3.3rem,15vw,5rem)}.process-line{grid-template-columns:1fr 1fr;margin-bottom:70px}.process-line article{min-height:170px}.process-line article:nth-child(2){border-right:0}.process-line article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .compare-wrap{grid-template-columns:1fr;gap:30px}.comparison{width:100%}.site-old{width:calc(100vw - 40px)}
  .personal{grid-template-columns:1fr;min-height:auto}.personal-head{padding:76px 20px;border:0;border-bottom:1px solid rgba(9,9,12,.2)}.personal-head h2{font-size:clamp(4rem,19vw,6rem);margin-top:44px}.personal-copy{padding:54px 20px 76px}.contact-ledger a{grid-template-columns:60px 1fr auto}.contact-ledger b{font-size:.88rem}
  .brief{grid-template-columns:1fr;padding:76px 20px;gap:46px}.brief-intro h2{font-size:clamp(3.7rem,17vw,5.8rem)}.brief-form{grid-template-columns:1fr}.field,.field:nth-of-type(even){padding:22px 0;border-left:0}.field-wide{grid-column:1}.submit-btn{grid-column:1}
  .footer{grid-template-columns:1fr;gap:30px;padding:42px 20px}.footer-system{display:none}.footer nav{flex-wrap:wrap}.cookie-banner{inset:auto 10px 10px;grid-template-columns:1fr;gap:20px;padding:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* v6 scroll-scrubbed Higgsfield film */
.cinematic-scroller{--scroll-p:0;--tech:0;--final:0;--scene-local:0;position:relative;height:400vh;background:#050508;isolation:isolate}
.cinematic-sticky{position:sticky;top:0;height:100dvh;min-height:640px;overflow:hidden;background:#050508;color:var(--paper)}
#hero-cinematic-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;background:#050508;filter:saturate(.92) contrast(1.04) brightness(calc(.78 + var(--scroll-p) * .12));transform:scale(calc(1.008 + var(--scroll-p) * .018));transform-origin:64% 52%;will-change:transform,filter}
.cinema-world{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;perspective:1000px}
.cinema-world::before{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 68% 48%,transparent 28%,rgba(4,4,7,.12) 58%,rgba(4,4,7,.72) 118%),linear-gradient(0deg,rgba(4,4,7,.72),transparent 34%)}
.cinema-world::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(4,4,7,.96) 0%,rgba(4,4,7,.77) 27%,rgba(4,4,7,.24) 55%,transparent 76%);opacity:calc(.98 - var(--final) * .18)}
.cinema-grid{position:absolute;z-index:1;inset:-26%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;transform:rotateX(68deg) translateY(calc((var(--scroll-p) * -120px) + 34vh)) scale(1.25);opacity:calc(.03 + var(--tech) * .26);mask-image:radial-gradient(ellipse at 66% 58%,#000,transparent 66%)}
.cinema-glow{position:absolute;z-index:2;left:55%;top:12%;width:46vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(119,72,216,.22),rgba(79,43,145,.06) 48%,transparent 71%);filter:blur(28px);transform:scale(calc(.88 + var(--scroll-p) * .2));opacity:calc(.28 + var(--scroll-p) * .18)}
.cinema-orbit{position:absolute;z-index:2;left:70%;top:54%;border:1px solid rgba(211,188,255,.1);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(calc(-10deg + var(--scroll-p) * 104deg));opacity:calc(.08 + var(--tech) * .46)}.cinema-orbit::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--brass);box-shadow:0 0 15px var(--brass);left:-2px;top:50%}.cinema-orbit-a{width:48vw;aspect-ratio:1}.cinema-orbit-b{width:33vw;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(calc(18deg - var(--scroll-p) * 132deg))}
.cinema-scan{position:absolute;z-index:5;left:47%;right:4%;height:1px;top:calc(19% + var(--scroll-p) * 58%);background:linear-gradient(90deg,transparent,rgba(213,193,255,.46),transparent);box-shadow:0 0 22px rgba(154,111,245,.35);opacity:calc(var(--tech) * .66)}
.cinematic-copy{position:absolute;z-index:8;left:clamp(70px,8.8vw,142px);top:50%;width:min(51vw,820px);transform:translateY(-50%);transition:left .55s cubic-bezier(.2,.75,.2,1)}
.cinematic-copy .eyebrow{margin-bottom:25px}.scene-title{font-size:clamp(3.35rem,6.65vw,7.6rem);line-height:.87;letter-spacing:-.069em;font-weight:300;margin:0;text-wrap:balance;text-shadow:0 3px 30px rgba(0,0,0,.3)}.scene-title strong{font-weight:300;color:var(--brass)}
.scene-text{max-width:580px;font-size:clamp(.96rem,1.15vw,1.14rem);line-height:1.66;color:rgba(255,255,255,.66);margin:28px 0 30px}.scene-actions{display:flex;flex-wrap:wrap;gap:10px;opacity:calc(.48 + var(--final) * .52);transform:translateY(calc((1 - var(--final)) * 4px));transition:opacity .2s}.scene-actions .action{pointer-events:auto}
.scene-rail{position:absolute;z-index:9;left:23px;top:50%;transform:translateY(-50%);display:flex;gap:14px;align-items:stretch}.scene-rail::before{content:"";position:absolute;left:2px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.15)}.scene-rail-fill{position:absolute;left:1px;top:0;width:3px;height:calc(var(--scroll-p) * 100%);background:linear-gradient(var(--brass),#8c62e7);box-shadow:0 0 12px rgba(140,98,231,.8)}.scene-rail ol{list-style:none;margin:0;padding:0 0 0 17px;display:grid;gap:20px}.scene-rail li{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.28);font:400 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .25s,transform .25s}.scene-rail li b{font-weight:400;display:none}.scene-rail li.active{color:#fff;transform:translateX(4px)}.scene-rail li.active span{color:var(--brass)}
.scene-caption{--scene-progress:0;position:absolute;z-index:10;right:28px;bottom:29px;width:min(310px,25vw);display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding-top:14px;border-top:1px solid rgba(255,255,255,.38)}.scene-progress{position:absolute;left:0;top:-1px;width:calc(var(--scene-progress) * 1%);height:2px;background:linear-gradient(90deg,var(--brass),#8a5ce2);box-shadow:0 0 12px rgba(138,92,226,.6)}.scene-progress i{display:none}.scene-caption>span{font:500 10px/1 var(--mono);color:var(--brass)}.scene-caption b{display:block;font:500 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.scene-caption small{display:block;margin-top:7px;font-size:.72rem;color:rgba(255,255,255,.5)}
.scroll-cue{position:absolute;z-index:9;left:50%;bottom:29px;display:flex;align-items:center;gap:10px;transform:translateX(-50%);opacity:clamp(0,calc(1 - var(--scroll-p) * 6),1);font:400 8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}.scroll-cue i{width:18px;height:28px;border:1px solid rgba(255,255,255,.36);border-radius:12px;position:relative}.scroll-cue i::after{content:"";position:absolute;width:2px;height:5px;border-radius:2px;background:var(--brass);top:5px;left:7px;animation:scroll-dot 1.6s ease-in-out infinite}@keyframes scroll-dot{60%{transform:translateY(9px);opacity:.25}}

@media(max-width:900px){
  .cinematic-scroller{height:360vh}.cinematic-copy{left:58px;width:58vw}.scene-title{font-size:clamp(3rem,7.7vw,5.4rem)}.scene-rail{left:14px}.scene-caption{right:16px;width:260px}
  .cinema-world::after{background:linear-gradient(90deg,rgba(4,4,7,.95) 0%,rgba(4,4,7,.7) 38%,rgba(4,4,7,.12) 72%,transparent)}
}
@media(max-width:760px){
  .cinematic-scroller{height:330vh}.cinematic-sticky{min-height:100svh;background:#050508}
  #hero-cinematic-video{inset:0 0 auto;height:59svh;object-fit:cover;object-position:72% 50%;filter:saturate(.94) contrast(1.03) brightness(.86);transform:scale(calc(1.01 + var(--scroll-p) * .012));transform-origin:72% 45%}
  .cinema-world::before{background:linear-gradient(0deg,#050508 2%,rgba(5,5,8,.98) 25%,rgba(5,5,8,.62) 48%,transparent 72%),radial-gradient(ellipse at 70% 24%,transparent 24%,rgba(4,4,7,.4) 74%)}
  .cinema-world::after{background:linear-gradient(0deg,#050508 0%,rgba(5,5,8,.72) 42%,transparent 68%);opacity:1}
  .cinema-glow{left:26%;top:0;width:95vw}.cinema-orbit{left:68%;top:28%;width:88vw}.cinema-orbit-b{width:62vw}.cinema-grid{opacity:calc(var(--tech) * .12)}.cinema-scan{left:24%;right:3%;top:calc(10% + var(--scroll-p) * 37%)}
  .cinematic-copy{left:18px;right:18px;top:auto;bottom:58px;width:auto;transform:none}.cinematic-copy .eyebrow{margin-bottom:12px;font-size:8px}.scene-title{font-size:clamp(2.55rem,12.5vw,4rem);line-height:.88}.scene-text{font-size:.88rem;line-height:1.48;margin:15px 0 16px;max-width:96%}.scene-actions{display:grid;grid-template-columns:1fr;gap:8px;opacity:calc(.68 + var(--final) * .32)}.scene-actions .action{min-height:42px;padding:0 14px;font-size:8px}
  .scene-rail{display:none}.scene-caption{right:12px;top:76px;bottom:auto;width:190px;grid-template-columns:27px 1fr;gap:8px;padding-top:9px}.scene-caption small{display:none}.scene-caption b{font-size:8px}.scroll-cue{left:18px;bottom:auto;top:46%;transform:none}.scroll-cue span{display:none}
}
@media(max-width:420px){
  .cinematic-copy{bottom:48px}.scene-title{font-size:clamp(2.35rem,11.7vw,3.4rem)}.scene-text{font-size:.82rem;line-height:1.42;margin:12px 0}.scene-actions .action{min-height:40px}.scene-caption{top:72px}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-scroller{height:auto}.cinematic-sticky{position:relative;min-height:100svh}#hero-cinematic-video{transform:none;filter:brightness(.76) saturate(.9)}.cinema-orbit,.cinema-scan,.scroll-cue,.scene-rail,.scene-caption,.cinema-grid{display:none}.scene-actions{opacity:1;transform:none}.cinematic-copy{opacity:1}
}