:root{--paper:#f1f5f7;--ink:#122027;--muted:#53636c;--line:#d0dbe0;--dark:#10191e;--accent:#29d8e7;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p{line-height:1.7}h1,h2,h3{font-weight:500}h1{font-size:clamp(44px,6.5vw,100px);line-height:1.03;letter-spacing:-.055em}h2{font-size:clamp(34px,4vw,64px);line-height:1.1;letter-spacing:-.045em}h3{font-size:24px;letter-spacing:-.02em}a:focus-visible,summary:focus-visible{outline:3px solid #29d8e7;outline-offset:6px}.skip{position:fixed;top:8px;left:12px;z-index:20;padding:14px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}.site-nav{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-size:26px;font-weight:800;letter-spacing:-.045em}.wordmark span{display:inline-block;width:8px;height:8px;background:#29d8e7;margin-left:8px}.site-nav nav{display:flex;align-items:center;gap:36px;font-size:14px}.site-nav nav a{padding:12px 0}.site-nav a:hover,.site-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.hero{position:relative;min-height:680px;height:calc(100svh - 88px);max-height:980px;background:var(--dark);color:white;overflow:hidden}.hero>img,.shade{position:absolute;inset:0;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#071016d9,#07101640),linear-gradient(0deg,#071016cc,transparent 45%)}.hero-content{position:relative;padding:clamp(80px,12vh,150px) var(--gutter) 120px;max-width:1200px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:600;margin-bottom:28px}.hero .eyebrow,.dark .eyebrow{color:var(--accent)}.hero-copy{max-width:520px;font-size:18px;margin-top:28px;color:#e0e9ed}.button{display:inline-flex;justify-content:space-between;gap:50px;padding:18px 23px;font-size:14px;margin-top:32px;background:var(--paper);color:var(--ink)}.button:hover{background:var(--accent)}.hero-bottom{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dde7eb}.section{padding:100px var(--gutter)}.split{display:grid;grid-template-columns:1fr 2fr;gap:60px}.split>div{max-width:800px}.lead{font-size:clamp(19px,2vw,25px);line-height:1.5;letter-spacing:-.015em}.split .lead,.platform .lead{margin:28px 0 20px}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid;padding-bottom:12px;margin-top:30px;font-size:14px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.heading>p{max-width:390px;color:var(--muted)}.border-top{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card figure{position:relative;overflow:hidden;background:var(--dark)}.card img{aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card figcaption{position:absolute;bottom:12px;left:12px;font-size:10px;color:white;background:#122027e8;padding:6px 9px}.card-number{display:flex;justify-content:space-between;margin:23px 0 18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.card h3{margin-bottom:12px}.card p{font-size:15px;color:var(--muted)}.tinted{background:#e2eaee}.dark{background:var(--dark);color:var(--paper)}.contact h2{font-size:clamp(45px,6vw,90px)}.contact>p:not(.eyebrow){margin-top:24px;color:#b5c8d1}.footer{padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.footer>span{color:var(--muted)}.tech-hero .lead{max-width:660px;margin-top:30px;color:var(--muted)}.section-nav{display:flex;gap:32px;flex-wrap:wrap;padding:23px var(--gutter);border-block:1px solid var(--line);font-size:13px}.section-nav a:hover{text-decoration:underline}.flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;border:1px solid var(--line)}.flow li{padding:30px 24px;border-right:1px solid var(--line)}.flow li:last-child{border:0}.flow span{font-size:11px;color:var(--muted)}.flow h3{font-size:21px;margin:35px 0 12px}.flow p{font-size:14px;color:var(--muted)}.caption,figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.dark .caption,.dark figcaption{color:#b5c8d1}.feature-heading{margin-bottom:45px}.feature-heading .lead{margin-top:26px;color:#bbccd3}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.notes h3{font-size:20px;margin-bottom:14px}.notes p{font-size:14px;color:#b5c8d1}.platform{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.platform p:not(.eyebrow){color:var(--muted)}.platform figure{min-width:0}.platform img{aspect-ratio:4/3;object-fit:cover}.badge{display:inline-block;border:1px solid #388894;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:9px 11px;margin-top:25px}.rows article{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:30px;padding:32px 0;border-top:1px solid var(--line)}.rows article>span{font-size:12px;color:var(--muted)}.rows p{color:var(--muted)}.mock-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a7edf2;border:1px solid #31626d;padding:6px 9px;white-space:nowrap}.console{background:#091218;border:1px solid #365360;border-radius:5px;overflow:hidden;font-family:Consolas,monospace}.console-top{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c414d;font-size:12px;gap:15px}.console-grid{display:grid;grid-template-columns:190px 1fr 205px;min-height:390px}.console-side{padding:23px 18px;background:#12212a;font-size:11px;color:#afc3cc}.console-side h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px}.asset{padding:15px 0;border-bottom:1px solid #2d4653}.asset b{display:block;color:#e8f1f5;font-size:12px;margin-bottom:6px}.console-map{position:relative;min-height:350px;background:#152a34;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;overflow:hidden}.console-map svg{width:100%;height:100%;position:absolute;inset:0}.map-caption{position:absolute;bottom:18px;left:20px;font-size:10px;color:#bfd7df}.console-side dl{margin:0}.console-side dt{margin-top:20px}.console-side dd{margin:6px 0;color:#dcebf0;font-size:15px}.sim{background:#10222c;padding:20px;color:#dcebf0;border:1px solid #365e69}.sim-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.sim svg{display:block;width:100%;height:auto;margin:20px 0}.sim-bottom{display:flex;gap:20px;font:11px Consolas,monospace;color:#adcbd4}.media-note{border-left:2px solid #29d8e7;padding-left:16px}.platform details{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.platform summary{cursor:pointer;font-size:13px}.platform details p{font-size:13px;margin-top:12px}
@media(min-width:1600px){.section{padding-inline:max(var(--gutter),calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.console-grid{grid-template-columns:150px 1fr}.console-side:last-child{grid-column:1/-1;display:flex;gap:30px;align-items:center}.console-side dl{display:flex;gap:30px}.console-side dt{margin-top:0}.console-side h3{margin-bottom:0}}
@media(max-width:900px){.section{padding-block:70px}.split{grid-template-columns:1fr;gap:10px}.heading{align-items:flex-start;flex-direction:column;gap:25px}.heading>p{max-width:650px}.platform{grid-template-columns:1fr;gap:35px}.flow{grid-template-columns:repeat(2,1fr)}.flow li:nth-child(2){border-right:0}.flow li:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards{gap:18px}.card h3{font-size:21px}.footer{flex-wrap:wrap}}
@media(max-width:600px){html{scroll-padding-top:90px}.site-nav{height:76px}.wordmark{font-size:22px}.site-nav nav{gap:15px;font-size:12px}.hero{height:auto;min-height:650px}.hero-content{padding-top:95px;padding-bottom:140px}.hero-copy{font-size:17px}.hero-bottom{flex-direction:column;gap:10px;font-size:9px}.cards{grid-template-columns:1fr;gap:42px}.card img{aspect-ratio:3/2}.section{padding-block:60px}.eyebrow{margin-bottom:24px}.notes{grid-template-columns:1fr;gap:27px}.flow li{padding:22px 16px}.flow h3{font-size:18px}.section-nav{gap:18px;font-size:12px}.rows article{grid-template-columns:30px 1fr;gap:15px}.rows article p{grid-column:2}.footer{align-items:flex-start;flex-direction:column;gap:18px}.button{gap:35px}.console-grid{grid-template-columns:1fr}.console-side:first-child{display:flex;flex-wrap:wrap;gap:18px}.console-side:first-child h3{width:100%}.asset{border:0;padding:0}.console-side:last-child{display:block}.console-side dl{gap:18px;margin-top:15px}.console-map{min-height:280px}.console-top{flex-wrap:wrap}.mock-label{font-size:9px}.sim-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Keep global destinations separate from page-local chapter links. */
.breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:38px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.section-nav{position:sticky;top:88px;z-index:9;background:var(--paper);align-items:center;gap:26px;padding-block:15px}
.section-nav a{padding:8px 0}
.section-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
body:not(.cinematic-home) main>section[id]{scroll-margin-top:80px}
@media(max-width:600px){
 .site-nav{padding-inline:16px;gap:12px}
 .site-nav nav{gap:12px;font-size:11px}
 .site-nav .wordmark{font-size:20px}
 .site-nav .wordmark span{display:none}
 .section-nav{position:static;gap:12px 20px}
 .section-nav-label{width:100%}
 body:not(.cinematic-home) main>section[id]{scroll-margin-top:0}
 .story-navigation{gap:10px 22px}
 .story-navigation>span{width:100%;margin:0}
}

@media(max-width:380px){.site-nav nav{gap:9px;font-size:10px}.site-nav{gap:8px}}