:root{--night:#07101f;--panel:#10213d;--white:#fff;--muted:#9eb1cb;--line:rgba(165,192,229,.22);--blue:#5d7cff;--teal:#22c4ae;--violet:#9b6cff;--amber:#ffb84d;--rose:#ff6577;--shadow:0 30px 90px rgba(0,0,0,.32);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;overflow:hidden;background:var(--night);color:#edf4ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a,input,textarea,select{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:12px 18px;border-radius:10px;background:#fff;color:#07101f;font-weight:800}.skip-link:focus{top:12px}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.ambient span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.ambient span:nth-child(1){width:42vw;height:42vw;left:-16vw;top:-15vw;background:#476bff;animation:ambient-drift 16s ease-in-out infinite}.ambient span:nth-child(2){width:34vw;height:34vw;right:-12vw;top:7vh;background:#12b9a8;animation:ambient-drift 19s ease-in-out infinite reverse}.ambient span:nth-child(3){width:24vw;height:24vw;left:44vw;bottom:-18vw;background:#853fff;animation:ambient-drift 22s ease-in-out infinite 2s}
.topbar{position:fixed;z-index:30;left:0;right:0;top:0;height:84px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,16,31,.72);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:.96rem;letter-spacing:.02em}.brand small{color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.brand-mark{position:relative;width:35px;height:35px}.brand-mark i{position:absolute;inset:6px;border:1.5px solid #85a2ff;border-radius:9px;transform:rotate(45deg)}.brand-mark i:nth-child(2){transform:rotate(45deg) scale(.68);border-color:#34d5bf}.brand-mark i:nth-child(3){inset:15px;border:0;background:#fff;border-radius:50%}.chapter-status{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.chapter-status b{color:#fff;font-size:.72rem}.soundless-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:#c9d8ed;font-size:.72rem;cursor:pointer}.soundless-chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.progress-track{position:fixed;z-index:31;left:0;right:0;top:83px;height:2px;background:rgba(255,255,255,.05)}.progress-track span{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:0 0 14px #5d7cff;transition:width .7s var(--ease)}
.story{position:relative;z-index:2;height:100vh}.chapter{position:absolute;inset:84px 0 82px;display:none;align-items:center;overflow:auto;padding:clamp(28px,4vw,68px) clamp(22px,5vw,84px);opacity:0;transform:translateY(18px)}.chapter.active{display:flex;animation:chapter-in .72s var(--ease) forwards}.chapter-grid{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:minmax(340px,.88fr) minmax(460px,1.12fr);gap:clamp(44px,6vw,96px);align-items:center}.copy-column{max-width:690px}.eyebrow{margin:0 0 18px;color:#aebfda;font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{color:#58dfcc}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(2.9rem,5.5vw,6.2rem);line-height:.97;letter-spacing:-.06em;font-weight:730}h1 em{font-style:normal;background:linear-gradient(90deg,#84a0ff 0%,#57dfcf 48%,#bf8dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}h2{margin-bottom:22px;font-size:clamp(2.35rem,4.2vw,4.7rem);line-height:1.02;letter-spacing:-.048em}h3{line-height:1.25}.lede{max-width:720px;margin-bottom:28px;color:#bac9dc;font-size:clamp(1.02rem,1.4vw,1.25rem);line-height:1.75}
.evidence-boundary{display:flex;gap:12px;max-width:680px;padding:14px 16px;border:1px solid rgba(255,184,77,.28);border-radius:14px;background:rgba(255,184,77,.07);color:#cbd8e8}.evidence-boundary p{margin:0;font-size:.78rem;line-height:1.55}.evidence-boundary strong{display:block;color:#ffd18b;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.pulse-dot{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(255,184,77,.5);animation:pulse 2s infinite}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.primary-action,.text-action{border:0;cursor:pointer}.primary-action{display:flex;align-items:center;gap:18px;padding:15px 21px;border-radius:13px;background:linear-gradient(100deg,var(--blue),#7b5ce7 58%,#159f91);box-shadow:0 14px 34px rgba(76,102,235,.3);color:#fff;font-weight:760;transition:transform .25s var(--ease),box-shadow .25s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(76,102,235,.42)}.text-action{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.24);background:none;color:#c5d3e6;font-size:.82rem}
.visual-stage{position:relative;min-height:560px;border:1px solid rgba(151,181,225,.2);border-radius:36px;background:linear-gradient(145deg,rgba(19,41,75,.83),rgba(9,25,48,.67));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.08);overflow:hidden;isolation:isolate;transform-style:preserve-3d;transition:transform .25s ease}.visual-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(145,172,215,.22) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(135deg,#000,transparent 65%);z-index:-1}.stage-label{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;color:#9bb0ca;font-size:.62rem;letter-spacing:.12em}.stage-label b{color:#62dece;font-weight:700}.orbit-visual{width:100%;height:100%;min-height:560px;overflow:visible}.orbit-lines ellipse{stroke:rgba(123,157,213,.25);stroke-width:1.5;stroke-dasharray:5 10;animation:dash 18s linear infinite}.orbit-node circle{fill:#112b4b;stroke:#5778d8;stroke-width:1.5}.orbit-node text{fill:#c8d8ee;font-size:13px;font-weight:800;text-anchor:middle}.node-a{animation:float-a 7s ease-in-out infinite}.node-b{animation:float-b 8s ease-in-out infinite}.node-c{animation:float-c 6.5s ease-in-out infinite}.node-d{animation:float-d 7.5s ease-in-out infinite}.core-halo{fill:url(#coreGradient);opacity:.14;filter:url(#glow);animation:core-pulse 4s ease-in-out infinite}.core-ring{fill:#0d223f;stroke:url(#coreGradient);stroke-width:2.5}.core path{fill:none;stroke:#dfe8ff;stroke-width:4;stroke-linejoin:round}.core text{fill:#fff;font-size:13px;font-weight:850;letter-spacing:.08em;text-anchor:middle}.gate rect{fill:#0e2c42;stroke:#27c5b2;stroke-width:1.8}.gate path{fill:none;stroke:#77eedf;stroke-width:2}.gate text{fill:#d7fff8;font-size:12px;font-weight:800}.signal-row{position:absolute;left:26px;right:26px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.signal-row span{padding:7px;border:1px solid rgba(128,157,202,.2);border-radius:999px;background:rgba(255,255,255,.04);color:#9fb2cc;font-size:.62rem;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.prompt-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:0 20px 60px rgba(0,0,0,.16)}.prompt-label{margin-bottom:9px;color:#ffca77;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.prompt-card h3{font-size:1.24rem}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid button{padding:13px;border:1px solid var(--line);border-radius:11px;background:rgba(5,14,29,.5);color:#d9e4f4;text-align:left;cursor:pointer;transition:.2s}.choice-grid button:hover,.choice-grid button:focus-visible{border-color:#7f9bff;background:rgba(93,124,255,.13);transform:translateY(-2px)}.choice-grid button.selected{border-color:#5d7cff;background:rgba(93,124,255,.22)}.answer-panel{min-height:48px;margin-top:13px;padding:11px 13px;border-radius:10px;background:rgba(0,0,0,.17);color:#aebed2;font-size:.8rem;line-height:1.5}.answer-panel.revealed{color:#dffaf6;border-left:3px solid var(--teal)}
.failure-stack{position:relative;min-height:480px}.failure-stack article{position:absolute;left:calc(var(--i) * 5%);right:calc((5 - var(--i)) * 4%);top:calc(var(--i) * 58px);display:grid;grid-template-columns:46px 120px 1fr;align-items:center;gap:13px;height:82px;padding:0 20px;border:1px solid rgba(150,179,220,.25);border-radius:17px;background:linear-gradient(100deg,rgba(20,44,78,.94),rgba(13,29,54,.94));box-shadow:0 18px 34px rgba(0,0,0,.2);transition:transform .3s var(--ease),border-color .3s}.failure-stack article:hover{transform:translateX(-8px);border-color:rgba(92,124,255,.7)}.failure-stack span{color:#6f8cff;font-weight:850}.failure-stack b{font-size:1.05rem}.failure-stack small{color:#aabbd1}.takeaway{display:flex;gap:11px;align-items:center;margin:8px 0 0;color:#c9d6e7;font-size:.82rem}.takeaway span{padding:6px 8px;border-radius:7px;background:#1ba995;color:#fff;font-weight:850;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.centered-grid{grid-template-columns:.8fr 1.2fr}.question-pillars{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:28px}.question-pillars span{padding:14px;border:1px solid var(--line);border-radius:13px;color:#afc0d6;font-size:.75rem;line-height:1.5}.question-pillars b{display:block;color:#fff;font-size:.76rem}.question-pillars i{color:#6e8dff;font-size:1.4rem}.figure-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.figure-card img{display:block;width:100%;max-height:62vh;object-fit:contain}.figure-zoom{position:absolute;right:24px;bottom:23px;padding:9px 12px;border:1px solid rgba(20,55,90,.15);border-radius:9px;background:rgba(255,255,255,.9);color:#233b5a;font-size:.7rem;font-weight:750;cursor:pointer;backdrop-filter:blur(10px)}
.journey-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:82px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:rgba(7,16,31,.78);backdrop-filter:blur(20px)}.nav-arrow{min-width:48px;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#b9c9dc;cursor:pointer}.nav-arrow:disabled{opacity:.25;cursor:not-allowed}.nav-arrow.next{min-width:112px;background:#edf3ff;color:#10213d;font-weight:800}.chapter-dots{display:flex;gap:9px}.chapter-dots button{position:relative;width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#40506a;cursor:pointer;transition:width .35s var(--ease),background .35s}.chapter-dots button[aria-selected="true"]{width:34px;background:linear-gradient(90deg,var(--blue),var(--teal))}.chapter-dots button:after{content:attr(aria-label);position:absolute;left:50%;bottom:18px;transform:translateX(-50%) translateY(5px);width:max-content;padding:6px 8px;border-radius:7px;background:#eaf1ff;color:#10213d;font-size:.62rem;font-weight:750;opacity:0;pointer-events:none;transition:.2s}.chapter-dots button:hover:after,.chapter-dots button:focus-visible:after{opacity:1;transform:translateX(-50%) translateY(0)}
dialog{color:#dce8f8}.modal,.figure-modal{width:min(650px,calc(100% - 34px));padding:34px;border:1px solid rgba(158,188,229,.28);border-radius:24px;background:linear-gradient(145deg,#132744,#0a172b);box-shadow:0 50px 120px rgba(0,0,0,.6)}.modal::backdrop,.figure-modal::backdrop{background:rgba(3,8,17,.78);backdrop-filter:blur(10px)}.modal h2{font-size:2.1rem}.modal p,.modal li{color:#b9c9dc;line-height:1.65}.modal-close{position:absolute;right:15px;top:12px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:1.2rem;cursor:pointer}.figure-modal{width:min(94vw,1500px);height:min(90vh,1000px);padding:46px 20px 20px;background:#fff}.figure-modal img{width:100%;height:100%;object-fit:contain}.figure-modal .modal-close{background:#11243f}
.domain-selector{display:flex;flex-wrap:wrap;gap:7px}.domain-selector button,.method-tabs button,.evidence-status button,.open-questions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#b8c8db;cursor:pointer}.domain-selector button{padding:9px 11px;border-radius:999px;font-size:.7rem}.domain-selector button.selected{border-color:#6d8aff;background:rgba(93,124,255,.18);color:#fff}.domain-explainer,.method-explainer,.evidence-explainer{margin-top:13px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.055)}.domain-explainer h3,.method-explainer h3{margin-bottom:8px;font-size:1.16rem}.domain-explainer p,.method-explainer p,.evidence-explainer p{margin-bottom:8px;color:#b8c7d9;font-size:.82rem;line-height:1.58}.domain-explainer span{color:#64dfcf;font-size:.7rem}.learn-more{margin-top:13px;border-top:1px solid var(--line);color:#afbed1;font-size:.72rem}.learn-more summary{padding:12px 0;color:#dce6f4;cursor:pointer}.learn-more p{line-height:1.55}.learn-more a{color:#72dccc}.domain-orbit{position:relative;min-height:560px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at center,rgba(87,112,255,.11),transparent 42%),rgba(10,27,52,.62);box-shadow:var(--shadow);overflow:hidden}.domain-orbit>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(133,163,208,.18);stroke-width:1.2;stroke-dasharray:4 8}.domain-core{position:absolute;z-index:2;left:50%;top:50%;width:188px;height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid #6b83ef;border-radius:50%;background:linear-gradient(145deg,#172f58,#0b1e3a);box-shadow:0 0 0 18px rgba(93,124,255,.06),0 28px 60px rgba(0,0,0,.3);text-align:center}.domain-core small{color:#6ee0d1;font-size:.58rem;letter-spacing:.13em}.domain-core b{margin:6px 0;color:#fff;font-size:1.18rem;line-height:1.05}.domain-core span{color:#98acc6;font-size:.62rem;line-height:1.4}.domain-node{position:absolute;z-index:3;width:132px;height:92px;border:1px solid var(--line);border-radius:18px;background:#112a4b;color:#eef5ff;box-shadow:0 16px 36px rgba(0,0,0,.24);cursor:pointer;transition:.3s var(--ease)}.domain-node:hover,.domain-node.active{border-color:#6f8cff;transform:translateY(-4px);box-shadow:0 20px 45px rgba(47,76,176,.28)}.domain-node span{display:block;color:#7992ee;font-size:.58rem}.domain-node b{display:block;margin:4px 0;font-size:1rem}.domain-node small{color:#aabbd0}.domain-node.arts{left:8%;top:12%}.domain-node.social{right:8%;top:12%}.domain-node.natural{left:8%;bottom:12%}.domain-node.applied{right:8%;bottom:12%}
.method-grid{grid-template-columns:.75fr 1.25fr}.method-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.method-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border-radius:12px;font-size:.72rem}.method-tabs button span{color:#7188df;font-size:.58rem}.method-tabs button.selected{border-color:#64ddcc;background:rgba(34,196,174,.12);color:#fff}.workflow-visual{position:relative;min-height:560px;padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(20,43,76,.8),rgba(8,22,43,.8));box-shadow:var(--shadow);overflow:hidden}.workflow-rail{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center}.workflow-rail>i{height:2px;background:linear-gradient(90deg,#4464c4,#2ba696);transform-origin:left;animation:rail-pulse 3s ease-in-out infinite}.workflow-stop{display:flex;flex-direction:column;align-items:center;width:80px;padding:0;border:0;background:none;color:#91a5bf;cursor:pointer}.workflow-stop span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:7px;border:1px solid #60759b;border-radius:50%;background:#0b1d38;color:#aebfda}.workflow-stop b{font-size:.65rem;letter-spacing:.09em}.workflow-stop small{margin-top:3px;font-size:.58rem}.workflow-stop.active span{border-color:#69ead8;background:#143c4a;color:#d5fff9;box-shadow:0 0 25px rgba(34,196,174,.25)}.workflow-stop.active b{color:#fff}.workflow-stage{position:relative;width:min(430px,78%);min-height:250px;margin:65px auto 0;padding:38px;border:1px solid rgba(106,131,233,.54);border-radius:25px;background:rgba(13,31,60,.83);box-shadow:0 22px 50px rgba(0,0,0,.25);transition:.35s var(--ease)}.workflow-stage:before,.workflow-stage:after{content:"";position:absolute;inset:13px;border:1px solid rgba(105,133,233,.18);border-radius:20px;transform:translate(13px,13px);z-index:-1}.workflow-stage:after{transform:translate(26px,26px);opacity:.5}.workflow-stage p{margin:11px 0;color:#b8c7db;font-size:.86rem;text-align:center}.workflow-icon{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.workflow-icon span{width:45px;height:45px;border:1px solid #718cff;border-radius:12px;background:rgba(93,124,255,.12)}.workflow-icon span:nth-child(2){border-color:#42d5c2;background:rgba(34,196,174,.12);transform:translateY(-9px)}.human-authority{position:absolute;left:50%;bottom:40px;display:flex;gap:18px;align-items:center;transform:translateX(-50%);width:max-content;padding:11px 18px;border:1px solid rgba(255,101,119,.4);border-radius:999px;background:rgba(255,101,119,.09)}.human-authority b{color:#ff8a98;font-size:.68rem;letter-spacing:.09em}.human-authority span{color:#cbd7e7;font-size:.7rem}.inline-figure{position:absolute;right:24px;bottom:18px;border:0;background:none;color:#8ea4bf;font-size:.62rem;cursor:pointer}
.evidence-status{display:grid;gap:8px}.evidence-status button{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:12px;text-align:left}.evidence-status button span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em}.evidence-status button b{max-width:68%;font-size:.76rem}.evidence-status button.selected{border-color:#57d6c4;background:rgba(34,196,174,.1);color:#fff}.evidence-explainer strong{color:#65e0d0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.matrix-card{padding-top:43px}.no-results-badge{position:absolute;top:13px;left:20px;padding:6px 9px;border-radius:7px;background:#142e4d;color:#d6e4f5;font-size:.6rem;font-weight:800;letter-spacing:.08em}
.evaluation-grid{grid-template-columns:.7fr 1.3fr}.evaluation-note{padding:14px 16px;border:1px solid rgba(255,184,77,.28);border-radius:13px;background:rgba(255,184,77,.07)}.evaluation-note span{color:#ffd087;font-size:.62rem;font-weight:800;letter-spacing:.09em}.evaluation-note p{margin:5px 0 0;color:#c1cede;font-size:.76rem;line-height:1.55}.gate-lab{min-height:560px;padding:32px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(20,43,76,.82),rgba(8,21,41,.86));box-shadow:var(--shadow)}.gate-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gate-board button{min-height:112px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);color:#d9e5f3;text-align:left;cursor:pointer;transition:.25s}.gate-board button:hover{transform:translateY(-3px);border-color:#728bdb}.gate-board button span{display:block;color:#6f86ce;font-size:.58rem}.gate-board button b{display:block;margin:10px 0;font-size:1.02rem}.gate-board button small{color:#91a4bc}.gate-board button.pass{border-color:#2dd0b8;background:rgba(34,196,174,.12)}.gate-board button.pass small{color:#6ee7d7}.gate-board button.defect{border-color:#ff7182;background:rgba(255,101,119,.12)}.gate-board button.defect small{color:#ff91a0}.verdict{margin-top:22px;padding:22px;border:1px solid rgba(255,184,77,.34);border-radius:19px;background:rgba(255,184,77,.08);text-align:center}.verdict small{display:block;color:#a9b9cc;font-size:.58rem;letter-spacing:.12em}.verdict strong{display:block;margin:4px 0;color:#ffc66b;font-size:2.5rem;letter-spacing:-.04em}.verdict p{margin:0;color:#b8c6d8;font-size:.75rem}.verdict.release{border-color:rgba(34,196,174,.45);background:rgba(34,196,174,.09)}.verdict.release strong{color:#4fe0cd}.verdict.abstain{border-color:rgba(255,101,119,.45);background:rgba(255,101,119,.09)}.verdict.abstain strong{color:#ff7d8c}.gate-instruction{margin:13px 0 0;color:#8196af;font-size:.65rem;text-align:center}
.builder-grid{grid-template-columns:.76fr 1.24fr}.bundle-controls{display:grid;gap:12px}.bundle-controls>label{display:grid;gap:6px;color:#9fb2c9;font-size:.68rem;font-weight:700}.bundle-controls input,.bundle-controls select,.reflection-input textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:rgba(5,15,31,.62);color:#eef5ff}.bundle-controls input:focus,.bundle-controls select:focus,.reflection-input textarea:focus{border-color:#6e8cff;box-shadow:0 0 0 3px rgba(93,124,255,.12)}.bundle-controls fieldset{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}.bundle-controls legend{padding:0 7px;color:#9fb2c9;font-size:.68rem;font-weight:700}.component-chips{display:flex;flex-wrap:wrap;gap:7px}.component-chips input{position:absolute;opacity:0;width:1px}.component-chips span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#aebfd4;font-size:.66rem;cursor:pointer}.component-chips input:checked+span{border-color:#5fdcca;background:rgba(34,196,174,.12);color:#e4fffb}.bundle-output{position:relative;min-height:590px;padding:34px;border:1px solid rgba(101,132,236,.35);border-radius:32px;background:linear-gradient(145deg,rgba(17,42,77,.95),rgba(7,21,42,.97));box-shadow:var(--shadow);overflow:hidden}.bundle-output:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 5%,rgba(93,124,255,.2),transparent 35%);pointer-events:none}.bundle-header{display:flex;justify-content:space-between;color:#6bdcca;font-size:.6rem;letter-spacing:.1em}.bundle-header b{color:#8ca3c2}.bundle-output h3{margin:28px 0 5px;font-size:1.65rem}.bundle-output>p{color:#9fb0c6;font-size:.84rem}.manifest-grid{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.manifest-grid span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(114,142,220,.28);border-radius:10px;background:rgba(255,255,255,.04);color:#d3dfef;font-size:.72rem}.manifest-grid span:before{content:"";width:7px;height:7px;border-radius:50%;background:#5c7cff}.bundle-gates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bundle-gates span{padding:9px 11px;border:1px dashed rgba(255,184,77,.35);border-radius:9px;color:#d9bf91;font-size:.68rem}.bundle-decision{margin:24px 0;padding:16px;border-left:3px solid var(--rose);background:rgba(255,101,119,.075)}.bundle-decision small{display:block;color:#ff9eaa;font-size:.58rem;letter-spacing:.1em}.bundle-decision strong{display:block;margin:4px 0;color:#fff;font-size:1.12rem}.bundle-decision p{margin:0;color:#aebcd0;font-size:.66rem}.primary-action.compact{display:inline-flex;padding:11px 15px;font-size:.7rem}
.reflection-grid{grid-template-columns:.72fr 1.28fr}.reflection-input{display:grid;gap:8px;color:#b5c4d7;font-size:.75rem}.reflection-input small{color:#7489a2;font-size:.62rem}.reflection-input textarea{resize:vertical;line-height:1.55}.reflection-loop{position:relative;min-height:570px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at center,rgba(93,124,255,.12),transparent 30%),rgba(10,26,50,.72);box-shadow:var(--shadow)}.reflection-loop>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(110,137,209,.28);stroke-width:1.5;stroke-dasharray:6 10;animation:dash 22s linear infinite}.reflection-center{position:absolute;z-index:2;left:50%;top:43%;width:144px;height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:1px solid #6e87eb;border-radius:50%;background:#102949;box-shadow:0 0 0 15px rgba(93,124,255,.06);text-align:center}.reflection-center small{color:#6fe1d2;font-size:.55rem;letter-spacing:.12em}.reflection-center b{font-size:.95rem}.reflection-step{position:absolute;z-index:3;width:145px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#102a4b;color:#d9e4f3;text-align:left;cursor:pointer;transition:.25s}.reflection-step span{color:#7088dc;font-size:.56rem}.reflection-step b{display:block;margin:4px 0;font-size:.78rem}.reflection-step small{color:#9eb0c7;font-size:.62rem}.reflection-step.active{border-color:#5fdcca;background:#103a47;box-shadow:0 16px 36px rgba(0,0,0,.25);transform:translateY(-3px)}.reflection-step.notice{left:8%;top:10%}.reflection-step.attempt{right:8%;top:10%}.reflection-step.ask{right:8%;top:53%}.reflection-step.review{left:8%;top:53%}.reflection-loop article{position:absolute;z-index:4;left:50%;bottom:24px;width:min(420px,72%);padding:14px 18px;transform:translateX(-50%);border:1px solid var(--line);border-radius:14px;background:rgba(7,20,40,.86);text-align:center}.reflection-loop article h3{margin-bottom:5px;font-size:1rem}.reflection-loop article p{margin:0;color:#aebed2;font-size:.7rem;line-height:1.5}
.conclusion-grid{grid-template-columns:.92fr 1.08fr}.learning-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.learning-summary article{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.learning-summary span{color:#6881dc;font-size:.58rem}.learning-summary b{display:block;margin:6px 0;font-size:.82rem}.learning-summary p{margin:0;color:#9eb0c7;font-size:.68rem;line-height:1.45}.final-panel{padding:32px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(20,43,76,.86),rgba(8,21,42,.9));box-shadow:var(--shadow)}.final-panel h3{font-size:1.55rem}.open-questions{display:grid;gap:7px}.open-questions button{padding:11px 13px;border-radius:10px;text-align:left}.open-questions button:hover,.open-questions button.selected{border-color:#5bd8c7;background:rgba(34,196,174,.1);color:#fff}.final-answer{min-height:50px;margin-top:10px;padding:12px;border-radius:10px;background:rgba(0,0,0,.16);color:#aebed2;font-size:.75rem;line-height:1.5}.sdg-icons{display:flex;gap:7px;margin-top:15px}.sdg-icons img{width:42px;height:42px;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.22)}.un-note{margin:9px 0;color:#71869f;font-size:.52rem;line-height:1.45}.noscript{position:fixed;z-index:200;inset:auto 20px 20px;padding:15px;background:#fff1c9;color:#402c06;border-radius:10px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.reveal{animation:fade-up .8s var(--ease) both}.reveal-delayed{animation:fade-up .8s var(--ease) .14s both}
@keyframes chapter-in{to{opacity:1;transform:none}}@keyframes fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ambient-drift{50%{transform:translate(5vw,4vh) scale(1.08)}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(255,184,77,0)}}@keyframes dash{to{stroke-dashoffset:-150}}@keyframes core-pulse{50%{transform:scale(1.08);opacity:.22}}@keyframes rail-pulse{50%{opacity:.35;transform:scaleX(.78)}}@keyframes float-a{50%{transform:translate(103px,208px)}}@keyframes float-b{50%{transform:translate(524px,99px)}}@keyframes float-c{50%{transform:translate(591px,337px)}}@keyframes float-d{50%{transform:translate(244px,470px)}}
@media(max-width:1000px){body{overflow:auto}.topbar{height:72px;padding:0 18px}.chapter-status{display:none}.progress-track{top:71px}.story{height:auto;min-height:100vh}.chapter{position:relative;inset:auto;display:none;min-height:calc(100vh - 142px);padding:100px 22px 110px}.chapter.active{display:flex}.chapter-grid,.centered-grid{grid-template-columns:1fr;gap:38px}.copy-column{max-width:none}.visual-stage{min-height:480px}.orbit-visual{min-height:480px}.figure-card img{max-height:none}.journey-nav{height:70px;padding:0 18px}.failure-stack{min-height:470px}}
@media(max-width:640px){.soundless-chip{width:40px;height:40px;justify-content:center;padding:0;font-size:0}.brand small{display:none}h1{font-size:clamp(2.6rem,14vw,4.2rem)}h2{font-size:2.4rem}.hero-actions{align-items:flex-start;flex-direction:column}.visual-stage,.orbit-visual{min-height:390px}.stage-label{font-size:.52rem}.orbit-node{display:none}.signal-row{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr}.failure-stack article{left:0!important;right:0!important;grid-template-columns:35px 80px 1fr;padding:0 12px}.failure-stack small{font-size:.68rem}.question-pillars{grid-template-columns:1fr}.question-pillars i{transform:rotate(90deg);text-align:center}.chapter-dots{gap:7px}.chapter-dots button{width:7px;height:7px}.nav-arrow{min-width:44px}.nav-arrow.next{min-width:88px}.figure-zoom{position:static;width:100%;margin-top:10px}.figure-card{padding:10px}}
@media(max-width:1000px){.method-grid,.evaluation-grid,.builder-grid,.reflection-grid,.conclusion-grid{grid-template-columns:1fr}.domain-orbit,.gate-lab,.reflection-loop{min-height:520px}.workflow-visual,.bundle-output{min-height:560px}.human-authority{bottom:34px}.inline-figure{bottom:10px}.chapter[data-step="7"] .copy-column{padding-top:10px}}
@media(max-width:640px){.domain-orbit{min-height:500px}.domain-node{width:116px;height:82px}.domain-node.arts,.domain-node.natural{left:4%}.domain-node.social,.domain-node.applied{right:4%}.domain-core{width:150px;height:150px}.method-tabs{grid-template-columns:1fr 1fr}.workflow-visual{min-height:520px;padding:22px 14px}.workflow-stop{width:52px}.workflow-stop span{width:32px;height:32px}.workflow-rail>i{min-width:10px}.workflow-stage{width:84%;margin-top:55px;padding:25px 15px}.human-authority{width:calc(100% - 30px);justify-content:center;gap:8px}.inline-figure{right:15px}.gate-lab{min-height:620px;padding:20px 14px}.gate-board{grid-template-columns:1fr 1fr}.gate-board button{min-height:100px}.bundle-output{min-height:560px;padding:24px 18px}.reflection-loop{min-height:620px}.reflection-step{width:122px}.reflection-step.notice,.reflection-step.review{left:4%}.reflection-step.attempt,.reflection-step.ask{right:4%}.reflection-loop article{width:90%}.learning-summary{grid-template-columns:1fr}.sdg-icons img{width:36px;height:36px}.chapter-dots button[aria-selected="true"]{width:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter.active{opacity:1;transform:none}}

/* Motion-first research scenes (v4 patch) */
.chapter-hero{padding-block:clamp(22px,3vw,44px)}
.hero-grid{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);gap:clamp(38px,4vw,70px)}
.chapter-hero h1{max-width:720px;margin-bottom:18px;font-size:clamp(3rem,4.65vw,5.2rem);line-height:.96}
.chapter-hero .lede{margin-bottom:18px;font-size:clamp(.96rem,1.1vw,1.12rem);line-height:1.58}
.chapter-hero .evidence-boundary{padding:12px 14px}
.chapter-hero .hero-actions{margin-top:18px}
.motion-panel{position:relative;width:100%;max-width:840px;margin:0 auto;padding:14px;border:1px solid rgba(137,174,226,.25);border-radius:30px;background:linear-gradient(145deg,rgba(17,39,70,.9),rgba(7,21,41,.94));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.06);overflow:hidden;isolation:isolate}
.motion-panel:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 80% 10%,rgba(34,196,174,.13),transparent 32%),radial-gradient(circle at 12% 80%,rgba(93,124,255,.12),transparent 34%);pointer-events:none}
.motion-gif{display:block;width:100%;height:auto;aspect-ratio:3/2;border:1px solid rgba(116,152,204,.18);border-radius:22px;background:#07101f;object-fit:cover}
.motion-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 10px 2px;color:#9fb2ca;font-size:.72rem;line-height:1.45}
.motion-panel figcaption strong{flex:0 0 auto;color:#edf7ff;font-size:.76rem;letter-spacing:.04em}
.motion-panel figcaption span{text-align:right}
.motion-kicker{display:flex;justify-content:space-between;gap:20px;padding:4px 10px 11px;color:#91a7c2;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.motion-kicker b{color:#62dece}
.hero-motion{max-width:800px}
.compact-motion{max-width:800px}
.domain-stage{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;border:1px solid rgba(137,174,226,.24);border-radius:30px;background:radial-gradient(circle at center,rgba(93,124,255,.13),transparent 35%),linear-gradient(145deg,rgba(17,39,70,.9),rgba(7,21,41,.94));box-shadow:var(--shadow);overflow:hidden;text-align:center}
.domain-stage:before{content:"";position:absolute;inset:30px;border:1px solid rgba(105,136,195,.16);border-radius:24px}
.domain-stage-light{position:absolute;inset:0;pointer-events:none}.domain-stage-light i{position:absolute;left:50%;top:48%;width:52%;height:2px;transform-origin:left;background:linear-gradient(90deg,rgba(93,124,255,.75),transparent);animation:lens-sweep 5s ease-in-out infinite}.domain-stage-light i:nth-child(2){transform:rotate(120deg);background:linear-gradient(90deg,rgba(34,196,174,.72),transparent);animation-delay:-1.6s}.domain-stage-light i:nth-child(3){transform:rotate(240deg);background:linear-gradient(90deg,rgba(177,119,255,.72),transparent);animation-delay:-3.2s}.domain-stage>p{position:relative;margin-bottom:16px;color:#6fe1d2;font-size:.66rem;font-weight:800;letter-spacing:.14em}.domain-stage>strong{position:relative;font-size:clamp(2.7rem,5vw,5.3rem);letter-spacing:-.05em}.domain-stage>span{position:relative;margin-top:8px;color:#aabbd1;font-size:.82rem}.domain-stage-contract{position:relative;margin-top:72px;padding:13px 20px;border:1px solid rgba(34,196,174,.36);border-radius:999px;background:rgba(8,36,51,.84)}.domain-stage-contract small{display:block;color:#63ddce;font-size:.55rem;letter-spacing:.12em}.domain-stage-contract b{display:block;margin-top:4px;color:#d7e5f6;font-size:.7rem;font-weight:650}
.method-motion,.evidence-motion{max-width:800px}
.reflection-motion{max-width:820px;padding-bottom:18px}.reflection-motion .motion-gif{max-height:330px;object-fit:cover}.reflection-step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.reflection-motion .reflection-step{position:static;width:auto;padding:11px 9px;border-radius:11px;text-align:center}.reflection-motion .reflection-step span{display:block}.reflection-motion .reflection-step b{font-size:.66rem;letter-spacing:.06em}.reflection-motion article{padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(5,16,33,.7);text-align:center}.reflection-motion article h3{margin-bottom:5px;font-size:1rem}.reflection-motion article p{margin:0;color:#aebed2;font-size:.7rem;line-height:1.5}
.chapter[data-step="5"] h2{font-size:clamp(2.2rem,3vw,3.25rem);line-height:1}
.chapter[data-step="5"] .lede{margin-bottom:18px;line-height:1.55}
.chapter[data-step="5"] .evidence-status{gap:6px}
.chapter[data-step="5"] .evidence-status button{padding:10px 13px}
.chapter[data-step="5"] .evidence-explainer{margin-top:9px;padding:13px 15px}
.chapter[data-step="7"] h2{font-size:clamp(2.2rem,3vw,3.1rem);line-height:1}
.chapter[data-step="7"] .lede{margin-bottom:18px;line-height:1.55}
.chapter[data-step="7"] .bundle-controls{gap:8px}
.chapter[data-step="7"] .bundle-controls fieldset{padding:9px 11px}
.chapter[data-step="7"] .bundle-output{min-height:540px;padding:28px}
.chapter[data-step="7"] .bundle-output h3{margin-top:20px}
.chapter[data-step="7"] .manifest-grid{margin:20px 0}
.chapter[data-step="7"] .bundle-decision{margin:18px 0}
@keyframes lens-sweep{0%,100%{opacity:.28;scale:.82 1}50%{opacity:.9;scale:1 1}}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:34px}.chapter-hero h1{max-width:850px;font-size:clamp(3rem,8vw,5.4rem)}
  .motion-panel,.domain-stage{max-width:860px}.domain-stage{min-height:460px}
}
@media(max-width:640px){
  .chapter-hero h1{font-size:clamp(2.65rem,13vw,3.7rem)}.chapter-hero .lede{font-size:.98rem}.chapter-hero .evidence-boundary p{font-size:.72rem}
  .motion-panel{padding:9px;border-radius:22px}.motion-gif{border-radius:16px}.motion-kicker{font-size:.5rem;padding-inline:4px}.motion-panel figcaption{align-items:flex-start;flex-direction:column;gap:4px;padding-inline:5px}.motion-panel figcaption span{text-align:left}
  .domain-stage{min-height:380px;padding:28px 18px}.domain-stage>strong{font-size:2.8rem}.domain-stage-contract{margin-top:52px}.reflection-step-row{grid-template-columns:1fr 1fr}
}
@media(min-width:1001px) and (max-height:850px){
  .chapter{padding-block:22px}.chapter-hero h1{font-size:clamp(2.8rem,4vw,4.3rem)}.chapter-hero .lede{font-size:.94rem;line-height:1.48}.chapter-hero .evidence-boundary{padding:9px 12px}.chapter-hero .hero-actions{margin-top:12px}.hero-motion{max-width:680px}
}