:root{color-scheme:dark;--ink:#eaf4fc;--ink-2:#b9cbd8;--muted:#8ca2b9;--dark:#090c19;--deep:#0c1022;--surface:rgba(21,27,49,.75);--border:rgba(161,188,231,.16);--blue:#0000FF;--green:#4CAF50;--orange:#FFA500;--pink:#FF69B4;--purple:#7E2F94;--brown:#8B4513;--red:#FF0000;--softblue:#8198ff;--softpink:#ffa8d3;--softgreen:#96ef9b;--softpurple:#c6a0f5;--softorange:#ffd084;--highlight:#d6fff5;--ease:cubic-bezier(.16,1,.3,1);--max:1440px;--navh:78px;--sky:rgba(127,142,214,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--dark);font:400 16px/1.57 'Avenir Next','Segoe UI Variable','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:rgba(255,105,180,.43);color:#fff}button,textarea,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--softgreen);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scroll-progress{position:fixed;z-index:140;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink),var(--orange),var(--green));filter:drop-shadow(0 0 9px rgba(255,105,180,.5));pointer-events:none}.cursor-halo{position:fixed;z-index:88;pointer-events:none;width:420px;height:420px;opacity:.18;border-radius:50%;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(132,84,247,.4),transparent 70%);filter:blur(12px);transition:opacity .5s}
.topbar{height:var(--navh);position:fixed;z-index:100;top:0;left:0;right:0;padding:0 clamp(18px,4.2vw,72px);display:flex;align-items:center;gap:clamp(18px,2.6vw,50px);background:transparent;border-bottom:1px solid rgba(213,223,246,.11)}
/* Render the original glass beneath navigation controls. */
.topbar::after {
  content: '';
  position: absolute;
  inset: 0 0 -1px;
  z-index: -1;
  pointer-events: none;
  background: rgba(8,12,24,.79);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  transform: translateZ(0);
}.topbar:before{content:'';position:absolute;inset:auto 0 -1px;background:linear-gradient(90deg,transparent,rgba(95,117,255,.45),rgba(250,117,193,.45),transparent);height:1px;opacity:.65}.wordmark{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#edf2ff;font-size:12px;font-weight:900;letter-spacing:.13em;line-height:1.1}.wordmark small{display:block;color:var(--muted);font-size:8px;margin-top:7px;letter-spacing:.16em;font-weight:700}.brand-graphic{position:relative;width:31px;height:31px;display:block;border:1px solid rgba(172,207,255,.4);border-radius:50%;box-shadow:0 0 18px rgba(129,90,253,.25)}.brand-graphic i{position:absolute;display:block;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px currentColor}.brand-graphic i:nth-child(1){background:var(--softgreen);color:var(--softgreen);left:3px;top:12px}.brand-graphic i:nth-child(2){background:var(--softpink);color:var(--softpink);right:3px;top:5px}.brand-graphic i:nth-child(3){background:var(--softblue);color:var(--softblue);right:4px;bottom:3px}.nav-items{margin:auto;display:flex;align-items:center;gap:clamp(12px,2vw,29px);min-width:0}.nav-items a{font-size:11px;letter-spacing:.02em;color:#95a8bc;font-weight:750;transition:color .25s;white-space:nowrap;position:relative;padding:30px 0}.nav-items a:after{content:'';position:absolute;bottom:18px;left:0;right:100%;height:2px;background:linear-gradient(90deg,var(--softblue),var(--softpink));transition:right .4s var(--ease)}.nav-items a.active,.nav-items a:hover{color:white}.nav-items a.active:after{right:0}.lens-toggle{display:flex;align-items:center;gap:9px;flex-shrink:0;background:linear-gradient(120deg,rgba(68,78,118,.35),rgba(22,30,51,.6));border:1px solid rgba(187,210,255,.2);color:#d8ecf9;border-radius:40px;font-weight:780;font-size:11px;white-space:nowrap;padding:10px 14px;transition:all .25s}.lens-toggle:hover{border-color:var(--softpurple);box-shadow:0 0 20px rgba(196,145,255,.18)}.lens-toggle[aria-pressed='true']{background:rgba(126,47,148,.4);border-color:#c6a0f5}.lens-indicator{width:8px;height:8px;border-radius:50%;background:#607790;box-shadow:0 0 8px #607790}.lens-toggle[aria-pressed='true'] .lens-indicator{background:var(--softpurple);box-shadow:0 0 9px var(--softpurple)}.lens-panel{position:fixed;z-index:99;right:clamp(12px,3vw,48px);top:90px;max-width:460px;width:calc(100% - 24px);background:linear-gradient(155deg,#1d2040,#101827);border:1px solid rgba(210,175,255,.55);border-radius:22px;padding:28px 30px 26px;box-shadow:0 33px 100px rgba(0,0,0,.66),0 0 60px rgba(126,47,148,.16);animation:panelRise .35s var(--ease)}.lens-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lens-head .eyebrow{font-size:10px}.lens-panel .lens-title{font-size:27px;font-weight:800;margin:16px 0 8px;letter-spacing:-.04em}.lens-panel p:not(.lens-title){color:#bac9dd;font-size:14px;line-height:1.6}.lens-spec{padding:12px 14px;border-left:3px solid var(--softpurple);background:rgba(126,47,148,.15);border-radius:2px 11px 11px 2px;color:#e9d9fc;font-size:12px;letter-spacing:.02em}.icon-close{border:1px solid rgba(170,190,220,.25);background:rgba(255,255,255,.04);color:white;width:35px;height:35px;border-radius:50%;font-size:13px;display:grid;place-items:center}.icon-close:hover{border-color:var(--softpink);color:var(--softpink)}
.chapter{position:relative;isolation:isolate;overflow:hidden}.chapter:not(.hero):not(.outro){padding:clamp(64px,5vw,90px) clamp(20px,5vw,82px) clamp(38px,3vw,56px);background-color:var(--dark)}.chapter:not(.hero):not(.outro):before{position:absolute;inset:0;z-index:-2;content:'';background:radial-gradient(ellipse 65% 41% at 100% 18%,rgba(61,40,118,.14),transparent 75%),radial-gradient(ellipse 55% 50% at 0% 90%,rgba(39,75,118,.1),transparent 70%);pointer-events:none}.chapter:nth-of-type(even){background-color:#0b1022}.section-frame{max-width:var(--max);margin:0 auto}.chapter-line{color:#7690a9;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:850;letter-spacing:.18em;padding-bottom:16px;border-bottom:1px solid rgba(177,211,246,.19);margin-bottom:clamp(58px,6vw,90px)}.section-intro{max-width:920px;margin-bottom:clamp(45px,6vw,80px)}.section-intro.wide{max-width:1100px}.eyebrow{display:block;margin:0 0 16px;font-weight:850;font-size:11px;letter-spacing:.19em;color:#a8baff;text-transform:uppercase}.green-ink{color:var(--softgreen)}.blue-ink{color:#9eb7ff}.orange-ink{color:var(--softorange)}.pink-ink{color:var(--softpink)}.brown-ink{color:#eec293}.purple-ink{color:var(--softpurple)}.red-ink{color:#ff9a9a}.section-intro h2{font-weight:780;letter-spacing:-.068em;font-size:clamp(43px,6.4vw,104px);margin:0 0 26px;text-wrap:balance}.section-intro h2 i,.migration-heading h3 i{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.064em;background:linear-gradient(110deg,#95aaff,#ef99e3,#ffca79);background-clip:text;color:transparent;font-style:italic;padding-right:.08em}.section-intro .lede{color:#aebfd2;max-width:755px;font-size:clamp(16px,1.45vw,21px);line-height:1.62;margin:0;text-wrap:pretty}.section-intro .lede strong{color:white}.chapter:nth-of-type(4n) .section-intro h2 i{background-image:linear-gradient(90deg,#9cf2ab,#a8b7ff,#ff92be)}.chapter:nth-of-type(4n+1) .section-intro h2 i{background-image:linear-gradient(90deg,#fab573,#e6a1ee,#aec2ff)}
.hero{height:min(1000px,100svh);min-height:750px;background:linear-gradient(140deg,#080b18,#11152b 65%,#121428);display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--navh) + clamp(55px,8vh,110px)) clamp(22px,6vw,110px) 29px}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0 150px,rgba(186,201,255,.018) 151px,transparent 152px),repeating-linear-gradient(0deg,transparent 0 150px,rgba(186,201,255,.015) 151px,transparent 152px);mask-image:linear-gradient(90deg,transparent,#000)}#heroCanvas{position:absolute;inset:0;z-index:-3;width:100%;height:100%;display:block}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,20,.89) 0%,rgba(6,9,21,.63) 40%,rgba(5,8,20,.05) 80%),linear-gradient(0deg,#0a0c1a 0%,transparent 20%);pointer-events:none}.hero-core{max-width:1010px;position:relative}.overline{font-weight:850;color:#b5aef0;font-size:10px;letter-spacing:.17em;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.live-seed{width:7px;height:7px;background:var(--softgreen);border-radius:50%;box-shadow:0 0 0 6px rgba(76,175,80,.12),0 0 20px var(--softgreen);display:inline-block}.hero-edition{color:#879bb3}.hero h1{font-size:clamp(70px,10vw,163px);font-weight:900;line-height:.86;letter-spacing:-.085em;position:relative;margin:0 0 27px;text-wrap:nowrap;text-shadow:0 13px 60px rgba(0,0,0,.18)}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-size:.72em;letter-spacing:-.08em;font-weight:400;line-height:1.14;font-style:italic;color:#e4a0ea;text-shadow:0 0 60px rgba(255,105,180,.15)}.hero h1 strong{font-size:.74em;font-weight:900;letter-spacing:-.079em;background:linear-gradient(100deg,#8f9fff 4%,#e2a2ef 55%,#ffba74 92%);background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(126,47,148,.3))}.hero-deck{font-size:clamp(16px,1.4vw,21px);max-width:620px;color:#b6c6d8;line-height:1.58;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:49px;min-width:194px;padding:12px 18px;border-radius:7px;background:linear-gradient(125deg,#dce3ff,#b9b9ff 50%,#f6bcf6);color:#131834!important;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 45px rgba(117,96,255,.26);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.primary-cta:hover{transform:translateY(-4px);box-shadow:0 14px 60px rgba(175,105,255,.4)}.primary-cta span{font-size:23px;font-weight:450;line-height:1}.quiet-cta{display:inline-flex;gap:11px;align-items:center;font-weight:780;font-size:12px;letter-spacing:.04em;background:transparent;border:0;color:#c6d7ed;padding:14px 0}.quiet-cta span{font-size:18px;color:var(--softpink);transition:transform .25s}.quiet-cta:hover span{transform:translate(3px,-3px)}.hero-side-label{position:absolute;right:3vw;top:47%;color:rgba(213,227,255,.38);writing-mode:vertical-rl;font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.hero-bottom{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-top:1px solid rgba(190,217,255,.18);padding-top:19px}.hero-axiom{color:#c1cfdf;font-size:12px;line-height:1.9}.axiom-index{color:var(--softpink);font-weight:900;margin-right:4px}.hero-legend{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;font-weight:750;color:#a1b2c6}.hero-legend span{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;flex-shrink:0}.dot.green{background:var(--green);box-shadow:0 0 10px var(--green)}.dot.pink{background:var(--pink);box-shadow:0 0 10px var(--pink)}.dot.blue{background:#6b8bff;box-shadow:0 0 10px var(--blue)}.dot.purple{background:var(--softpurple);box-shadow:0 0 10px var(--purple)}.scroll-cue{font-size:10px;color:#8ca0b5;white-space:nowrap;letter-spacing:.15em;font-weight:800}.scroll-cue span{margin-left:5px;color:var(--softpink);font-size:18px}
.principles{background:linear-gradient(160deg,#111429,#09111d)!important}.principles:after{content:'';position:absolute;z-index:-1;top:23%;right:-15vw;width:65vw;height:65vw;border-radius:50%;background:conic-gradient(from 85deg,rgba(255,105,180,.09),rgba(76,175,80,.05),rgba(0,0,255,.11),rgba(126,47,148,.15),rgba(255,105,180,.09));filter:blur(55px);animation:slowTurn 34s linear infinite}.principle-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:50px}.principle{min-height:235px;padding:31px 25px 26px 0;border-top:1px solid rgba(172,198,241,.24);position:relative}.principle:before{content:'';width:0;height:3px;position:absolute;top:-2px;left:0;background:var(--signal);transition:width .8s var(--ease);box-shadow:0 0 30px var(--signal)}.principle:hover:before{width:70%}.principle-mark{color:var(--signal);font:800 11px monospace;letter-spacing:.07em;display:block;margin-bottom:55px}.principle h3{font-size:clamp(18px,1.8vw,26px);letter-spacing:-.04em;line-height:1.15;margin-bottom:11px;max-width:220px}.principle p{font-size:14px;line-height:1.52;color:#9fb0c7;max-width:260px}.design-note{display:grid;align-items:center;grid-template-columns:50px 1fr auto;gap:22px;padding:20px 28px;margin-top:40px;border:1px solid rgba(131,176,255,.25);background:linear-gradient(120deg,rgba(30,53,92,.4),rgba(60,38,86,.22));border-radius:10px}.design-note .note-icon{color:var(--softpink);font-size:42px}.design-note p{font-size:14px;line-height:1.52;color:#b9cadd;margin:0}.design-note b{color:#e2eaff}.note-label{font-size:10px;font-weight:850;color:#9fb1ce;letter-spacing:.14em}
.visual-section.federation{background:#090f20}.visual-section.transport{background:#0e0d20}.visual-section.sovereignty{background:#080c22}.visual-section.computation{background:#111024}.visual-section.perspective{background:#100f1c}.visual-section.classification{background:#0c101f}.visual-section.relationships{background:#140e22}.visual-section.resilience{background:#0d101a}.visual-section.diagnostics{background:#0d1021}.visual-section.implementation{background:#0a1420}
.stage{border:1px solid rgba(160,191,233,.22);background:linear-gradient(135deg,rgba(23,31,56,.94),rgba(12,18,35,.92) 58%,rgba(31,23,51,.85));box-shadow:0 36px 110px rgba(0,0,0,.28),inset 0 1px 0 rgba(221,238,255,.07);border-radius:18px;position:relative;overflow:hidden}.stage:before{content:'';z-index:0;pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(124,147,208,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(124,147,208,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,black,transparent 85%)}.stage>*{position:relative;z-index:1}.stage-toolbar{padding:25px 28px;border-bottom:1px solid rgba(162,189,238,.12);display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap}.stage-toolbar>div:first-child{display:flex;flex-direction:column;gap:6px}.stage-toolbar strong{color:#f2f6fc;font-size:15px;letter-spacing:-.02em}.tool-kicker{display:block;color:#8b9eb8;font-weight:850;letter-spacing:.13em;font-size:10px}.segmented{display:flex;align-items:center;gap:3px;background:rgba(4,7,21,.43);border:1px solid rgba(162,177,223,.12);padding:4px;border-radius:12px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.seg{border:0;border-radius:8px;background:transparent;color:#94a7c0;padding:10px 13px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.025em;min-height:36px;transition:all .26s var(--ease)}.seg:hover{background:rgba(181,158,245,.11);color:white}.seg.active{background:linear-gradient(140deg,rgba(112,91,193,.6),rgba(94,74,146,.4));box-shadow:inset 0 1px 0 rgba(226,193,255,.17),0 4px 18px rgba(37,30,87,.2);color:#fff}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:0;min-height:565px}.viz-viewport{position:relative;overflow:hidden}.network-viewport{background:radial-gradient(circle at 45% 45%,rgba(65,74,151,.14),transparent 58%),radial-gradient(circle at 5% 80%,rgba(76,175,80,.06),transparent 45%)}svg{max-width:100%;display:block}.network-viewport svg{width:100%;height:100%;min-height:565px;cursor:grab}.network-viewport svg:active{cursor:grabbing}.graph-overlay{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#9fb0cb;font-size:10px;font-weight:750}.graph-overlay-bottom{position:absolute;bottom:21px;left:25px;right:25px}.keyline{display:inline-block;width:21px;height:0;border-top:2px solid var(--softgreen);margin-right:6px;vertical-align:middle}.keyline.proposed{border-color:var(--softorange);border-top-style:dashed}.keyline.denied{border-color:#ff727b;border-top-style:dotted}.inspector{background:linear-gradient(170deg,rgba(16,22,44,.94),rgba(26,22,47,.97));padding:35px 28px;border-left:1px solid rgba(162,189,238,.14);display:flex;flex-direction:column;min-width:0}.inspector-serial{font:750 11px monospace;letter-spacing:.14em;color:var(--softgreen);margin-top:31px}.inspector h3{font-size:clamp(23px,2.3vw,30px);line-height:1.14;letter-spacing:-.04em;margin:11px 0 20px}.inspector p{color:#aebfd1;font-size:14px;line-height:1.7}.rule-list{display:grid;gap:10px;margin:20px 0}.rule-list>div{padding:10px 0;border-top:1px solid rgba(168,190,233,.15);display:flex;align-items:center;gap:10px;color:#cedbed;font-size:12px}.rule-symbol{font-size:15px;color:var(--softgreen);font-weight:800}.rule-symbol.no{color:#ff939a}.inspector-foot{display:flex;align-items:center;gap:9px;color:#a7bdcc;font-size:11px;margin-top:auto;padding-top:30px}.status-led{display:inline-block;width:8px;height:8px;flex-shrink:0;background:var(--softgreen);border-radius:50%;box-shadow:0 0 10px var(--green)}.under-graph{display:flex;justify-content:space-between;gap:30px;color:#9aaec5;font-size:13px;margin-top:17px}.under-graph p{max-width:560px;margin:0}.under-graph strong{color:#e4f2ff}
.route-visual{padding:10px 25px 0;position:relative;background:radial-gradient(ellipse 50% 45% at 50% 60%,rgba(126,47,148,.16),transparent 70%)}.route-visual svg{width:100%;height:400px}.route-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0 12px 18px}.switch-button{border:1px solid rgba(177,201,242,.22);background:rgba(6,12,27,.65);color:#bdd0e5;border-radius:20px;padding:8px 15px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800}.switch-track{width:34px;height:18px;border-radius:10px;border:1px solid rgba(206,227,249,.24);background:#1b263c;position:relative;display:block;transition:.3s}.switch-track span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#879db6;transition:.3s}.switch-button[aria-pressed='true'] .switch-track{background:#6c2635;border-color:#fc889d}.switch-button[aria-pressed='true'] .switch-track span{transform:translateX(15px);background:#ff98a1}.mini-status{font:850 11px monospace;letter-spacing:.11em;color:var(--softgreen)}.route-bottom{border-top:1px solid rgba(170,194,228,.15);display:grid;grid-template-columns:repeat(3,1fr)}.route-feature{padding:26px 30px;border-right:1px solid rgba(170,194,228,.14);min-height:158px}.route-feature:last-child{border:0}.route-feature small{display:block;font-size:10px;letter-spacing:.11em;color:#829bb5;font-weight:820;margin-bottom:14px}.route-feature strong{display:block;color:#eaf2fe;font-size:18px;letter-spacing:-.035em;margin-bottom:10px}.route-feature span{font-size:12px;color:#94aabf;line-height:1.55}
.stage-vault{border-color:rgba(107,130,255,.38)}.vault-grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.vault-left,.vault-right{padding:clamp(24px,4vw,53px)}.vault-left{background:linear-gradient(150deg,rgba(23,33,86,.4),rgba(23,28,49,.4));border-right:1px solid rgba(152,170,255,.19)}.vault-cap{display:flex;align-items:center;gap:16px;margin-bottom:26px}.vault-cap strong{display:block;margin-top:7px;font-size:19px;letter-spacing:-.03em}.key-symbol{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#30419f,#171d57);color:#c2caff;display:grid;place-items:center;font-size:27px;box-shadow:0 0 35px rgba(0,0,255,.16)}#vaultInput{width:100%;min-height:136px;resize:vertical;color:#f7f9ff;line-height:1.65;border:1px solid rgba(161,189,255,.27);background:rgba(7,11,31,.85);border-radius:9px;padding:21px;font-size:15px}#vaultInput:focus{border-color:#b4a6ff;outline:none;box-shadow:0 0 0 3px rgba(137,102,255,.15)}.vault-actions{display:flex;align-items:center;gap:9px;margin:18px 0;flex-wrap:wrap}.action-button{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 16px;min-height:44px;font-size:12px;font-weight:900;transition:transform .3s var(--ease),box-shadow .3s}.action-button:hover:not(:disabled){transform:translateY(-2px)}.action-button.bright{background:linear-gradient(125deg,#acb7ff,#eec3ff);color:#131c39}.action-button.bright:hover{box-shadow:0 0 25px rgba(132,137,255,.4)}.action-button.ghost{background:rgba(104,91,171,.1);border-color:rgba(170,177,241,.24);color:#ced7ff}.reset-button{border:1px solid rgba(158,187,223,.23);background:transparent;color:#a8bad1;width:43px;height:43px;font-size:22px;border-radius:8px}.vault-explainer{color:#98b0c9;display:block;line-height:1.7;font-size:11px}.vault-right{background:radial-gradient(ellipse 95% 55% at 70% 45%,rgba(94,48,143,.12),transparent 85%);min-width:0}.cipher-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;color:#b39fee;font-weight:850;margin:22px 0}.cipher-preview{display:block;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;max-height:230px;min-height:175px;background:rgba(4,10,26,.77);color:#a8f0b1;border-radius:9px;border:1px solid rgba(107,169,139,.19);padding:20px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.safe-strip{color:#96acc5;display:flex;gap:9px;align-items:center;font-size:11px;margin-top:26px}.permission-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px;border-block:1px solid rgba(170,186,237,.15)}.permission-row>div{padding:25px 15px 22px;border-right:1px solid rgba(170,186,237,.14)}.permission-row>div:first-child{padding-left:0}.permission-row>div:last-child{border:none}.permission-row span{display:block;color:#f08fe4;font:700 12px monospace;margin-bottom:13px}.permission-row b{display:block;font-size:17px;margin-bottom:7px}.permission-row small{color:#8fa4bc;font-size:12px}
.stage-compute{border-color:rgba(194,151,244,.25)}.compute-nav{display:flex;gap:9px;padding:22px 25px 5px;overflow-x:auto;scrollbar-color:#58668e transparent;scrollbar-width:thin}.compute-tab{display:flex;align-items:center;gap:9px;background:rgba(24,28,54,.7);color:#91a4bf;white-space:nowrap;border:1px solid rgba(157,178,217,.15);padding:10px 15px;border-radius:10px;font-size:12px;font-weight:820;transition:all .3s}.compute-tab span{font:700 10px monospace;color:#a46fae}.compute-tab:hover{color:white;border-color:rgba(205,163,243,.5)}.compute-tab.active{color:#fff;border-color:rgba(239,173,250,.7);background:linear-gradient(125deg,rgba(126,47,148,.45),rgba(98,71,167,.3));box-shadow:0 0 23px rgba(126,47,148,.15)}.compute-visual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.compute-canvas{padding:0 25px 10px;min-width:0;display:flex;align-items:center}.compute-canvas svg{width:100%;height:415px}.compute-copy{padding:48px clamp(26px,3vw,52px) 40px;border-left:1px solid rgba(168,180,233,.15);background:linear-gradient(155deg,rgba(58,29,83,.2),rgba(23,29,55,.55));display:flex;flex-direction:column}.compute-copy h3{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.05em;max-width:510px;margin:25px 0 18px}.compute-copy p{color:#afc0d7;font-size:14px;line-height:1.75}.compute-bar{margin-top:auto;padding-top:25px;border-top:1px solid rgba(196,168,239,.18)}.compute-bar span{font-size:10px;color:#a58bc9;letter-spacing:.1em;font-weight:800;display:block;margin-bottom:9px}.compute-bar b{color:#e2c5ff;font-size:13px}.compute-copy p.compute-limit{font-size:11px;color:#98aac4;margin:13px 0 0}
.stage-time{border-color:rgba(188,132,188,.27)}.time-controlbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid rgba(168,180,228,.15);flex-wrap:wrap}.time-scrub{min-width:240px;max-width:310px;flex:1}.time-scrub label,.scrub-wide label{display:flex;justify-content:space-between;gap:12px;color:#a2b0c8;letter-spacing:.11em;font-size:10px;font-weight:850;margin-bottom:10px}.time-scrub output,.scrub-wide output{color:#ffbda2}.time-scrub input,.scrub-wide input{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:4px;background:linear-gradient(90deg,#7e6ee7,#eb80b2,#ffa869);cursor:pointer}.time-scrub input::-webkit-slider-thumb,.scrub-wide input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:3px solid #202043;border-radius:50%;background:#f6c3f0;box-shadow:0 0 0 2px #b691e8}.time-scrub input::-moz-range-thumb,.scrub-wide input::-moz-range-thumb{width:13px;height:13px;border:2px solid #202043;border-radius:50%;background:#f6c3f0}.time-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:520px}.time-plot{position:relative;padding:15px 0;min-width:0}.time-plot svg{width:100%;height:520px}.time-insight{padding:39px 32px;display:flex;flex-direction:column;border-left:1px solid rgba(187,166,218,.19);background:radial-gradient(ellipse 150% 70% at 80% 15%,rgba(126,47,148,.14),transparent 85%)}.insight-sequence{font:850 10px monospace;letter-spacing:.14em;color:#c9a0e4}.time-insight h3{font-size:32px;letter-spacing:-.05em;margin:27px 0 16px}.time-insight p{font-size:14px;line-height:1.7;color:#bbc5d8}.evidence-bands{margin-top:34px;display:grid;gap:16px}.evidence-bands div{border-top:1px solid rgba(188,177,223,.18);padding-top:12px}.evidence-bands span{display:block;color:#9b8da9;font-size:10px;letter-spacing:.11em;font-weight:850;margin-bottom:8px}.evidence-bands b{font-weight:700;font-size:13px;color:#e9e0f4}.time-foot{color:#c2a5da;font-size:12px;margin-top:auto;padding-top:20px}.plot-tooltip,.svg-tip{pointer-events:none;position:absolute;z-index:40;max-width:270px;background:linear-gradient(140deg,#292b4e,#152034);border:1px solid rgba(231,202,255,.4);box-shadow:0 20px 60px rgba(0,0,0,.48);border-radius:9px;color:white;padding:11px 13px;font-size:12px;line-height:1.45}
.stage-classification{border-color:rgba(230,151,103,.26)}.stream-wrap{position:relative;padding:15px 28px 4px}.stream-wrap svg{width:100%;height:410px}.stream-legend{position:absolute;top:25px;right:37px;display:flex;flex-wrap:wrap;gap:8px 15px;max-width:60%;justify-content:flex-end}.stream-legend button{border:0;background:rgba(11,16,34,.7);padding:4px 10px;border-radius:20px;font-size:11px;color:#c1d1dd;display:flex;align-items:center;gap:7px;white-space:nowrap}.stream-legend button.muted{opacity:.36}.stream-legend .swatch{width:9px;height:9px;display:inline-block;border-radius:3px}.class-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid rgba(206,177,151,.17);padding:24px 33px}.scrub-wide{flex:1;max-width:530px}.class-narrative{display:flex;align-items:center;gap:20px;max-width:475px}.class-narrative .big-number{font-size:50px;line-height:1;color:#ffc58a;letter-spacing:-.07em;font-weight:850}.class-narrative p{font-size:12px;color:#a5b5c9;margin:8px 0 0;line-height:1.48}
.stage-relationships{border-color:rgba(255,105,180,.3)}.relationship-layout{display:grid;grid-template-columns:minmax(0,1fr) 317px;min-height:500px}.relationship-plot{padding:14px 25px 0;min-width:0;position:relative;background:radial-gradient(ellipse 45% 50% at 44% 46%,rgba(255,105,180,.095),transparent 80%)}.relationship-plot svg{width:100%;height:465px}.xy-caption{display:flex;justify-content:space-between;color:#7f93ab;font-size:10px;letter-spacing:.1em;font-weight:750;padding:0 6% 20px}.relationship-inspector{padding:46px 29px 27px;background:linear-gradient(135deg,rgba(54,24,61,.36),rgba(26,25,46,.6));border-left:1px solid rgba(216,164,211,.17)}.relationship-inspector h3{font-size:clamp(24px,2.4vw,32px);line-height:1.17;letter-spacing:-.05em;margin:23px 0 19px}.relationship-inspector p{font-size:14px;line-height:1.69;color:#bdc9dd}.intro-privacy{display:flex;gap:10px;border-block:1px solid rgba(210,168,217,.19);padding:17px 0;margin:22px 0;font-size:12px;color:#d0bcd7}.relationship-inspector .tiny-meta{font-size:11px;color:#8c99aa;margin:12px 0}
.stage-resilience{border-color:rgba(244,135,148,.21)}.timeline-wrap{padding:18px 27px 0;overflow-x:auto}.timeline-wrap svg{width:100%;min-width:640px;height:415px}.resilience-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid rgba(176,195,226,.18);padding:25px 33px}.failure-summary{color:#e9d5d8;font-size:15px;line-height:1.55;max-width:430px}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.operation-grid div{border-left:1px solid rgba(169,189,218,.17);padding-left:15px}.operation-grid small{font-size:9px;color:#91a5bb;font-weight:850;letter-spacing:.07em;display:block;margin-bottom:13px}.operation-grid strong{font-size:13px;color:var(--softgreen);letter-spacing:.04em}.operation-grid strong.denied{color:#ff8a95}.operation-grid strong.warning{color:var(--softorange)}
.stage-diagnostics{border-color:rgba(197,148,236,.28)}.diag-plot{padding:20px 25px 3px;overflow-x:auto}.diag-plot svg{width:100%;height:340px;min-width:680px}.diag-footer{border-top:1px solid rgba(190,163,228,.18);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:27px 35px}.diag-footer h3{color:#f0eaff;margin:12px 0 0;line-height:1.3;font-size:20px;letter-spacing:-.03em}.diag-footer p{color:#b6c5d7;font-size:13px;line-height:1.6;margin:12px 0 0}
.stage-hardware{border-color:rgba(120,204,163,.26)}.hardware-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px}.hardware-chart{padding:15px 16px 0;min-width:0}.hardware-chart svg{width:100%;height:480px}.hardware-inspector{border-left:1px solid rgba(177,212,190,.18);padding:41px 30px;background:linear-gradient(135deg,rgba(24,61,59,.33),rgba(16,24,45,.55))}.hardware-inspector h3{font-size:29px;letter-spacing:-.04em;margin:25px 0 16px}.hardware-inspector p{color:#afc3d1;font-size:14px;line-height:1.7}.hardware-rows{margin:25px 0 22px;display:grid;gap:8px}.hardware-rows div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(162,204,188,.15);padding:9px 0;font-size:12px}.hardware-rows b{color:#bcf5d0;font-weight:700}.hardware-rows span{color:#95a6ba}.tiny-meta{font-size:11px;color:#92a4b9;line-height:1.55}.migration-heading{margin:100px 0 34px}.migration-heading h3{font-size:clamp(30px,4vw,61px);font-weight:760;letter-spacing:-.058em;margin:0}.phase-track{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.phase-track div{border-top:2px solid rgba(165,218,189,.38);background:linear-gradient(160deg,rgba(23,48,55,.45),rgba(18,24,45,.18));padding:26px 22px;min-height:202px}.phase-track span{display:block;font:850 11px monospace;color:#9bedba;margin-bottom:45px}.phase-track b{display:block;font-size:17px;line-height:1.19;margin-bottom:12px;letter-spacing:-.03em}.phase-track small{display:block;color:#9eafbd;font-size:12px;line-height:1.55}
.outro{padding:180px clamp(20px,8vw,140px) 140px;background:#090b1b;min-height:850px;display:flex;align-items:center;justify-content:center;text-align:center}.outro:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 45% 58% at 50% 50%,rgba(126,47,148,.31),transparent 84%),radial-gradient(ellipse 30% 60% at 30% 65%,rgba(0,0,255,.18),transparent 90%),radial-gradient(ellipse 30% 50% at 70% 45%,rgba(255,105,180,.17),transparent 82%);animation:breath 9s ease-in-out infinite alternate}.outro-glow{position:absolute;inset:20% 20%;border:1px solid rgba(242,200,255,.06);border-radius:50%;box-shadow:0 0 0 90px rgba(148,150,255,.018),0 0 0 170px rgba(152,89,251,.018);animation:slowTurn 36s linear infinite}.outro-inner{position:relative;z-index:2;max-width:1040px}.outro h2{font-weight:920;letter-spacing:-.083em;line-height:.96;font-size:clamp(49px,8vw,119px);margin:22px 0 40px}.outro h2 i{font-family:Georgia,serif;font-weight:400;font-style:italic;line-height:1.14;letter-spacing:-.065em;background:linear-gradient(100deg,#b0c1ff,#f6b4d3,#f6d093);background-clip:text;color:transparent}.outro p{font-size:clamp(16px,1.6vw,22px);line-height:1.65;color:#bacada;max-width:700px;margin:0 auto 36px}.outro-buttons{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap}.footer{padding:42px clamp(24px,6vw,100px);background:#070911;border-top:1px solid rgba(185,206,247,.13);display:flex;gap:35px;align-items:center;justify-content:space-between;color:#8194ac;font-size:10px;letter-spacing:.07em}.footer>div:first-child{display:flex;flex-direction:column;gap:6px}.footer b{color:#e0eaff;font-size:13px;letter-spacing:.15em}.footer-links{display:flex;gap:24px;font-size:11px}.footer-links a:hover{color:#eab2fd}.source-dialog{position:fixed;max-width:750px;width:calc(100% - 32px);max-height:calc(100vh - 55px);overflow-y:auto;padding:clamp(25px,4vw,55px);color:#e9f3fa;background:linear-gradient(145deg,#1b203b,#10182b);border:1px solid rgba(189,174,255,.35);border-radius:19px;box-shadow:0 25px 100px rgba(0,0,0,.65)}.source-dialog::backdrop{background:rgba(2,6,16,.84);backdrop-filter:blur(8px)}.source-head{display:flex;align-items:center;justify-content:space-between}.source-dialog h2{font-size:clamp(31px,4vw,53px);letter-spacing:-.06em;margin:10px 0 20px}.source-dialog p,.source-dialog li{color:#b9c9da;font-size:14px;line-height:1.65}.source-dialog ul{padding-left:20px;margin-bottom:25px}.source-dialog li{margin-bottom:9px}.svg-tip{position:fixed;max-width:300px;z-index:151;line-height:1.5;font-size:12px;box-shadow:0 19px 55px rgba(0,0,0,.7)}
@keyframes slowTurn{to{transform:rotate(360deg)}}@keyframes breath{to{opacity:.62;filter:hue-rotate(22deg)}}@keyframes panelRise{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drawFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-44}}.flowing{stroke-dasharray:5 7;animation:drawFlow 1.9s linear infinite}.floating-node{animation:drift 5.5s ease-in-out infinite}.pulse-halo{animation:pulseGlow 3.3s ease-in-out infinite}@keyframes pulseGlow{0%,100%{opacity:.2;transform:scale(.95)}50%{opacity:.65;transform:scale(1.12)}}
@media(max-width:1160px){.nav-items{gap:13px}.nav-items a{font-size:10px}.lens-toggle{padding:9px}.hero{min-height:700px}.graph-layout{grid-template-columns:minmax(0,1fr) 270px}.time-layout{grid-template-columns:minmax(0,1fr) 290px}.relationship-layout{grid-template-columns:minmax(0,1fr) 285px}.hardware-layout{grid-template-columns:minmax(0,1fr) 285px}.compute-visual{grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr)}}
@media(max-width:850px){:root{--navh:68px}.topbar{padding:0 20px;gap:12px}.nav-items{margin:auto;overflow-x:auto;min-width:0;scrollbar-width:none}.nav-items::-webkit-scrollbar{display:none}.nav-items a{padding:25px 0}.nav-items a:after{bottom:12px}.wordmark small{display:none}.lens-toggle{font-size:10px}.chapter:not(.hero):not(.outro){padding:72px 23px 48px}.hero{height:auto;min-height:820px;padding:150px 26px 27px}.hero-vignette{background:linear-gradient(90deg,rgba(4,8,20,.95),rgba(8,9,23,.5) 70%,rgba(5,7,18,.2)),linear-gradient(0deg,#0a0c1a,transparent 26%)}.hero h1{font-size:clamp(68px,11vw,111px)}.hero-legend{display:none}.section-intro h2{font-size:clamp(49px,7.4vw,72px)}.principle-rail,.phase-track{grid-template-columns:repeat(2,1fr)}.design-note{grid-template-columns:36px 1fr}.note-label{grid-column:2}.graph-layout,.time-layout,.relationship-layout,.hardware-layout{grid-template-columns:1fr}.network-viewport svg{height:500px;min-height:500px}.inspector,.time-insight,.relationship-inspector,.hardware-inspector{border-left:0;border-top:1px solid rgba(189,175,232,.18);padding:29px}.inspector h3{font-size:24px}.inspector .rule-list{grid-template-columns:repeat(2,1fr)}.time-insight{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.time-insight .insight-sequence,.time-insight h3,.time-insight>p,.time-foot{grid-column:1}.evidence-bands{grid-row:2 / span 2;grid-column:2;margin:0}.time-insight h3{margin:12px 0}.time-plot svg{height:490px}.compute-visual{grid-template-columns:1fr}.compute-canvas svg{height:330px}.compute-copy{border-left:0;border-top:1px solid rgba(166,166,229,.2);padding:31px}.compute-bar{margin-top:28px}.relationship-plot svg{height:445px}.route-feature{padding:20px}.vault-grid{grid-template-columns:1fr}.vault-left{border:0;border-bottom:1px solid rgba(171,182,244,.19)}.vault-right{min-height:290px}.permission-row{grid-template-columns:repeat(2,1fr)}.permission-row>div:nth-child(2){border-right:0}.permission-row>div:nth-child(3){padding-left:0}.resilience-bottom{grid-template-columns:1fr;gap:22px}.operation-grid{max-width:680px}.under-graph{flex-direction:column;gap:10px}.stage-toolbar{padding:20px}.footer{flex-wrap:wrap}}
@media(max-width:540px){.topbar{padding:0 15px;gap:8px}.wordmark{font-size:11px;gap:7px}.brand-graphic{transform:scale(.85);margin-right:-2px}.nav-items{gap:13px}.nav-items a{font-size:10px}.lens-text{display:none}.lens-toggle{width:39px;height:36px;min-width:39px;padding:8px;justify-content:center}.hero{min-height:770px;padding:135px 22px 26px}.hero h1{font-size:clamp(52px,13.5vw,76px);margin-top:11px}.hero h1 em{font-size:.72em}.hero h1 strong{font-size:.73em}.hero .overline{font-size:9px;letter-spacing:.1em}.hero-edition{display:none}.hero-deck{font-size:15px;max-width:400px}.hero-bottom{align-items:flex-start}.scroll-cue{display:none}.hero-side-label{display:none}.primary-cta{min-width:185px}.chapter:not(.hero):not(.outro){padding:58px 17px 38px}.chapter-line{font-size:8px;letter-spacing:.1em;margin-bottom:55px}.chapter-line>span:last-child{max-width:48%;text-align:right}.section-intro{margin-bottom:37px}.section-intro h2{font-size:clamp(40px,10.8vw,61px)}.section-intro .lede{font-size:15px}.stage-toolbar{padding:17px}.segmented{width:100%;scrollbar-width:none}.seg{font-size:11px;padding:9px 12px}.principle-rail{grid-template-columns:1fr 1fr;gap:13px}.principle{min-height:185px;padding-right:6px}.principle-mark{margin-bottom:31px}.principle h3{font-size:17px}.principle p{font-size:12px}.design-note{padding:16px;gap:12px}.design-note p{font-size:12px}.stage{border-radius:13px}.stage-toolbar strong{font-size:14px}.graph-layout{min-height:unset}.network-viewport{overflow-x:auto}.network-viewport svg{min-width:580px;height:450px;min-height:450px}.graph-overlay-bottom{width:540px;bottom:13px}.inspector{padding:25px 23px}.inspector .rule-list{grid-template-columns:1fr}.route-visual{padding:0 5px}.route-visual svg{min-width:550px;width:550px;height:320px}.route-visual{overflow-x:auto}.route-controls{padding:0 16px 16px}.route-bottom{grid-template-columns:1fr}.route-feature{border-right:0;border-bottom:1px solid rgba(160,174,213,.16);min-height:auto;padding:17px 22px}.route-feature strong{font-size:17px}.vault-left,.vault-right{padding:25px 20px}.vault-cap strong{font-size:16px}#vaultInput{font-size:14px}.vault-actions{gap:7px}.vault-actions .action-button{flex:1;font-size:11px;gap:5px;padding:10px}.permission-row>div{padding:20px 12px}.permission-row b{font-size:14px}.permission-row small{font-size:11px}.compute-nav{padding:16px 16px 8px}.compute-tab{font-size:11px}.compute-canvas{padding:0 8px}.compute-canvas svg{height:280px;min-width:485px;width:485px}.compute-canvas{overflow-x:auto}.compute-copy h3{font-size:28px}.time-controlbar{padding:17px}.time-scrub{max-width:none;width:100%}.time-plot{overflow-x:auto}.time-plot svg{min-width:580px;width:580px;height:480px}.time-insight{display:block;padding:24px}.time-insight h3{margin:15px 0}.evidence-bands{margin-top:28px}.stream-wrap{padding:4px 7px;overflow-x:auto}.stream-wrap svg{min-width:620px;width:620px;height:360px}.stream-legend{position:static;display:flex;justify-content:flex-start;max-width:100%;gap:6px;padding:13px;max-height:200px}.class-bottom{display:block;padding:22px}.class-narrative{margin-top:27px}.class-narrative .big-number{font-size:43px}.relationship-plot{padding:5px;overflow-x:auto}.relationship-plot svg{min-width:580px;width:580px;height:430px}.xy-caption{min-width:580px}.relationship-inspector{padding:26px}.relationship-inspector h3{font-size:27px}.timeline-wrap{padding:0 9px}.timeline-wrap svg{width:720px;min-width:720px;height:370px}.resilience-bottom{padding:21px}.operation-grid{gap:5px}.operation-grid div{padding-left:8px}.operation-grid small{font-size:8px}.operation-grid strong{font-size:10px}.diag-plot{padding:7px;overflow-x:auto}.diag-plot svg{width:760px;min-width:760px;height:285px}.diag-footer{display:block;padding:25px}.diag-footer>div+div{margin-top:25px}.hardware-chart{padding:0;overflow-x:auto}.hardware-chart svg{min-width:620px;width:620px;height:420px}.hardware-inspector{padding:27px}.phase-track{grid-template-columns:1fr 1fr;gap:8px}.phase-track div{min-height:177px;padding:18px 12px}.phase-track span{margin-bottom:32px}.phase-track b{font-size:14px}.phase-track small{font-size:11px}.migration-heading{margin:80px 0 25px}.migration-heading h3{font-size:39px}.outro{min-height:740px;padding:140px 20px 100px}.outro h2{font-size:clamp(42px,10.6vw,65px)}.outro p{font-size:15px}.footer{gap:25px;padding:35px 20px}.footer-links{order:3;width:100%}.svg-tip{max-width:200px;font-size:10px}.lens-panel{top:76px;right:8px;width:calc(100% - 16px);padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor-halo{display:none}}@media print{.topbar,.scroll-progress,.cursor-halo,.lens-panel,.hero-actions,.stage-toolbar .segmented,.compute-nav,.time-controlbar,.route-controls,.footer-links{display:none!important}body{background:white;color:black}.hero{height:auto;min-height:480px}.chapter:not(.hero):not(.outro){break-inside:avoid;padding:45px 20px!important}.stage{box-shadow:none}.section-intro h2{font-size:45px}svg{print-color-adjust:exact}*{print-color-adjust:exact}}

/* Cinematic reveals and direct temporal scrubbing */
.play-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.play-line label{margin:0!important}.history-play{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(251,177,124,.4);border-radius:24px;padding:9px 13px;background:linear-gradient(120deg,rgba(255,165,0,.12),rgba(126,47,148,.17));color:#ffd5a3;font-size:11px;font-weight:820;white-space:nowrap;letter-spacing:.02em;transition:border-color .25s,transform .25s,background .25s}.history-play:hover{border-color:var(--softorange);transform:translateY(-2px);background:rgba(255,165,0,.16)}.history-play[aria-pressed="true"]{border-color:var(--softgreen);color:#c4ffce;background:rgba(76,175,80,.15)}
@media(max-width:590px){.play-line{align-items:flex-start;flex-direction:column;gap:6px}.history-play{margin:0 0 7px;padding:8px 12px}.stream-wrap .stream-legend{max-width:74%;gap:5px}}
@media(prefers-reduced-motion:no-preference){.scroll-arrival{opacity:0;transform:translateY(30px) scale(.989);filter:blur(3px);transition:opacity 850ms cubic-bezier(.2,.8,.15,1),transform 850ms cubic-bezier(.2,.8,.15,1),filter 850ms cubic-bezier(.2,.8,.15,1)}.scroll-arrival.is-revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.organic-stream{transition:fill-opacity .4s ease}}
/* Final editorial layout tuning: preserve drama without hiding the primary action. */
@media (min-width:1050px) and (max-height:1050px){
  .hero{padding-top:calc(var(--navh) + 44px)}
  .hero h1{font-size:clamp(88px,8.6vw,132px);margin-bottom:18px}
  .hero .overline{margin-bottom:22px}
  .hero-deck{font-size:clamp(16px,1.35vw,19px);line-height:1.46;margin-bottom:22px;max-width:620px}
}
/* Dense data deserves readable scale even when the device is narrow. */
.touch-hint{display:none;color:#f3c494;font-size:10px;font-weight:800;letter-spacing:.12em;padding:10px 0 0;margin:0}
@media(max-width:650px){
 .stream-wrap{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(220,163,239,.4) transparent;padding-top:7px}
 .stream-wrap svg{width:740px!important;min-width:740px;max-width:none;height:370px}
 .stream-legend{position:relative!important;max-width:initial!important;top:auto!important;right:auto!important;justify-content:flex-start!important;width:740px;margin:0 0 10px}
 .touch-hint{display:block;position:sticky;left:0;width:fit-content;min-width:270px}
}


/* Release repair: let the hero grow to its intrinsic content height; never clip the manifesto footer. */
.hero{height:auto;min-height:100svh;min-height:100dvh;padding-top:calc(var(--navh) + clamp(34px,5vh,66px));padding-bottom:clamp(24px,3vh,34px);gap:clamp(16px,1.8vh,22px)}
.hero-core,.hero-bottom{flex-shrink:0}.hero-bottom{width:100%}
@media(max-width:850px){
 .hero{height:auto;min-height:100svh;padding-top:calc(var(--navh) + 62px);padding-bottom:28px;gap:18px}
 .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:13px 20px;align-items:end}
 .hero-axiom{grid-column:1;grid-row:1}
 .hero-legend{display:flex;grid-column:1/-1;grid-row:2;gap:10px 17px}
 .scroll-cue{display:inline-flex;grid-column:2;grid-row:1;align-items:center}
}
@media(max-width:540px){
 .hero{height:auto;min-height:100svh;min-height:100dvh;padding:calc(var(--navh) + 60px) 22px 24px;gap:18px}
 .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-items:start;padding-top:15px}
 .hero-axiom{grid-column:1;grid-row:1;font-size:11px;line-height:1.55}
 .hero-legend{display:flex!important;grid-column:1;grid-row:2;gap:7px 15px;font-size:10px}
 .scroll-cue{display:inline-flex!important;grid-column:1;grid-row:3;width:fit-content;font-size:9px;margin-top:2px;align-items:center}
}
/* Two-party introduction preview: not just a footnote, but an observable authorization handshake. */
.consent-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;transition:background .25s,border-color .25s,transform .25s}
.consent-launch[aria-expanded="true"]{border-color:rgba(255,177,224,.85);background:rgba(255,105,180,.15)}
.consent-launch span{font-size:17px;line-height:1;color:var(--softpink)}
.consent-demo[hidden]{display:none!important}
.consent-demo{display:block;margin:17px 0 7px;padding:15px 13px 13px;background:linear-gradient(155deg,rgba(67,40,96,.43),rgba(8,24,37,.64));border:1px solid rgba(213,157,239,.42);border-radius:15px;box-shadow:0 12px 37px rgba(1,3,15,.27),inset 0 1px 0 rgba(255,255,255,.05);animation:consentReveal .35s var(--ease)}
.consent-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}
.consent-kicker{font-size:9px;font-weight:900;color:#e9bbe9;letter-spacing:.12em;line-height:1.45}
.consent-progress{white-space:nowrap;color:#b8eec7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:750}
.consent-parties{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.consent-party{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-width:0;min-height:105px;text-align:left;padding:12px 11px;border-radius:11px;border:1px solid rgba(179,189,224,.22);background:rgba(12,21,43,.63);color:#eaf4fc;transition:transform .18s,border-color .25s,background .25s,box-shadow .25s}
.consent-party:hover{transform:translateY(-2px);border-color:rgba(255,168,211,.7)}
.consent-party.approved{border-color:rgba(150,239,155,.75);background:linear-gradient(155deg,rgba(53,128,79,.25),rgba(14,35,42,.85));box-shadow:inset 0 1px 0 rgba(150,239,155,.1)}
.consent-index{font-size:9px;letter-spacing:.11em;color:#dba8e1;font-weight:850}
.consent-party strong{font-size:12px;letter-spacing:-.025em;line-height:1.3;margin-top:8px}
.consent-party small{display:block;margin-top:7px;font-size:9px;color:#94a6bd;line-height:1.4}
.consent-party.approved small{color:#a4efb2}
.consent-check{position:absolute;right:8px;top:8px;width:19px;height:19px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:transparent;font-size:11px}
.consent-party.approved .consent-check{background:#7edb9d;color:#06221a;border-color:#7edb9d}
.consent-track{height:4px;margin-top:13px;border-radius:10px;background:rgba(201,185,242,.17);overflow:hidden}
.consent-track span{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--softpink),var(--softpurple));transition:width .45s var(--ease),background .2s}
.consent-track span.complete{background:linear-gradient(90deg,var(--softgreen),#d0fbb7);box-shadow:0 0 13px rgba(150,239,155,.5)}
.consent-result{margin-top:12px;border-radius:7px;border-left:2px solid var(--softpink);padding:8px 10px;background:rgba(255,105,180,.08);font-weight:820;font-size:10px;letter-spacing:.025em;line-height:1.55;color:#f1c9df}
.consent-result.approved{border-left-color:var(--softgreen);color:#b6f6c1;background:rgba(76,175,80,.11)}
.relationship-inspector p.consent-disclaimer{font-size:10px;color:#9daec4;line-height:1.5;margin:9px 0 0}
.consent-beam{fill:none;stroke-width:4;stroke-dasharray:10 9;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,105,180,.7));animation:consentTravel 1.7s linear infinite;opacity:.9}
.consent-beam.granted{stroke-width:5;stroke-dasharray:none;filter:drop-shadow(0 0 10px rgba(150,239,155,.8));animation:consentGlow 2.2s ease-in-out infinite}
.consent-target{stroke-width:2;stroke-dasharray:4 5;animation:consentTravel 2.1s linear infinite}
.consent-target.granted{stroke-width:3;stroke-dasharray:none;animation:consentGlow 2.2s ease-in-out infinite}
.consent-map-label rect{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
@keyframes consentReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes consentTravel{to{stroke-dashoffset:-38}}
@keyframes consentGlow{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:850px){.consent-demo{max-width:650px}.consent-parties{grid-template-columns:1fr 1fr}.consent-party{min-height:98px}}
@media(max-width:350px){.consent-parties{grid-template-columns:1fr}.consent-party{min-height:72px;padding:9px 11px}.consent-party strong{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.consent-beam,.consent-target,.consent-demo{animation:none!important}}

/* Relationship field: preserve graph and two-party flow while fitting the full
   approval process in a typical desktop viewport. All rules are section-scoped. */
.stage-relationships .stage-toolbar {padding:17px 24px}
.stage-relationships .relationship-inspector {padding:28px 25px 18px}
.stage-relationships .relationship-inspector h3 {font-size:clamp(23px,2.1vw,29px);line-height:1.16;margin:14px 0 12px}
.stage-relationships .relationship-inspector #relationDesc {font-size:13.5px;line-height:1.53;margin:0}
.stage-relationships .intro-privacy {padding:11px 0;margin:15px 0;font-size:11.5px;line-height:1.52}
.stage-relationships .consent-launch {padding:10px 13px;min-height:40px}
.stage-relationships .consent-demo {margin:10px 0 0;padding:12px 12px 11px}
.stage-relationships .consent-demo-bar {margin-bottom:8px}
.stage-relationships .consent-party {min-height:84px;padding:10px 10px}
.stage-relationships .consent-party strong {margin-top:5px}
.stage-relationships .consent-party small {margin-top:4px}
.stage-relationships .consent-track {margin-top:9px}
.stage-relationships .consent-result {margin-top:8px;padding:7px 9px;line-height:1.46}
.stage-relationships .relationship-inspector p.consent-disclaimer {font-size:9.5px;line-height:1.4;margin:7px 0 0}
/* The expanded preview already states that no data is transmitted; collapse
   its duplicate footnote rather than make viewers scroll past it. */
.stage-relationships #consentDemo:not([hidden]) + #relationConsentNote {display:none}
@media (min-width:851px) and (max-width:1160px) {
  .stage-relationships .relationship-layout {grid-template-columns:minmax(0,1fr) 307px}
}
@media (max-width:850px) {
  .stage-relationships .relationship-inspector {padding:23px 26px 20px}
  .stage-relationships .consent-party {min-height:84px}
}
@media (max-width:540px) {
  .stage-relationships .stage-toolbar {padding:14px 16px}
  .stage-relationships .relationship-inspector {padding:23px 22px 20px}
}