:root {
  --bg:#0A1024; --text:#EEF2FF; --muted:#AEB9D8; --line:rgba(255,255,255,.15);
  --purple:#A78BFA; --blue:#60A5FA; --green:#63C174; --amber:#F59E0B;
  --paper:#FBFBFF; --paper-text:#182033; --shadow:0 24px 80px rgba(0,0,0,.30); --radius:26px;
  --font-heading:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);line-height:1.66}
body.vantage-theme{background:radial-gradient(circle at 11% 3%,rgba(167,139,250,.19),transparent 34rem),radial-gradient(circle at 82% 12%,rgba(96,165,250,.16),transparent 30rem),radial-gradient(circle at 52% 76%,rgba(99,193,116,.08),transparent 34rem),linear-gradient(135deg,#070D1E 0%,#111A35 48%,#070B18 100%)}
a{color:inherit}.progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--purple),var(--blue),var(--green),var(--amber));z-index:100}.shell{max-width:1240px;margin:0 auto;padding:28px}
.hero,.reader-layout{display:grid}.hero{grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:28px;align-items:stretch;padding:28px 0}.hero-main,.hero-side,.article-card,.toc-card,.hero-visual-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.055));backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-main{padding:clamp(30px,5vw,62px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.10);color:var(--muted);font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
h1.hero-title{font-family:var(--font-heading);font-size:clamp(44px,7vw,82px);line-height:.94;margin:28px 0 18px;letter-spacing:-.055em}.hero-subtitle{color:var(--muted);font-size:clamp(18px,2vw,23px);max-width:820px;margin:0 0 34px}.hero-quote{font-family:var(--font-heading);font-size:clamp(24px,3vw,39px);line-height:1.1;font-weight:750;letter-spacing:-.032em;max-width:900px;margin:30px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid var(--line);font-weight:750}.btn.primary{background:linear-gradient(135deg,rgba(167,139,250,.30),rgba(96,165,250,.23))}.hero-side{padding:26px;display:flex;flex-direction:column;justify-content:space-between}.badge{color:var(--purple);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.metric-grid{display:grid;gap:12px;margin:24px 0}.metric{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.075)}.metric strong{display:block;font-family:var(--font-heading);font-size:25px;line-height:1}.metric span{display:block;color:var(--muted);font-size:13px;margin-top:8px}.side-note{color:var(--muted);border-top:1px solid var(--line);padding-top:18px;font-size:15px}
.hero-visual-panel{padding:14px;margin:28px 0 26px}.hero-visual-frame{border-radius:20px;overflow:hidden;background:#070D1E;min-height:280px;display:grid;place-items:center}.hero-visual-frame--vantage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.hero-visual-fallback{display:none;padding:48px 28px;max-width:760px;text-align:center;color:var(--muted)}.hero-visual-frame.missing-asset .hero-visual-fallback{display:block}.hero-visual-panel figcaption{color:var(--muted);font-size:15px;padding:13px 8px 4px}
.reader-layout{grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start;margin-top:28px}.toc-wrap{position:sticky;top:82px}.toc-card{padding:18px}.toc-card h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.toc-card nav{display:grid;gap:4px}.toc-card a{text-decoration:none;color:var(--muted);padding:9px 10px;border-radius:12px;font-size:14px;line-height:1.25}.toc-card a:hover,.toc-card a.active{color:#fff;background:rgba(255,255,255,.10)}
.article-card{background:var(--paper);color:var(--paper-text);padding:clamp(26px,5vw,64px);overflow:hidden}.content-section{scroll-margin-top:92px;border-top:1px solid rgba(24,32,51,.11);padding-top:34px;margin-top:34px}.content-section:first-child{border-top:0;margin-top:0;padding-top:0}.article-card h1,.article-card h2,.article-card h3{font-family:var(--font-heading);color:#0A1024;line-height:1.12;letter-spacing:-.035em}.article-card h1{font-size:clamp(34px,5vw,58px);margin:0 0 18px}.article-card h2{font-size:clamp(28px,3.5vw,42px);margin:0 0 16px}.article-card p{font-size:18px;margin:0 0 18px;color:var(--paper-text)}.article-card a{color:#2849A7;font-weight:700}.article-deck{font-size:20px!important;color:#38435D!important}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(24,32,51,.18),transparent);margin:32px 0}.decision-question{margin:28px 0!important;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#0B1732,#12143A 62%,#1A163D);border:1px solid rgba(96,165,250,.58);box-shadow:0 18px 45px rgba(10,16,36,.18);font-family:var(--font-heading);font-size:clamp(24px,3vw,34px)!important;color:#F4F7FF!important}.decision-question strong{color:#F4F7FF}.signature-line{display:grid;gap:5px;margin:30px 0;padding:26px 30px;border:1px solid rgba(167,139,250,.55);border-radius:22px;background:linear-gradient(135deg,#0A1733,#11163A 56%,#1C153D);box-shadow:0 18px 45px rgba(10,16,36,.18);font-family:var(--font-heading);font-size:clamp(23px,3vw,34px);line-height:1.18;letter-spacing:-.03em;color:#F4F7FF}.signature-line strong:first-child{color:#60A5FA}.signature-line span:last-child strong{color:#B69CFF}
.model-figure{margin:34px 0}.model-figure img{display:block;width:100%;height:auto;border-radius:22px}.model-figure figcaption{margin-top:12px;color:#58647E;font-size:14px;line-height:1.45}.model-figure--stack{margin-left:calc(clamp(26px,5vw,64px)*-.32);margin-right:calc(clamp(26px,5vw,64px)*-.32)}.model-figure--closing{margin:42px calc(clamp(26px,5vw,64px)*-.58) -20px}.model-figure--closing img{border-radius:24px;box-shadow:0 24px 70px rgba(3,8,24,.26)}.model-zoom-link{display:block;border-radius:24px;overflow:hidden;cursor:zoom-in;outline-offset:5px}.model-zoom-link img{transition:transform .24s ease,filter .24s ease}.model-zoom-link:hover img{transform:scale(1.006);filter:brightness(1.03)}.model-figure--closing figcaption{margin-top:14px;text-align:center;color:#58647E;font-size:13px;letter-spacing:.01em}.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}
/* live teaching model */
.vantage-stack{padding:30px;border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(167,139,250,.17),transparent 30rem),linear-gradient(145deg,#070D1E,#0B1530 56%,#070B18);color:#EEF2FF;box-shadow:0 22px 60px rgba(0,0,0,.30);font-family:var(--font-body)}.stack-panel{display:grid;grid-template-columns:82px 1fr;gap:22px;align-items:center;max-width:820px;margin:0 auto;padding:24px 28px;border-radius:22px;border:1px solid}.stack-panel--destination{background:linear-gradient(135deg,rgba(167,139,250,.23),rgba(22,28,62,.75));border-color:rgba(167,139,250,.72)}.stack-panel--lens{background:linear-gradient(135deg,rgba(96,165,250,.25),rgba(12,31,65,.80));border-color:rgba(96,165,250,.72)}.stack-panel--boundary{background:linear-gradient(135deg,rgba(245,158,11,.27),rgba(49,32,10,.78));border-color:rgba(245,158,11,.86)}.stack-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;font-family:var(--font-heading);font-size:38px;color:#EEF2FF}.stack-kicker{display:block;margin-bottom:6px;font-family:var(--font-heading);font-size:clamp(21px,2.8vw,32px);font-weight:750;text-transform:uppercase;letter-spacing:.02em}.stack-panel strong{display:block;color:#D6DDF3;font-size:clamp(17px,2.3vw,23px);font-weight:500}.stack-arrow{text-align:center;color:#7DA9FF;font-size:38px;line-height:1;margin:12px 0}.stack-resolve{text-align:center;color:#79D680;font-size:14px;font-weight:850;text-transform:uppercase;letter-spacing:.11em;margin:18px 0}.stack-judgments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stack-judgments section{padding:22px 18px;border:1px solid rgba(99,193,116,.72);border-radius:20px;background:linear-gradient(145deg,rgba(12,55,47,.92),rgba(9,28,42,.96));text-align:center}.stack-judgments h3{color:#79D680;margin:10px 0 10px;font-family:var(--font-heading);font-size:19px;letter-spacing:-.02em}.stack-judgments p{color:#EEF2FF!important;font-size:17px!important;line-height:1.35;margin:0 0 12px!important}.stack-judgments small{display:block;color:#A9BBD9;font-size:12px;line-height:1.45}.stack-mini-icon{display:grid;place-items:center;width:52px;height:52px;border:2px solid rgba(121,214,128,.8);border-radius:50%;margin:0 auto;color:#79D680;font-size:26px}.stack-converge{text-align:center;color:#79D680;font-size:30px;letter-spacing:.2em;margin:12px 0}.stack-signature{display:grid;gap:2px;text-align:center;margin-top:20px;font-family:var(--font-heading);font-size:clamp(18px,2.8vw,28px);line-height:1.2}.stack-signature span:first-child strong{color:#60A5FA}.stack-signature span:last-child strong{color:#A78BFA}
@media(max-width:980px){.hero,.reader-layout{grid-template-columns:1fr}.toc-wrap{position:relative;top:0}.timeline{grid-template-columns:1fr}.model-figure--closing{margin-left:-18px;margin-right:-18px}.stack-judgments{grid-template-columns:1fr}.stack-panel{max-width:none}}
@media(max-width:720px){.shell{padding:18px}.section-label{align-items:start;flex-direction:column}.hero-visual-frame--vantage img{aspect-ratio:4/3;object-fit:cover;object-position:center}.vantage-stack{padding:18px}.stack-panel{grid-template-columns:58px 1fr;gap:14px;padding:18px}.stack-icon{width:54px;height:54px;font-size:28px}.stack-resolve{font-size:12px}.model-figure--stack{margin-left:-10px;margin-right:-10px}.model-figure--closing{margin-left:-10px;margin-right:-10px}.article-card p{font-size:17px}}
