:root{--bg:#090d12;--panel:#0d151b;--panel2:#111b23;--ink:#f4f1ec;--muted:#adb8bd;--line:rgba(201,222,225,.16);--mint:#80f0d2;--salmon:#ff987f;--font:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.62;overflow-x:clip;font-size:16px}
a{color:inherit}
a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.skip{position:absolute;top:-90px;left:10px;z-index:120;background:#fff;color:#000;padding:10px}.skip:focus{top:8px}
.topbar{height:72px;display:flex;gap:30px;align-items:center;padding:0 clamp(20px,5.2vw,90px);position:sticky;top:0;z-index:70;background:rgba(8,12,17,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.topbar a{text-decoration:none}
.brand{font:bold 14px/1.2 Consolas,monospace;letter-spacing:.14em;white-space:nowrap}
.brand span{color:var(--mint)}
.topbar nav{margin-left:auto;display:flex;gap:34px}
.topbar nav a,.top-link{font-size:12px;font-weight:700;letter-spacing:.02em;color:#c5cccb}
.topbar nav a:hover,.top-link:hover{color:var(--mint)}
.top-link{padding:10px 14px;border:1px solid rgba(128,240,210,.45);color:var(--mint)!important;white-space:nowrap}
.hero{padding:105px clamp(20px,5.2vw,90px) 40px;min-height:720px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 86% 32%,rgba(128,240,210,.09),transparent 32%),linear-gradient(90deg,rgba(9,13,18,.98) 8%,rgba(9,13,18,.95) 52%,rgba(9,13,18,.71)),url("hero.webp") center/cover no-repeat}
.hero-copy{max-width:1100px}
.eyebrow,.minor,.small-label,.issue,.tag{font-family:Consolas,"Courier New",monospace;letter-spacing:.08em}
.eyebrow{color:var(--mint);font-weight:700;font-size:11px;margin:0}
.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 12px;color:#d9f7ee}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(128,240,210,.65)}
.minor{font-size:12px;font-weight:700;color:var(--mint);margin:48px 0 14px;text-transform:uppercase}
h1,h2,h3,h4,p{overflow-wrap:break-word}
.hero h1{font-size:clamp(3.45rem,6.5vw,7rem);letter-spacing:-.075em;line-height:.99;margin:0;max-width:1100px;font-weight:800;text-wrap:balance}
h1 em,h2 em{font:400 italic 1em/.9 Georgia,serif;letter-spacing:-.05em;color:var(--salmon)}
.lead{font-size:clamp(16px,1.45vw,19px);line-height:1.75;max-width:790px;margin:33px 0 0;color:#cdd3d1}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}
.btn{padding:14px 18px;min-height:52px;border:1px solid var(--line);display:inline-flex;gap:26px;align-items:center;justify-content:space-between;text-decoration:none!important;font-size:13px;font-weight:800;transition:background .18s ease,transform .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--mint);border-color:var(--mint);color:#07130f!important}
.btn-primary:hover{background:#a7ffe5}
.btn-quiet{background:rgba(255,255,255,.028);color:#f6f5f2}
.btn-quiet:hover{border-color:var(--mint)}
.hero-base{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 0;margin-top:70px;color:#9db2b2;font:700 10px/1.5 Consolas,monospace;letter-spacing:.11em}
.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 clamp(20px,5.2vw,90px);background:#0c1319;border-bottom:1px solid var(--line)}
.overview>div{padding:29px 24px 32px 0;border-right:1px solid var(--line);margin-right:22px}
.overview>div:last-child{border:0;margin-right:0}
.overview span{display:block;color:var(--mint);font:700 11px/1.2 Consolas,monospace;letter-spacing:.11em;margin-bottom:12px}
.overview strong{font-size:15px;font-weight:700;line-height:1.5}
.section{display:grid;grid-template-columns:90px minmax(0,1fr);gap:40px;padding:100px clamp(20px,5.2vw,90px);scroll-margin-top:70px;border-bottom:1px solid var(--line)}
.section-index{align-self:start;display:flex;flex-direction:column;gap:12px}
.section-index span{font:italic 50px/1 Georgia,serif;color:var(--salmon)}
.section-index p{writing-mode:vertical-rl;color:#91a0a0;font:700 10px Consolas,monospace;letter-spacing:.16em}
.section-content{min-width:0;max-width:1420px}
.section-title{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:50px;align-items:end;margin:0 0 39px}
.section-title h2{font-size:clamp(2.9rem,5.2vw,6rem);font-weight:800;letter-spacing:-.074em;line-height:1.02;max-width:940px;margin:22px 0 0;text-wrap:balance}
.section-title>p{font-size:15px;line-height:1.85;color:#b9c0bf;margin:0}
.cases{background:linear-gradient(#080d12,#0b1117)}
.story{padding:37px 38px 42px;margin:0 0 18px;background:linear-gradient(135deg,#121d24,#0e141c 64%,#0a1117);border:1px solid var(--line);scroll-margin-top:94px}
.story-feature{background:radial-gradient(circle at 100% 0%,rgba(128,240,210,.1),transparent 33%),linear-gradient(135deg,#13242a,#0d151b 65%);border-color:rgba(128,240,210,.33)}
.story-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.issue{font-size:11px;font-weight:800;color:#99ded0}
.tag{font-size:10px;font-weight:700;color:#b5bab7;border:1px solid rgba(255,255,255,.16);padding:7px 10px}
.tag-highlight{color:var(--mint);border-color:rgba(128,240,210,.43);background:rgba(128,240,210,.06)}
.story-intro{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);gap:42px;align-items:end;margin:40px 0 34px}
.small-label{color:var(--mint);font-size:10px;font-weight:800}
.story h3{font-size:clamp(2.5rem,4.5vw,5.1rem);font-weight:800;line-height:1.04;letter-spacing:-.065em;margin:13px 0 9px;text-wrap:balance}
.story-sub{color:var(--salmon)!important;font-size:16px!important;font-weight:500;margin:0!important;line-height:1.5!important}
.story-intro>p{color:#c0c9c8;line-height:1.8;margin:0;font-size:15px}
.story-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:38px;padding-top:26px;border-top:1px solid var(--line)}
.story h4{font-size:16px;letter-spacing:-.02em;margin:0 0 18px;font-weight:800}
.steps{counter-reset:item;list-style:none;margin:0;padding:0}
.steps li{position:relative;color:#bfc6c6;font-size:14px;line-height:1.82;padding:0 0 15px 25px;margin:0 0 15px;border-bottom:1px solid rgba(255,255,255,.08)}
.steps li:last-child{border:0;margin-bottom:0;padding-bottom:0}
.steps li:before{content:"/";position:absolute;left:1px;top:0;color:var(--mint);font-weight:700}
.steps b{color:#f0efeb}
.evidence{border-left:2px solid rgba(128,240,210,.42);padding:0 0 0 23px}
.evidence .small-label{margin:0 0 15px}
.evidence strong{font-size:20px;line-height:1.32;letter-spacing:-.03em;display:block}
.evidence>p:not(.small-label){font-size:14px;color:#bac7c4;line-height:1.7;margin:13px 0}
.evidence .rule{border-top:1px solid var(--line);margin:24px 0}
.evidence .text-link{font-size:13px;color:var(--mint);font-weight:700;display:block;margin-top:12px;text-decoration:none;border-bottom:1px solid transparent;width:max-content;max-width:100%}
.evidence .text-link:hover{border-color:var(--mint)}
.evidence .micro-note{color:#92a6a5!important;font-size:12px!important;margin-top:28px!important}
.additional{background:#0b1015}
.small-stories{border-top:1px solid var(--line)}
.small-stories article{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);align-items:start;gap:36px;padding:31px 3px;border-bottom:1px solid var(--line)}
.small-stories h3{font-size:clamp(1.55rem,2.4vw,2.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.13;margin:13px 0 0}
.small-stories p{color:#bdc5c4;margin:0;line-height:1.8;font-size:15px}
.approach{background:#090d11}
.capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.capabilities>div{padding:26px;min-height:220px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(128,240,210,.035),transparent)}
.capabilities>div:last-child{border:0}
.capabilities span{color:var(--mint);font:700 11px Consolas,monospace}
.capabilities strong{display:block;font-size:19px;margin:30px 0 12px;line-height:1.3}
.capabilities p{color:#adbdbb;font-size:13px;line-height:1.75;margin:0}
.closing{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:50px}
.closing p{font:italic clamp(20px,2.2vw,29px)/1.43 Georgia,serif;color:#e7e3dc;margin:0;max-width:760px}
.closing .btn{flex:none}
footer{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;padding:28px clamp(20px,5.2vw,90px);color:#9badae;font-size:12px}
footer strong{font:bold 13px Consolas,monospace;color:var(--mint)}
footer div{display:flex;gap:22px}
footer a{text-decoration:none;color:#e1e6e4}footer a:hover{color:var(--mint)}
@media(max-width:1120px){.story-intro{grid-template-columns:1fr;gap:17px}.story h3{font-size:clamp(2.4rem,5vw,4.2rem)}.section-title{gap:30px}.closing{align-items:start;flex-direction:column}}
@media(max-width:760px){html{scroll-padding-top:65px}.topbar{height:62px;gap:12px}.topbar nav{display:none}.top-link{margin-left:auto;font-size:11px;padding:7px 9px}.hero{padding:67px 20px 25px;min-height:0}.hero .minor{margin:29px 0 11px}.hero h1{font-size:clamp(2.8rem,10vw,4.8rem)}.lead{font-size:15px;margin-top:28px}.hero-base{margin-top:60px;gap:10px;font-size:9px}.overview{grid-template-columns:1fr;padding:0 20px}.overview>div{margin:0;padding:19px 0;border-right:0;border-bottom:1px solid var(--line)}.overview>div:last-child{border:0}.overview strong{font-size:14px}.section{display:block;padding:62px 20px}.section-index{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:30px}.section-index span{font-size:29px}.section-index p{writing-mode:horizontal-tb;font-size:9px}.section-title{grid-template-columns:1fr;gap:20px}.section-title h2{font-size:clamp(2.4rem,9vw,4rem)}.section-title>p{font-size:14px}.story{padding:22px 21px 30px}.story-head{gap:11px}.issue{font-size:10px}.tag{font-size:9px}.story-intro{margin:30px 0 26px}.story h3{font-size:clamp(2.2rem,9vw,3.2rem)}.story-grid{grid-template-columns:1fr;gap:32px}.evidence{padding-left:20px}.small-stories article{grid-template-columns:1fr;gap:13px}.capabilities{grid-template-columns:1fr}.capabilities>div{min-height:0;padding:22px;border-right:0;border-bottom:1px solid var(--line)}.capabilities>div:last-child{border:0}.capabilities strong{margin-top:15px}.closing{margin-top:30px}.closing p{font-size:22px}footer{padding:28px 20px;gap:14px}footer span{order:3;width:100%}}
@media(max-width:360px){.topbar .brand{font-size:12px}.top-link{font-size:10px}.hero h1{font-size:2.7rem}.actions .btn{width:100%}.story{padding:18px 15px}.story h3{font-size:2.1rem}.steps li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
