:root{
  --navy:#0A2E4D;--deep:#071F34;--cyan:#00BFDA;--cyan2:#42d7e9;--ink:#1D1D1F;--g700:#48484D;--g500:#6E6E73;--g300:#C6C7CB;--g150:#E7E8EA;--g100:#F2F3F4;--tcyan:#EAFAFC;--tnavy:#EEF2F6;--green:#22A06B;--amber:#C88719;--white:#fff;
  --max:1320px;--pad:clamp(24px,5vw,76px);--radius:28px;--ease:cubic-bezier(.2,.8,.2,1);--hud:78px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:#000;padding:12px 16px;border-radius:8px}.skip-link:focus{top:16px}::selection{background:rgba(0,191,218,.25)}
.language-gate{position:fixed;inset:0;z-index:100;background:var(--deep);color:#fff;display:grid;place-items:center;transition:opacity .8s var(--ease),visibility .8s}.language-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.language-gate__mesh{position:absolute;inset:0;background:radial-gradient(circle at 80% 22%,rgba(0,191,218,.2),transparent 28%),radial-gradient(circle at 20% 80%,rgba(0,191,218,.1),transparent 32%),linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.03) 48% 49%,transparent 49% 100%);background-size:auto,auto,42px 42px;animation:meshMove 18s linear infinite}.language-gate__mesh:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.08);border-radius:48px}.language-gate__content{width:min(980px,calc(100% - 48px));position:relative}.language-gate__logo{width:min(330px,56vw);height:auto;margin-bottom:56px;filter:drop-shadow(0 18px 50px rgba(0,0,0,.2))}.language-gate h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.055em;margin:10px 0 24px;max-width:900px}.language-gate h1 span{color:var(--cyan)}.language-gate__intro{color:#bfcbd6;font-size:18px;margin-bottom:32px}.language-gate__choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.language-gate__choices button{position:relative;text-align:left;padding:22px 64px 22px 22px;color:#fff;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);border-radius:18px;transition:.35s var(--ease);backdrop-filter:blur(8px)}.language-gate__choices button:hover,.language-gate__choices button:focus-visible{border-color:var(--cyan);background:rgba(0,191,218,.08);transform:translateY(-4px)}.language-gate__choices strong{display:block;font-size:17px}.language-gate__choices small{display:block;color:#8fa3b3;margin-top:5px}.language-gate__choices button>span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--cyan);letter-spacing:.12em}.language-gate__hint{margin-top:24px;color:#74899b;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin:0 0 20px}.eyebrow--light{color:#92eff8}.eyebrow--amber{color:#efb448}
.hud{position:fixed;z-index:60;left:24px;right:24px;top:20px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 14px;border:1px solid rgba(10,46,77,.08);background:rgba(255,255,255,.78);border-radius:18px;backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 10px 34px rgba(7,31,52,.08);transform:translateY(-110px);transition:transform .7s var(--ease),color .35s,background .35s}.hud.is-visible{transform:none}.hud.is-dark{background:rgba(7,31,52,.6);border-color:rgba(255,255,255,.13);box-shadow:none}.hud__brand img{display:block;width:178px;max-height:38px;object-fit:contain}.hud__center{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--g500)}.hud.is-dark .hud__center{color:#b4c1cd}.hud__progress{width:min(24vw,260px);height:2px;background:rgba(110,110,115,.2);overflow:hidden}.hud__progress i{display:block;width:0;height:100%;background:var(--cyan);transition:width .5s var(--ease)}.hud__actions{display:flex;gap:6px}.hud-btn{height:38px;border:0;border-radius:11px;background:rgba(10,46,77,.06);color:var(--navy);font-size:11px;font-weight:700;padding:0 12px;display:flex;align-items:center;gap:8px;transition:.25s}.hud-btn:hover{background:rgba(0,191,218,.12)}.hud-btn--compact{width:38px;justify-content:center;padding:0}.hud.is-dark .hud-btn{background:rgba(255,255,255,.08);color:#fff}.menu-lines{width:15px;height:10px;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.icon{font-size:12px}
.chapter-menu{position:fixed;z-index:80;inset:0;background:rgba(7,31,52,.5);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.45s var(--ease)}.chapter-menu.is-open{opacity:1;visibility:visible}.chapter-menu__inner{margin-left:auto;width:min(520px,100%);height:100%;background:#fff;padding:36px;transform:translateX(100%);transition:.55s var(--ease);display:flex;flex-direction:column}.chapter-menu.is-open .chapter-menu__inner{transform:none}.chapter-menu__top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--g150);padding-bottom:20px}.chapter-menu__top .eyebrow{margin:0}.chapter-menu__top button{border:0;background:none;font-size:34px;font-weight:300;color:var(--g500)}#chapterNav{display:grid;gap:0;margin-top:16px;overflow:auto}#chapterNav a{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:15px 4px;border-bottom:1px solid var(--g150);text-decoration:none;color:var(--ink)}#chapterNav a span{font-size:11px;color:var(--cyan);font-weight:800}#chapterNav a strong{font-size:15px}#chapterNav a.is-active strong{color:var(--navy)}.chapter-menu__foot{margin-top:auto;color:var(--g500);font-size:11px}.chapter-menu__foot p{margin:3px 0}
.story{scroll-snap-type:y mandatory}.chapter{min-height:100svh;position:relative;scroll-snap-align:start;overflow:hidden;display:flex;align-items:center;background:#fff}.chapter[data-theme="dark"]{background:var(--deep);color:#fff}.chapter__inner{width:min(var(--max),calc(100% - 2*var(--pad)));margin:0 auto;padding:calc(var(--hud) + 48px) 0 56px;position:relative;z-index:2}.chapter-head{max-width:890px;margin-bottom:42px}.chapter-head h2{font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.045em;color:var(--navy);margin:0 0 24px}.chapter-head--dark h2{color:#fff}.lead{font-size:clamp(17px,1.55vw,22px);line-height:1.58;color:var(--g700);max-width:900px;margin:0}.lead--light{color:#c6d3de}.display{font-size:clamp(48px,7vw,102px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:1050px}.statement{border-left:3px solid var(--cyan);padding:8px 0 8px 24px;margin:42px 0 0;font-size:clamp(18px,2vw,26px);line-height:1.5;font-style:italic;color:var(--g700);max-width:1000px}.statement--dark{color:var(--navy);font-size:clamp(24px,3vw,44px);font-style:normal;font-weight:800}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.chapter.is-active .reveal{opacity:1;transform:none}.chapter.is-active .reveal:nth-child(2){transition-delay:.08s}.chapter.is-active .reveal:nth-child(3){transition-delay:.16s}.chapter.is-active .reveal:nth-child(4){transition-delay:.24s}
.chapter--hero{align-items:flex-end}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,52,.95) 0%,rgba(7,31,52,.65) 48%,rgba(7,31,52,.16) 78%),linear-gradient(0deg,rgba(7,31,52,.7),transparent 55%)}.hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 10s ease-out}.chapter--hero.is-active .hero-media img{transform:scale(1)}.hero-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.8%,rgba(0,191,218,.17) 49.8% 50%,transparent 50%),linear-gradient(0deg,transparent 0 72%,rgba(0,191,218,.13) 72% 72.2%,transparent 72.2%)}.hero-copy{padding-bottom:12vh;color:#fff}.hero-copy .lead{max-width:760px;margin-top:32px}.hero-meta{margin-top:42px;display:flex;gap:28px;align-items:center;color:#bfd0db;font-size:13px}.hero-meta span:first-child{color:var(--cyan);font-weight:800;letter-spacing:.12em}.chapter-next{position:absolute;right:var(--pad);bottom:44px;z-index:4;background:none;color:#fff;border:0;display:flex;gap:16px;align-items:center;font-weight:700}.chapter-next i{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-style:normal}
.timeline-stage{display:grid;grid-template-columns:1fr 2px 1.2fr;gap:36px;align-items:center;min-height:320px}.timeline-years{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-self:start}.timeline-years button{border:0;background:var(--g100);padding:14px 8px;border-radius:12px;font-size:11px;font-weight:800;color:var(--g500);transition:.25s}.timeline-years button.is-active{background:var(--navy);color:#fff;transform:translateY(-4px)}.timeline-years button.is-break{color:var(--amber)}.timeline-years button.is-uai{color:var(--cyan)}.timeline-visual{width:2px;height:100%;background:var(--g150);position:relative}.timeline-visual span{position:absolute;left:50%;top:12%;width:18px;height:18px;border-radius:50%;background:var(--cyan);border:5px solid #fff;box-shadow:0 0 0 1px var(--cyan);transform:translate(-50%,-50%);transition:top .6s var(--ease),background .4s}.timeline-copy{padding:30px;background:linear-gradient(135deg,var(--tnavy),#fff);border:1px solid var(--g150);border-radius:var(--radius);min-height:230px;display:flex;flex-direction:column;justify-content:center}.timeline-copy .year{color:var(--cyan);font-weight:800;letter-spacing:.12em;font-size:13px}.timeline-copy h3{font-size:34px;color:var(--navy);margin:10px 0}.timeline-copy p{font-size:17px;line-height:1.55;color:var(--g700);margin:0}
.rupture-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,rgba(200,135,25,.13),transparent 25%),linear-gradient(135deg,transparent 0 63%,rgba(255,255,255,.025) 63% 64%,transparent 64%);background-size:auto,44px 44px}.split-layout{display:grid;grid-template-columns:.95fr 1.25fr;gap:60px;align-items:center}.rupture-cards{display:grid;gap:14px}.rupture-cards article{border:1px solid rgba(255,255,255,.14);padding:22px;border-radius:18px;background:rgba(255,255,255,.04);display:grid;grid-template-columns:46px 1fr;column-gap:16px}.rupture-cards article>span{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(200,135,25,.16);color:#efb448;font-weight:800}.rupture-cards h3{margin:3px 0 8px;font-size:22px}.rupture-cards p{margin:0;color:#aebfcb;line-height:1.5}.rupture-line{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;gap:10px;flex-wrap:wrap;font-size:clamp(20px,2.2vw,32px)}.rupture-line span{color:#90a4b5}.rupture-line strong{color:#fff}
.before-now{border:1px solid var(--g150);border-radius:var(--radius);padding:18px;background:#fff}.before-now__tabs{display:flex;gap:8px;margin-bottom:18px}.before-now__tabs button,.people-switch button{border:0;background:var(--g100);color:var(--g500);padding:10px 16px;border-radius:999px;font-weight:800;font-size:12px}.before-now__tabs button.is-active,.people-switch button.is-active{background:var(--navy);color:#fff}.before-now__content{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.orders-shot{margin:0;overflow:hidden;border-radius:18px;background:var(--g100);border:1px solid var(--g150)}.orders-shot img{width:100%;height:290px;object-fit:cover;display:block}.orders-shot figcaption{padding:12px 14px;font-size:11px;color:var(--g500)}.process-steps{counter-reset:step;display:grid;gap:0;margin:0;padding:0;list-style:none}.process-steps li{position:relative;padding:11px 12px 11px 48px;border-bottom:1px solid var(--g150);color:var(--g700);line-height:1.35}.process-steps li:last-child{border:0}.process-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:8px;top:9px;width:27px;height:27px;border-radius:50%;border:1px solid var(--g150);display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--navy)}.process-steps li strong{color:var(--navy);display:block}.metric-strip{margin-top:18px;padding:18px 22px;border-radius:18px;background:var(--tcyan);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.metric-strip strong{font-size:46px;color:var(--navy);letter-spacing:-.05em}.metric-strip span{font-weight:800;color:var(--navy)}.metric-strip small{color:var(--g500)}
.ecosystem-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:center}.ecosystem-grid .chapter-head{margin:0}.portal-stage{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#fff;box-shadow:0 32px 70px rgba(0,0,0,.18)}.portal-stage img{display:block;width:100%;height:auto}.portal-hotspot{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid var(--deep);background:var(--cyan);box-shadow:0 0 0 0 rgba(0,191,218,.45);animation:pulse 2.2s infinite}.portal-hotspot:after{content:attr(data-label);position:absolute;left:22px;top:-7px;color:#fff;background:var(--deep);border:1px solid rgba(255,255,255,.15);padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap}.p1{left:23%;top:12%}.p2{left:52%;top:11%;animation-delay:.7s}.p3{left:78%;top:12%;animation-delay:1.4s}.ecosystem-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:28px}.ecosystem-facts>div{display:flex;align-items:center;gap:18px}.ecosystem-facts strong{font-size:64px;color:var(--cyan)}.ecosystem-facts span,.ecosystem-facts p{color:#c1d0da;line-height:1.5}.ecosystem-facts p{font-size:20px;margin:0}
.architecture-stage{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center;gap:0;position:relative}.architecture-stage>button{min-height:180px;padding:24px 18px;border:1px solid var(--g150);border-radius:20px;background:#fff;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:.35s var(--ease);color:var(--navy)}.architecture-stage>button:hover,.architecture-stage>button.is-active{transform:translateY(-9px);box-shadow:0 18px 45px rgba(10,46,77,.1);border-color:rgba(0,191,218,.45)}.architecture-stage>button span{font-size:18px;font-weight:800}.architecture-stage>button small{line-height:1.45;color:var(--g500)}.architecture-stage>.layer--cyan{background:var(--tcyan)}.architecture-stage>i{text-align:center;color:var(--cyan);font-style:normal;font-weight:800}.architecture-detail{position:absolute;left:0;right:0;top:calc(100% + 18px);padding:18px 22px;border-radius:16px;background:var(--deep);color:#fff;opacity:0;transform:translateY(8px);pointer-events:none;transition:.3s}.architecture-detail.is-visible{opacity:1;transform:none}.architecture-detail strong{color:var(--cyan);margin-right:8px}
.agent-orbit{height:min(49vh,520px);position:relative;max-width:900px;margin:0 auto}.human-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:35px;background:radial-gradient(circle at 35% 30%,#124f7e,var(--navy) 65%,var(--deep));box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 0 25px rgba(0,191,218,.03),0 0 0 70px rgba(0,191,218,.018)}.human-core span{font-size:24px;font-weight:800}.human-core small{color:#9db1c0;line-height:1.4}.agent{position:absolute;width:230px;min-height:120px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.05);color:#fff;padding:20px;text-align:left;backdrop-filter:blur(10px);transition:.35s var(--ease)}.agent:hover,.agent.is-active{border-color:var(--cyan);background:rgba(0,191,218,.09);transform:translateY(-6px)}.agent strong{display:block;color:var(--cyan);font-size:22px;margin-bottom:8px}.agent small{color:#b9cad5;line-height:1.4}.agent--atlas{left:2%;top:7%}.agent--codex{right:2%;top:7%}.agent--carla{left:50%;bottom:0;transform:translateX(-50%)}.agent--carla:hover,.agent--carla.is-active{transform:translateX(-50%) translateY(-6px)}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbit-lines path{stroke:rgba(0,191,218,.3);stroke-width:1;stroke-dasharray:5 8;fill:none}.agent-detail{max-width:900px;margin:10px auto 0;min-height:70px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#b9cad5}.agent-detail strong{color:#fff}.agent-detail em{color:var(--cyan);font-style:normal}
.knowledge-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.knowledge-layout .chapter-head{margin:0}.knowledge-screen{margin:0;position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--g150);box-shadow:0 24px 60px rgba(10,46,77,.12);background:#fff}.knowledge-screen img{display:block;width:100%;height:auto}.hotspot{position:absolute;width:22px;height:22px;border-radius:50%;border:4px solid #fff;background:var(--cyan);box-shadow:0 0 0 1px rgba(10,46,77,.25),0 0 0 0 rgba(0,191,218,.5);animation:pulse 2s infinite}.h1{left:24%;top:35%}.h2{right:24%;bottom:18%;animation-delay:1s}.hotspot-note{position:absolute;left:20px;bottom:20px;max-width:300px;padding:12px 14px;border-radius:12px;background:rgba(7,31,52,.92);color:#fff;font-size:12px;line-height:1.45;opacity:0;transform:translateY(8px);transition:.3s}.hotspot-note.is-visible{opacity:1;transform:none}.knowledge-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--tcyan);border-radius:18px;padding:18px 20px;color:var(--navy);font-size:12px;font-weight:800}.knowledge-flow i{color:var(--green);font-style:normal;font-size:18px}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.decision-grid .chapter-head{margin:0}.dashboard-frame{margin:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(0,0,0,.22)}.dashboard-frame img{display:block;width:100%}.decision-pipeline{grid-column:1/-1;display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:5px;color:#fff}.decision-pipeline span{padding:14px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:12px;text-align:center;font-size:11px;font-weight:700}.decision-pipeline i{height:1px;background:var(--cyan);position:relative}.decision-pipeline i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid var(--cyan);border-top:3px solid transparent;border-bottom:3px solid transparent}.signal-cloud{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.signal-cloud button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:#c5d4de;padding:9px 12px;border-radius:999px;font-size:11px}.signal-cloud button:hover{color:#fff;border-color:var(--cyan)}
.chapter--people{display:grid;grid-template-columns:1.15fr .85fr}.people-photo{height:100svh;position:relative;overflow:hidden}.people-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(255,255,255,.85))}.people-photo img{width:100%;height:100%;object-fit:cover}.people-copy{width:auto;margin:0;padding-left:clamp(28px,4vw,72px);padding-right:var(--pad)}.people-switch{display:flex;gap:8px;margin-bottom:18px}.people-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.people-list li{border-bottom:1px solid var(--g150);padding:10px 0 14px;color:var(--g700);font-size:16px;line-height:1.4}.people-list li:before{content:"→";color:var(--green);font-weight:800;margin-right:10px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid article{min-height:190px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));padding:22px;display:flex;flex-direction:column;justify-content:space-between}.stats-grid strong{font-size:clamp(30px,3.6vw,58px);line-height:1;color:#fff;letter-spacing:-.055em}.stats-grid article:nth-child(-n+3) strong{color:#75e3c0}.stats-grid span{color:#b8c9d4;line-height:1.4;font-size:13px}.excel-constellation{margin-top:14px;padding:18px 22px;border:1px solid rgba(0,191,218,.3);background:rgba(0,191,218,.06);border-radius:18px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}.excel-constellation strong{font-size:52px;color:var(--cyan);grid-row:1/3}.excel-constellation span{font-weight:700}.excel-constellation small{color:#9ab0bf;margin-top:4px}
.resilience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.resilience-layout .chapter-head{margin:0}.resilience-console{border-radius:24px;background:var(--deep);color:#fff;padding:26px;box-shadow:0 25px 60px rgba(7,31,52,.15)}.console-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px;font-weight:700}.switch{width:92px;height:38px;border:0;border-radius:999px;background:#6c3842;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:4px 10px 4px 5px}.switch i{width:30px;height:30px;border-radius:50%;background:#fff;transition:.3s}.switch b{font-size:10px;letter-spacing:.14em}.switch.is-on{background:var(--green);padding:4px 5px 4px 10px;flex-direction:row-reverse}.resilience-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:30px 0}.path-node{padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;text-align:center;font-size:11px;transition:.35s}.path-node.production{border-color:rgba(34,160,107,.55);background:rgba(34,160,107,.12)}.resilience-console.is-off .path-node.ai{opacity:.2;text-decoration:line-through}.resilience-console.is-off .path-node.production{box-shadow:0 0 0 2px rgba(34,160,107,.2)}.console-message{min-height:66px;padding:14px;border-radius:12px;background:rgba(255,255,255,.06);color:#bcd0dd;line-height:1.45;font-size:13px}.resilience-pillars{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.resilience-pillars span{padding:14px;border-radius:12px;background:var(--tnavy);font-size:12px;font-weight:700;color:var(--navy);text-align:center}.resilience-layout .statement{grid-column:1/-1;margin-top:0}
.future-grid{position:absolute;inset:0;background:linear-gradient(rgba(0,191,218,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,218,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 90%,transparent 100%);transform:perspective(650px) rotateX(62deg) translateY(35%);transform-origin:bottom}.future-chain{display:grid;grid-template-columns:repeat(13,auto);align-items:center;gap:8px;color:#fff}.future-chain span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);padding:13px 12px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.future-chain i{width:18px;height:1px;background:var(--cyan)}.uai-layer{margin-top:15px;border-radius:14px;background:rgba(0,191,218,.11);border:1px solid rgba(0,191,218,.32);padding:16px 18px;display:flex;align-items:center;gap:18px}.uai-layer span{font-size:26px;font-weight:800;color:var(--cyan)}.uai-layer p{margin:0;color:#c8d6df}.future-vectors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.future-vectors article{padding:18px;border-top:1px solid rgba(255,255,255,.14)}.future-vectors article>span{color:var(--cyan);font-size:10px;font-weight:800}.future-vectors h3{font-size:17px;margin:10px 0 7px}.future-vectors p{font-size:12px;line-height:1.45;color:#a9bcc9;margin:0}.finale{margin-top:36px;border-top:1px solid rgba(255,255,255,.14);padding-top:28px;display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center}.finale img{width:210px}.finale h3{font-size:clamp(24px,2.4vw,36px);margin:0 0 8px}.finale p{margin:0;color:#aebfca;max-width:650px}.finale-actions{display:flex;gap:8px}.finale-actions button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:12px 15px;border-radius:12px;font-size:11px;font-weight:700;display:flex;gap:8px;align-items:center}.finale-actions button:hover{border-color:var(--cyan)}
.film-toast{position:fixed;z-index:70;left:50%;bottom:30px;transform:translate(-50%,20px);padding:10px 16px;border-radius:999px;background:rgba(7,31,52,.9);color:#fff;font-size:11px;opacity:0;pointer-events:none;transition:.35s}.film-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,191,218,.45)}70%{box-shadow:0 0 0 12px rgba(0,191,218,0)}100%{box-shadow:0 0 0 0 rgba(0,191,218,0)}}@keyframes meshMove{to{background-position:0 0,0 0,84px 84px}}
@media (max-width:980px){:root{--pad:24px}.hud{left:10px;right:10px;top:10px}.hud__center{display:none}.hud-btn:not(.hud-btn--compact){width:38px;padding:0;justify-content:center}.hud-btn:not(.hud-btn--compact) span:last-child{display:none}.hud__brand img{width:150px}.chapter{min-height:100svh;height:auto;overflow:visible}.chapter__inner{padding-top:110px;padding-bottom:70px}.language-gate__choices{grid-template-columns:1fr}.split-layout,.ecosystem-grid,.knowledge-layout,.decision-grid,.resilience-layout{grid-template-columns:1fr}.rupture-line,.ecosystem-facts,.knowledge-flow,.decision-pipeline,.resilience-pillars{grid-column:1}.architecture-stage{display:grid;grid-template-columns:1fr;gap:8px}.architecture-stage>i{transform:rotate(90deg)}.architecture-stage>button{min-height:auto}.architecture-detail{position:relative;top:auto;margin-top:8px}.agent-orbit{height:620px}.agent{width:210px}.agent--atlas{left:0}.agent--codex{right:0}.human-core{width:180px;height:180px}.chapter--people{display:block}.people-photo{height:45vh}.people-photo:after{background:linear-gradient(0deg,#fff,transparent 35%)}.people-copy{padding-left:var(--pad);width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;padding-top:44px}.stats-grid{grid-template-columns:repeat(2,1fr)}.future-chain{display:flex;overflow:auto;padding-bottom:8px}.future-chain i{flex:0 0 18px}.finale{grid-template-columns:1fr}.finale-actions{justify-content:flex-start}}
@media (max-width:620px){.language-gate__logo{margin-bottom:32px}.language-gate h1{font-size:46px}.hud__brand img{width:125px}.display{font-size:48px}.chapter-head h2{font-size:38px}.timeline-stage{grid-template-columns:1fr;gap:18px}.timeline-years{grid-template-columns:repeat(4,1fr)}.timeline-visual{display:none}.before-now__content{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr;gap:6px}.rupture-cards article{grid-template-columns:40px 1fr}.agent-orbit{height:740px}.human-core{top:47%}.agent--atlas,.agent--codex{top:0}.agent--carla{bottom:0}.orbit-lines{display:none}.knowledge-flow{display:grid;grid-template-columns:1fr auto 1fr}.knowledge-flow i:nth-of-type(even){display:none}.decision-pipeline{display:flex;overflow:auto}.decision-pipeline i{flex:0 0 18px}.decision-pipeline span{flex:0 0 150px}.stats-grid{grid-template-columns:1fr}.excel-constellation{grid-template-columns:1fr}.excel-constellation strong{grid-row:auto}.resilience-path{display:flex;overflow:auto}.resilience-path .path-node{flex:0 0 150px}.resilience-pillars{grid-template-columns:1fr 1fr}.future-vectors{grid-template-columns:1fr}.chapter-next{right:20px}.language-gate__hint{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-media img,.timeline-visual span,.portal-hotspot,.hotspot{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.story{scroll-snap-type:none}}