@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;650;750;850&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

:root{--ink:#edf8fb;--muted:#8ba2ad;--night:#030b13;--deep:#061520;--panel:#081b28;--line:#1e4556;--cyan:#29c7ef;--gold:#f2bf42;--pink:#f04fa7;--violet:#815cf5;--green:#54d899;--serif:'Playfair Display',Georgia,serif;--sans:Inter,system-ui,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
.top{position:sticky;top:0;z-index:1000}
a{color:inherit}
.hero{align-items:center;background:radial-gradient(circle at 72% 45%,rgba(129,92,245,.18),transparent 28%),radial-gradient(circle at 18% 80%,rgba(41,199,239,.16),transparent 36%),linear-gradient(120deg,#03131c,#060813 58%,#14091a);display:flex;min-height:clamp(620px,76vh,780px);overflow:hidden;position:relative}
.hero::after{background:linear-gradient(90deg,transparent 0 49.92%,rgba(255,255,255,.13) 50%,transparent 50.08%),linear-gradient(transparent 0 49.92%,rgba(255,255,255,.08) 50%,transparent 50.08%);content:'';inset:0;opacity:.25;pointer-events:none;position:absolute}
.hero-rain{background-image:linear-gradient(180deg,rgba(129,92,245,0),rgba(129,92,245,.45),rgba(240,79,167,0));background-size:1px 180px;filter:drop-shadow(0 0 8px rgba(129,92,245,.8));height:140%;left:64%;mask-image:repeating-linear-gradient(90deg,#000 0 1px,transparent 1px 17px);opacity:.34;position:absolute;top:-20%;transform:rotate(16deg);width:38%}
.hero-inner{margin:0 auto;max-width:1380px;padding:5.5vw 7vw 5vw;position:relative;width:100%;z-index:2}
.eyebrow,.kicker{color:var(--gold);font:700 .64rem/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.hero-index{color:#5c7480;font:500 .65rem var(--mono);left:2.2vw;position:absolute;top:48%}
.hero h1{font:850 clamp(5rem,12vw,10.5rem)/.78 var(--sans);letter-spacing:-.09em;margin:1.7rem 0 1.25rem;max-width:1100px;text-transform:uppercase}
.hero h1 span{background:linear-gradient(90deg,#ecfbff,#79ddf5 38%,#f2bf42 67%,#ff8079);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 i{background:linear-gradient(90deg,#7957ff,#e24ec8 50%,#ff6d9c);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.hero-dek{color:#b9cbd2;font:500 clamp(1rem,1.5vw,1.3rem)/1.65 var(--sans);max-width:760px}
.hero-actions,.return-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-actions a,.return-actions a,.portal-copy a{background:var(--ink);border:1px solid var(--ink);color:#041019;font:750 .68rem var(--mono);padding:13px 16px;text-decoration:none;text-transform:uppercase}
.hero-actions .ghost,.return-actions a:not(:first-child){background:transparent;color:var(--ink)}
.hero-actions a:hover,.return-actions a:hover,.portal-copy a:hover{border-color:var(--pink);box-shadow:0 0 24px rgba(240,79,167,.2)}
.hero-ledger{bottom:16px;color:#6f8791;display:flex;font:500 .58rem var(--mono);gap:24px;position:absolute;text-transform:uppercase}
.hero-orbit{align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;height:min(30vw,420px);justify-content:center;position:absolute;right:-7vw;top:18%;width:min(30vw,420px)}
.hero-orbit::before,.hero-orbit::after{border:1px solid rgba(41,199,239,.2);border-radius:50%;content:'';inset:12%;position:absolute}.hero-orbit::after{border-color:rgba(240,79,167,.18);inset:27%}
.hero-orbit span{background:var(--gold);border-radius:50%;box-shadow:0 0 34px var(--gold);height:8px;width:8px}.hero-orbit b{bottom:14%;color:#68808c;font:600 .55rem var(--mono);position:absolute}
.journey-nav{align-items:center;background:rgba(3,11,19,.94);border-bottom:1px solid var(--line);display:flex;gap:0;overflow:auto;position:sticky;top:52px;z-index:80}
.journey-nav a{border-right:1px solid var(--line);color:#79909a;display:flex;font:600 .58rem var(--mono);gap:8px;padding:12px 15px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.journey-nav a b{color:var(--gold)}.journey-nav a.active{background:#0b2230;color:#fff;box-shadow:inset 0 -2px var(--pink)}
.journey-marker{color:var(--cyan);font:600 .58rem var(--mono);margin-left:auto;padding:0 20px;white-space:nowrap}
.scene{border-bottom:1px solid var(--line);margin:0 auto;max-width:1560px;padding:52px clamp(22px,5vw,78px);position:relative}
.scene-copy{display:grid;gap:25px;grid-template-columns:80px minmax(0,760px);margin-bottom:24px}.scene-number{color:#274454;font:300 3.7rem/1 var(--mono)}
.scene h2{font:750 clamp(2.7rem,6vw,6.2rem)/.96 var(--sans);letter-spacing:-.065em;margin:.6rem 0 1.3rem}.scene p{color:#9db1ba;font:450 1rem/1.75 var(--sans);margin:0;max-width:760px}
.instrument-shell,.comparison-stage{background:#03111a;border:1px solid #245064;box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden;position:relative}
.instrument-top{align-items:center;border-bottom:1px solid var(--line);color:#7e97a2;display:flex;font:600 .6rem var(--mono);justify-content:space-between;padding:12px 16px}.instrument-top strong{color:var(--gold);font-size:.8rem}
#prismCanvas{display:block;height:430px;width:100%}
.instrument-controls{align-items:center;border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:minmax(240px,1fr) auto 1fr;padding:14px 16px}.instrument-controls label,.wheel-controls label{color:#77909b;font:600 .58rem var(--mono);text-transform:uppercase}.instrument-controls input,.wheel-controls input{accent-color:var(--pink);margin:0 10px;width:min(42vw,460px)}
.instrument-controls output{color:#fff}.instrument-controls button,.view-switcher button,.question-grid button,.wheel-scene button,.rain-controls button{background:#071c29;border:1px solid #356275;color:#c9dae0;cursor:pointer;font:650 .61rem var(--mono);padding:11px 14px;text-transform:uppercase}.instrument-controls button:hover,.instrument-controls button.active,.view-switcher button:hover,.view-switcher button.active,.question-grid button:hover,.question-grid button.active,.wheel-scene button:hover,.rain-controls button:hover{border-color:var(--gold);color:#ffe19a}
.instrument-controls>span{color:#637d88;font:.58rem var(--mono)}
.view-switcher{display:grid;grid-template-columns:repeat(3,1fr)}.view-switcher button{align-items:center;border-color:var(--line);display:flex;gap:14px;padding:16px;text-align:left;transition:background .35s,border-color .35s,color .35s}.view-switcher button b{color:var(--gold);font-size:1rem}.view-switcher button span{font-size:.72rem}
.auto-row{align-items:center;background:#06131c;border:1px solid var(--line);border-top:0;color:#6f8994;display:flex;font:600 .56rem var(--mono);justify-content:space-between;letter-spacing:.08em;padding:8px 10px;text-transform:uppercase}.auto-row button{background:transparent;border:1px solid #315668;color:#bdd0d6;cursor:pointer;font:600 .54rem var(--mono);padding:7px 10px;text-transform:uppercase}.auto-row button:hover{border-color:var(--gold);color:#ffe6a7}.question-auto{margin:0}
.comparison-stage{height:min(68vh,650px);min-height:500px}.comparison-stage canvas{display:block;height:100%;transition:opacity .22s,transform .32s;width:100%}.comparison-stage.is-changing canvas{opacity:.28;transform:scale(.988)}.view-axis{display:grid;grid-template-columns:repeat(3,1fr);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.view-axis span{border-right:1px solid rgba(84,216,153,.18);color:#76909c;font:600 .56rem var(--mono);padding:13px 16px}.view-axis span:nth-child(2){text-align:center}.view-axis span:last-child{border:0;text-align:right}
.return-pin{align-items:center;background:rgba(3,11,19,.9);border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 42px rgba(242,191,66,.3);display:flex;height:80px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.return-pin i{background:#fff5c5;border:5px solid var(--gold);border-radius:50%;height:18px;width:18px}.return-pin span{color:#ffe49f;font:600 .48rem var(--mono);left:50%;position:absolute;text-align:center;top:88px;transform:translateX(-50%);width:180px}
.stage-note{background:rgba(3,11,19,.86);bottom:0;color:#8fa6b0;font:.58rem var(--mono);left:0;padding:12px 15px;position:absolute;right:0}.view-ledger{border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:repeat(4,1fr)}.view-ledger span{border-right:1px solid var(--line);color:#718a95;font:.58rem/1.5 var(--mono);padding:15px}.view-ledger span:last-child{border:0}.view-ledger b{color:#fff;display:block}
.lens-scene{--lens-accent:var(--cyan);max-width:none;padding:22px 0;transition:background .8s}.lens-scene[data-lens-mode=goethe]{--lens-accent:var(--gold)}.lens-scene[data-lens-mode=leibniz]{--lens-accent:var(--green)}.lens-portal{align-items:center;background:radial-gradient(circle at 22% 50%,color-mix(in srgb,var(--lens-accent) 18%,transparent),transparent 25%),radial-gradient(circle at 78% 50%,rgba(240,79,167,.12),transparent 28%),#030c14;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:4vw;grid-template-columns:minmax(250px,.75fr) minmax(320px,1.1fr) minmax(250px,.75fr);min-height:450px;padding:3.6vw 8vw;transition:background .8s}
.portal-ring{align-items:center;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--lens-accent) 55%,transparent);border-radius:50%;display:flex;justify-content:center;position:relative;transition:border-color .8s,transform .8s}.portal-ring::before,.portal-ring::after{animation:lens-turn 15s linear infinite;border:1px solid rgba(240,79,167,.35);border-radius:50%;content:'';inset:14%;position:absolute;transition:border-color .8s}.portal-ring::before{border-left-color:transparent;border-right-color:var(--lens-accent)}.portal-ring::after{animation-direction:reverse;animation-duration:11s;border-color:rgba(242,191,66,.35);border-top-color:transparent;inset:31%}.portal-ring .lens-core{background:#f7f0c4;border:7px solid var(--lens-accent);border-radius:50%;box-shadow:0 0 46px var(--lens-accent);height:30px;transition:border-color .8s,box-shadow .8s;width:30px}.portal-ring i{animation:lens-tilt 9s ease-in-out infinite alternate;border:1px solid rgba(255,255,255,.26);border-radius:50%;inset:-7%;position:absolute;transform:rotate(28deg) scaleY(.38)}.portal-ring b{bottom:17%;color:var(--lens-accent);font:650 .56rem var(--mono);letter-spacing:.14em;position:absolute;transition:color .8s}.lens-trace{animation:lens-orbit 8s linear infinite;background:var(--lens-accent);border-radius:50%;box-shadow:0 0 18px var(--lens-accent);height:7px;position:absolute;width:7px}.lens-scene[data-lens-mode=goethe] .portal-ring{transform:rotate(12deg)}.lens-scene[data-lens-mode=leibniz] .portal-ring{transform:rotate(-12deg) scale(.96)}
.portal-copy h2{font-family:var(--serif);letter-spacing:-.04em}.portal-copy a{display:inline-block;margin-top:22px}.portal-windows{display:grid;gap:9px}.portal-windows button{background:rgba(6,21,32,.75);border:1px solid var(--line);color:#fff;cursor:pointer;font:700 .72rem var(--mono);padding:20px;text-align:left;transition:border-color .5s,box-shadow .5s,color .5s,transform .5s}.portal-windows button:nth-child(1){--lens-button:var(--cyan)}.portal-windows button:nth-child(2){--lens-button:var(--gold)}.portal-windows button:nth-child(3){--lens-button:var(--green)}.portal-windows button.active{border-color:var(--lens-button);box-shadow:inset 4px 0 var(--lens-button),0 0 26px color-mix(in srgb,var(--lens-button) 13%,transparent);color:var(--lens-button);transform:translateX(-7px)}.portal-windows small{color:#78909a;display:block;font-weight:400;margin-top:6px}@keyframes lens-turn{to{transform:rotate(360deg)}}@keyframes lens-tilt{to{transform:rotate(-22deg) scaleY(.54)}}@keyframes lens-orbit{from{transform:rotate(0) translateX(40%) rotate(0)}to{transform:rotate(360deg) translateX(135px) rotate(-360deg)}}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr)}.question-grid button{border-color:var(--line);display:grid;gap:8px;min-height:170px;padding:24px;text-align:left}.question-grid button span{color:#627d89}.question-grid button b{font:750 clamp(1.6rem,3vw,3rem) var(--sans);letter-spacing:-.04em}.question-grid button small{color:#78909a;font-size:.6rem}.question-grid button[data-question=newton]{--accent:var(--cyan)}.question-grid button[data-question=goethe]{--accent:var(--gold)}.question-grid button[data-question=leibniz]{--accent:var(--green)}.question-grid button.active{border-color:var(--accent);box-shadow:inset 0 -4px var(--accent);color:var(--accent)}
.question-detail{background:#081a25;border:1px solid var(--line);display:grid;gap:30px;grid-template-columns:.9fr 1.1fr;padding:30px;transform-origin:50% 0}.question-detail.is-changing{animation:question-shift .42s ease}.question-detail h3{font:750 clamp(2rem,4vw,4.2rem)/1 var(--serif);margin:0}.question-detail dl{display:grid;gap:0;grid-template-columns:120px 1fr;margin:0}.question-detail dt,.question-detail dd{border-bottom:1px solid var(--line);font:.68rem/1.55 var(--mono);margin:0;padding:10px 0}.question-detail dt{color:#65808b}.question-detail dd{color:#c4d4da}@keyframes question-shift{0%{opacity:.15;transform:translateY(10px)}100%{opacity:1;transform:none}}
.wheel-scene{--question-accent:var(--cyan);background:radial-gradient(circle at 74% 48%,color-mix(in srgb,var(--question-accent) 16%,transparent),transparent 34%);transition:background 1s ease}.wheel-scene[data-question-mode=goethe]{--question-accent:var(--gold)}.wheel-scene[data-question-mode=leibniz]{--question-accent:var(--green)}.wheel-layout{align-items:center;display:grid;gap:7vw;grid-template-columns:.8fr 1.2fr}.wheel-layout .scene-copy{grid-template-columns:80px 1fr}.wheel-scene .kicker b{color:var(--question-accent);transition:color .6s}.wheel-scene button{margin-top:24px}.wheel-wrap{aspect-ratio:1;position:relative}.wheel-wrap canvas{height:100%;width:100%}.wheel-core{align-items:center;background:#07131b;border:1px solid var(--question-accent);border-radius:50%;box-shadow:0 0 38px color-mix(in srgb,var(--question-accent) 20%,transparent);display:flex;flex-direction:column;height:24%;justify-content:center;left:38%;position:absolute;text-align:center;top:38%;transition:border-color .8s,box-shadow .8s;width:24%}.wheel-core b{font:650 .66rem/1.35 var(--mono)}.wheel-core span{color:var(--question-accent);font:.56rem var(--mono);margin-top:8px;transition:color .8s}.wheel-controls{border:1px solid var(--line);display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:28px;padding:18px}.wheel-controls input{width:70%}
.rain-scene{--rain-a:#29c7df;--rain-b:#925cf4;--rain-c:#f04fa7;align-items:center;background:#030713;display:flex;justify-content:center;max-width:none;min-height:68vh;overflow:hidden;padding:0;transition:background 1.2s}.rain-scene[data-spectrum-mode=goethe]{--rain-a:#4385ff;--rain-b:#101820;--rain-c:#f2bf42}.rain-scene[data-spectrum-mode=leibniz]{--rain-a:#54d899;--rain-b:#29c7df;--rain-c:#f2bf42}.rain-scene::after{background:radial-gradient(circle at center,transparent 0 18%,rgba(3,7,19,.38) 51%,rgba(3,7,19,.9));content:'';inset:0;pointer-events:none;position:absolute;z-index:1}.rain-scene canvas{height:100%;inset:0;position:absolute;width:100%;z-index:1}.rain-cosmos{inset:0;overflow:hidden;position:absolute}.rain-moon{background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.7),rgba(197,211,232,.12) 14%,rgba(54,64,98,.12) 36%,rgba(7,10,25,.2) 64%);border:1px solid rgba(221,232,255,.12);border-radius:50%;box-shadow:0 0 110px color-mix(in srgb,var(--rain-b) 28%,transparent);height:min(55vw,720px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(55vw,720px)}.crescent{border:2px solid color-mix(in srgb,var(--rain-a) 55%,transparent);border-radius:50%;height:min(40vw,520px);position:absolute;top:50%;transition:border-color 1.2s;width:min(21vw,280px)}.crescent::after{background:#030713;border-radius:50%;content:'';inset:-4px;position:absolute}.crescent-left{left:-5vw;transform:translateY(-50%)}.crescent-left::after{transform:translateX(28%)}.crescent-right{right:-5vw;transform:translateY(-50%) rotate(180deg)}.crescent-right::after{transform:translateX(28%)}.moon-ring{animation:rain-ring 10s ease-in-out infinite alternate;border:1px solid color-mix(in srgb,var(--rain-c) 28%,transparent);border-radius:50%;height:min(63vw,820px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(63vw,820px)}.ring-two{animation-delay:-4s;animation-duration:14s;border-color:color-mix(in srgb,var(--rain-a) 22%,transparent);height:min(72vw,940px);width:min(72vw,940px)}.spectrum-ribbon{animation:spectrum-pulse 5.4s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--rain-a),var(--rain-b),var(--rain-c),transparent);filter:blur(.2px) drop-shadow(0 0 14px var(--rain-b));height:5px;left:8%;opacity:.5;position:absolute;right:8%;top:39%;transform:rotate(-7deg);transition:background 1.2s}.ribbon-two{animation-delay:-2.7s;left:11%;right:11%;top:62%;transform:rotate(7deg)}.rain-copy{max-width:800px;padding:6vh 30px;position:relative;text-align:center;z-index:2}.rain-copy .kicker b{color:var(--rain-a);transition:color 1.2s}.rain-copy h2{background:linear-gradient(90deg,var(--rain-a),var(--rain-b),var(--rain-c));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(4rem,9vw,8.5rem);text-transform:uppercase;transition:background 1.2s}.rain-copy p{margin:0 auto}.rain-controls{display:flex;gap:8px;justify-content:center;margin-top:24px}.rain-axis{align-items:center;bottom:24px;color:#728791;display:flex;font:.55rem var(--mono);gap:12px;left:7vw;position:absolute;right:7vw;z-index:3}.rain-axis i{animation:axis-breathe 4.5s ease-in-out infinite;background:linear-gradient(90deg,var(--rain-a),var(--rain-b),var(--rain-c),var(--gold));height:2px;flex:1;transition:background 1.2s}.rain-axis i:last-of-type{animation-delay:-2.25s}.rain-axis b{color:var(--gold)}@keyframes spectrum-pulse{0%,100%{opacity:.18;transform:rotate(-7deg) scaleX(.72)}50%{opacity:.78;transform:rotate(-3deg) scaleX(1)}}.ribbon-two{animation-name:spectrum-pulse-two}@keyframes spectrum-pulse-two{0%,100%{opacity:.16;transform:rotate(7deg) scaleX(.78)}50%{opacity:.68;transform:rotate(3deg) scaleX(1.04)}}@keyframes rain-ring{to{transform:translate(-50%,-50%) rotate(9deg) scale(1.045)}}@keyframes axis-breathe{50%{filter:brightness(1.8);opacity:.45;transform:scaleX(.93)}}
.rain-scene.is-paused .spectrum-ribbon,.rain-scene.is-paused .moon-ring,.rain-scene.is-paused .rain-axis i{animation-play-state:paused}
.rain-scene{min-height:clamp(640px,64vh,860px)}
.rain-copy{max-width:1000px;padding:4vh 30px}.rain-copy h2{font-size:clamp(3.4rem,7vw,6.6rem);line-height:.88;margin:18px 0 24px}
.return-scene{align-items:center;display:grid;gap:42px 7vw;grid-template-columns:.62fr 1.38fr;min-height:auto}.return-symbol{align-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:flex;justify-content:center;position:relative}.return-symbol span,.return-symbol i{border:1px solid var(--cyan);border-radius:50%;height:62%;position:absolute;transform:translateX(-22%);width:62%}.return-symbol i{border-color:var(--pink);transform:translateX(22%)}.return-symbol b{color:var(--gold);font:300 5rem var(--serif);z-index:2}.return-copy h2{font-family:var(--serif)}.continuation-grid{display:grid;gap:16px;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.preview-card{background:#06131d;border:1px solid var(--line);color:inherit;display:grid;grid-template-columns:1fr;min-height:380px;overflow:hidden;padding:0 24px 22px;position:relative;text-decoration:none;transition:border-color .35s,transform .35s}.preview-card:hover{border-color:var(--gold);transform:translateY(-4px)}.preview-card canvas{display:block;height:220px;margin:0 -24px 18px;width:calc(100% + 48px)}.preview-tag{color:var(--gold);font:600 .55rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.preview-card strong{font:750 clamp(1.55rem,3vw,2.8rem)/1.05 var(--sans);letter-spacing:-.05em;margin-top:8px}.preview-card small{color:#8299a3;font:.68rem/1.5 var(--mono);margin-top:8px}.preview-card i{color:var(--cyan);font:650 .58rem var(--mono);font-style:normal;margin-top:18px;text-transform:uppercase}.body-preview i{color:var(--pink)}.neon-preview i{color:#ff68ba}.neon-preview-art{background:radial-gradient(circle at 78% 50%,rgba(224,235,255,.22),transparent 10%),linear-gradient(110deg,#010409,#11162b);display:block;height:220px;margin:0 -24px 18px;position:relative;width:calc(100% + 48px)}.neon-preview-art b,.neon-preview-art em{border-radius:50%;position:absolute;top:30%}.neon-preview-art b{background:#000;border:1px solid #8d5cff;box-shadow:0 0 42px rgba(168,108,255,.45);height:42%;left:20%;width:26%}.neon-preview-art em{background:radial-gradient(circle at 35% 30%,#fff,#9eabc2 48%,#29344b);box-shadow:0 0 25px rgba(220,237,255,.55);height:22%;right:17%;top:40%;width:14%}.neon-preview-art i{background:linear-gradient(90deg,#945dff,#ff4ead,#ffc94e,#fff);height:2px;left:45%;position:absolute;right:28%;top:51%}.claim-boundary{border-left:3px solid var(--pink);grid-column:1/-1;padding:18px 22px;background:#180e1b}.claim-boundary b{color:#ff83c5;font:.62rem var(--mono)}.claim-boundary p{font:.7rem/1.6 var(--mono);max-width:none}
footer{align-items:center;background:#020810;border-top:1px solid var(--line);color:#718793;display:flex;font:.58rem var(--mono);justify-content:space-between;padding:28px 5vw}
@media(max-width:1100px){.continuation-grid{grid-template-columns:1fr 1fr}.neon-preview{grid-column:1/-1}}@media(max-width:900px){.hero h1{font-size:clamp(4rem,17vw,8rem)}.hero-orbit{opacity:.5}.journey-nav{top:94px}.scene{padding:58px 24px}.scene-copy{grid-template-columns:52px 1fr}.instrument-controls{grid-template-columns:1fr}.instrument-controls input{width:65%}.view-ledger{grid-template-columns:1fr 1fr}.lens-portal,.wheel-layout,.return-scene{grid-template-columns:1fr}.portal-ring,.return-symbol{margin:0 auto;max-width:360px;width:100%}.question-grid{grid-template-columns:1fr}.question-detail{grid-template-columns:1fr}.wheel-layout .scene-copy{grid-template-columns:52px 1fr}.comparison-stage{min-height:620px}.hero-ledger{display:none}.continuation-grid{grid-template-columns:1fr}.neon-preview{grid-column:auto}}
@media(max-width:580px){.hero{min-height:720px}.hero-inner{padding:86px 20px 58px}.hero h1{font-size:4.2rem}.hero-actions{align-items:stretch;flex-direction:column}.journey-nav{top:128px}.journey-marker{display:none}.view-switcher{grid-template-columns:1fr}.auto-row{align-items:flex-start;gap:8px}.view-axis{display:none}.comparison-stage{height:580px}.view-ledger{grid-template-columns:1fr}.wheel-controls{grid-template-columns:1fr}.rain-copy h2{font-size:3.7rem}.return-actions{flex-direction:column}.preview-card{min-height:340px}.preview-card canvas{height:190px}footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-rain{display:none}.portal-ring::before,.portal-ring::after,.portal-ring i,.lens-trace,.spectrum-ribbon,.moon-ring,.rain-axis i{animation:none}}