:root {
  color-scheme: dark;
  --dark:#090c19; --deep:#0c1022; --surface:#11172b; --border:rgba(173,193,238,.17);
  --ink:#eaf4fc; --ink-2:#b9cbd8; --muted:#93a8c1;
  --blue:#0000FF; --green:#4CAF50; --orange:#FFA500; --pink:#FF69B4;
  --purple:#7E2F94; --brown:#8B4513; --red:#FF0000;
  --soft-blue:#9baeff; --soft-green:#9becaa; --soft-orange:#ffd184;
  --soft-pink:#ffabd1; --soft-purple:#c6a0f5; --soft-brown:#e5ae88; --soft-red:#ff929f;
  --ease:cubic-bezier(.16,1,.3,1); --max:1350px; --navh:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--dark);color:var(--ink);font:400 16px/1.58 'Avenir Next','Segoe UI Variable','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:rgba(255,105,180,.40);color:#fff}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.07}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--soft-green);outline-offset:4px}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:200;left:14px;top:-100px;background:#eaf4fc;color:#101425;padding:10px 14px;border-radius:0 0 7px 7px;font-weight:800}
.skip-link:focus{top:0}
.scroll-progress{position:fixed;z-index:155;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--orange),var(--red),var(--pink),var(--brown),var(--blue),var(--green),var(--purple));pointer-events:none}
.topbar{position:fixed;left:0;right:0;top:0;z-index:120;height:var(--navh);border-bottom:1px solid rgba(200,215,250,.11);background:rgba(8,11,24,.88);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
.topbar:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--soft-blue),var(--soft-purple),var(--soft-pink),transparent);opacity:.38;pointer-events:none}
.topbar-inner{height:100%;display:flex;align-items:center;gap:clamp(18px,2.5vw,44px);padding:0 clamp(22px,4.4vw,72px);max-width:1650px;margin:auto}
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.14em;line-height:1.1}
.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.19em;font-weight:800;margin-top:7px}
.brand-emblem{position:relative;display:block;width:35px;height:35px;border-radius:50%;border:1px solid rgba(188,207,246,.30);background:radial-gradient(circle at 50% 50%,rgba(120,100,210,.28),transparent 70%);box-shadow:0 0 24px rgba(163,117,249,.22);flex-shrink:0}
.brand-emblem i{position:absolute;left:14px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--swatch);box-shadow:0 0 10px var(--swatch);transform:rotate(var(--angle)) translateY(-12px)}
.brand-emblem i:nth-child(1){--swatch:var(--orange);--angle:0deg}.brand-emblem i:nth-child(2){--swatch:var(--red);--angle:51.43deg}.brand-emblem i:nth-child(3){--swatch:var(--pink);--angle:102.86deg}.brand-emblem i:nth-child(4){--swatch:var(--brown);--angle:154.29deg}.brand-emblem i:nth-child(5){--swatch:var(--blue);--angle:205.72deg}.brand-emblem i:nth-child(6){--swatch:var(--green);--angle:257.15deg}.brand-emblem i:nth-child(7){--swatch:var(--purple);--angle:308.58deg}
.nav-items{margin:auto;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,26px)}
.nav-items a{position:relative;padding:29px 0;white-space:nowrap;font-size:11px;font-weight:750;color:#9aacbf;transition:color .25s}
.nav-items a::after{content:'';position:absolute;left:0;right:100%;bottom:17px;height:2px;background:linear-gradient(90deg,var(--soft-blue),var(--soft-pink));transition:right .35s var(--ease)}
.nav-items a:hover,.nav-items a.active{color:white}.nav-items a:hover::after,.nav-items a.active::after{right:0}
.next-link{display:flex;align-items:center;gap:12px;white-space:nowrap;border:1px solid rgba(195,206,249,.28);background:rgba(110,100,174,.15);padding:10px 16px;border-radius:25px;font-size:11px;font-weight:850;transition:border-color .25s,background .25s}
.next-link span{color:var(--soft-pink);font-size:16px}.next-link:hover{border-color:var(--soft-purple);background:rgba(132,93,199,.23)}
.section-frame{max-width:var(--max);margin:0 auto}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:900px;height:max(900px,100svh);background:linear-gradient(140deg,#090b18,#12122c 68%,#1b1536)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3}
.hero-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,20,.93) 0%,rgba(5,8,20,.71) 35%,rgba(5,8,20,.10) 75%),linear-gradient(0deg,#090c19 0%,transparent 22%),linear-gradient(180deg,rgba(8,11,24,.45) 0%,transparent 25%)}
.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 143px,rgba(186,201,255,.014) 144px,transparent 145px),repeating-linear-gradient(0deg,transparent 0 143px,rgba(186,201,255,.014) 144px,transparent 145px);mask-image:linear-gradient(100deg,transparent,#000)}
.hero-inner{position:relative;max-width:1600px;margin:auto;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--navh) + clamp(30px,6vh,64px)) clamp(24px,6vw,108px) 43px}
.hero-copy{max-width:1010px;position:relative;z-index:1}.overline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#b5b8e6;font-size:10px;font-weight:850;letter-spacing:.16em;margin:0 0 35px}
.live-seed,.status-led,.readout-seed{width:8px;height:8px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--soft-green);box-shadow:0 0 0 6px rgba(76,175,80,.13),0 0 20px rgba(76,175,80,.85)}
.overline-separator{color:#50637e}
.hero h1{font-size:clamp(76px,9vw,132px);font-weight:950;line-height:.88;letter-spacing:-.09em;margin:0 0 31px;text-wrap:nowrap}
.hero h1 em{font:italic 400 .81em/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.075em;background:linear-gradient(95deg,#99aaff 0%,#c7a0f8 30%,#f9acd9 62%,#ffc381 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.hero-deck{max-width:610px;color:#bac9dc;font-size:clamp(16px,1.5vw,21px);line-height:1.64;margin-bottom:35px;text-wrap:pretty}
.hero-deck strong{color:#ecf2ff;font-weight:750}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:208px;min-height:53px;border-radius:8px;padding:12px 19px;color:#141934!important;background:linear-gradient(115deg,#d5deff,#ccbafa 57%,#ffc5de);font-size:12px;font-weight:900;letter-spacing:.035em;box-shadow:0 10px 45px rgba(125,89,225,.24);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.primary-cta span{font-size:23px;font-weight:450;line-height:1}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 16px 52px rgba(187,97,246,.33)}
.quiet-cta{font-size:12px;letter-spacing:.035em;font-weight:800;color:#d5dfef;display:inline-flex;gap:14px;align-items:center}.quiet-cta span{font-size:21px;color:var(--soft-pink)}.quiet-cta:hover{color:var(--soft-pink)}
.hero-vertical{position:absolute;right:3.2vw;top:44%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;font-weight:900;color:rgba(213,227,255,.38)}
.hero-footer{position:relative;display:flex;gap:25px;align-items:flex-end;justify-content:space-between;padding-top:21px;border-top:1px solid rgba(185,208,255,.19)}
.hero-footer p{margin:0;color:#aebed4;font-size:12px;line-height:1.8;min-width:180px}.hero-footer p strong{color:var(--soft-pink);margin-right:7px}
.hero-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#c1cde0;font-weight:850;letter-spacing:.06em}
.hero-legend span{display:inline-flex;align-items:center;gap:6px}.hero-legend i{width:7px;height:7px;border-radius:50%;background:var(--swatch);box-shadow:0 0 10px var(--swatch)}
.scroll-cue{font-size:9px;color:#a2b2cb;font-weight:850;letter-spacing:.17em;white-space:nowrap}.scroll-cue span{color:var(--soft-pink);font-size:17px;margin-left:7px}
.hero-disclosure{position:absolute;bottom:5px;left:clamp(24px,6vw,108px);font-size:9px;color:#788aa7;opacity:.9;margin:0}
.chapter{position:relative;isolation:isolate;overflow:hidden;padding:clamp(75px,8vw,125px) clamp(20px,5vw,80px) clamp(75px,8vw,110px);background:#090c19}
.chapter::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 55% 37% at 100% 15%,rgba(83,49,155,.11),transparent 75%),radial-gradient(ellipse 57% 40% at 0 100%,rgba(32,57,112,.10),transparent 75%)}
.chapter:nth-of-type(2n){background:#0b1020}
.chapter-line{display:flex;justify-content:space-between;gap:25px;color:#8b9db9;border-bottom:1px solid rgba(173,196,244,.20);padding-bottom:16px;margin-bottom:clamp(55px,6vw,90px);font-size:10px;font-weight:900;letter-spacing:.18em}
.section-intro{max-width:950px;margin-bottom:clamp(43px,5vw,72px)}.section-intro.wide{max-width:1120px}
.eyebrow{margin:0 0 19px;font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--soft-purple);text-transform:uppercase}
.section-intro h2,.future-panel h2{font-size:clamp(48px,6.3vw,97px);letter-spacing:-.073em;line-height:1.05;font-weight:850;margin:0 0 25px;text-wrap:balance}
.section-intro h2 i,.future-panel h2 i,.reading-panel h3 em{font:italic 400 1em Georgia,'Times New Roman',serif;letter-spacing:-.06em;background:linear-gradient(90deg,#a8b9ff,#e9a4ed 54%,#ffc68e);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.lede{max-width:790px;color:#b5c5d9;font-size:clamp(16px,1.42vw,20px);line-height:1.67;margin:0;text-wrap:pretty}
.stage{position:relative;overflow:hidden;border-radius:17px;border:1px solid rgba(168,192,236,.21);background:linear-gradient(135deg,rgba(23,31,57,.94),rgba(12,18,36,.98) 64%,rgba(31,23,52,.91));box-shadow:0 28px 90px rgba(0,0,0,.28)}
.stage:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(124,147,208,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,147,208,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 92%)}.stage>*{position:relative;z-index:1}
.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:23px 29px;border-bottom:1px solid rgba(180,203,245,.14)}
.stage-toolbar strong{font-size:16px;letter-spacing:-.02em;font-weight:780}.tool-kicker,.micro-title{display:block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#8c9fbc;margin:0 0 9px}
.segmented{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(3,8,22,.55);border:1px solid rgba(173,194,235,.13)}
.seg{background:transparent;border:0;color:#a0b2cc;white-space:nowrap;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:850;transition:background .25s,color .25s}
.seg:hover{color:#fff;background:rgba(169,146,247,.12)}.seg.active{color:#fff;background:linear-gradient(140deg,rgba(111,90,195,.7),rgba(118,73,146,.6));box-shadow:inset 0 1px 0 rgba(228,216,255,.15)}
.origin{background:linear-gradient(140deg,#0c1021,#090c19 75%)}.origin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:515px}
.origin-viewport{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 50% at 47% 48%,rgba(98,67,165,.21),transparent 75%)}
#origin-diagram{display:block;width:100%;height:auto;min-height:440px}
.chart-corner{position:absolute;left:26px;bottom:24px;display:flex;align-items:center;gap:15px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#c3d4e9;pointer-events:none}
.chart-corner .status-led{width:6px;height:6px}
.timeline{position:absolute;top:18px;left:28px;right:28px;display:flex;align-items:center;gap:13px;min-height:44px;background:rgba(12,16,33,.77);border:1px solid rgba(160,189,239,.17);border-radius:9px;padding:10px 13px;backdrop-filter:blur(5px)}
.timeline label,.timeline output{font-size:10px;letter-spacing:.02em;color:#c7d7ed;white-space:nowrap}
.timeline input{flex:1;min-width:45px;accent-color:var(--soft-pink)}.timeline output{min-width:52px;text-align:right;color:var(--soft-pink)}
.inspector{min-width:0;background:linear-gradient(165deg,rgba(16,24,48,.95),rgba(27,20,47,.97));padding:47px 29px 30px;border-left:1px solid rgba(168,197,246,.13);display:flex;flex-direction:column}
.inspector-index{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--soft-green);margin:0 0 27px}
.inspector h3{font-size:clamp(24px,2.5vw,32px);line-height:1.18;letter-spacing:-.04em;margin:0 0 18px}
.inspector p:not(.inspector-index):not(.inspector-foot){font-size:14px;line-height:1.76;color:#b8c7db}
.inspector-rule{border-top:1px solid rgba(169,185,225,.17);display:flex;align-items:center;gap:15px;color:#d7e5f6;font-size:12px;padding:14px 0}
.rule-symbol{font:850 12px ui-monospace,Menlo,monospace;color:var(--soft-purple)}
.inspector-foot{font-size:11px;line-height:1.65;color:#91a5c0;margin:auto 0 0;padding-top:27px}
.section-bridge{margin:26px 0 0;padding:27px 28px;display:flex;align-items:flex-start;gap:22px;background:linear-gradient(110deg,rgba(58,65,121,.28),rgba(53,36,89,.19));border:1px solid rgba(152,170,229,.22);border-radius:10px}
.bridge-stripe{background:linear-gradient(var(--soft-blue),var(--soft-pink),var(--soft-green));flex:0 0 3px;border-radius:4px;align-self:stretch}
.section-bridge p{margin:0;font-size:14px;color:#b9cbe0;line-height:1.8}.section-bridge strong{color:#fff}.section-bridge a{color:var(--soft-pink);border-bottom:1px solid currentColor}
.traits-chapter{background:#0b0e20}.traits-chapter:before{background:radial-gradient(ellipse 55% 57% at 10% 65%,rgba(89,38,136,.16),transparent 74%)}
.trait-layout{display:grid;grid-template-columns:1fr .92fr;gap:55px;align-items:center}
.trait-orbit-wrap{position:relative;min-width:0}.trait-orbit-wrap svg{display:block;width:100%;max-width:580px;margin:auto}.orbit-caption{text-align:center;color:#90a4c2;font-size:12px;margin:5px 0 0}
.trait-inspector{padding:35px 0 35px 34px;border-left:1px solid rgba(170,183,229,.21)}
.trait-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 26px}
.trait-button{border-radius:8px;border:1px solid rgba(176,195,236,.15);min-height:62px;background:rgba(25,30,59,.76);font-weight:900;font-size:14px;color:#dfedff;transition:border-color .2s,background .2s,transform .3s var(--ease)}
.trait-button::before{content:'';display:block;width:7px;height:7px;margin:0 auto 7px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal)}
.trait-button:hover{transform:translateY(-2px);border-color:var(--signal)}.trait-button[aria-pressed="true"]{border-color:var(--signal);background:rgba(101,87,153,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.trait-detail{min-height:215px;border-top:2px solid var(--trait-color,var(--soft-orange));background:linear-gradient(135deg,rgba(39,37,74,.5),rgba(16,23,45,.66));padding:27px 28px;border-radius:0 0 12px 12px}
.trait-detail h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;margin:16px 0 13px;color:var(--trait-color,var(--soft-orange))}
.trait-detail p{font-size:14px;color:#b9c9df;line-height:1.75;margin:0 0 6px}.trait-detail small{font-size:11px;color:#93a8bf}
.figure-note{font-size:12px;color:#93a7c2;line-height:1.7}.trait-inspector>.figure-note{margin:18px 0 0}
.metric-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(184,205,243,.17);border-bottom:1px solid rgba(184,205,243,.17);padding:30px 0;margin:0 0 45px}
.metric-rail>div{padding:4px 25px;display:flex;flex-direction:column;gap:10px;border-left:1px solid rgba(184,205,243,.16)}.metric-rail>div:first-child{border:0;padding-left:0}
.metric-value{font-size:clamp(38px,5vw,64px);font-weight:900;letter-spacing:-.055em;line-height:1;color:#f0f6ff;font-variant-numeric:tabular-nums}.metric-label{font-size:11px;color:#97a9c3;letter-spacing:.04em;font-weight:700}
.feature-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-bottom:29px}
.feature-main,.feature-second{border-radius:12px;padding:36px 38px;min-height:272px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(38,40,89,.55),rgba(18,27,50,.82));border:1px solid rgba(175,197,243,.17)}
.feature-main:before{content:'';position:absolute;right:-65px;top:-90px;width:320px;height:320px;background:radial-gradient(circle,rgba(176,95,255,.15),transparent 69%);pointer-events:none}
.feature-figure{display:flex;align-items:baseline;gap:12px;margin:8px 0 10px}.feature-figure strong{font-size:clamp(85px,10vw,148px);letter-spacing:-.075em;font-weight:950;line-height:1;background:linear-gradient(120deg,var(--soft-blue),var(--soft-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-figure span{font:400 clamp(27px,3vw,44px) Georgia,serif;color:#a9b5dd}.feature-main p:last-child,.feature-second>p:last-child{max-width:550px;margin:0;font-size:14px;color:#adbfda;line-height:1.77}
.pair-badges{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:31px 0 14px}.pair-badges span:not(.pair-between){color:#e8f0ff;font-size:10px;font-weight:900;letter-spacing:.075em;border:1px solid rgba(180,196,235,.21);background:rgba(6,11,28,.35);padding:10px 12px;border-radius:6px;border-left:3px solid var(--signal)}.pair-between{color:var(--soft-purple);font-family:Georgia,serif;font-size:29px}
.feature-correlation{font:400 clamp(48px,6vw,78px) Georgia,serif;letter-spacing:-.055em;margin:0 0 16px!important;color:var(--soft-pink);line-height:1.1}
.matrix-key{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:10px;color:#a9bfda}.matrix-key>span:first-child{color:var(--soft-pink);font-size:19px}.line-dashed{width:25px;height:1px;border-top:2px dashed var(--soft-purple)}
.matrix-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;min-height:560px}
.matrix-column{padding:28px 30px 25px;min-width:0}.matrix-help{margin:0 0 23px;font-size:12px;color:#9daec9;line-height:1.6}
.matrix-overflow{overflow-x:auto;padding:0 2px 14px}.correlation-matrix{display:grid;grid-template-columns:65px repeat(7,minmax(44px,1fr));gap:5px;min-width:448px}
.matrix-label{min-height:55px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;color:var(--soft-text,var(--ink-2));letter-spacing:.04em}
.matrix-label:not(:empty){border-bottom:2px solid var(--signal,var(--border));border-radius:2px}
.heat-cell{min-height:56px;border:1px solid rgba(187,201,243,.12);border-radius:6px;background:var(--fill,rgba(121,112,197,.12));color:#eaf0ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;transition:border-color .2s,transform .2s,background .2s}
button.heat-cell:hover{transform:scale(1.07);border-color:rgba(239,236,255,.72)}.heat-cell[aria-pressed="true"]{outline:2px solid var(--soft-pink);outline-offset:-1px;box-shadow:0 0 16px rgba(255,105,180,.16)}
.heat-cell.diagonal{opacity:.48;color:var(--soft-text);border-left:3px solid var(--signal);background:rgba(42,39,86,.45)}
.color-traits-key{display:flex;flex-wrap:wrap;gap:13px 17px;margin-top:26px}
.color-traits-key span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#9fb4cf}.color-traits-key i{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal)}
.matrix-inspector{padding:33px 28px 30px;background:linear-gradient(160deg,rgba(16,20,47,.94),rgba(29,23,58,.98));border-left:1px solid rgba(174,194,244,.13);display:flex;flex-direction:column}
.pair-viz{height:150px;margin:28px 0 8px}.pair-viz svg{width:100%;height:100%;display:block;overflow:visible}
.matrix-inspector h3{font-size:clamp(23px,2.6vw,32px);letter-spacing:-.05em;line-height:1.15;margin:0 0 15px}.matrix-inspector strong{font:400 64px/1.12 Georgia,serif;color:#e8c5ff;font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.matrix-inspector p:not(.micro-title){color:#b3c4dd;font-size:13px;line-height:1.78;margin:13px 0 0}
.stage-note{padding:14px 27px;border-top:1px solid rgba(170,191,230,.13);color:#90a3be;font-size:11px;line-height:1.7;margin:0}
.ranked-relationships{margin-top:54px}.ranked-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:20px}.ranked-head h3{font-size:26px;letter-spacing:-.04em;margin:0}.ranked-head p{font-size:12px;color:#8ea1ba;margin:0}
.top-pairs{display:grid}.top-pair{display:grid;grid-template-columns:38px minmax(0,1.1fr) minmax(100px,.7fr) 90px;gap:17px;align-items:center;padding:19px 6px;border-top:1px solid rgba(175,195,242,.17)}
.top-index{color:var(--soft-purple);font:850 11px ui-monospace,Menlo,monospace}.pair-name{font-size:13px;font-weight:650;color:#e1ecf9}.pair-meter{height:5px;border-radius:10px;background:rgba(123,137,194,.20);overflow:hidden}.pair-fill{display:block;height:100%;background:linear-gradient(90deg,var(--left-color),var(--right-color));border-radius:inherit;transform-origin:left center;transition:width 1s var(--ease)}.pair-r{text-align:right;color:var(--soft-pink);font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}
.map-chapter{background:#0b1022}.stat-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 38px;padding:27px 0 37px;border-top:1px solid rgba(175,194,230,.22);border-bottom:1px solid rgba(175,194,230,.22)}
.stat-rail>div{display:flex;flex-direction:column;gap:14px;padding:0 30px;border-left:1px solid rgba(175,194,230,.17)}.stat-rail>div:first-child{border:0;padding-left:0}
.stat-rail strong{font:400 clamp(45px,5vw,75px)/1 Georgia,serif;color:#edceff;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.stat-rail span{font-size:12px;color:#99b0cc;line-height:1.6;max-width:300px}
.projection-concept{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:390px}
.projection-concept-viewport{min-width:0;overflow:hidden;background:radial-gradient(ellipse at 55% 53%,rgba(97,75,186,.12),transparent 67%)}
#projection-demo{display:block;width:100%;height:auto;min-height:350px}
.projection-concept-note{padding:40px 28px;border-left:1px solid rgba(182,201,241,.17);background:linear-gradient(160deg,rgba(15,24,45,.81),rgba(27,22,54,.97))}
.projection-concept-note h3{font-size:27px;line-height:1.16;letter-spacing:-.04em;margin:0 0 18px}.projection-concept-note p:not(.figure-note){font-size:14px;color:#aec3dc;line-height:1.75}.projection-concept-note .figure-note{margin-top:26px;border-top:1px solid rgba(159,181,224,.21);padding-top:20px}
.projection-results{display:grid;grid-template-columns:1.3fr .8fr;gap:24px;margin-top:27px;align-items:stretch}
.distance-chart{padding:20px 20px 2px;min-height:310px}.distance-chart svg{display:block;width:100%;height:auto;overflow:visible}.distance-chart .plot-text{fill:#9ab0ca;font-size:11px;font-family:inherit}.distance-chart .plot-guide{stroke:#96a8c8;stroke-width:.9;opacity:.21}.distance-chart .plot-diagonal{stroke:#b5acf9;stroke-width:1.9;stroke-dasharray:7 6;opacity:.8}.distance-chart .plot-mark{fill:var(--soft-pink);stroke:#f7ddec;stroke-width:1.2}
.reading-panel{padding:44px 38px;background:linear-gradient(155deg,rgba(43,35,81,.95),rgba(19,28,54,.95));border-top:3px solid var(--soft-pink);border-radius:13px}
.reading-panel h3{font-size:clamp(31px,3.4vw,46px);letter-spacing:-.06em;line-height:1.15;margin:25px 0}.reading-panel p{font-size:14px;line-height:1.86;color:#b9c9de}
.readout-mark{display:flex;align-items:center;gap:13px;padding-top:25px;margin-top:35px;border-top:1px solid rgba(184,200,235,.18);font-size:10px;font-weight:900;letter-spacing:.1em;color:#d6e5f6}.readout-seed{width:7px;height:7px}
.clusters-chapter{background:#0a0d1c}.cluster-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.cluster-score{border-radius:13px;background:linear-gradient(135deg,rgba(32,27,68,.83),rgba(19,30,52,.81));border:1px solid rgba(187,197,239,.18);border-top:3px solid var(--soft-purple);padding:40px}
.cluster-score strong{display:block;font:400 clamp(77px,9vw,125px)/1 Georgia,serif;letter-spacing:-.07em;color:var(--soft-purple);margin:26px 0 28px;font-variant-numeric:tabular-nums}
.cluster-score p{font-size:14px;color:#b7c9dd;line-height:1.8;max-width:410px;margin:0}
.cluster-bars{padding:31px 32px 10px}.cluster-row{margin-bottom:33px}.cluster-label{display:flex;justify-content:space-between;align-items:center;gap:13px;color:#d9e5f5;font-size:13px;font-weight:780;margin-bottom:11px}.cluster-label strong{font-size:19px;color:#edf4ff;font-variant-numeric:tabular-nums}
.cluster-track{width:100%;height:15px;border:1px solid rgba(145,160,203,.21);border-radius:7px;background:rgba(47,56,91,.45);overflow:hidden}.cluster-fill{height:100%;display:block;background:linear-gradient(90deg,#8c98d7,#dab9ff);border-radius:7px;transition:width 1s var(--ease)}
.cluster-row.k-four .cluster-fill{background:linear-gradient(90deg,#6f739c,#a7a3c9)}.cluster-row .figure-note{margin-top:9px}
.future-chapter{background:linear-gradient(135deg,#110e25,#111329 69%,#0b1120)}.future-panel{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;align-items:center;min-height:570px}.future-panel>div:first-child{padding:20px 0 20px;position:relative;z-index:2}
.future-panel h2{font-size:clamp(52px,6vw,92px);max-width:890px}.future-panel .lede{max-width:690px}.future-graphic{min-width:0;position:relative}.future-graphic::before{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(134,97,193,.18),transparent 70%);pointer-events:none}.future-graphic svg{width:100%;max-width:600px;height:auto;display:block;margin:auto}
.future-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 34px;max-width:710px}
.future-steps>div{border-top:1px solid rgba(183,196,244,.26);padding:16px 9px 0 0}.future-steps span{font-size:10px;color:#a7b1dc;font-weight:850;letter-spacing:.1em}.future-steps strong{display:block;font-size:13px;line-height:1.45;color:#e2ebf8;margin-top:15px}
.future-disclosure{margin:20px 0 0;font-size:11px;color:#91a5c4;line-height:1.7}
.methods-chapter{background:#0a0e1c}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;margin-bottom:52px}
.method-grid article{border-top:1px solid rgba(187,202,238,.25);padding:28px 18px 0 0}.method-grid article>span{font:800 10px ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--soft-pink)}
.method-grid h3{font-size:26px;margin:30px 0 13px;letter-spacing:-.045em}.method-grid p{color:#a7bad3;font-size:13px;line-height:1.8}
.reproduce{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:31px 34px;border-radius:12px;background:linear-gradient(125deg,rgba(33,43,82,.52),rgba(51,28,83,.32));border:1px solid rgba(161,180,233,.22);margin-bottom:26px}
.reproduce h3{font-size:21px;letter-spacing:-.035em;margin:11px 0}.reproduce p{color:#aabbd5;font-size:13px;line-height:1.7;margin:0}
code{font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e2d3ff}
.command-row{border:1px solid rgba(161,180,231,.22);background:rgba(7,11,28,.6);border-radius:8px;min-width:0;padding:12px 14px;display:flex;align-items:center;gap:13px}
.command-row code{flex:1;overflow:auto;white-space:nowrap}.copy-button{background:#d5c2fa;border:0;border-radius:6px;color:#17142c;font-size:11px;font-weight:850;padding:10px 15px}.copy-button:hover{background:#f4c6e7}
.limitations{background:rgba(145,80,102,.095);border-left:3px solid var(--soft-red);padding:25px 27px;border-radius:4px 10px 10px 4px}.limitations h3{font-size:17px;letter-spacing:-.02em;margin:0 0 11px}.limitations p{max-width:1050px;color:#acbad0;font-size:13px;line-height:1.85;margin:0}
.source-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px}.source-links a{font-size:12px;font-weight:780;color:#c8d9ed;border-bottom:1px solid rgba(187,211,248,.32);padding-bottom:5px}.source-links a:hover{color:var(--soft-pink);border-color:var(--soft-pink)}
.footer{background:#070914;padding:57px clamp(20px,5vw,80px) 66px;border-top:1px solid rgba(177,195,238,.15)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}
.footer p{font-size:12px;color:#8da0ba;margin:20px 0 0}.footer-inner>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:17px;font-size:12px;color:#91a5bd}.footer-inner a:hover{color:var(--soft-pink)}
.reveal{opacity:0;transform:translateY(28px);transition:transform .9s var(--ease),opacity .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1180px){.nav-items{gap:14px}.nav-items a{font-size:10px}.next-link{padding:8px 12px;font-size:10px}.topbar-inner{gap:20px}.section-intro h2{font-size:clamp(47px,6.3vw,80px)}.hero h1{font-size:clamp(70px,9vw,125px)}.matrix-layout{grid-template-columns:minmax(0,1fr) 300px}.matrix-column{padding:25px 19px}}
@media(max-width:950px){.nav-items{display:none}.topbar-inner{justify-content:space-between}.hero{min-height:820px;height:auto}.hero-inner{min-height:820px}.hero-vignette{background:linear-gradient(90deg,rgba(5,8,20,.95),rgba(5,8,20,.65) 64%,rgba(5,8,20,.25)),linear-gradient(0deg,#090c19,transparent 25%)}.origin-layout,.projection-concept{grid-template-columns:1fr}.origin-viewport svg,.projection-concept-viewport svg{min-height:0}.inspector,.projection-concept-note{border-left:0;border-top:1px solid rgba(168,197,246,.17);padding:26px 30px}.inspector-foot{margin-top:12px}.trait-layout{grid-template-columns:.85fr 1fr;gap:15px}.trait-inspector{padding-left:22px}.matrix-layout{grid-template-columns:1fr}.matrix-inspector{border-left:0;border-top:1px solid rgba(168,197,246,.17);display:grid;grid-template-columns:180px 1fr;column-gap:28px;align-items:center}.matrix-inspector .micro-title{grid-column:1 / -1}.matrix-inspector .pair-viz{grid-row:2 / 5;margin:0}.projection-results{grid-template-columns:1fr}.future-panel{grid-template-columns:1fr .75fr}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.future-steps{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.topbar{height:69px}.brand{font-size:10px;gap:9px}.brand-emblem{width:30px;height:30px}.brand-emblem i{left:12px;top:12px;transform:rotate(var(--angle)) translateY(-10px)}.next-link{font-size:10px}.hero{min-height:780px}.hero-inner{min-height:780px;padding:150px 22px 34px}.hero h1{font-size:clamp(68px,11vw,93px)}.hero-deck{font-size:16px;max-width:500px}.hero-vertical{display:none}.hero-footer{align-items:flex-start;gap:20px;flex-wrap:wrap}.hero-legend{order:3;width:100%;gap:12px}.scroll-cue{margin-left:auto}.hero-disclosure{bottom:5px;left:22px;font-size:8px}.chapter{padding:75px 20px}.chapter-line{font-size:9px;line-height:1.6;letter-spacing:.12em;margin-bottom:56px}.section-intro h2,.future-panel h2{font-size:clamp(47px,10vw,77px)}.lede{font-size:16px}.section-intro{margin-bottom:39px}.stage-toolbar{padding:20px}.segmented{flex-wrap:wrap}.trait-layout,.feature-story,.cluster-layout,.future-panel,.reproduce{grid-template-columns:1fr}.trait-orbit-wrap svg{max-width:480px}.trait-inspector{padding:10px 0 0;border-left:0}.metric-rail{grid-template-columns:1fr 1fr;row-gap:25px}.metric-rail>div{padding:0 15px}.metric-rail>div:nth-child(odd){border-left:0;padding-left:0}.metric-rail>div:nth-child(3),.metric-rail>div:nth-child(4){border-top:1px solid rgba(184,205,243,.17);padding-top:22px}.feature-main,.feature-second{padding:26px}.matrix-inspector{display:block;padding:25px}.matrix-inspector .pair-viz{width:min(310px,100%);height:110px;margin:15px 0}.matrix-inspector strong{font-size:55px}.matrix-column{padding:21px 17px}.matrix-key{flex-wrap:wrap}.stat-rail{grid-template-columns:1fr;gap:21px}.stat-rail>div,.stat-rail>div:first-child{border:0;padding:0 0 18px;border-bottom:1px solid rgba(175,194,230,.17)}.stat-rail strong{font-size:61px}.stat-rail span{max-width:none}.future-graphic{max-width:490px;margin:auto}.future-steps{margin-top:34px}.method-grid{grid-template-columns:1fr 1fr}.ranked-head{display:block}.ranked-head p{margin-top:9px}.top-pair{grid-template-columns:28px minmax(0,1fr) 72px}.top-pair .pair-meter{grid-row:2;grid-column:2/4}.top-pair .pair-r{grid-row:1;grid-column:3}.footer-inner{display:block}.footer-inner>div:last-child{align-items:flex-start;margin-top:35px}}
@media(max-width:450px){.topbar-inner{padding:0 16px}.next-link{padding:8px 10px}.hero{min-height:830px}.hero-inner{min-height:830px;padding-top:145px}.hero h1{font-size:clamp(61px,12vw,78px)}.hero-deck{font-size:15px}.hero-legend{gap:10px}.hero-actions{gap:15px}.primary-cta{min-width:190px}.scroll-cue{display:none}.trait-select{grid-template-columns:repeat(4,minmax(0,1fr))}.trait-detail{padding:23px}.timeline{flex-wrap:wrap;left:11px;right:11px;top:12px;gap:8px}.timeline label{width:100%}.timeline output{min-width:60px}.chart-corner{bottom:12px;left:14px;font-size:9px}.inspector,.projection-concept-note{padding:25px 20px}.correlation-matrix{min-width:426px;grid-template-columns:58px repeat(7,48px)}.reproduce{padding:24px 19px}.command-row{flex-wrap:wrap}.method-grid{grid-template-columns:1fr}.section-bridge{padding:23px 18px}.matrix-column{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}