:root{color-scheme:dark;--bg:#07192d;--bg2:#0b2239;--bg3:#0b2b45;--text:#f5f5ef;--soft:#acbdc9;--muted:#7894a6;--line:rgba(192,225,241,.15);--accent:#24cdd1;--cyan:#8ae7f0;--gold:#e2b477;--serif:'Times New Roman',Georgia,serif;--sans:'Times New Roman',Times,serif;--rail:244px;--header:76px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}em{font-style:italic;color:var(--cyan);font-weight:400}p{line-height:1.6}.skip{position:absolute;z-index:1001;top:-100px;left:20px;background:white;color:black;padding:12px 20px}.skip:focus{top:4px}::selection{background:rgba(36,205,209,.35)}
.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.18}.ambient-a{width:640px;height:640px;top:-250px;right:-240px;background:#065e9e}.ambient-b{width:520px;height:520px;bottom:-250px;left:15%;background:#14796e}
.masthead{height:var(--header);position:sticky;z-index:70;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(6,22,40,.90);backdrop-filter:blur(22px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;min-width:210px}.brand-cube{width:36px;height:36px;display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:#07243b;font-size:23px;background:linear-gradient(145deg,#8af5e9,#26aace 53%,#f5bb79);clip-path:polygon(50% 0,100% 24%,100% 77%,50% 100%,0 77%,0 24%)}.brand-text{display:flex;flex-direction:column;gap:1px;letter-spacing:.05em}.brand-text strong{font:700 20px var(--serif);letter-spacing:.13em}.brand-text small{font-size:8px;letter-spacing:.29em;color:var(--muted);font-weight:700}.masthead-center{font-size:10px;letter-spacing:.22em;color:#b4c7cf;display:flex;align-items:center;gap:12px}.status-dot,.live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#26cfd3;box-shadow:0 0 18px #26cfd3}.release{color:#5b829a}.head-actions{display:flex;align-items:center;gap:9px}.icon-button{min-height:38px;border:1px solid var(--line);background:#0d2b43;border-radius:99px;display:flex;align-items:center;gap:8px;padding:0 13px;color:#d4e7ed;font-size:12px;transition:background .2s,border .2s}.icon-button:hover{background:#16425a;border-color:rgba(88,237,222,.4)}.icon-button>span:first-child{font-size:16px}
.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}.rail{position:sticky;top:var(--header);height:calc(100vh - var(--header));border-right:1px solid var(--line);padding:31px 15px 26px 19px;display:flex;flex-direction:column;background:rgba(4,20,36,.6);z-index:20}.rail-label{display:flex;justify-content:space-between;padding:0 9px 20px;color:#668ca2;letter-spacing:.19em;font-size:9px;font-weight:700}.rail-label span{letter-spacing:.06em}.scene-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;width:100%;gap:15px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:14px 10px;font-size:12px;color:#8fa8ba;transition:.2s ease}.nav-item b{font-size:10px;font-weight:700;color:#50788e}.nav-item:hover{background:#102b43;color:#f6fffe}.nav-item.active{background:linear-gradient(90deg,rgba(39,214,210,.15),rgba(38,122,156,.09));border-color:rgba(41,219,217,.19);color:#e9fcfc}.nav-item.active b{color:#3ae0df}.rail-bottom{margin-top:auto;padding:20px 9px 6px;color:#577a90;font-size:9px;letter-spacing:.11em;line-height:1.7}.rail-bottom strong{display:block;color:#c4e2e5;font-size:11px;letter-spacing:.01em;font-weight:500;margin-top:7px}.rail-line{height:1px;background:var(--line);margin:18px 0}.rail-bottom small{font-size:9px;letter-spacing:0;line-height:1.6}
.main-column{min-width:0;position:relative}.modebar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(5,30,47,.34)}.segmented{display:inline-flex;background:#102d43;border:1px solid rgba(105,169,186,.22);padding:4px;border-radius:99px;gap:3px}.segmented button{padding:8px 14px;border:0;border-radius:99px;background:transparent;color:#84a6b4;font-size:11px;font-weight:700}.segmented .selected{background:#1b4b5d;color:#f2ffff;box-shadow:inset 0 0 0 1px rgba(99,208,211,.15)}.mode-guide{font-size:10px;color:#7594a4;letter-spacing:.03em}
#stage{position:relative}.scene{min-height:calc(100vh - var(--header) - 55px - 72px);padding:55px clamp(26px,4.3vw,70px) 58px;display:none;position:relative;overflow:hidden;animation:sceneIn .6s cubic-bezier(.2,.7,.1,1) both}.scene.active{display:block}.scene::after{content:'';position:absolute;right:-250px;bottom:-330px;width:560px;height:560px;z-index:-1;border:1px solid rgba(55,180,195,.08);border-radius:50%;box-shadow:0 0 0 85px rgba(77,205,208,.012),0 0 0 175px rgba(77,205,208,.012)}@keyframes sceneIn{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--accent)}.scene-header{margin-bottom:36px;max-width:930px}.scene-header h2{font-size:clamp(44px,4.5vw,73px);line-height:1.01;letter-spacing:-.025em;margin:17px 0 20px}.scene-header p{max-width:820px;color:var(--soft);font-size:15px;line-height:1.78}.scene-header.compact h2{font-size:clamp(39px,4vw,61px);margin-bottom:15px}.scene-header.compact{margin-bottom:25px}.kicker{font-size:10px;color:var(--accent);letter-spacing:.18em;font-weight:700}
.scene-hero{display:none;grid-template-columns:minmax(440px,1fr) minmax(340px,.93fr);align-items:center;gap:25px;padding-top:42px}.scene-hero.active{display:grid}.hero-left{position:relative;z-index:2}.scene-hero h1{font-size:clamp(54px,5.7vw,94px);line-height:.95;letter-spacing:-.04em;margin:25px 0 29px}.lead{font-size:15px;color:#afc5d1;line-height:1.88;max-width:640px}.hero-buttons{display:flex;align-items:center;gap:20px;margin-top:31px;flex-wrap:wrap}.primary-btn{border:0;border-radius:100px;background:linear-gradient(110deg,#54e4d7,#79bddd);padding:17px 25px;color:#052437;font-weight:700;font-size:13px;box-shadow:0 18px 40px rgba(27,210,205,.12);transition:transform .18s,box-shadow .18s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(27,210,205,.23)}.primary-btn span{margin-left:14px}.text-btn{background:transparent;color:#e3f5f7;border:0;font-size:12px;font-weight:700;text-decoration:underline;text-decoration-color:#39959d;text-underline-offset:6px;padding:8px 0}.text-btn:hover{color:var(--cyan)}.micro-proof{margin-top:67px;display:flex;gap:25px;flex-wrap:wrap}.micro-proof>span{font-size:9px;color:#668ba0;letter-spacing:.12em;display:flex;flex-direction:column;gap:7px}.micro-proof b{font-size:10px;color:#c5dfe2;letter-spacing:.05em;font-weight:500}.hero-visual{position:relative;min-height:575px;display:flex;flex-direction:column;justify-content:center}.orbit{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-27deg);border:1px solid rgba(73,185,198,.2);border-radius:50%;width:110%;height:73%;pointer-events:none}.orbit-two{transform:translate(-50%,-50%) rotate(50deg);width:86%;height:98%;border-color:rgba(242,189,120,.16)}.hero-asset{position:relative;width:100%;z-index:1;aspect-ratio:1.5;background:#eff7f8;border-radius:26px;padding:8px;border:1px solid rgba(156,244,239,.45);box-shadow:0 35px 120px rgba(2,15,27,.55),0 0 100px rgba(0,220,220,.055);overflow:hidden;transform:rotate(-3deg)}.hero-asset img{width:100%;height:100%;object-fit:cover;border-radius:17px}.hero-visual-caption{margin-top:31px;display:flex;gap:20px;align-items:center;color:#c0dae2;font-size:11px;justify-content:center}.hero-visual-caption span{color:var(--accent)}.corner-index{position:absolute;right:40px;bottom:34px;color:#78a5b4;font:24px var(--serif)}.corner-index span{color:#466c80;font-size:14px}
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.problem-card{text-align:left;min-height:264px;padding:24px 20px;display:flex;flex-direction:column;background:linear-gradient(165deg,#102c43,#0b2339);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.problem-card:hover{transform:translateY(-4px)}.problem-card.active{border-color:rgba(72,225,216,.65);background:linear-gradient(140deg,#174d61,#10354c)}.problem-num{font-size:9px;letter-spacing:.1em;color:#55bfc8;font-weight:700}.problem-card h3{font-size:27px;line-height:1.14;margin:29px 0 11px}.problem-card p{font-size:12px;color:#9db7c4}.card-arrow{margin-top:auto;align-self:end;color:#8eeae2;font-size:20px}.insight-strip{display:grid;grid-template-columns:150px minmax(0,1fr) 140px;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.insight-strip p{color:#dcebec;font:25px/1.35 var(--serif)}.inline-source{background:transparent;border:0;padding:4px 0;text-align:left;color:#73dfdf;font-size:11px;text-decoration:underline;text-decoration-color:rgba(115,223,223,.45);text-underline-offset:4px}.inline-source:hover{color:white}
.architecture-grid{display:grid;grid-template-columns:1fr minmax(300px,.93fr);gap:20px;align-items:stretch}.pillars{display:grid;gap:8px}.pillar{min-height:69px;text-align:left;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;padding:14px 18px;background:rgba(18,54,75,.55);border:1px solid var(--line);border-radius:12px;transition:.2s}.pillar:hover,.pillar.active{border-color:rgba(65,216,216,.52);background:#1a4a5d}.pillar span{font-size:11px;color:#5eb4c2;font-weight:700}.pillar strong{font:26px var(--serif)}.pillar i{color:#8bdce1;font-size:15px;font-style:normal}.pillar-stage{min-height:460px;padding:32px 35px;border:1px solid rgba(89,224,210,.27);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(31,167,173,.22),transparent 40%),linear-gradient(135deg,#12364e,#0b2236);display:flex;flex-direction:column}.stage-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#6eced5}.small-sun{font-size:24px;color:#9ce5e8}.giant-number{font:100px var(--serif);color:rgba(114,207,210,.16);margin:9px 0 0}.pillar-stage h3{font-size:35px;margin:-4px 0 15px}.pillar-stage>p{font-size:14px;color:#bdd3dc;max-width:520px;line-height:1.8}.output-box{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:10px}.output-box small{font-size:9px;letter-spacing:.16em;color:#60b7c1}.output-box strong{font:23px var(--serif);color:#edf9f9}.rule-note{margin-top:13px;color:#7b9eaa;font-size:11px}
.ecosystem-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr);gap:18px}.webgl-stage{height:480px;border:1px solid rgba(80,195,205,.28);border-radius:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#153e58 0%,#0a243a 46%,#06192b 90%)}.webgl-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(70,163,187,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(70,163,187,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black 5%,transparent 80%);pointer-events:none}#ecosystemCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#ecosystemCanvas:active{cursor:grabbing}.model-meta{position:absolute;bottom:17px;left:20px;right:20px;font-size:9px;color:#81aeba;display:flex;gap:9px;align-items:center;letter-spacing:.12em;pointer-events:none}.model-hint{margin-left:auto;letter-spacing:0;color:#648b9c}.fallback3d{position:absolute;inset:15%;border:1px solid var(--line);border-radius:18px;background:#102c42;padding:30px;display:grid;place-items:center;text-align:center}.fallback3d[hidden]{display:none}.ecosystem-controls{border:1px solid var(--line);border-radius:18px;background:#0d293f;padding:20px;min-height:480px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.card-head strong{font:22px var(--serif)}.card-head span{font-size:9px;letter-spacing:.08em;color:#6d98a8}.layer-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layer-toggles label{font-size:11px;color:#b8d3da;display:flex;gap:5px;align-items:center;cursor:pointer}.layer-toggles input{accent-color:#26cccc}.swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.sw-research{background:#76f1e7}.sw-transfer{background:#e6b773}.sw-resources{background:#8badff}.sw-digital{background:#d698ff}.zoom-control{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:18px;font-size:11px;color:#b7d5d9}.zoom-control input{width:100%;margin-top:12px;accent-color:#3ad4d3}.model-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.small-btn{background:#143a50;border:1px solid rgba(115,206,212,.23);border-radius:9px;padding:9px 11px;color:#d8edf0;font-size:11px}.small-btn:hover{background:#1b4e65}.selected-node{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.selected-node small{font-size:9px;color:var(--accent);letter-spacing:.12em}.selected-node h3{font-size:26px;margin:7px 0}.selected-node p{font-size:12px;line-height:1.55;color:#a9c5d0}.node-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px;max-height:85px;overflow-y:auto}.node-pills button{border-radius:99px;border:1px solid var(--line);background:#103348;padding:5px 8px;font-size:9px;color:#9ec3cc}.node-pills button.active{background:#20546a;border-color:#4bd4ce;color:#e7ffff}
.process-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.steps-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.steps-track button{min-height:125px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#102f47,#0b243b);text-align:left;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.steps-track button.active{border-color:rgba(92,224,212,.65);background:#164e5f}.steps-track b{font-size:12px;color:#4ec5c9}.steps-track span{font:25px var(--serif)}.process-detail{min-height:390px;border-radius:19px;background:linear-gradient(135deg,#164b5f,#0c2d42);border:1px solid rgba(79,203,212,.3);padding:30px;display:flex;flex-direction:column}.process-detail h3{font-size:50px;margin:15px 0}.process-detail>p{font-size:17px;color:#d2e6e9;line-height:1.7}.decision-caption{margin-top:auto;border-top:1px solid rgba(202,239,241,.2);padding-top:18px;display:grid;gap:10px}.decision-caption span{font-size:10px;color:#7bd9da;letter-spacing:.13em}.decision-caption strong{font:24px var(--serif)}.process-detail .text-btn{margin-top:15px;align-self:flex-start}.inline-citation{font-size:11px;color:#7799a9;margin-top:24px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.data-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:16px}.data-card{border:1px solid var(--line);border-radius:18px;background:#0d2a41;padding:24px;min-height:470px}.question-chart{display:grid;gap:12px;margin-top:12px}.chart-row{width:100%;background:transparent;border:1px solid transparent;border-radius:12px;text-align:left;padding:11px 9px;color:#c5e3e8}.chart-row.active,.chart-row:hover{background:#133d52;border-color:rgba(78,200,199,.25)}.chart-row-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.chart-row-top strong{color:#e8f9f8}.bar-track{height:10px;background:#15354a;border-radius:99px;overflow:hidden}.bar-fill{display:block;height:100%;width:var(--pct);background:linear-gradient(90deg,#289ca9,#75ede0);border-radius:99px;transition:width .3s}.chart-detail{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin:15px 0}.chart-detail span{color:#5babb7;letter-spacing:.1em;font-size:9px}.chart-detail h3{margin:5px 0;font-size:27px}.chart-detail p{font-size:11px;color:#91aebb}.chart-detail>strong{white-space:nowrap;font:33px var(--serif);color:#93ede6}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.period-tabs button{padding:12px 5px;border:1px solid var(--line);background:#123449;border-radius:9px;color:#91b3bd;font-size:11px}.period-tabs button.selected{background:#206274;color:white;border-color:#43b8c3}.period-view{background:linear-gradient(135deg,#154357,#0e3146);border:1px solid rgba(91,223,215,.18);border-radius:15px;margin-top:22px;padding:28px 24px;min-height:215px}.period-view>span{font-size:10px;color:#7bd1d9;letter-spacing:.14em}.period-view h3{font-size:44px;margin:15px 0}.period-view p{font-size:13px;color:#bed9df}.verification-flow{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:25px}.verification-flow span{color:#8bb1bc;font-size:9px;letter-spacing:.03em}.verification-flow i{color:var(--accent);font-style:normal}.disclaimer{display:block;color:#688b9b;font-size:10px;margin-top:15px;line-height:1.4}
.ai-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.ai-modes,.ai-demo{border-radius:18px;border:1px solid var(--line);padding:22px;background:#0d293f;min-height:440px}.segmented.wide{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:11px}.segmented.wide button{border-radius:9px;font-size:11px}.ai-status{padding:32px 6px 5px}.ai-orb{display:block;font-size:42px;color:#73dfd3;text-shadow:0 0 40px #37bbbc;margin-bottom:15px}.pill{font-size:9px;color:#9ec5ce;border:1px solid var(--line);border-radius:99px;padding:5px 10px;letter-spacing:.12em}.pill.future{color:#d3bafd;border-color:#815ea9}.ai-status h3{font-size:36px;margin:22px 0 12px}.ai-status>p{font-size:14px;color:#bed0da}.ai-guardrail{margin-top:23px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px;font-size:11px;color:#87a8b7}.ai-guardrail b{color:#86dbe2;letter-spacing:.1em;font-size:9px}.prompt-choices{display:flex;gap:8px;flex-wrap:wrap}.prompt-choices button{background:#123b50;border:1px solid var(--line);border-radius:99px;padding:8px 11px;font-size:10px;color:#a6c5ca}.prompt-choices button.selected{background:#1b6370;border-color:#4ac6ce;color:white}.ai-conversation{display:grid;gap:16px;margin-top:25px}.chat-user{margin-left:17%;background:#1c5268;border:1px solid rgba(67,217,218,.18);border-radius:16px 16px 4px 16px;padding:16px;color:#e6f9f7;font-size:13px;line-height:1.6}.chat-assistant{display:flex;gap:12px;align-items:flex-start}.ai-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:linear-gradient(125deg,#65d9df,#9fbdff);color:#05243b;font:700 19px var(--serif)}.chat-assistant p{background:#113248;border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:15px;color:#c4dce3;font-size:13px;line-height:1.65}.ai-demo-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7ca2ae}
.governance-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}.roles{display:grid;gap:8px}.roles button{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#0d2b40;border-radius:10px;padding:15px 17px;font-size:13px;color:#b0cad2}.roles button.active,.roles button:hover{background:#174e5b;color:#f2ffff;border-color:#48bac2}.roles button span{color:#78cdd2}.role-detail{border-radius:18px;padding:30px;background:linear-gradient(140deg,#174c60,#0b2d42);border:1px solid rgba(82,217,218,.28);display:flex;flex-direction:column}.role-detail h3{font-size:43px;margin:15px 0 30px}.role-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.role-split>div{padding:20px;background:rgba(2,21,36,.27);border:1px solid var(--line);border-radius:12px;min-height:172px}.role-split small{font-size:10px;letter-spacing:.12em;color:#72cfdb}.role-split p{font-size:13px;color:#c5dbe1;margin-top:13px;line-height:1.7}.security-chip{margin-top:auto;border-top:1px solid var(--line);padding-top:25px;color:#8bd9dc;font-size:13px}
.sources-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:19px}.source-list{display:grid;align-content:start;gap:9px}.source-entry{width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px;border-radius:11px;border:1px solid var(--line);background:#0c2a40;padding:16px 18px;color:#c5dce5}.source-entry.active,.source-entry:hover{border-color:#52bfc1;background:#16475a}.source-entry b{font-size:12px;font-weight:600}.source-entry span{font-size:11px;color:#73c2c8;white-space:nowrap}.source-detail{background:linear-gradient(155deg,#12364b,#0a243a);border:1px solid var(--line);border-radius:18px;padding:27px;min-height:420px}.source-detail .source-kicker{font-size:10px;color:#5dd9d7;letter-spacing:.12em}.source-detail h3{font:33px/1.12 var(--serif);margin:18px 0}.source-detail>p{font-size:13px;color:#a5c2cc}.source-detail dl{display:grid;grid-template-columns:125px 1fr;margin:24px 0;gap:15px 20px;font-size:12px}.source-detail dt{color:#63bfca}.source-detail dd{margin:0;color:#c5d7de;line-height:1.55}.source-detail a{display:inline-block;color:#80e7e2;margin-top:12px;font-size:12px;text-underline-offset:5px}.empty-source{display:grid;place-items:center;min-height:350px;color:#6e9ba8;text-align:center}
.scene-final{background:radial-gradient(circle at 78% 32%,rgba(9,147,169,.23),transparent 28%);display:none;flex-direction:column;justify-content:center}.scene-final.active{display:flex}.final-mark{font:700 clamp(70px,13vw,170px) var(--serif);letter-spacing:-.08em;color:rgba(165,221,225,.09);position:absolute;top:0;right:40px;pointer-events:none}.final-mark span{color:rgba(86,211,205,.12)}.final-copy{position:relative;z-index:1}.final-copy h2{font-size:clamp(54px,6.8vw,105px);line-height:.97;letter-spacing:-.045em;margin:25px 0}.final-copy p{font-size:20px;color:#b1cdd6;max-width:650px}.final-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:43px}.final-foot{display:flex;gap:25px;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);margin-top:80px;font-size:10px;letter-spacing:.13em;color:#63899a}
.presenter-footer{min-height:72px;position:sticky;bottom:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:10px 35px;background:rgba(5,22,37,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.slide-readout{display:flex;align-items:center;gap:9px}.slide-readout>span:first-child{font:27px var(--serif);color:#acf3ed}.slide-readout .slash{font-size:12px;color:#668d9c}.slide-readout strong{font-size:11px;color:#92b5bd;font-weight:500;margin-left:19px}.footer-controls{display:flex;align-items:center;gap:9px}.footer-btn{border:1px solid var(--line);border-radius:99px;background:#12364a;padding:10px 15px;font-size:13px;color:#c0dfe5}.footer-btn:hover{border-color:#5ac5ce}.footer-btn.next{background:#5acccc;color:#062737;font-weight:800}.footer-btn:disabled{opacity:.3}.notes-panel{position:fixed;z-index:56;left:calc(var(--rail) + 20px);right:25px;bottom:85px;padding:22px 25px;background:#174155;border:1px solid #4c9faa;border-radius:15px;box-shadow:0 25px 70px #031421}.notes-panel[hidden]{display:none}.notes-panel span{font-size:10px;color:#66d6d3;letter-spacing:.14em}.notes-panel p{font-size:13px;color:#cce3e8;margin-top:10px;line-height:1.6}
body[data-mode="explore"] #stage .scene{display:block;min-height:auto;overflow:visible;padding-top:72px;padding-bottom:78px;border-bottom:1px solid var(--line);animation:none;scroll-margin-top:135px}body[data-mode="explore"] #stage .scene-hero{display:grid;min-height:calc(100vh - var(--header) - 55px)}body[data-mode="explore"] #stage .scene-final{display:flex;min-height:650px}body[data-mode="explore"] .presenter-footer,body[data-mode="explore"] .notes-panel{display:none!important}body[data-mode="explore"] .rail{height:calc(100vh - var(--header))}
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(1,15,26,.62);backdrop-filter:blur(5px)}.drawer-backdrop[hidden]{display:none}.source-drawer{position:fixed;z-index:91;right:0;top:0;bottom:0;width:min(510px,100vw);background:#0c263b;border-left:1px solid rgba(97,218,220,.32);transform:translateX(102%);transition:transform .35s;overflow-y:auto;padding:30px}.source-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.drawer-head h2{font:39px var(--serif);margin-top:9px}.drawer-head .icon-button{font-size:24px;min-width:39px;justify-content:center}.drawer-body{padding-top:23px}.drawer-body .source-entry{margin-bottom:9px}.drawer-body .source-detail{margin-top:14px;min-height:initial;padding:20px}.drawer-body .source-detail dl{grid-template-columns:85px 1fr}.source-drawer .source-detail h3{font-size:27px}#toast{position:fixed;z-index:150;right:25px;bottom:23px;padding:11px 17px;background:#b1f9e9;color:#073043;border-radius:10px;font-size:12px;opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}
@media (max-width:1180px){:root{--rail:210px}.masthead-center{display:none}.scene-hero{grid-template-columns:1fr .82fr}.hero-left h1{font-size:60px}.hero-visual{min-height:460px}.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-card{min-height:210px}.architecture-grid,.ecosystem-layout{grid-template-columns:1fr}.webgl-stage{height:460px}.ecosystem-controls{min-height:auto}.node-pills{max-height:initial}.data-layout,.ai-layout,.governance-layout{grid-template-columns:1fr}.sources-layout{grid-template-columns:.9fr 1.1fr}}
@media (max-width:800px){:root{--header:65px;--rail:0px}.masthead{padding:0 14px}.brand{min-width:140px}.brand-text strong{font-size:16px}.brand-text small{font-size:7px}.brand-cube{width:30px;height:30px}.desktop-only{display:none}.icon-button{padding:0 10px}.shell{display:block}.rail{position:sticky;height:48px;top:var(--header);z-index:60;padding:7px 10px;display:block;background:#081e30;border-bottom:1px solid var(--line);border-right:0}.rail-label,.rail-bottom{display:none}.scene-nav{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.scene-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;padding:8px 12px;font-size:10px}.nav-item b{font-size:9px}.modebar{padding:0 16px;height:54px}.mode-guide{display:none}.scene{padding:36px 20px 47px;min-height:calc(100vh - 230px)}.scene-hero.active{display:block}.scene-hero h1{font-size:clamp(51px,11vw,83px)}.hero-visual{min-height:300px;margin-top:38px}.hero-asset{width:88%;margin:auto;transform:rotate(-1deg)}.hero-visual-caption{margin-top:12px}.micro-proof{margin-top:34px}.scene-header h2,.scene-header.compact h2{font-size:clamp(42px,9vw,65px)}.insight-strip{grid-template-columns:1fr;gap:12px}.architecture-grid,.process-layout,.data-layout,.sources-layout{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.pillar{grid-template-columns:27px 1fr 12px}.pillar strong{font-size:19px}.pillars .pillar{min-height:65px;padding:11px}.ecosystem-layout{display:block}.ecosystem-controls{margin-top:14px}.steps-track{grid-template-columns:repeat(4,1fr)}.steps-track button{min-height:98px;padding:12px}.steps-track span{font-size:18px}.steps-track b{font-size:10px}.process-detail{margin-top:14px;min-height:340px}.data-card{min-height:auto}.role-detail h3{font-size:33px}.notes-panel{left:14px;right:14px;bottom:83px}body[data-mode="explore"] #stage .scene{padding-top:45px;scroll-margin-top:165px}body[data-mode="explore"] #stage .scene-hero{min-height:initial}body[data-mode="explore"] #stage .scene-final{min-height:570px}}
@media (max-width:540px){.hero-buttons{gap:16px}.micro-proof{gap:15px}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:185px}.problem-card h3{margin-top:18px}.pillars{grid-template-columns:1fr}.pillars .pillar{min-height:57px}.pillar-stage{min-height:420px}.webgl-stage{height:365px}.model-hint{display:none}.layer-toggles{gap:7px}.ecosystem-controls{padding:15px}.steps-track{grid-template-columns:repeat(3,1fr)}.period-tabs{grid-template-columns:1fr 1fr}.ai-layout{display:block}.ai-demo{margin-top:15px}.role-split{grid-template-columns:1fr}.role-split>div{min-height:initial}.final-copy h2{font-size:52px}.final-foot{gap:15px;flex-direction:column}.presenter-footer{padding:10px 15px}.footer-btn span{display:none}.slide-readout strong{margin-left:5px}.source-detail dl{grid-template-columns:1fr;gap:6px}.source-detail dd{margin-bottom:14px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}