
:root{
  --bg:#071018;
  --bg2:#0b141c;
  --paper:#f2f4f5;
  --paper2:#e9edef;
  --ink:#0a1117;
  --white:#f7f9fa;
  --muted:#8f9ca6;
  --line:rgba(224,234,240,.16);
  --line-dark:rgba(15,29,39,.13);
  --silver-a:#f0f4f6;
  --silver-b:#bcc8cf;
  --silver-c:#7f929e;
  --blue:#5badd7;
  --blue-hi:#c8efff;
  --blue-deep:#274f65;
  --warm:#cfa16e;
  --ease:cubic-bezier(.22,.72,.18,1);
  --mx:72%;
  --my:46%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--white);background:var(--bg);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:#b8e2f3;color:#071018}
a{color:inherit;text-decoration:none}
button{font:inherit}
.serif{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-weight:400}
.mono{font-family:"SFMono-Regular","Roboto Mono",Consolas,monospace}

/* global shell */
.site-nav{
  position:fixed;z-index:100;left:22px;right:22px;top:18px;height:58px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 18px;border:1px solid rgba(231,239,243,.14);border-radius:15px;
  background:rgba(7,16,24,.58);backdrop-filter:blur(20px) saturate(130%);
  box-shadow:0 10px 38px rgba(0,0,0,.12);transition:.45s var(--ease)
}
.site-nav.light{color:var(--ink);background:rgba(246,248,249,.72);border-color:rgba(20,34,44,.12)}
.brand{display:flex;align-items:center;gap:11px;width:max-content}
.brand-mark{width:28px;height:28px;display:block}
.brand-name{font-size:11px;line-height:1;letter-spacing:.17em;font-weight:650;text-transform:uppercase}
.brand-sub{display:block;margin-top:5px;font-size:7px;letter-spacing:.16em;color:#93a1aa;font-weight:500}
.nav-links{display:flex;gap:26px;font-size:11px;color:#b7c1c7}
.nav-links a{position:relative;padding:8px 0}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:.35s var(--ease)}
.nav-links a:hover:after{right:0}
.site-nav.light .nav-links{color:#54636e}
.nav-action{justify-self:end;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:11px 14px;border-radius:999px;border:1px solid rgba(220,233,240,.22);transition:.3s}
.nav-action:hover{background:rgba(255,255,255,.08)}
.site-nav.light .nav-action{border-color:rgba(12,25,34,.18)}

.progress{position:fixed;z-index:110;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue-hi),var(--blue));box-shadow:0 0 16px rgba(91,173,215,.4)}

/* typography */
.eyebrow{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#8fa1ad;font-weight:650}
.display{
  font-size:clamp(62px,7.5vw,124px);line-height:.86;letter-spacing:-.068em;font-weight:560;
  text-wrap:balance
}
.display .serif{font-style:italic;letter-spacing:-.055em}
.lede{font-size:clamp(15px,1.28vw,19px);line-height:1.65;color:#a9b5bd;max-width:610px}
.section-display{font-size:clamp(56px,7vw,112px);line-height:.88;letter-spacing:-.062em;font-weight:560}
.section-copy{font-size:15px;line-height:1.7;color:#8c9aa4;max-width:570px}
.rule{height:1px;background:var(--line)}
.rule.dark{background:var(--line-dark)}

/* hero */
.hero{min-height:112vh;position:relative;overflow:hidden;background:
  radial-gradient(70% 64% at 78% 44%,rgba(67,124,154,.16),transparent 63%),
  radial-gradient(38% 44% at 79% 48%,rgba(91,173,215,.08),transparent 72%),
  linear-gradient(145deg,#071018 0%,#08131c 52%,#050b10 100%)}
.hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;
  background-image:linear-gradient(rgba(211,225,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(211,225,232,.06) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,transparent 5%,black 45%,black 100%)
}
.hero:after{
  content:"";position:absolute;left:var(--mx);top:var(--my);width:680px;height:680px;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(127,206,242,.12),rgba(70,133,162,.045) 35%,transparent 68%);
  filter:blur(8px);transition:left .5s var(--ease),top .5s var(--ease)
}
.hero-grid{position:relative;z-index:4;min-height:112vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1640px;margin:auto;padding:132px clamp(28px,5vw,88px) 70px}
.hero-copy{position:relative;z-index:3;padding-top:3vh}
.hero-copy .eyebrow{margin-bottom:30px}
.hero-copy .lede{margin-top:33px}
.hero-actions{display:flex;gap:28px;align-items:center;margin-top:38px}
.text-link{font-size:11px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid rgba(238,245,248,.35)}
.text-link i{font-style:normal;transition:.3s}.text-link:hover i{transform:translateX(4px)}
.hero-index{position:absolute;left:clamp(28px,5vw,88px);bottom:34px;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.17em;color:#778995;text-transform:uppercase}
.hero-index span:first-child{color:#cfdae0}

/* hero visual */
.hero-art{position:relative;height:min(73vw,780px);min-height:620px;display:grid;place-items:center}
.s-world{position:relative;width:min(47vw,700px);aspect-ratio:1;transform:translateX(3vw);filter:drop-shadow(0 36px 64px rgba(0,0,0,.28))}
.s-world:before{
  content:"";position:absolute;inset:13%;border-radius:50%;
  background:radial-gradient(circle at 48% 45%,rgba(139,197,225,.08),transparent 58%);
  border:1px solid rgba(215,232,240,.08);box-shadow:inset 0 0 80px rgba(94,168,204,.045)
}
.s-world:after{content:"";position:absolute;inset:4%;border:1px solid rgba(211,228,236,.055);border-radius:50%}
.s-logo{position:absolute;inset:11%;width:78%;height:78%;overflow:visible;transform:rotate(-3deg);transition:transform 1.1s var(--ease)}
.silver-piece{filter:url(#metalShadow)}
.blue-piece{filter:url(#intelligence) drop-shadow(0 0 16px rgba(77,165,207,.28))}
.orbit{position:absolute;inset:2%;border:1px dashed rgba(163,193,207,.13);border-radius:50%;animation:spin 46s linear infinite}
.orbit:before,.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#adc7d3;box-shadow:0 0 16px rgba(173,199,211,.38)}
.orbit:before{left:14%;top:11%}.orbit:after{right:7%;bottom:26%}
.orbit.o2{inset:19%;animation-direction:reverse;animation-duration:58s;opacity:.55}
.orbit.o2:before{left:75%;top:4%;background:var(--blue-hi)}.orbit.o2:after{left:4%;top:62%;background:#7899a9}
@keyframes spin{to{transform:rotate(360deg)}}
.signal-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(120,183,214,.5),transparent);transform-origin:left center;opacity:.7}
.signal-line.l1{width:46%;left:4%;top:28%;transform:rotate(17deg)}
.signal-line.l2{width:40%;right:-3%;top:57%;transform:rotate(-13deg)}
.signal-line.l3{width:32%;left:14%;bottom:13%;transform:rotate(-35deg)}
.sig{position:absolute;width:6px;height:6px;border-radius:50%;background:#bde9fb;box-shadow:0 0 14px #6ab7dd;animation:sig 4.8s ease-in-out infinite}
.sig.s1{left:21%;top:31%}.sig.s2{right:23%;top:18%;animation-delay:-1.7s}.sig.s3{right:8%;bottom:29%;animation-delay:-3.1s}
@keyframes sig{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.45);opacity:1}}
.system-label{position:absolute;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#6f8592}
.system-label.a{right:1%;top:29%}.system-label.b{left:3%;bottom:27%}.system-label.c{right:12%;bottom:10%}
.metric-rail{position:absolute;right:-12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:24px}
.metric{display:grid;grid-template-columns:9px auto;gap:10px;align-items:center;font-size:8px;letter-spacing:.13em;color:#70838f;text-transform:uppercase}
.metric i{display:block;width:5px;height:5px;border:1px solid #7fa1b1;border-radius:50%}.metric.on{color:#b9d1dc}.metric.on i{background:#79badd;box-shadow:0 0 10px #5aaed6}

/* idea */
.idea{position:relative;background:var(--paper);color:var(--ink);padding:150px clamp(28px,6vw,100px) 120px;min-height:105vh;overflow:hidden}
.idea:before{content:"";position:absolute;right:-15%;top:-30%;width:60vw;height:60vw;border:1px solid rgba(43,69,85,.08);border-radius:50%}
.idea-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}
.idea-left{position:sticky;top:150px;height:max-content}
.idea-right{padding-top:8vh}
.manifesto{font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;font-size:clamp(34px,4.6vw,72px);line-height:1.04;letter-spacing:-.04em;max-width:850px}
.manifesto .soft{color:#a1abb1}
.wordrail{margin-top:80px;border-top:1px solid var(--line-dark)}
.wordrow{display:grid;grid-template-columns:120px 1fr 100px;padding:22px 0;border-bottom:1px solid var(--line-dark);align-items:center}
.wordrow .n{font-size:9px;color:#88959d}.wordrow h3{font:400 clamp(25px,2.6vw,40px)/1 "Iowan Old Style",serif;margin:0}.wordrow .state{text-align:right;font-size:8px;letter-spacing:.15em;color:#6e808b;text-transform:uppercase}

/* governed chapter */
.governed{position:relative;min-height:160vh;background:#071018;overflow:hidden}
.governed-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;max-width:1640px;margin:auto;padding:110px clamp(28px,5vw,88px) 40px}
.gov-copy{position:relative;z-index:6}
.gov-copy .section-copy{margin-top:28px}
.gov-seq{margin-top:42px;display:flex;gap:8px;flex-wrap:wrap}
.gov-seq span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(205,225,235,.16);padding:9px 10px;border-radius:999px;color:#7e929e;transition:.5s}
.gov-seq span.on{color:#d9e9ef;border-color:rgba(129,193,222,.42);background:rgba(87,162,197,.08)}
.gov-world{height:78vh;position:relative}
.gov-ring{position:absolute;border:1px solid rgba(171,205,221,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.gov-ring.r1{width:68%;aspect-ratio:1;box-shadow:inset 0 0 70px rgba(75,149,184,.055)}
.gov-ring.r2{width:48%;aspect-ratio:1}.gov-ring.r3{width:28%;aspect-ratio:1}
.gov-core{position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#d0f2ff,#62acd0 34%,#173a4d 72%);box-shadow:0 0 62px rgba(73,168,211,.23);transition:1s var(--ease)}
.gov-node{position:absolute;width:9px;height:9px;border:1px solid #7793a1;border-radius:50%;background:#0c1821;transition:.6s var(--ease)}
.gov-node.active{background:#8fd4f3;border-color:#aee6ff;box-shadow:0 0 18px rgba(100,197,239,.6)}
.gov-node.human{background:#d7aa79;border-color:#efd0aa;box-shadow:0 0 17px rgba(215,170,121,.38)}
.gov-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(116,172,200,.46),transparent);transform-origin:left center;opacity:.52;transition:.6s}
.gov-path.live{background:linear-gradient(90deg,transparent,#86d3f5,transparent);box-shadow:0 0 8px rgba(93,190,230,.35);opacity:.95}
.permission{position:absolute;padding:8px 11px;border:1px solid rgba(178,207,220,.13);border-radius:7px;background:rgba(9,21,31,.64);backdrop-filter:blur(8px);font-size:7px;letter-spacing:.13em;color:#7f939e;text-transform:uppercase;transition:.5s}
.permission.allowed{color:#badce9;border-color:rgba(115,187,219,.32)}
.permission.held{color:#caa579;border-color:rgba(202,165,121,.28)}

/* products */
.products{background:#e9edef;color:var(--ink);padding:150px clamp(28px,6vw,100px) 140px}
.products-head{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}
.products-head .section-copy{color:#67747d;justify-self:end}
.product-list{max-width:1500px;margin:90px auto 0;border-top:1px solid var(--line-dark)}
.product{
  position:relative;display:grid;grid-template-columns:80px 1fr 1.1fr 40px;gap:30px;align-items:center;
  min-height:176px;border-bottom:1px solid var(--line-dark);transition:.45s var(--ease);overflow:hidden
}
.product:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(85,154,185,.08),transparent 65%);transform:translateX(-105%);transition:.65s var(--ease)}
.product:hover:before{transform:none}.product:hover{padding-left:16px}
.product .num{font-size:9px;color:#83919a}.product h3{font:400 clamp(33px,3.2vw,50px)/1 "Iowan Old Style",serif;margin:0;position:relative}
.product p{font-size:13px;line-height:1.6;color:#697680;max-width:520px;position:relative}
.product .arrow{font-size:24px;font-weight:200;position:relative;transition:.35s}.product:hover .arrow{transform:translateX(7px)}
.micro-arch{position:absolute;right:7%;top:50%;width:180px;height:90px;transform:translateY(-50%);opacity:.0;transition:.55s}
.product:hover .micro-arch{opacity:.5}
.micro-arch i{position:absolute;height:1px;background:#7696a6;transform-origin:left}.micro-arch b{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid #7091a2;background:#eef2f3}

/* complexity */
.complexity{position:relative;min-height:170vh;background:#dce3e6;color:var(--ink);overflow:hidden}
.complexity-sticky{position:sticky;top:0;height:100vh;padding:118px clamp(28px,6vw,100px) 36px;display:grid;grid-template-rows:auto 1fr}
.complexity-head{display:flex;justify-content:space-between;align-items:end;max-width:1500px;width:100%;margin:auto}
.complexity-head p{font-size:11px;letter-spacing:.08em;color:#74838c;max-width:330px;line-height:1.6}
.machine{position:relative;max-width:1500px;width:100%;height:68vh;margin:34px auto 0;border-top:1px solid rgba(24,48,62,.17);overflow:hidden}
.machine:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,69,86,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,69,86,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 96%)}
.mbox{position:absolute;min-width:92px;padding:9px 11px;border:1px solid rgba(40,70,88,.24);background:rgba(236,241,243,.72);backdrop-filter:blur(4px);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#516773;box-shadow:0 9px 26px rgba(46,67,79,.04);transition:.5s var(--ease)}
.mbox.hot{border-color:rgba(64,133,166,.54);color:#285a72;background:rgba(229,241,247,.86)}
.wire{position:absolute;height:1px;background:rgba(64,88,102,.28);transform-origin:left center}.wire.live{background:linear-gradient(90deg,rgba(64,88,102,.15),#62a9cb,rgba(64,88,102,.15));box-shadow:0 0 7px rgba(79,156,191,.23)}
.packet{position:absolute;width:5px;height:5px;background:#4e9cc1;border-radius:50%;box-shadow:0 0 12px #57a9cf;animation:pulse 2.6s ease-in-out infinite alternate}
@keyframes pulse{to{transform:scale(1.8);opacity:.42}}
.fade-machine{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#dce3e6 82%)}

/* simple */
.simple{min-height:110vh;background:#f5f7f8;color:var(--ink);display:grid;place-items:center;padding:120px 28px;text-align:center;position:relative}
.simple:before{content:"";position:absolute;left:50%;top:0;width:1px;height:120px;background:linear-gradient(#a5b2b9,transparent)}
.simple h2{font-size:clamp(80px,12.5vw,200px);line-height:.78;letter-spacing:-.078em;font-weight:560;margin:0}
.simple h2 .serif{font-style:italic}.simple p{font-size:14px;line-height:1.7;color:#72808a;max-width:520px;margin:42px auto 0}

/* evidence */
.evidence{background:#f5f7f8;color:var(--ink);padding:40px clamp(28px,6vw,100px) 150px}
.evidence-wrap{max-width:1500px;margin:auto}
.evidence-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;padding-bottom:70px;border-bottom:1px solid var(--line-dark)}
.evidence-head p{font-size:15px;line-height:1.7;color:#697780;max-width:570px}
.evidence-list{border-bottom:1px solid var(--line-dark)}
.evidence-row{display:grid;grid-template-columns:150px 1fr 1fr 120px;gap:26px;padding:25px 0;border-bottom:1px solid var(--line-dark);align-items:center}
.evidence-row:last-child{border-bottom:0}
.evidence-row .type{font-size:8px;letter-spacing:.16em;color:#82909a;text-transform:uppercase}
.evidence-row h3{font:400 clamp(23px,2.3vw,36px)/1.05 "Iowan Old Style",serif;margin:0}
.evidence-row p{font-size:12px;line-height:1.55;color:#75828b}
.badge{justify-self:end;font-size:7px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(27,55,71,.16);border-radius:999px;padding:8px 10px;color:#536571}

/* Canberra */
.canberra{min-height:115vh;position:relative;overflow:hidden;background:#101821}
.canberra-media{position:absolute;inset:0;background:url("canberra-refined.webp") center center/cover no-repeat;transform:scale(1.03);transition:transform 2.4s var(--ease)}
.canberra:before{content:"";position:absolute;z-index:2;inset:0;background:
  linear-gradient(90deg,rgba(5,10,15,.93) 0%,rgba(5,10,15,.74) 32%,rgba(5,10,15,.2) 62%,rgba(5,10,15,.08) 100%),
  linear-gradient(0deg,rgba(5,10,15,.55),transparent 48%)}
.canberra-content{position:relative;z-index:3;min-height:115vh;display:flex;flex-direction:column;justify-content:center;max-width:1640px;margin:auto;padding:120px clamp(28px,6vw,100px)}
.canberra-content h2{max-width:860px}.canberra-content .section-copy{margin-top:28px;color:#b4bec4}
.place{position:absolute;left:clamp(28px,6vw,100px);bottom:38px;font-size:8px;letter-spacing:.16em;color:#b2bdc3;text-transform:uppercase}

/* finale */
.final{min-height:108vh;background:#071018;display:grid;place-items:center;text-align:center;padding:120px 28px;position:relative;overflow:hidden}
.final:before{content:"";position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(65,134,166,.11),transparent 65%)}
.final-inner{position:relative;z-index:2}
.final-mark{width:66px;height:66px;margin:0 auto 52px}
.final h2{font-size:clamp(58px,7.7vw,118px);line-height:.9;letter-spacing:-.06em;font-weight:560;margin:0}
.final p{font-size:14px;color:#93a1aa;line-height:1.65;max-width:520px;margin:30px auto}
.pill{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(214,230,238,.22);padding:14px 18px;border-radius:999px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;transition:.35s}.pill:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.tagline{margin-top:70px;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#718490}

/* reveal */
.enhanced .reveal{opacity:0;transform:translateY(34px);transition:1s var(--ease)}
.enhanced .reveal.in{opacity:1;transform:none}
.enhanced .blur-reveal{opacity:0;filter:blur(8px);transform:translateY(18px);transition:1.3s var(--ease)}
.enhanced .blur-reveal.in{opacity:1;filter:none;transform:none}

/* responsive */
@media(max-width:1000px){
  .site-nav{grid-template-columns:1fr auto}.nav-links{display:none}
  .hero-grid{grid-template-columns:1fr;align-items:start;padding-top:150px}
  .hero-copy{width:100%}.hero-art{height:70vw;min-height:520px;margin-top:-40px}.s-world{width:min(72vw,650px);transform:translateX(18vw)}
  .idea-grid,.products-head,.evidence-head{grid-template-columns:1fr}.idea-left{position:relative;top:auto}.idea-right{padding-top:30px}
  .governed-sticky{grid-template-columns:1fr;padding-top:115px}.gov-world{height:55vh;opacity:.88}
  .product{grid-template-columns:50px 1fr 34px}.product p{grid-column:2}.micro-arch{display:none}
  .evidence-row{grid-template-columns:110px 1fr 100px}.evidence-row p{grid-column:2}.badge{grid-column:3;grid-row:1/3}
}
@media(max-width:650px){
  .site-nav{left:12px;right:12px;top:10px;height:54px;padding:0 12px}.brand-sub{display:none}.nav-action{font-size:8px;padding:9px 10px}
  .display{font-size:clamp(54px,16vw,82px)}.hero{min-height:110vh}.hero-grid{padding-left:22px;padding-right:22px}.hero-art{min-height:460px;margin-top:-10px}.s-world{width:88vw;transform:translateX(24vw)}
  .metric-rail,.system-label{display:none}.hero-index{left:22px}
  .idea,.products,.evidence{padding-left:22px;padding-right:22px}.wordrow{grid-template-columns:42px 1fr}.wordrow .state{display:none}
  .governed-sticky{padding-left:22px;padding-right:22px}.gov-world{margin-top:-20px}
  .complexity-sticky{padding-left:22px;padding-right:22px}.complexity-head{display:block}.complexity-head p{margin-top:18px}
  .machine{height:64vh}.simple h2{font-size:clamp(72px,24vw,120px)}
  .evidence-row{grid-template-columns:1fr}.evidence-row .type,.evidence-row p,.badge{grid-column:auto;grid-row:auto;justify-self:start}
  .canberra-content{padding-left:22px;padding-right:22px}.canberra:before{background:linear-gradient(90deg,rgba(5,10,15,.9),rgba(5,10,15,.48)),linear-gradient(0deg,rgba(5,10,15,.65),transparent)}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal,.blur-reveal{opacity:1!important;transform:none!important;filter:none!important}
}

/* Production corrections: same composition, accessible fallbacks. */
:root{--hero-offset:3vw}
.site-nav{color:var(--white)}
.s-world{transform:translateX(var(--hero-offset)) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.reveal,.blur-reveal{opacity:1;transform:none;filter:none}
.enhanced .hero .reveal,.enhanced .hero .blur-reveal{opacity:1;transform:none;filter:none}
.skip-link{position:fixed;z-index:200;top:8px;left:20px;padding:12px;background:#f7f9fa;color:#071018;transform:translateY(-150%)}
.skip-link:focus{transform:none}
a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
section{scroll-margin-top:90px}
.nav-links a,.nav-action,.brand,.text-link,.pill{min-height:44px;align-content:center}
.mobile-nav{display:none}
.product .arrow{visibility:hidden}
.product:focus-within:before{transform:none}
.brand-sub{color:#abb9c2}.site-nav.light .brand-sub{color:#526470}
.hero-index{color:#9badb8}.system-label,.metric{color:#9badb8}
.idea .manifesto .soft{color:#65757f}
.wordrow .n,.wordrow .state,.product .num,.product p,.evidence-row .type,.evidence-row p,.simple p,.complexity-head p{color:#536571}
.products-head .section-copy,.evidence-head p{color:#536571}
.gov-seq span{color:#9baeb9}.tagline{color:#9badb8}
.governed,.complexity{overflow:clip}
.site-footer{padding:24px 28px;text-align:center;background:var(--bg);color:#a9b5bd;font-size:12px}
.paused .orbit,.paused .sig,.paused .packet{animation-play-state:paused}
@media(max-width:1000px){
 :root{--hero-offset:18vw}
 .site-nav{grid-template-columns:1fr auto auto;gap:12px}
 .mobile-nav{display:block;font-size:11px}
 .mobile-nav summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
 .mobile-nav nav{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#0b141c;color:#f7f9fa;border:1px solid #536571;border-radius:12px;padding:12px;display:grid}
 .mobile-nav a{display:flex;align-items:center;min-height:44px;padding:0 10px}
 .governed{min-height:0}.governed-sticky{position:relative;height:auto}.gov-world{height:480px}
 .complexity{min-height:0}.complexity-sticky{position:relative;height:auto}.machine{height:560px}
}
@media(max-width:650px){
 :root{--hero-offset:0vw}
 .site-nav{gap:10px}.brand-name{font-size:10px;letter-spacing:.12em}.brand{gap:8px}.brand-mark{width:24px;height:24px}
 .hero-art{min-height:390px;height:100vw}.hero-grid{padding-bottom:96px}.hero-index{flex-wrap:wrap;right:22px;line-height:1.6;gap:4px 12px}
 .section-display{font-size:clamp(46px,12vw,72px)}
 .product{gap:16px;grid-template-columns:30px 1fr 20px}.product h3{font-size:32px}
 .gov-world{height:380px}.complexity-head p{max-width:100%}
 .mbox{min-width:0;width:30%;padding:9px 6px;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.s-world{--rx:0deg!important;--ry:0deg!important}
 .canberra-media{transform:none!important}
 .enhanced .reveal,.enhanced .blur-reveal{opacity:1;transform:none;filter:none}
}
@media(forced-colors:active){.hero-art,.gov-world,.machine{display:none}.site-nav{background:Canvas;border:1px solid CanvasText}}
