:root{
  --bg:#070911;
  --bg-soft:#0b1020;
  --panel:#101725;
  --panel-strong:#151d2e;
  --line:rgba(255,255,255,.105);
  --line-bright:rgba(255,255,255,.2);
  --text:#f7f8fb;
  --muted:#b2bccb;
  --muted2:#768399;
  --accent:#62f2d0;
  --cyan:#5ac8ff;
  --violet:#a78bfa;
  --amber:#ffbf69;
  --coral:#ff7a90;
  --max:1240px;
  --radius:22px;
  --shadow:0 24px 80px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% -4%,rgba(90,200,255,.14),transparent 27rem),
    radial-gradient(circle at 96% 15%,rgba(167,139,250,.12),transparent 32rem),
    var(--bg);
  color:var(--text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
::selection{background:rgba(98,242,208,.26);color:#fff}
.noise{opacity:.035;mix-blend-mode:soft-light}
.wrap{width:min(var(--max),calc(100% - 56px))}

/* Navigation */
.nav-shell{
  top:14px;
  width:min(var(--max),calc(100% - 32px));
  margin:0 auto;
  background:rgba(9,12,22,.74);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  box-shadow:0 12px 45px rgba(0,0,0,.22);
  backdrop-filter:blur(22px) saturate(140%);
}
.nav{height:66px;width:100%;padding:0 18px}
.brand{display:inline-flex;align-items:center;font-size:20px;letter-spacing:-.04em}
.brand::before{content:"";width:9px;height:9px;margin-right:10px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--accent));box-shadow:0 0 18px rgba(98,242,208,.8)}
.brand span{color:var(--cyan)}
.nav-links{padding:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:999px;gap:3px}
.nav-links a{padding:8px 15px;border-radius:999px;color:#9ea9b9}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.08);color:#fff}
.nav-cta{border-color:rgba(90,200,255,.3);background:rgba(90,200,255,.08);color:#d9f3ff}
.nav-cta:hover{background:rgba(90,200,255,.15);border-color:rgba(90,200,255,.55);transform:translateY(-1px)}

/* Shared immersive surfaces */
.glass-pane,.story-card,.feature-essay,.hub-card,.project,.note-card,.architecture-figure,.value-migration,.thesis-banner,.evidence-card,.research-callout,.final-thesis{
  border-color:var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow);
}
.eyebrow,.pane-tag,.rail-heading span,.metric-label{
  font:500 10px/1.2 "DM Mono",monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c8d2df}
.eyebrow::before{content:"";width:24px;height:1px;background:currentColor}
.gradient-text{background:linear-gradient(110deg,#fff 4%,#b9e8ff 42%,#cbbcff 72%,#fff0d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.button{min-height:46px;padding:12px 19px;border-radius:999px}
.button.primary{background:linear-gradient(120deg,var(--cyan),var(--accent));color:#061017;box-shadow:0 10px 32px rgba(90,200,255,.2)}
.button.primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(90,200,255,.3)}
.button.secondary{background:rgba(255,255,255,.045);border-color:var(--line-bright)}
.button.secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.32)}
.reveal{opacity:0;transform:translateY(18px)}
.reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}

/* Cinematic home */
.home-page main{padding-top:44px}
.cinema-hero{position:relative;min-height:740px;padding:88px 0 70px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:54px;align-items:center}
.cinema-hero::before{content:"";position:absolute;inset:3% -12% 0 42%;z-index:-1;background:radial-gradient(circle at 45% 40%,rgba(90,200,255,.16),transparent 38%),radial-gradient(circle at 74% 55%,rgba(167,139,250,.18),transparent 31%);filter:blur(12px)}
.hero-copy h1{font:750 clamp(60px,7.4vw,104px)/.92 Manrope,sans-serif;letter-spacing:-.066em;margin:24px 0 27px;max-width:870px}
.hero-copy .home-lede{font-size:20px;line-height:1.65;max-width:720px;color:#bdc7d6;margin:0}
.hero-copy .hero-actions{margin-top:33px}
.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;color:var(--muted2);font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em}
.hero-proof span{display:flex;gap:8px;align-items:center}
.hero-proof span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(98,242,208,.6)}
.control-visual{position:relative;min-height:540px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(21,29,46,.94),rgba(8,11,19,.72));box-shadow:0 35px 110px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);overflow:hidden;padding:26px}
.control-visual::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;top:-160px;right:-100px;background:rgba(167,139,250,.22);filter:blur(60px)}
.visual-top{position:relative;display:flex;justify-content:space-between;color:#9ca8ba;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.live-dot{display:flex;align-items:center;gap:8px;color:#b6ffeb}
.live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
.agent-stack{position:relative;margin-top:57px;display:grid;gap:18px}
.agent-node{position:relative;min-height:105px;padding:20px 20px 18px 73px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.agent-node::before{content:attr(data-index);position:absolute;left:19px;top:20px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--node-color);color:#061017;font:700 11px "DM Mono",monospace;box-shadow:0 0 28px color-mix(in srgb,var(--node-color) 40%,transparent)}
.agent-node:not(:last-child)::after{content:"";position:absolute;width:1px;height:19px;bottom:-19px;left:37px;background:linear-gradient(var(--node-color),rgba(255,255,255,.1))}
.agent-node span{display:block;color:#8e9aad;font:9px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.agent-node strong{display:block;font:650 19px Manrope,sans-serif;margin-top:7px}
.agent-node small{display:block;color:var(--muted2);margin-top:5px}
.agent-node.model{--node-color:var(--violet)}.agent-node.gateway{--node-color:var(--cyan)}.agent-node.action{--node-color:var(--amber)}
.visual-caption{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;color:var(--muted2);font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em}

.browse-section{padding:24px 0 72px}
.rail-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:19px}
.rail-heading span{color:var(--cyan)}
.rail-heading h2{font:700 clamp(30px,4vw,48px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 0}
.rail-controls{display:flex;gap:8px}
.rail-control{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.045);color:#fff;font-size:18px;cursor:pointer}
.rail-control:hover{background:rgba(255,255,255,.1);transform:scale(1.04)}
.content-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,31%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 32px}
.content-rail::-webkit-scrollbar{display:none}
.story-card{position:relative;min-height:365px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;scroll-snap-align:start;display:flex;flex-direction:column;background:linear-gradient(155deg,var(--card-tint,rgba(90,200,255,.12)),rgba(15,21,34,.96) 42%,#0b0e17)}
.story-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 8%,var(--card-glow,rgba(90,200,255,.28)),transparent 34%);opacity:.74}
.story-card>*{position:relative}
.story-card:hover{transform:translateY(-7px) scale(1.012);border-color:var(--card-border,rgba(90,200,255,.5));box-shadow:0 28px 80px rgba(0,0,0,.5)}
.story-card[data-tone="violet"]{--card-tint:rgba(167,139,250,.14);--card-glow:rgba(167,139,250,.32);--card-border:rgba(167,139,250,.52)}
.story-card[data-tone="amber"]{--card-tint:rgba(255,191,105,.13);--card-glow:rgba(255,191,105,.27);--card-border:rgba(255,191,105,.5)}
.story-card[data-tone="coral"]{--card-tint:rgba(255,122,144,.12);--card-glow:rgba(255,122,144,.25);--card-border:rgba(255,122,144,.48)}
.story-card[data-tone="mint"]{--card-tint:rgba(98,242,208,.12);--card-glow:rgba(98,242,208,.25);--card-border:rgba(98,242,208,.48)}
.pane-tag{color:#c9d4e1;display:flex;justify-content:space-between}
.pane-tag b{font-size:16px;color:var(--card-border,var(--cyan))}
.story-card h3{font:700 33px/1.04 Manrope,sans-serif;letter-spacing:-.04em;margin:auto 0 13px;max-width:360px}
.story-card p{color:var(--muted);font-size:14px;margin:0;max-width:390px}
.story-card .card-action{margin-top:22px;color:#e8f7ff;font:600 12px Manrope,sans-serif}

.system-pane{position:relative;margin:10px auto 100px;padding:46px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,rgba(16,23,37,.97),rgba(9,12,21,.95));box-shadow:var(--shadow);overflow:hidden}
.system-pane::before{content:"";position:absolute;inset:auto -5% -60% 25%;height:360px;background:radial-gradient(ellipse,rgba(90,200,255,.12),transparent 65%)}
.system-pane-head{position:relative;display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin-bottom:38px}
.system-pane h2{font:700 clamp(38px,5vw,64px)/.98 Manrope,sans-serif;letter-spacing:-.05em;margin:8px 0 0}
.system-pane-head p{color:var(--muted);font-size:16px;margin:0}
.interactive-flow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.flow-step{min-width:0;min-height:174px;padding:17px 13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.028);color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}
.flow-step::before{content:attr(data-number);font:10px "DM Mono",monospace;color:var(--step-color,var(--cyan))}
.flow-step::after{content:"";height:3px;width:24px;margin-top:auto;margin-bottom:12px;background:var(--step-color,var(--cyan));box-shadow:0 0 15px var(--step-color,var(--cyan));border-radius:3px;transition:width .25s ease}
.flow-step strong{font:650 14px Manrope,sans-serif;order:3}
.flow-step small{color:var(--muted2);font-size:10px;order:4;margin-top:5px}
.flow-step:hover,.flow-step[aria-selected="true"]{background:rgba(255,255,255,.075);border-color:color-mix(in srgb,var(--step-color,var(--cyan)) 48%,transparent);transform:translateY(-4px)}
.flow-step[aria-selected="true"]::after{width:52px}
.flow-step:nth-child(2),.flow-step:nth-child(6){--step-color:var(--violet)}.flow-step:nth-child(3),.flow-step:nth-child(7){--step-color:var(--amber)}.flow-step:nth-child(4){--step-color:var(--coral)}.flow-step:nth-child(5){--step-color:var(--accent)}
.flow-detail{position:relative;margin-top:16px;padding:20px 22px;border:1px solid rgba(90,200,255,.2);border-radius:15px;background:rgba(90,200,255,.055);display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center}
.flow-detail span{color:var(--cyan);font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.09em}
.flow-detail p{margin:0;color:#c0cad8}

.insight-banner{position:relative;margin-bottom:105px;min-height:480px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(110deg,rgba(8,11,19,.96) 0 44%,rgba(12,20,35,.78)),radial-gradient(circle at 80% 40%,rgba(167,139,250,.34),transparent 31%)}
.insight-banner::after{content:"";position:absolute;width:460px;height:460px;right:-30px;top:10px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 52px rgba(90,200,255,.025),0 0 0 104px rgba(167,139,250,.025);animation:float 7s ease-in-out infinite}
.insight-copy{position:relative;z-index:1;padding:52px;max-width:730px}
.insight-copy h2{font:700 clamp(42px,6vw,72px)/.98 Manrope,sans-serif;letter-spacing:-.052em;margin:22px 0}
.insight-copy p{font-size:18px;color:var(--muted);max-width:630px}

/* Publication and article browsing */
.article-hero{padding-top:130px;border-bottom:0}
.article-hero h1{background:linear-gradient(110deg,#fff,#bfebff 55%,#ddcfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.publication-hero{position:relative;max-width:1060px;margin-left:max(28px,calc((100% - var(--max))/2));padding-bottom:48px}
.publication-feature{padding-top:28px}
.feature-essay{border-radius:28px;overflow:hidden;background:linear-gradient(130deg,rgba(20,31,51,.98),rgba(12,15,26,.98))}
.feature-essay:hover{transform:translateY(-5px);border-color:rgba(90,200,255,.38)}
.feature-essay .tag,.read-link{color:var(--cyan)}
.mini-stack{border-left-color:var(--line)}
.mini-stack .stack-accent{background:linear-gradient(90deg,rgba(90,200,255,.12),rgba(167,139,250,.05));box-shadow:inset 2px 0 var(--cyan)}
.publication-principles{gap:12px;background:transparent;border:0}
.publication-principles>div{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:transform .2s ease,border-color .2s ease}
.publication-principles>div:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.4)}
.publication-principles>div:nth-child(2) span{color:var(--violet)}.publication-principles>div:nth-child(3) span{color:var(--amber)}

/* Article experience */
.article-page{background:radial-gradient(circle at 90% 2%,rgba(167,139,250,.15),transparent 30rem),radial-gradient(circle at 7% 16%,rgba(90,200,255,.11),transparent 31rem),var(--bg)}
.reading-progress{position:fixed;z-index:50;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--amber));box-shadow:0 0 14px rgba(90,200,255,.6)}
.article-stage{padding:86px 0 115px}
.article-stage .longform-head{padding:68px 0 48px;border-bottom:0;max-width:1100px}
.article-stage .longform-head h1{font-size:clamp(56px,7.6vw,108px);background:linear-gradient(112deg,#fff 0 38%,#bce9ff 61%,#d9c7ff 80%,#ffe1b4);-webkit-background-clip:text;background-clip:text;color:transparent}
.article-stage .standfirst{font-size:clamp(20px,2.2vw,27px);max-width:900px;line-height:1.55}
.article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.article-meta span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#99a5b6;font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.core-thesis{margin:0 0 46px;padding:31px 34px;border:1px solid rgba(90,200,255,.25);border-radius:22px;background:linear-gradient(120deg,rgba(90,200,255,.1),rgba(167,139,250,.08),rgba(255,191,105,.05));display:grid;grid-template-columns:170px 1fr;gap:32px}
.core-thesis span{font:10px "DM Mono",monospace;color:var(--cyan);letter-spacing:.1em}
.core-thesis p{font:650 clamp(23px,3vw,35px)/1.28 Manrope,sans-serif;margin:0;letter-spacing:-.025em}
.action-map{margin:0 0 76px;border:1px solid var(--line);border-radius:26px;background:rgba(13,18,30,.86);padding:34px;overflow:hidden;box-shadow:var(--shadow)}
.action-map-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}
.action-map-head h2{font:700 clamp(30px,4vw,46px)/1 Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 0}
.action-map-head p{max-width:420px;color:var(--muted);font-size:14px;margin:0}
.map-lanes{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center}
.map-node{min-height:185px;padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;cursor:pointer;color:#fff;text-align:left}
.map-node span{font:9px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--node,var(--cyan))}
.map-node strong{font:650 22px/1.1 Manrope,sans-serif;margin:auto 0 9px}
.map-node small{color:var(--muted2);line-height:1.45}
.map-node:nth-child(3){--node:var(--violet)}.map-node:nth-child(5){--node:var(--amber)}
.map-node:hover,.map-node[aria-pressed="true"]{transform:translateY(-4px);border-color:color-mix(in srgb,var(--node,var(--cyan)) 52%,transparent);background:color-mix(in srgb,var(--node,var(--cyan)) 9%,transparent)}
.map-arrow{color:var(--muted2);font-size:22px}
.map-explainer{margin-top:14px;padding:18px 20px;border-radius:14px;background:rgba(90,200,255,.07);border:1px solid rgba(90,200,255,.17);color:#c5d1df}
.article-shell{display:grid;grid-template-columns:230px minmax(0,790px);gap:72px;justify-content:center;align-items:start}
.article-toc{position:sticky;top:106px;padding:20px 0;border-top:1px solid var(--cyan)}
.article-toc>span{font:10px "DM Mono",monospace;color:var(--cyan);letter-spacing:.1em}
.article-toc nav{display:grid;gap:3px;margin-top:15px}
.article-toc a{padding:7px 9px;border-radius:8px;color:var(--muted2);text-decoration:none;font-size:12px;line-height:1.3}
.article-toc a:hover,.article-toc a.active{color:#fff;background:rgba(90,200,255,.08)}
.article-toc .toc-rule{height:1px;background:var(--line);margin:16px 0}
.article-toc p{font-size:11px;color:var(--muted2);margin:0}
.article-prose{font-size:18px;line-height:1.78;color:#c7d0dc;min-width:0}
.article-prose section{scroll-margin-top:105px}
.article-prose h2{font:700 clamp(34px,4vw,48px)/1.08 Manrope,sans-serif;color:#fff;letter-spacing:-.04em;margin:78px 0 22px}
.article-prose h3{font:650 24px/1.2 Manrope,sans-serif;color:#fff;margin:0}
.article-prose p{margin:0 0 26px}
.article-prose a{color:#8bdcff;text-decoration-color:rgba(139,220,255,.35);text-underline-offset:3px}
.article-prose a:hover{color:#c2edff;text-decoration-color:currentColor}
.article-prose blockquote{margin:44px 0;padding:28px 30px;border:1px solid rgba(167,139,250,.25);border-left:3px solid var(--violet);border-radius:0 18px 18px 0;background:linear-gradient(110deg,rgba(167,139,250,.1),rgba(255,255,255,.02));font-size:30px}
.code-example{margin:32px 0 40px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#080b12}
.code-title{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);color:#8996a9;font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.code-dots{display:flex;gap:5px}.code-dots i{width:6px;height:6px;border-radius:50%;background:var(--coral)}.code-dots i:nth-child(2){background:var(--amber)}.code-dots i:nth-child(3){background:var(--accent)}
.code-example pre{margin:0;padding:23px;overflow:auto;color:#d5e0ec;font:13px/1.7 "DM Mono",monospace}.code-example .kw{color:#c2a7ff}.code-example .str{color:#8ee7cc}.code-example .fn{color:#88d8ff}.code-example .comment{color:#748399}
.incident-steps{display:grid;gap:10px;margin:34px 0 42px}
.incident-step{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.incident-step span{color:var(--step,var(--cyan));font:10px "DM Mono",monospace}.incident-step strong{display:block;color:#fff;font:650 17px Manrope,sans-serif}.incident-step p{margin:5px 0 0;font-size:14px;color:var(--muted)}
.incident-step:nth-child(2){--step:var(--violet)}.incident-step:nth-child(3){--step:var(--amber)}.incident-step:nth-child(4){--step:var(--coral)}
.governance-grid{display:grid;gap:10px;margin:34px 0 40px}
.governance-layer{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.028);overflow:hidden}
.governance-layer[open]{background:linear-gradient(120deg,rgba(90,200,255,.075),rgba(167,139,250,.035));border-color:rgba(90,200,255,.27)}
.governance-layer summary{list-style:none;cursor:pointer;padding:19px 20px;display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center}
.governance-layer summary::-webkit-details-marker{display:none}
.governance-layer summary span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--layer,var(--cyan));color:#061017;font:700 10px "DM Mono",monospace}
.governance-layer:nth-child(3n+2){--layer:var(--violet)}.governance-layer:nth-child(3n){--layer:var(--amber)}
.governance-layer summary strong{font:650 17px Manrope,sans-serif;color:#fff}
.governance-layer summary::after{content:"+";font-size:22px;color:var(--muted2)}
.governance-layer[open] summary::after{content:"−";color:var(--cyan)}
.governance-layer .layer-body{padding:0 20px 20px 83px;color:var(--muted);font-size:15px}
.governance-layer .layer-body p{margin:0}
.minimum-controls{margin:37px 0;padding:28px;border:1px solid rgba(98,242,208,.23);border-radius:20px;background:linear-gradient(135deg,rgba(98,242,208,.08),rgba(90,200,255,.035))}
.minimum-controls ol{margin:20px 0 0;padding-left:21px}.minimum-controls li{padding:7px 0;color:#d4dde7}
.deployment-checklist{margin:35px 0 45px;border:1px solid var(--line);border-radius:21px;overflow:hidden;background:rgba(255,255,255,.025)}
.checklist-head{padding:23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.checklist-head strong{font:650 18px Manrope,sans-serif;color:#fff}.checklist-head span{font:10px "DM Mono",monospace;color:var(--accent)}
.checklist-progress{height:3px;background:rgba(255,255,255,.06)}.checklist-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--accent));transition:width .25s ease}
.check-item{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;font-size:14px;color:#bdc7d4}
.check-item:last-child{border-bottom:0}.check-item:hover{background:rgba(255,255,255,.035)}.check-item input{margin-top:5px;accent-color:var(--cyan)}.check-item:has(input:checked){color:#7c899b;text-decoration:line-through}
.source-ledger{margin-top:60px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}
.source-ledger h2{margin-top:0;font-size:31px}.source-ledger ul{padding-left:19px}.source-ledger li{margin:9px 0;color:var(--muted);font-size:14px}

/* Lift every existing page without changing its content model */
.project-grid{gap:18px}.project{border-radius:20px;background:linear-gradient(150deg,rgba(90,200,255,.075),rgba(16,21,31,.96) 45%)}
.project:nth-child(3n){background:linear-gradient(150deg,rgba(167,139,250,.085),rgba(16,21,31,.96) 45%)}.project:nth-child(3n+1){background:linear-gradient(150deg,rgba(255,191,105,.07),rgba(16,21,31,.96) 45%)}
.project:hover{transform:translateY(-7px);border-color:rgba(90,200,255,.4);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.project.flagship{border-radius:24px;background:radial-gradient(circle at 86% 18%,rgba(167,139,250,.19),transparent 30%),radial-gradient(circle at 72% 58%,rgba(90,200,255,.13),transparent 31%),linear-gradient(150deg,#151c2c,#0d111b)}
.note-list{gap:16px}.note-card{border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:transform .2s ease,border-color .2s ease}.note-card:nth-child(4n+2) span{color:var(--violet)}.note-card:nth-child(4n+3) span{color:var(--amber)}.note-card:nth-child(4n) span{color:var(--coral)}.note-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25)}
.footer{margin-top:30px;border-top-color:var(--line)}

@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(98,242,208,.5)}50%{box-shadow:0 0 0 8px rgba(98,242,208,0)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(3deg)}}

@media(max-width:1000px){
  .cinema-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.control-visual{min-height:500px}.content-rail{grid-auto-columns:minmax(300px,48%)}
  .system-pane-head{grid-template-columns:1fr;gap:20px}.interactive-flow{grid-template-columns:repeat(4,1fr)}
  .article-shell{grid-template-columns:1fr;gap:20px}.article-toc{position:static;border:1px solid var(--line);border-radius:16px;padding:17px}.article-toc nav{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 30px))}.nav-shell{top:8px;width:calc(100% - 16px)}.nav{padding:0 13px}.nav-links{display:none}.nav-cta{font-size:0}.nav-cta::after{content:"GitHub ↗";font-size:11px}
  .home-page main{padding-top:18px}.cinema-hero{padding-top:70px;gap:38px}.hero-copy h1{font-size:clamp(53px,16vw,72px)}.hero-copy .home-lede{font-size:18px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}
  .control-visual{min-height:485px;padding:19px;border-radius:23px}.agent-stack{margin-top:42px}.agent-node{min-height:102px;padding-left:66px}.visual-caption{left:19px;right:19px}
  .rail-heading{align-items:center}.rail-heading h2{font-size:32px}.content-rail{grid-auto-columns:86%;margin-right:-15px}.story-card{min-height:335px}.story-card h3{font-size:30px}
  .system-pane{padding:25px 18px;border-radius:22px;margin-bottom:74px}.interactive-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.flow-step{min-width:155px;scroll-snap-align:start}.flow-detail{grid-template-columns:1fr;gap:8px}
  .insight-banner{min-height:520px;margin-bottom:75px}.insight-copy{padding:31px 24px}.insight-copy h2{font-size:45px}.insight-banner::after{opacity:.42;right:-260px}
  .publication-hero{margin-left:auto;padding-top:105px}.feature-essay{padding:25px;border-radius:20px}.publication-principles{grid-template-columns:1fr}
  .article-stage{padding-top:45px}.article-stage .longform-head{padding-top:65px}.article-stage .longform-head h1{font-size:clamp(52px,15vw,74px)}.core-thesis{grid-template-columns:1fr;padding:24px;gap:13px}
  .action-map{padding:20px}.action-map-head{display:block}.action-map-head p{margin-top:13px}.map-lanes{grid-template-columns:1fr}.map-arrow{transform:rotate(90deg);text-align:center}.map-node{min-height:135px}.article-toc nav{grid-template-columns:1fr 1fr}
  .article-prose{font-size:17px}.article-prose h2{margin-top:64px}.article-prose blockquote{font-size:25px;padding:22px}.governance-layer summary{grid-template-columns:43px 1fr auto}.governance-layer .layer-body{padding-left:20px}.incident-step{grid-template-columns:48px 1fr}.checklist-head{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}