@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4f2ff;background:#09090f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 10%,#171535 0,transparent 30%),#09090f}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #8ef7e5;outline-offset:3px}main{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.catalog-rail{border-right:1px solid #272536;padding:24px 14px;min-height:100vh;position:sticky;top:0;height:100vh;background:#09090fd1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column}.brand{color:#f5f1ff;text-decoration:none;font:700 18px/1.02 Playfair Display,serif;letter-spacing:-.04em;padding:2px 11px 29px}.brand i{width:9px;height:9px;border-radius:99px;background:#8ef7e5;display:inline-block;margin-right:8px;box-shadow:0 0 16px #8ef7e5}.catalog-rail nav{display:grid;gap:3px;overflow:auto;padding-right:3px}.catalog-rail nav button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#8e8b9f;border-radius:11px;text-align:left;padding:9px 8px;transition:.2s}.catalog-rail nav button span,.component-number,.preview-topline,.workspace-header>span,.header-state,.rail-foot,.gravity-task .task-index{font:500 10px/1 DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.catalog-rail nav button em{font-style:normal;font-size:11px;font-weight:700}.catalog-rail nav button:hover,.catalog-rail nav button.is-active{background:#201e2e;color:#fff}.catalog-rail nav button.is-active span{color:#8ef7e5}.rail-foot{margin-top:auto;padding:22px 10px 4px;color:#777487;display:grid;gap:6px}.rail-foot strong{color:#d8d6e1;font-weight:500}.workspace{padding:27px clamp(22px,4vw,70px) 50px;max-width:1600px;width:100%;margin:auto}.workspace-header{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:start;margin-bottom:27px;color:#aaa7b7}.workspace-header>span{color:#8ef7e5}.workspace-header p{margin:0;font-size:12px}.header-state{grid-row:1/3;grid-column:2;color:#a5a1b7;border:1px solid #312f3e;border-radius:999px;padding:8px 11px}.header-state i{display:inline-block;width:6px;height:6px;border-radius:99px;background:#8ef7e5;margin-right:6px}.component-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);border:1px solid #2a2837;border-radius:24px;overflow:hidden;background:#0f0e17;box-shadow:0 24px 100px #0004}.preview-shell{min-height:590px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1e1b3d,#0b0b13 66%)}.preview-topline{position:absolute;inset:18px 20px auto;z-index:8;display:flex;justify-content:space-between;color:#aaa7ba}.inspector{padding:31px 27px;background:#11101a;border-left:1px solid #2a2837}.component-number{color:#8ef7e5}.inspector h1{font:700 clamp(26px,3vw,38px)/.98 "Playfair Display",serif;letter-spacing:-.045em;margin:14px 0}.description{font-size:12px;line-height:1.7;color:#aeadbb;margin:0 0 19px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:22px;border-bottom:1px solid #292736}.tag-list span{font:500 9px DM Mono,monospace;letter-spacing:.03em;border:1px solid #3b384c;border-radius:99px;padding:5px 8px;color:#cbc7de}.control-section{padding:21px 0;border-bottom:1px solid #292736}.inspector h2{font-size:11px;margin:0 0 15px;color:#e7e5ed}.control{display:grid;gap:7px;margin-top:13px}.control span{display:flex;justify-content:space-between;font-size:10px;color:#a8a5b4}.control b{font:500 10px DM Mono,monospace;color:#8ef7e5}.control input{accent-color:#8ef7e5;width:100%}.a11y-note{padding:20px 0}.a11y-note p{font-size:10px;line-height:1.6;color:#898697;margin:0}.copy-action{width:100%;border:1px solid #8ef7e5;color:#091010;background:#8ef7e5;border-radius:10px;padding:11px;font-weight:800;font-size:11px}.catalogue-summary{padding:70px 8px 12px;max-width:620px}.catalogue-summary span{font:500 10px DM Mono,monospace;color:#8ef7e5}.catalogue-summary h2{font:700 clamp(34px,5vw,62px)/.96 "Playfair Display",serif;letter-spacing:-.05em;margin:11px 0 15px}.catalogue-summary p{font-size:14px;line-height:1.7;color:#9996a7;margin:0}.orb-stage{height:590px;position:relative;--orb-scale:1}.orb-stage canvas{transform:scale(var(--orb-scale))}.orb-trigger{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:8px;background:#eeebff;color:#171527;border:0;border-radius:999px;padding:11px 14px;font-size:11px;font-weight:800}.orb-menu{position:absolute;bottom:70px;left:24px;width:245px;border:1px solid #5e5a78;background:#181624e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px;border-radius:16px;display:grid;gap:3px}.orb-menu button{color:#eeecf9;border:0;background:transparent;display:grid;grid-template-columns:26px 1fr 16px;align-items:center;text-align:left;padding:10px;border-radius:10px;font-size:11px}.orb-menu button:hover{background:#2b283d}.orb-menu span{font:10px DM Mono;color:#8ef7e5}.gravity-stage{height:590px;position:relative;background:radial-gradient(circle at 50% 50%,#233942 0,transparent calc(12% + var(--gravity)*12%)),linear-gradient(135deg,#101922,#11101b);overflow:hidden}.gravity-stage:before,.gravity-stage:after{content:"";position:absolute;border:1px solid #5e83a233;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;aspect-ratio:1}.gravity-stage:after{width:75%}.gravity-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:90px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:#8ef7e5;color:#10221f;box-shadow:0 0 calc(50px * var(--gravity)) #8ef7e533}.gravity-core span{font:9px DM Mono;text-transform:uppercase}.gravity-core strong{font:800 24px Manrope}.gravity-task{position:absolute;z-index:3;border:1px solid #536c7b;background:#17202bdd;color:#dce9eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.gravity-task.is-active{border-color:#8ef7e5;color:#8ef7e5}.gravity-task .task-index{color:#8d9aaa}.task-0{left:12%;top:22%}.task-1{right:13%;top:25%}.task-2{left:17%;bottom:18%}.task-3{right:14%;bottom:19%}.gravity-caption{position:absolute;bottom:10px;left:20px;right:20px;font-size:10px;color:#85909d;text-align:center}.prism-stage{height:590px;display:grid;place-content:center;perspective:850px;background:radial-gradient(circle at 50% 50%,#443045,#130f19 60%);padding:40px}.prism-layer{width:min(420px,70vw);min-height:135px;text-align:left;display:grid;grid-template-columns:30px 1fr 20px;column-gap:11px;align-items:start;border:1px solid #6f5776;background:linear-gradient(125deg,#2c2035ed,#161523e8);border-radius:17px;color:#f5eefd;padding:19px 18px;box-shadow:0 calc(var(--depth)*.55) calc(var(--depth)*1.7) #08070e88;transform:rotateX(5deg)}.prism-layer h3{font:700 22px/1 Playfair Display;margin:0}.prism-layer p{grid-column:2/4;font-size:11px;line-height:1.6;color:#b9aec2;margin:8px 0 0}.prism-layer>span{font:10px DM Mono;color:#ffb86b}.prism-layer svg{color:#ffb86b}.prism-1{margin-top:-14px;transform:rotateX(6deg) translate(18px)}.prism-2{margin-top:-14px;transform:rotateX(7deg) translate(-10px)}.prism-layer.is-active{border-color:#ffb86b;background:#392442}.liquid-stage{height:590px;padding:128px 30px 0;background:linear-gradient(145deg,#12131d,#171530);position:relative}.liquid-stage svg{width:100%;height:230px;overflow:visible}.liquid-shadow{fill:none;stroke:#5e579b33;stroke-width:13}.timeline-stations{position:absolute;top:197px;left:43px;right:43px;display:flex;justify-content:space-between}.timeline-stations button{display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:#918da4;font-size:10px}.timeline-stations i{width:22px;height:22px;border-radius:50%;display:grid;place-content:center;font:10px DM Mono;background:#201f2f;border:1px solid #494563;font-style:normal}.timeline-stations button.is-active{color:#f7f3ff}.timeline-stations button.is-active i{background:#8ef7e5;color:#101820;border-color:#8ef7e5;box-shadow:0 0 20px #8ef7e588}.timeline-readout{margin:12px auto;padding:18px 22px;border:1px solid #3a3751;border-radius:14px;max-width:430px;background:#11111bc9}.timeline-readout span{font:10px DM Mono;text-transform:uppercase;color:#8ef7e5}.timeline-readout strong{font:600 15px Playfair Display;display:block;margin-top:7px}.sound-stage{height:590px;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 50%,#3b2649,#100f1a 58%);position:relative;overflow:hidden}.sound-wave{height:120px;width:75%;display:flex;align-items:center;gap:5px;justify-content:center;opacity:.76}.sound-wave i{height:calc(10px + (var(--i) * 3px));max-height:110px;width:4px;background:linear-gradient(#ffb86b,#9e7cff);border-radius:999px;animation:wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-40ms);transform:scaleY(calc(.2 + var(--level)))}@keyframes wave{to{transform:scaleY(calc(.3 + var(--level)*1.5))}}.sound-dial{width:186px;aspect-ratio:1;position:relative;z-index:1;border-radius:50%;display:grid;place-content:center;justify-items:center;background:conic-gradient(from -130deg,#ffb86b,#a38cff calc(var(--level)*260deg),#282336 calc(var(--level)*260deg));box-shadow:0 0 calc(50px * var(--level)) #a38cff66}.sound-dial:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#15121e;z-index:-1}.sound-dial .dial-marker{width:6px;height:19px;border-radius:9px;background:#fff;position:absolute;top:8px;left:calc(50% - 3px);transform-origin:3px 85px;transform:rotate(var(--rotation))}.sound-dial strong{font-size:42px;letter-spacing:-.08em}.sound-dial small{font:10px DM Mono;color:#b3aebf}.sound-controls{z-index:2;display:flex;align-items:center;gap:11px;margin-top:33px;color:#e9e2f7}.sound-controls button{display:grid;place-content:center;border:1px solid #7d6589;color:#fff;background:#2b2132;border-radius:50%;width:35px;height:35px}.sound-controls input{width:180px;accent-color:#ffb86b}.consent-stage{height:590px;padding:80px 12%;background:radial-gradient(circle at 50% 20%,#1a3b42,#101218 55%);position:relative}.consent-stage svg{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.consent-stage path{stroke:#8ef7e577;stroke-width:1;fill:none}.consent-stage circle{fill:#8ef7e5;filter:drop-shadow(0 0 10px #8ef7e5)}.consent-list{position:relative;z-index:2;display:grid;gap:9px}.consent-list label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;background:#11141ada;border:1px solid #45605e;border-radius:12px;padding:12px;color:#eefcf9}.consent-list input{position:absolute;opacity:0}.check-ui{width:18px;height:18px;border:1px solid #79958f;border-radius:5px;display:grid;place-content:center;color:#12332d}.consent-list input:checked+.check-ui{background:#8ef7e5;border-color:#8ef7e5}.consent-list strong{font-size:11px;display:block}.consent-list small{font-size:9px;color:#a7b3b1}.consent-stage p{position:relative;z-index:2;font-size:9px;line-height:1.6;color:#a6bbb7;margin-top:19px}.dock-stage{height:590px;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 65%,#303333,#111115 60%)}.dock-stage p{font:10px DM Mono;color:#898997;margin-bottom:34px}.focus-dock{display:flex;align-items:flex-end;gap:7px;border:1px solid #484852;background:#1e1e25dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:9px 11px}.focus-dock button{width:48px;height:50px;display:grid;place-content:center;gap:3px;border:0;border-radius:14px;background:#2c2c35;opacity:var(--dock-opacity);transform:scale(var(--dock-scale));transform-origin:bottom;transition:transform .18s ease,background .18s;color:#d8d7df}.focus-dock button:hover{background:#8ef7e5;color:#18211f}.focus-dock span{font-size:8px;font-weight:800}.metric-stage{height:590px;padding:76px 9%;background:linear-gradient(135deg,#121826,#121116)}.metric-switch{margin:0 auto 25px;width:max-content;padding:4px;border:1px solid #3c3a4a;background:#171621;border-radius:999px}.metric-switch button{border:0;background:transparent;border-radius:999px;padding:7px 12px;color:#a29fac;font-size:10px;text-transform:capitalize}.metric-switch button.is-active{color:#15201f;background:#8ef7e5;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{min-height:160px;border:1px solid #3b3949;border-radius:18px;padding:17px;background:linear-gradient(130deg,#212130,#14141e);display:flex;flex-direction:column}.metric span{font:10px DM Mono;color:#a3a1ad}.metric strong{font-size:48px;letter-spacing:-.08em;margin-top:auto}.metric i{font:10px DM Mono;font-style:normal;color:#8ef7e5}.metric i.negative{color:#ff8e99}.metric-line{height:3px;background:#3b3947;border-radius:99px;margin-top:12px}.metric-line b{height:100%;display:block;background:#a48cff;border-radius:99px}.mode-focus .metric-grid{grid-template-columns:1.45fr .55fr}.mode-focus .metric-0{grid-row:span 2}.mode-compare .metric-grid{grid-template-columns:repeat(4,1fr)}.mode-compare .metric{min-height:250px}.halo-stage{height:590px;position:relative;overflow:hidden;background:#11121b;background-image:radial-gradient(#5a547033 1px,transparent 1px);background-size:17px 17px}.halo{position:absolute;width:220px;aspect-ratio:1;border-radius:50%;left:var(--halo-x);top:var(--halo-y);transform:translate(-50%,-50%);background:radial-gradient(circle,#8ef7e532,transparent 66%);border:1px solid #8ef7e555;pointer-events:none}.halo-stage>button{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#aaa7ba;display:grid;justify-items:center;gap:7px;font-size:10px}.halo-stage>button i{width:15px;aspect-ratio:1;border-radius:50%;background:#8476e8;box-shadow:0 0 0 5px #8476e822,0 0 18px #8476e8}.halo-stage>button.is-active{color:#fff}.halo-stage>button.is-active i{background:#8ef7e5;box-shadow:0 0 0 6px #8ef7e522,0 0 20px #8ef7e5}.halo-readout{position:absolute;bottom:25px;left:25px;border-left:1px solid #8ef7e5;padding-left:10px;display:grid;gap:4px}.halo-readout span{font:9px DM Mono;text-transform:uppercase;color:#8ef7e5}.halo-readout strong{font:600 18px Playfair Display}.horizon-stage{height:590px;position:relative;overflow:hidden;background:linear-gradient(#14132e,#08080e)}.horizon-stage canvas{position:absolute!important;inset:0}.horizon-copy{position:absolute;z-index:2;left:8%;bottom:13%;max-width:365px}.horizon-copy span{font:10px DM Mono;color:#ffca7c}.horizon-copy h2{font:700 43px/.94 Playfair Display;letter-spacing:-.05em;margin:11px 0}.horizon-copy p{font-size:11px;line-height:1.6;color:#b5afc9}.horizon-copy button{display:flex;gap:7px;align-items:center;margin-top:18px;border:1px solid #f7eedc;background:#f7eedc;color:#161122;border-radius:99px;padding:10px 14px;font-size:11px;font-weight:800}.webgl-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;overflow:hidden}.webgl-fallback:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:45% 55% 42% 58%;background:radial-gradient(circle at 34% 30%,#f1dbff,#7b65dc 40%,#282052 68%);box-shadow:0 0 90px #8e7cff88;animation:fallbackFloat 7s ease-in-out infinite}.webgl-fallback i{position:absolute;width:7px;height:7px;border-radius:50%;background:#8ef7e5;box-shadow:0 0 12px #8ef7e5;animation:twinkle 1.4s infinite alternate}.webgl-fallback i:nth-of-type(1){top:19%;left:20%}.webgl-fallback i:nth-of-type(2){bottom:29%;right:17%;animation-delay:.4s}.webgl-fallback i:nth-of-type(3){top:23%;right:27%;animation-delay:.8s}.webgl-fallback strong,.webgl-fallback span{z-index:1;text-shadow:0 2px 20px #09090f}.webgl-fallback strong{font:700 24px Playfair Display}.webgl-fallback span{font:10px DM Mono;margin-top:8px;color:#cfc9df}.horizon-fallback{background:linear-gradient(#29245b,#100e1c 66%)}.horizon-fallback:before{width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 42%,#ffd691 0 22%,#fe965d 23% 35%,#302b77 36% 100%);box-shadow:0 0 120px #a891ff55;transform:translateY(-13%)}@keyframes fallbackFloat{50%{transform:translateY(-12px) rotate(8deg)}}@keyframes twinkle{to{opacity:.25;transform:scale(.5)}}@media(max-width:980px){main{grid-template-columns:1fr}.catalog-rail{position:relative;height:auto;min-height:unset;padding:16px;border-bottom:1px solid #272536}.brand{padding:2px 8px 14px}.catalog-rail nav{display:flex;overflow-x:auto;overflow-y:hidden;min-width:0;flex-wrap:nowrap;scroll-snap-type:x proximity}.catalog-rail nav button{min-width:max-content;flex:0 0 auto;scroll-snap-align:start}.rail-foot{display:none}.component-layout{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid #2a2837}.preview-shell{min-height:540px}}@media(max-width:580px){.workspace{padding:18px 14px 35px}.workspace-header{grid-template-columns:1fr}.header-state{grid-row:auto;grid-column:auto;width:max-content}.component-layout{border-radius:17px}.preview-shell{min-height:480px}.inspector{padding:24px 19px}.orb-stage,.gravity-stage,.prism-stage,.liquid-stage,.sound-stage,.consent-stage,.dock-stage,.metric-stage,.halo-stage,.horizon-stage{height:480px}.prism-layer{width:90vw}.consent-stage{padding:65px 10%}.metric-stage{padding:65px 5%}.mode-compare .metric-grid{grid-template-columns:repeat(2,1fr)}.sound-wave{width:100%}.focus-dock button{width:42px}.focus-dock span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.terrain-stage{height:590px;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 34%,#423564,#14111e 61%)}.terrain-stage canvas{position:absolute!important;inset:0}.terrain-meta{position:absolute;z-index:3;top:62px;left:8%;display:grid;gap:5px}.terrain-meta span,.terrain-meta strong,.terrain-scenarios button,.trace-input span,.trace-input b,.trace-results>button>span,.trace-results small,.ledger-stage article span,.provenance-detail>span,.provenance-track small,.lattice-readout span,.tempo-stage header span,.tempo-list small,.gate-score span,.gate-score p{font:10px DM Mono;letter-spacing:.04em;text-transform:uppercase}.terrain-meta span{color:#a7f8ec}.terrain-meta strong{font:600 15px Manrope;color:#f0eaff;letter-spacing:0;text-transform:none}.terrain-scenarios{position:absolute;z-index:3;bottom:24px;right:24px;display:flex;gap:5px;padding:5px;background:#161421ba;border:1px solid #49425e;border-radius:999px}.terrain-scenarios button{border:0;border-radius:999px;padding:8px 10px;background:transparent;color:#b9b0c9}.terrain-scenarios button.is-active{background:#ffbc78;color:#28130b;font-weight:800}.terrain-fallback{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:7px;padding:19% 14%;background:linear-gradient(150deg,#372c67,#14101d)}.terrain-fallback i{display:block;background:linear-gradient(#ffbc78,#7667dc);border-radius:5px 5px 0 0;box-shadow:0 0 25px #977bde66}.terrain-fallback i:nth-child(1){height:34%}.terrain-fallback i:nth-child(2){height:55%}.terrain-fallback i:nth-child(3){height:78%}.terrain-fallback i:nth-child(4){height:66%}.terrain-fallback i:nth-child(5){height:42%}.terrain-fallback i:nth-child(6){height:27%}.trace-stage{height:590px;padding:112px 12%;background:radial-gradient(circle at 50% 0,#25323b,#121219 58%)}.trace-input{display:grid;grid-template-columns:55px 1fr 42px;gap:9px;align-items:center;border-bottom:1px solid #87eee166;color:#a7f8ec;padding:13px 0}.trace-input input{border:0;background:transparent;color:#f2f0f9;outline:0;font:600 18px Playfair Display;min-width:0}.trace-input b{color:#ffcb89;text-align:right}.trace-results{display:grid;margin-top:23px}.trace-results>button{border:0;border-bottom:1px solid #3e4650;background:transparent;color:#dfdce9;padding:15px 0;display:grid;grid-template-columns:28px 1fr 18px;gap:10px;text-align:left;align-items:center}.trace-results>button:hover,.trace-results>button.is-active{background:#1d2730;padding-left:10px;padding-right:10px}.trace-results strong{display:block;font-size:12px}.trace-results small{display:block;color:#9ba8a9;margin-top:5px;font-size:8px;letter-spacing:0;text-transform:none}.trace-results i{color:#a7f8ec;font-style:normal}.trace-stage>p{font:11px DM Mono;color:#96a5a7;margin-top:25px}.trace-stage em{color:#ffcb89;font-style:normal}.ledger-stage{height:590px;padding:120px 12%;background:linear-gradient(135deg,#171521,#2b242e)}.ledger-modes,.spectrum-priority{display:flex;gap:5px;margin-bottom:58px}.ledger-modes button,.spectrum-priority button{border:1px solid #4c4657;background:transparent;border-radius:999px;padding:8px 11px;color:#b3afba;font-size:10px;text-transform:capitalize}.ledger-modes button.is-active,.spectrum-priority button.is-active{background:#e7dfef;color:#201a27;font-weight:800}.ledger-scale{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:9px;font:9px DM Mono;color:#8b8595;text-align:center}.ledger-scale>div{height:6px;position:relative;border-radius:99px;background:linear-gradient(90deg,#ffb973,#a083f6,#8ef7e5)}.ledger-scale b{display:block;height:100%;background:#fff2}.ledger-scale i{position:absolute;top:50%;transform:translate(-50%,-50%);width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff3}.ledger-stage article{margin:43px auto 0;max-width:370px;border-left:2px solid #ffb973;padding:5px 0 5px 17px}.ledger-stage article span{color:#ffb973}.ledger-stage article strong{display:block;font:700 31px Playfair Display;margin-top:8px}.ledger-stage article p{font-size:11px;line-height:1.6;color:#b9b1c2}.branch-stage{height:590px;padding:98px 11%;position:relative;background:radial-gradient(circle at 68% 46%,#27403e,#101514 61%)}.branch-line{height:25px;margin:18px 14% 28px;border-top:1px solid #83c8bf;display:flex;justify-content:space-between}.branch-line i{width:11px;height:11px;border-radius:50%;margin-top:-6px;background:#8ef7e5;box-shadow:0 0 15px #8ef7e5}.branch-choice{display:flex;justify-content:space-between;gap:8px}.branch-choice button{border:1px solid #55726f;background:#17302e;color:#b9d3ce;border-radius:10px;padding:9px 10px;display:grid;gap:4px;text-transform:capitalize;font-size:11px}.branch-choice button span{font:9px DM Mono;color:#8ef7e5}.branch-choice button.is-active{background:#8ef7e5;color:#102826;border-color:#8ef7e5}.branch-choice button.is-active span{color:#28665f}.branch-stage article{margin:45px auto 0;max-width:380px;border:1px solid #54716e;background:#101b1ad9;border-radius:18px;padding:22px}.branch-stage article span{font:10px DM Mono;color:#8ef7e5}.branch-stage article h3{font:700 26px/1.05 Playfair Display;margin:10px 0}.branch-stage article p{font-size:11px;line-height:1.6;color:#b5cbc7}.branch-stage article button{border:0;background:#e6fff9;border-radius:99px;padding:9px 11px;font-size:10px;font-weight:800;display:flex;gap:5px;align-items:center}.provenance-stage{height:590px;padding:86px 11%;background:#111118}.provenance-track{position:relative;display:grid;gap:0}.provenance-track:before{content:"";position:absolute;left:15px;top:24px;bottom:24px;width:1px;background:#7563bb}.provenance-track button{position:relative;z-index:1;display:grid;grid-template-columns:32px 92px 1fr 50px;gap:9px;align-items:center;text-align:left;border:0;border-bottom:1px solid #332f43;padding:14px 0;background:transparent;color:#aaa7b6}.provenance-track button i{width:30px;height:30px;border-radius:50%;display:grid;place-content:center;background:#29243c;border:1px solid #7563bb;color:#e7ddff;font:10px DM Mono;font-style:normal}.provenance-track button.is-active i{background:#a38cff;color:#211536;box-shadow:0 0 20px #a38cff66}.provenance-track button span{font:10px DM Mono;color:#a38cff}.provenance-track button strong{font-size:11px}.provenance-track small{font-size:8px;color:#858091}.provenance-detail{margin:26px 0 0 41px;border-left:1px solid #ffb973;padding:7px 0 7px 13px}.provenance-detail>span{color:#ffb973}.provenance-detail strong{display:block;font:600 17px Playfair Display;margin-top:4px}.provenance-detail p{font-size:10px;line-height:1.6;color:#9993a7}.lattice-stage{height:590px;padding:102px 12%;background:linear-gradient(135deg,#17232c,#111219)}.lattice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lattice-grid label{min-height:95px;padding:11px;border:1px solid #39555c;background:#172229;color:#a5b4b7;display:grid;align-content:space-between;border-radius:13px;transition:.2s}.lattice-grid input{position:absolute;opacity:0}.lattice-grid span{font:10px DM Mono}.lattice-grid strong{font-size:11px}.lattice-grid label.is-active{background:#90f5e6;color:#152422;border-color:#90f5e6;box-shadow:0 0 calc(20px * var(--gain)) #8ef7e544}.lattice-readout{margin-top:22px;border-top:1px solid #3a585b;padding-top:15px}.lattice-readout span{color:#8ef7e5}.lattice-readout strong{display:block;font:600 23px Playfair Display;margin-top:5px}.lattice-readout p{font-size:10px;color:#9daead}.tempo-stage{height:590px;padding:85px 12%;background:radial-gradient(circle at 0 100%,#3a2928,#141115 56%)}.tempo-stage header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4c3b3b;padding-bottom:14px}.tempo-stage header span{color:#ffba8e}.tempo-stage header strong{font:600 17px Playfair Display}.tempo-list{display:grid;margin-top:19px;gap:8px}.tempo-list button{border:1px solid #4a3d42;background:#1d171d;color:#e8dfe5;padding:14px;display:grid;grid-template-columns:10px 1fr 35px;gap:10px;align-items:center;text-align:left;border-radius:12px}.tempo-list button i{width:7px;height:7px;border-radius:50%;background:#afa5b5}.tempo-list button.warm i{background:#ffb973;box-shadow:0 0 12px #ffb973}.tempo-list button.calm i{background:#8ef7e5}.tempo-list button.cool i{background:#a38cff}.tempo-list button.is-active{transform:translate(10px);border-color:#ffba8e;background:#2d1f22}.tempo-list strong{font-size:12px;display:block}.tempo-list small{color:#aaa0a7;font-size:8px;letter-spacing:0;text-transform:none;margin-top:4px}.tempo-list>button>span{font:10px DM Mono;color:#ffba8e;text-align:right}.tempo-stage>p{font-size:10px;line-height:1.6;color:#a99ba2;margin-top:24px;max-width:260px}.spectrum-stage{height:590px;padding:89px 10%;background:linear-gradient(145deg,#17212a,#18121b)}.spectrum-priority{justify-content:center;margin-bottom:24px}.spectrum-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spectrum-columns article{min-height:310px;border:1px solid #3d4653;background:#182029;padding:15px;border-radius:13px;display:flex;flex-direction:column}.spectrum-columns article.is-leading{border-color:#8ef7e5;background:#173332}.spectrum-columns article span{font:9px DM Mono;color:#8ef7e5}.spectrum-columns h3{font:700 21px Playfair Display;margin:15px 0 auto}.spectrum-columns strong{font-size:31px;letter-spacing:-.08em}.spectrum-columns small{font:9px DM Mono;letter-spacing:0}.spectrum-columns article>div{display:grid;gap:5px;margin-top:12px}.spectrum-columns article>div i{height:4px;background:#8ef7e5;border-radius:99px}.spectrum-columns article>div i:nth-child(2){background:#a38cff}.spectrum-columns article>div i:nth-child(3){background:#ffb973}.context-stage{height:590px;padding:98px 11%;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;background:linear-gradient(100deg,#16131b,#151922)}.context-stage article span{font:10px DM Mono;color:#a38cff}.context-stage article h3{font:700 33px/1.02 Playfair Display;letter-spacing:-.04em;margin:14px 0 22px}.context-stage article p{font-size:12px;line-height:1.8;color:#aaa5b5}.context-stage aside{border-left:1px solid #534b6c;padding-left:14px;display:grid;align-content:start;gap:6px}.context-stage aside button{text-align:left;border:0;background:transparent;color:#868091;padding:11px 7px;border-radius:9px}.context-stage aside button.is-active{background:#262233;color:#eee9fa}.context-stage aside button span{font:9px DM Mono;color:#a38cff}.context-stage aside button strong{display:block;font-size:11px;margin-top:4px}.context-stage aside button p{font-size:10px;line-height:1.5;margin:6px 0 0;color:#b7afc5}.gate-stage{height:590px;padding:88px 12%;background:radial-gradient(circle at 75% 20%,#303956,#15151d 58%)}.gate-score{position:relative;display:grid;justify-items:center;margin:auto;width:185px;height:185px;align-content:center;border-radius:50%;background:#171825}.gate-score:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#8ef7e5 var(--score),#4a485a 0);z-index:-1}.gate-score strong{font-size:45px;letter-spacing:-.08em}.gate-score span{color:#8ef7e5}.gate-score p{color:#9996a7;margin:4px 0}.gate-score i{display:none}.gate-checks{margin-top:35px;display:grid;gap:7px}.gate-checks label{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #3d3b4a;padding:9px 0;font-size:11px;color:#c6c2d0}.gate-checks input{position:absolute;opacity:0}.gate-checks label>span{width:17px;height:17px;border:1px solid #777287;border-radius:5px;display:grid;place-content:center;color:#1a2b29}.gate-checks input:checked+span{background:#8ef7e5;border-color:#8ef7e5}.gate-checks em{font:9px DM Mono;font-style:normal;color:#ffb973}.gate-checks input:checked~em{color:#8ef7e5}.gate-stage footer{margin-top:23px;border:1px solid #636071;border-radius:10px;padding:11px;color:#d4d1dc;text-align:center;font-size:11px}@media(max-width:580px){.terrain-stage,.trace-stage,.ledger-stage,.branch-stage,.provenance-stage,.lattice-stage,.tempo-stage,.spectrum-stage,.context-stage,.gate-stage{height:480px}.trace-stage,.ledger-stage,.branch-stage,.provenance-stage,.lattice-stage,.tempo-stage,.spectrum-stage,.gate-stage{padding:72px 7%}.trace-input input{font-size:14px}.spectrum-columns article{min-height:250px;padding:10px}.spectrum-columns h3{font-size:17px}.context-stage{padding:70px 8%;gap:18px}.context-stage article h3{font-size:24px}.context-stage article p{font-size:10px}.provenance-track button{grid-template-columns:28px 70px 1fr}.provenance-track small{display:none}.branch-stage article{margin-top:30px}.ledger-modes{margin-bottom:40px}}.proof-stage{height:590px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;padding:115px 12%;background:radial-gradient(circle at 70% 34%,#3c304b,#131118 65%)}.proof-spine{position:relative;display:grid;align-content:start;gap:13px}.proof-spine:before{content:"";position:absolute;left:12px;top:19px;bottom:19px;width:1px;background:#d7a8ff88}.proof-spine button{position:relative;z-index:1;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#aaa2b1;text-align:left;font-size:11px}.proof-spine button i{width:25px;height:25px;border-radius:50%;display:grid;place-content:center;background:#2b2135;color:#f2e7ff;font:10px DM Mono;font-style:normal}.proof-spine button.is-active{color:#fff}.proof-spine button.is-active i{background:#d7a8ff;color:#2c143a;box-shadow:0 0 18px #d7a8ff66}.proof-stage article{align-self:center;border-left:2px solid #d7a8ff;padding-left:19px}.proof-stage article>span,.proof-stage article small{font:10px DM Mono;color:#d7a8ff}.proof-stage article h3{font:700 30px/1.05 Playfair Display;margin:10px 0}.proof-stage article p{font-size:11px;line-height:1.7;color:#beb5c6}.offer-stage{height:590px;padding:95px 12%;background:linear-gradient(140deg,#1b2530,#141217)}.offer-stage header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #41525e;padding-bottom:19px}.offer-stage header span,.offer-stage footer,.offer-modules small{font:10px DM Mono;color:#a5b1b7}.offer-stage header strong{font-size:36px;letter-spacing:-.07em}.offer-stage header small{font:10px DM Mono;letter-spacing:0}.offer-modules{display:grid;margin-top:20px}.offer-modules label{display:grid;grid-template-columns:20px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid #3c4d58;padding:14px 0;color:#d6e4e6}.offer-modules input{position:absolute;opacity:0}.offer-modules label>span{width:17px;height:17px;border:1px solid #6f8890;border-radius:5px;display:grid;place-content:center;color:#18302f}.offer-modules input:checked+span{background:#8ef7e5;border-color:#8ef7e5}.offer-modules strong{font-size:11px;display:block}.offer-modules small{font-size:8px;display:block;margin-top:4px}.offer-modules em{font:9px DM Mono;font-style:normal;color:#ffca89}.offer-stage footer{margin-top:20px;text-align:center}.capacity-stage{height:590px;padding:105px 10%;background:radial-gradient(circle at 20% 70%,#3e2f26,#151214 62%)}.capacity-head{text-align:center;display:grid;gap:8px}.capacity-head span,.capacity-head strong{font:10px DM Mono;color:#ffca89;text-transform:uppercase}.capacity-head strong{font:600 22px Playfair Display;letter-spacing:0;text-transform:none;color:#f1e6dc}.capacity-weave{height:200px;display:flex;gap:8px;align-items:end;justify-content:center;margin-top:30px}.capacity-weave button{height:100%;flex:1;max-width:85px;border:0;background:#2a2122;color:#bcb1ae;display:grid;grid-template-rows:1fr auto auto;align-items:end;gap:7px;padding:9px;font-size:9px}.capacity-weave button i{display:block;width:100%;background:linear-gradient(#ffca89,#e88156);border-radius:5px 5px 0 0}.capacity-weave button.is-active{background:#f4e6d8;color:#38211d}.capacity-weave button:disabled{opacity:.35}.capacity-weave small{font:8px DM Mono}.capacity-stage p{text-align:center;font-size:10px;color:#a99c9a;margin-top:20px}.commitment-stage{height:590px;padding:112px 13%;background:linear-gradient(135deg,#17242b,#111516)}.commitment-tiers{display:flex;justify-content:center;gap:6px}.commitment-tiers button{border:1px solid #537276;border-radius:999px;background:transparent;padding:9px 11px;color:#a9c1c1;text-transform:capitalize;font-size:10px}.commitment-tiers button.is-active{background:#b9fff6;color:#15302e;font-weight:800}.commitment-promise{margin:55px auto 0;max-width:360px;text-align:center}.commitment-promise span{font:10px DM Mono;color:#8ef7e5;text-transform:uppercase}.commitment-promise strong{display:block;font:700 33px/1 Playfair Display;margin:12px 0}.commitment-promise p{font-size:11px;line-height:1.6;color:#b3c7c6}.commitment-line{display:flex;justify-content:space-between;margin-top:45px;border-top:1px solid #6ce1d377}.commitment-line i{width:13px;height:13px;border-radius:50%;margin-top:-7px;background:#8ef7e5;box-shadow:0 0 15px #8ef7e5}.blueprint-stage{height:590px;padding:102px 10%;background:#14151e}.blueprint-steps{display:flex;justify-content:space-between;gap:7px;position:relative}.blueprint-steps:before{content:"";position:absolute;top:18px;left:10%;right:10%;height:1px;background:#6957b4}.blueprint-steps button{z-index:1;flex:1;display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:#89859a;font-size:9px}.blueprint-steps i{width:37px;height:37px;border-radius:50%;background:#28233d;border:1px solid #6957b4;display:grid;place-content:center;font:10px DM Mono;font-style:normal}.blueprint-steps button.is-active{color:#f1edff}.blueprint-steps button.is-active i{background:#a38cff;color:#251738;box-shadow:0 0 20px #a38cff77}.blueprint-steps strong{font-size:10px}.blueprint-steps span{font-size:8px}.blueprint-stage article{margin:65px auto 0;max-width:410px;border:1px solid #413c55;background:#1b1926;border-radius:15px;padding:18px}.blueprint-stage article span{font:10px DM Mono;color:#a38cff}.blueprint-stage h3{font:700 25px Playfair Display;margin:8px 0}.blueprint-stage p{font-size:11px;line-height:1.6;color:#b4afbe}.scope-stage{height:590px;padding:110px 12%;background:radial-gradient(circle at 50% 50%,#3b3934,#161514 63%)}.scope-tabs{display:flex;gap:7px;border-bottom:1px solid #706c61;padding-bottom:12px}.scope-tabs button{border:0;background:transparent;color:#aca99d;font-size:10px;text-transform:capitalize;padding:7px 9px;border-radius:7px}.scope-tabs button.is-active{background:#f2edcf;color:#2a2718;font-weight:800}.scope-stage article{margin:54px auto 0;max-width:440px;text-align:center}.scope-stage article span{font:10px DM Mono;color:#f4e9a4}.scope-stage article h3{font:700 29px/1.1 Playfair Display;margin:13px 0}.scope-stage article div{font-size:11px;line-height:1.7;color:#bdbbad}.return-stage{height:590px;padding:80px 12%;background:linear-gradient(145deg,#191c35,#151217)}.return-stage header span{font:10px DM Mono;color:#b5adff;text-transform:uppercase}.return-stage header p{font:600 20px/1.2 Playfair Display;max-width:330px;margin:11px 0 22px}.return-paths{display:grid;gap:7px}.return-paths button{border:1px solid #41445f;border-radius:10px;background:#171927;color:#c7c8dc;padding:12px;display:grid;grid-template-columns:25px 1fr 14px;gap:8px;text-align:left;align-items:center}.return-paths button i{font:10px DM Mono;font-style:normal;color:#b5adff}.return-paths button strong{font-size:11px}.return-paths button span{grid-column:2;font-size:9px;color:#989aae}.return-paths button.is-active{border-color:#b5adff;background:#232440}.return-paths button svg{color:#b5adff}.partner-stage{height:590px;padding:73px 10%;background:radial-gradient(circle,#273841,#131719 67%);display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:20px}.partner-orbit{position:relative;width:290px;max-width:100%;aspect-ratio:1;border:1px solid #739ba0;border-radius:50%;margin:auto}.partner-orbit:before,.partner-orbit:after{content:"";position:absolute;inset:20%;border:1px solid #4d7176;border-radius:50%}.partner-orbit:after{inset:37%}.partner-orbit>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 25px Playfair Display;color:#effaf8}.partner-orbit button{position:absolute;border:0;background:transparent;color:#b2c7c5;font-size:9px;display:grid;justify-items:center;gap:4px}.partner-orbit button i{width:31px;height:31px;border-radius:50%;display:grid;place-content:center;background:#23434a;border:1px solid #78a9aa;font-style:normal}.partner-orbit button.is-active{color:#fff}.partner-orbit button.is-active i{background:#8ef7e5;color:#193b3a;box-shadow:0 0 18px #8ef7e5}.partner-0{top:4%;left:37%}.partner-1{top:43%;right:-6%}.partner-2{bottom:2%;left:39%}.partner-3{top:43%;left:-6%}.partner-stage article{border-left:1px solid #8ef7e5;padding-left:14px}.partner-stage article span{font:10px DM Mono;color:#8ef7e5}.partner-stage article h3{font:700 25px Playfair Display;margin:7px 0}.partner-stage article p{font-size:10px;line-height:1.7;color:#aec1be}.momentum-stage{height:590px;padding:100px 13%;background:linear-gradient(145deg,#191827,#20191b)}.momentum-tabs{display:flex;justify-content:center;gap:7px}.momentum-tabs button{border:1px solid #5c5363;background:transparent;border-radius:999px;padding:8px 11px;color:#b9b0b8;font-size:10px;text-transform:capitalize}.momentum-tabs button.is-active{background:#f2c1a5;color:#34201b;font-weight:800}.momentum-stage article{margin:43px auto 0;max-width:350px;text-align:center}.momentum-stage article span{font:10px DM Mono;color:#f2c1a5;text-transform:uppercase}.momentum-stage article strong{display:block;font-size:58px;letter-spacing:-.1em;margin:7px 0}.momentum-stage article>div{height:8px;background:#46404c;border-radius:99px}.momentum-stage article b{display:block;height:100%;background:#f2c1a5;border-radius:99px}.momentum-stage article p{font-size:11px;line-height:1.7;color:#b5adb5}.momentum-stage footer{text-align:center;margin-top:38px;font:9px DM Mono;color:#8e878d}.relay-stage{height:590px;padding:96px 12%;background:radial-gradient(circle at 50% 20%,#373157,#15131d 61%)}.relay-top{display:flex;justify-content:space-between}.relay-top span,.relay-top strong{font:10px DM Mono;text-transform:uppercase;color:#b9b0ff}.relay-top strong{color:#e5e0ff}.relay-waves{display:flex;justify-content:center;gap:10px;margin:61px 0 42px}.relay-waves i{width:44px;height:44px;border:1px solid #71669c;border-radius:50%;display:grid;place-content:center;font-style:normal;color:#88809e}.relay-waves i.is-active{background:#b9b0ff;color:#25203c;box-shadow:0 0 22px #b9b0ff77}.relay-waves b{font:10px DM Mono}.relay-stage article{text-align:center;max-width:390px;margin:auto}.relay-stage h3{font:700 31px/1.04 Playfair Display;margin:0}.relay-stage p{font-size:11px;line-height:1.6;color:#b6afc6}.relay-stage button{margin:12px auto;border:0;border-radius:999px;background:#e6e0ff;color:#25203c;display:flex;align-items:center;gap:6px;padding:10px 13px;font-size:10px;font-weight:800}@media(max-width:580px){.proof-stage,.offer-stage,.capacity-stage,.commitment-stage,.blueprint-stage,.scope-stage,.return-stage,.partner-stage,.momentum-stage,.relay-stage{height:480px}.proof-stage,.offer-stage,.capacity-stage,.commitment-stage,.blueprint-stage,.scope-stage,.return-stage,.momentum-stage,.relay-stage{padding:70px 7%}.proof-stage{gap:18px}.proof-stage article h3{font-size:22px}.capacity-weave{height:150px}.capacity-weave button{font-size:8px;padding:5px}.blueprint-stage article{margin-top:44px}.partner-stage{padding:55px 7%;grid-template-columns:1fr .75fr}.partner-orbit{width:210px}.partner-stage article h3{font-size:20px}.return-paths button{padding:9px}.relay-waves{margin:42px 0 28px}}.handshake-stage{height:590px;padding:105px 12%;background:radial-gradient(circle at 50% 50%,#243946,#12161b 64%)}.handshake-status{text-align:center;display:grid;gap:7px}.handshake-status span,.handshake-status strong,.handshake-views span{font:10px DM Mono;color:#8ef7e5;text-transform:uppercase}.handshake-status strong{font:600 24px Playfair Display;color:#edf8f7;text-transform:none}.handshake-views{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:37px}.handshake-views button{border:1px solid #3f6669;border-radius:12px;background:#162327;color:#afc7c7;padding:12px;text-align:left;display:grid;gap:7px}.handshake-views button i{font:10px DM Mono;color:#8ef7e5;font-style:normal}.handshake-views button strong{font-size:11px}.handshake-views button span{font-size:8px;letter-spacing:0;text-transform:none;color:#9fb5b4}.handshake-views button.is-active{background:#8ef7e5;color:#183332;border-color:#8ef7e5}.handshake-views button.is-active i,.handshake-views button.is-active span{color:#285c58}.handshake-stage footer{margin-top:28px;border-left:1px solid #8ef7e5;padding:9px 12px;font-size:11px;line-height:1.6;color:#b4c8c7}.garden-stage{height:590px;padding:89px 11%;background:radial-gradient(circle at 50% 40%,#314232,#141915 64%);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:25px}.garden-bed{height:285px;position:relative;border:1px solid #638061;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 50% 45%,#243c25,#152015)}.garden-bed button{position:absolute;border:0;background:transparent;color:#c4d9c3;font-size:9px;display:grid;justify-items:center;gap:6px}.garden-bed button i{width:21px;height:21px;border-radius:60% 40%;background:#7dbe70;box-shadow:0 0 15px #7dbe7066}.garden-bed button.is-active{color:#fff}.garden-bed button.is-active i{background:#d0fa91;box-shadow:0 0 20px #d0fa91}.seed-0{top:24%;left:20%}.seed-1{top:15%;right:19%}.seed-2{bottom:18%;left:26%}.seed-3{bottom:24%;right:19%}.garden-stage article{border-left:1px solid #d0fa91;padding-left:15px}.garden-stage article span{font:10px DM Mono;color:#d0fa91}.garden-stage article h3{font:700 27px Playfair Display;margin:8px 0}.garden-stage article p{font-size:11px;line-height:1.7;color:#b8c8b7}.presence-stage{height:590px;padding:78px 10%;display:grid;grid-template-columns:1fr .75fr;gap:28px;align-items:center;background:linear-gradient(145deg,#18162b,#20203a)}.presence-prism{position:relative;width:295px;max-width:100%;aspect-ratio:1;margin:auto;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(140deg,#4e4895,#22204d)}.presence-prism:before{content:"";position:absolute;inset:18%;clip-path:inherit;background:#16152a}.presence-prism b{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#f0efff;font:700 23px/1 Playfair Display;text-align:center}.presence-prism button{position:absolute;border:0;background:transparent;color:#bdb9d8;display:grid;justify-items:center;gap:4px;font-size:9px}.presence-prism button i{width:29px;height:29px;border-radius:50%;display:grid;place-content:center;background:#2d2b63;border:1px solid #9890e9;font-style:normal}.presence-prism button.is-active{color:#fff}.presence-prism button.is-active i{background:#c0b5ff;color:#2c2857;box-shadow:0 0 17px #c0b5ff}.presence-0{top:6%;left:42%}.presence-1{right:5%;bottom:12%}.presence-2{left:5%;bottom:12%}.presence-stage article{border-left:1px solid #c0b5ff;padding-left:15px}.presence-stage article span{font:10px DM Mono;color:#c0b5ff}.presence-stage h3{font:700 25px Playfair Display;margin:8px 0}.presence-stage p{font-size:10px;line-height:1.7;color:#b5b1ca}.compass-stage{height:590px;padding:92px 12%;background:radial-gradient(circle at 50% 45%,#3f3131,#171315 64%)}.compass-lenses{display:flex;justify-content:center;gap:6px}.compass-lenses button{border:1px solid #704e4c;background:transparent;border-radius:999px;padding:8px 11px;color:#c6acaa;font-size:10px;text-transform:capitalize}.compass-lenses button.is-active{background:#ffc0b7;color:#3a211f;font-weight:800}.compass-face{position:relative;margin:32px auto;width:170px;aspect-ratio:1;border:1px solid #b47c75;border-radius:50%}.compass-face i{position:absolute;left:50%;top:50%;width:1px;height:65px;background:#ffc0b7;transform-origin:0 0}.compass-face i:nth-child(1){transform:rotate(0)}.compass-face i:nth-child(2){transform:rotate(120deg)}.compass-face i:nth-child(3){transform:rotate(240deg)}.compass-face b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 18px Playfair Display;color:#ffe7e4}.compass-stage article{text-align:center;max-width:420px;margin:auto}.compass-stage article span{font:10px DM Mono;color:#ffc0b7}.compass-stage h3{font:600 22px/1.2 Playfair Display;margin:9px 0}.drift-stage{height:590px;padding:89px 12%;background:linear-gradient(135deg,#191c2b,#151518)}.drift-stage header{display:flex;justify-content:space-between;border-bottom:1px solid #444b64;padding-bottom:13px}.drift-stage header span,.drift-stage header strong{font:10px DM Mono;color:#a4b3ff;text-transform:uppercase}.drift-stage header strong{color:#e0e5ff}.drift-chart{height:230px;margin-top:28px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #5b6389}.drift-chart button{flex:1;min-height:28px;border:0;background:#39405f;position:relative;padding:0}.drift-chart button i{display:none}.drift-chart button span{position:absolute;bottom:-19px;left:50%;transform:translate(-50%);font:8px DM Mono;color:#9398b1}.drift-chart button.is-active{background:#a4b3ff;box-shadow:0 0 20px #a4b3ff66}.drift-stage footer{margin-top:38px;font-size:10px;line-height:1.6;color:#a8aec4}.shelf-stage{height:590px;padding:83px 12%;background:radial-gradient(circle at 0 100%,#39454a,#141819 65%)}.shelf-stage header{display:flex;justify-content:space-between;align-items:end}.shelf-stage header span,.shelf-stage header strong{font:10px DM Mono;color:#99dad4;text-transform:uppercase}.shelf-stage header strong{color:#d7eeeb}.shelf-stack{display:grid;gap:8px;margin-top:25px}.shelf-stack button{border:1px solid #3f5b5c;background:#192626;color:#c7ddda;padding:12px;display:grid;grid-template-columns:25px 1fr;gap:9px;text-align:left;border-radius:10px}.shelf-stack button i{font:10px DM Mono;color:#99dad4;font-style:normal}.shelf-stack button strong{font-size:11px;display:block}.shelf-stack button small{font:8px DM Mono;color:#9cb1af}.shelf-stack button.is-active{background:#264142;border-color:#99dad4}.shelf-stage>p{font-size:10px;line-height:1.6;color:#abc3c0;margin-top:22px}.excavator-stage{height:590px;padding:91px 12%;background:linear-gradient(145deg,#251d26,#161419)}.excavator-layers{display:grid;gap:0}.excavator-layers button{position:relative;text-align:left;border:1px solid #60475e;background:#29202b;color:#d5bfd2;padding:16px;border-radius:11px;display:grid;grid-template-columns:80px 1fr auto;gap:8px;margin-top:calc(var(--depth) * -.55);transform:translate(calc(var(--depth) * .7))}.excavator-layers button span,.excavator-layers button i{font:9px DM Mono;font-style:normal;color:#e4a7dc}.excavator-layers button strong{font-size:11px}.excavator-layers button.is-active{background:#e4a7dc;color:#3b1f37;border-color:#e4a7dc}.excavator-layers button.is-active span,.excavator-layers button.is-active i{color:#673f62}.excavator-stage article{margin-top:29px;border-left:1px solid #e4a7dc;padding-left:14px}.excavator-stage article span{font:10px DM Mono;color:#e4a7dc}.excavator-stage article strong{display:block;font:600 22px Playfair Display;margin-top:5px}.excavator-stage article p{font-size:10px;line-height:1.6;color:#b8a9b7}.mosaic-stage{height:590px;padding:102px 12%;background:linear-gradient(130deg,#152026,#162018)}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mosaic-grid button{aspect-ratio:1;border:1px solid #42655e;background:#1b2d2c;color:#bed2ca;border-radius:12px;display:grid;align-content:space-between;text-align:left;padding:10px;font-size:11px}.mosaic-grid button span{font:10px DM Mono;color:#8ef7e5}.mosaic-grid button.is-active{background:#8ef7e5;color:#14322e;border-color:#8ef7e5}.mosaic-grid button.is-active span{color:#28645d}.mosaic-path{margin-top:28px;text-align:center}.mosaic-path span{font:10px DM Mono;color:#8ef7e5}.mosaic-path strong{display:block;font:600 17px Playfair Display;margin-top:8px}.attention-stage{height:590px;padding:85px 12%;background:radial-gradient(circle at 50% 0,#3d384a,#17151c 65%)}.attention-stage header{text-align:center}.attention-stage header span{font:10px DM Mono;color:#d9c5ff;text-transform:uppercase}.attention-stage header strong{display:block;font-size:48px;letter-spacing:-.09em;margin-top:7px}.attention-commitments{display:grid;margin-top:25px}.attention-commitments label{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #504b60;color:#cdc6d8;font-size:11px}.attention-commitments input{position:absolute;opacity:0}.attention-commitments label>span{width:17px;height:17px;border:1px solid #8c829b;border-radius:5px;display:grid;place-content:center;color:#2e2739}.attention-commitments input:checked+span{background:#d9c5ff;border-color:#d9c5ff}.attention-commitments em{font:9px DM Mono;font-style:normal;color:#d9c5ff}.attention-stage footer{text-align:center;margin-top:23px;font-size:10px;color:#aaa2b2}.foundry-stage{height:590px;padding:97px 12%;background:linear-gradient(145deg,#251f1a,#191616)}.foundry-themes{display:grid;gap:8px}.foundry-themes button{border:1px solid #664f3d;background:#2b231e;color:#d7c7b7;padding:13px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;text-align:left;border-radius:10px}.foundry-themes button i{width:27px;height:27px;border-radius:50%;display:grid;place-content:center;background:#553b27;color:#ffd6a4;font:10px DM Mono;font-style:normal}.foundry-themes button strong{font-size:11px}.foundry-themes button span{font:8px DM Mono;color:#cca77d}.foundry-themes button.is-active{background:#ffd6a4;color:#3b271a;border-color:#ffd6a4}.foundry-themes button.is-active i{background:#3b271a}.foundry-themes button.is-active span{color:#755238}.foundry-stage article{margin-top:31px;border-left:1px solid #ffd6a4;padding-left:14px}.foundry-stage article span{font:10px DM Mono;color:#ffd6a4}.foundry-stage article h3{font:700 24px Playfair Display;margin:8px 0}.foundry-stage article p{font-size:10px;line-height:1.6;color:#b9ab9e}@media(max-width:580px){.handshake-stage,.garden-stage,.presence-stage,.compass-stage,.drift-stage,.shelf-stage,.excavator-stage,.mosaic-stage,.attention-stage,.foundry-stage{height:480px}.handshake-stage,.compass-stage,.drift-stage,.shelf-stage,.excavator-stage,.mosaic-stage,.attention-stage,.foundry-stage{padding:70px 7%}.garden-stage{padding:55px 7%;gap:12px}.garden-bed{height:200px}.garden-stage article h3{font-size:21px}.presence-stage{padding:55px 7%;gap:11px}.presence-prism{width:220px}.presence-stage h3{font-size:20px}.handshake-views{gap:4px}.handshake-views button{padding:7px}.handshake-views button span{display:none}.shelf-stack button{padding:9px}.excavator-layers button{grid-template-columns:53px 1fr;padding:10px}.excavator-layers button i{display:none}}.loom-stage{height:590px;padding:100px 12%;background:radial-gradient(circle at 55% 36%,#34405d,#14151f 66%)}.loom-thread{display:flex;justify-content:space-between;position:relative}.loom-thread:before{content:"";position:absolute;left:9%;right:9%;top:18px;height:1px;background:linear-gradient(90deg,#a8c8ff,#e4b0ff,#a8c8ff)}.loom-thread button{z-index:1;display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:#9ea6c0;font-size:9px}.loom-thread i{width:37px;height:37px;border-radius:50%;display:grid;place-content:center;background:#282d49;border:1px solid #9fb3e8;font:10px DM Mono;font-style:normal}.loom-thread button.is-active{color:#fff}.loom-thread button.is-active i{background:#a8c8ff;color:#233150;box-shadow:0 0 20px #a8c8ff77}.loom-stage article{max-width:390px;margin:80px auto 0;text-align:center}.loom-stage article span{font:10px DM Mono;color:#a8c8ff}.loom-stage article h3{font:700 34px Playfair Display;margin:10px 0}.loom-stage article p{font-size:11px;line-height:1.7;color:#b9c0d6}.reader-stage{height:590px;padding:88px 12%;background:#f3efe7;color:#252321}.reader-stage header{display:flex;justify-content:space-between;border-bottom:1px solid #bfb6a9;padding-bottom:13px}.reader-stage header span,.reader-stage header strong,.reader-stage label span{font:10px DM Mono;color:#6a625a;text-transform:uppercase}.reader-stage article{max-width:var(--measure);margin:36px auto;font:600 calc(16px + var(--reader-pace)*10px)/1.55 "Playfair Display"}.reader-stage article p{margin:0 0 19px}.reader-stage label{display:grid;gap:8px;max-width:360px;margin:auto}.reader-stage input{accent-color:#443d33}.treaty-stage{height:590px;padding:94px 12%;background:linear-gradient(145deg,#1d2230,#15151c)}.treaty-modes{display:flex;justify-content:center;gap:7px}.treaty-modes button{border:1px solid #5b6173;background:transparent;border-radius:999px;padding:8px 11px;color:#b6bbc8;font-size:10px}.treaty-modes button.is-active{background:#d0e5ff;color:#27384d;font-weight:800}.treaty-layout{height:255px;margin:27px auto 0;max-width:420px;display:grid;gap:8px;padding:12px;border:1px solid #526078;border-radius:14px}.treaty-layout i{display:block;background:#34425e;border-radius:7px}.mode-wide .treaty-layout{grid-template-columns:1.3fr 1fr .7fr;grid-template-rows:1fr 1fr}.mode-wide .treaty-layout i:first-child{grid-row:span 2}.mode-balanced .treaty-layout{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr}.mode-balanced .treaty-layout i:first-child{grid-row:span 2}.mode-compact .treaty-layout{grid-template-columns:1fr;grid-template-rows:1.5fr .7fr .5fr}.mode-compact .treaty-layout i:last-child{display:none}.treaty-stage article{margin:20px auto;text-align:center;max-width:390px}.treaty-stage article span{font:10px DM Mono;color:#d0e5ff}.treaty-stage article p{font-size:11px;line-height:1.6;color:#b4bdcf}.skin-stage{height:590px;padding:100px 12%;display:grid;place-content:center;justify-items:center;transition:.4s}.skin-focus{background:radial-gradient(circle,#353940,#151518)}.skin-explore{background:radial-gradient(circle,#2c4a59,#151b1e)}.skin-recover{background:radial-gradient(circle,#4b3d55,#1c171f)}.skin-modes{display:flex;gap:7px}.skin-modes button{border:1px solid #a8a6af55;background:#1c1c24aa;border-radius:999px;padding:8px 11px;color:#d2d0db;font-size:10px}.skin-modes button.is-active{background:#f5f2fb;color:#28242f;font-weight:800}.skin-stage article{margin-top:60px;width:min(400px,78vw);min-height:150px;border:1px solid #e5e0ff77;border-radius:18px;background:#15151c99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:23px}.skin-stage article span{font:10px DM Mono;color:#e7e1ff}.skin-stage article h3{font:700 28px/1.05 Playfair Display;margin:11px 0}.ribbon-stage{height:590px;padding:105px 12%;background:linear-gradient(140deg,#18161e,#24201c)}.ribbon-stage nav{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid #766956}.ribbon-stage nav button{border:0;background:transparent;color:#aaa093;padding:11px 5px;display:grid;justify-items:center;gap:6px;font-size:9px}.ribbon-stage nav button i{width:20px;height:20px;border-radius:50%;display:grid;place-content:center;background:#403a32;font:9px DM Mono;font-style:normal}.ribbon-stage nav button.is-active{color:#ffe0a8}.ribbon-stage nav button.is-active i{background:#ffe0a8;color:#513c20}.ribbon-stage article{margin:60px auto 0;max-width:370px;border-left:1px solid #ffe0a8;padding-left:16px}.ribbon-stage article span{font:10px DM Mono;color:#ffe0a8}.ribbon-stage article h3{font:700 31px Playfair Display;margin:8px 0}.ribbon-stage article p{font-size:11px;line-height:1.7;color:#bdb3a4}.switchboard-stage{height:590px;padding:99px 12%;background:radial-gradient(circle,#403345,#18141b 65%)}.switchboard-lenses{display:flex;justify-content:center;gap:7px}.switchboard-lenses button{border:1px solid #76587c;background:transparent;border-radius:999px;padding:8px 12px;color:#cfb6d2;font-size:10px;text-transform:capitalize}.switchboard-lenses button.is-active{background:#f1b8ed;color:#482b48;font-weight:800}.switchboard-stage article{max-width:430px;margin:65px auto 0;text-align:center}.switchboard-stage article span{font:10px DM Mono;color:#f1b8ed;text-transform:uppercase}.switchboard-stage article h3{font:600 26px/1.25 Playfair Display;margin:10px 0}.switchboard-stage article p{font-size:10px;color:#b9aabb}.field-stage{height:590px;padding:92px 11%;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:#181b23}.field-stage article span,.field-stage aside span{font:10px DM Mono;color:#9bb8ff}.field-stage article h3{font:700 30px/1.08 Playfair Display;margin:12px 0}.field-stage article p{font-size:11px;line-height:1.7;color:#b6bfce}.field-stage aside{display:grid;gap:7px;border-left:1px solid #53678d;padding-left:13px}.field-stage aside button{border:0;background:transparent;text-align:left;color:#acb5c5;padding:10px;border-radius:9px;display:grid;gap:5px}.field-stage aside button.is-active{background:#262f40;color:#eef4ff}.field-stage aside button i{font:9px DM Mono;color:#9bb8ff;font-style:normal}.field-stage aside button strong{font-size:10px}.field-stage aside button span{font-size:8px;color:#a4b0c4}.echo-stage{height:590px;padding:89px 12%;background:linear-gradient(150deg,#142227,#18221b)}.echo-context{display:flex;justify-content:center;gap:7px}.echo-context button{border:1px solid #4d706b;border-radius:999px;background:transparent;padding:8px 11px;color:#b5cfca;font-size:10px}.echo-context button.is-active{background:#b3f4e5;color:#183834;font-weight:800}.echo-device{height:230px;width:240px;margin:32px auto;display:grid;gap:7px;padding:13px;border:2px solid #8ecfc4;border-radius:18px;background:#182b2c}.echo-device i{display:block;background:#315856;border-radius:6px}.echo-desk{width:350px;grid-template-columns:1.4fr 1fr}.echo-desk i:first-child{grid-row:span 2}.echo-move{width:210px;grid-template-columns:1fr}.echo-move i:last-child{display:none}.echo-glance{height:105px;width:250px;grid-template-columns:1fr 1fr}.echo-glance i:first-child{grid-column:span 2}.echo-glance i:last-child{display:none}.echo-stage article{text-align:center;max-width:420px;margin:auto}.echo-stage article span{font:10px DM Mono;color:#b3f4e5}.echo-stage article h3{font:600 19px/1.4 Playfair Display;margin:9px 0}.handoff-stage{height:590px;padding:96px 12%;background:radial-gradient(circle at 40% 30%,#3a3348,#17151d 65%)}.handoff-stage header{text-align:center}.handoff-stage header span{font:10px DM Mono;color:#d4bfff;text-transform:uppercase}.handoff-stage header strong{display:block;font-size:45px;letter-spacing:-.08em;margin-top:7px}.handoff-stages{display:flex;justify-content:space-between;margin-top:39px;border-top:1px solid #8369af}.handoff-stages button{margin-top:-18px;border:0;background:transparent;color:#aaa0b6;display:grid;justify-items:center;gap:7px;font-size:10px}.handoff-stages button i{width:35px;height:35px;border-radius:50%;background:#2e293a;border:1px solid #8369af;display:grid;place-content:center;font:10px DM Mono;font-style:normal}.handoff-stages button.is-active{color:#fff}.handoff-stages button.is-active i{background:#d4bfff;color:#3b2a51;box-shadow:0 0 17px #d4bfff}.handoff-stage article{margin:55px auto 0;max-width:390px;border:1px solid #514661;background:#211c29;border-radius:13px;padding:18px}.handoff-stage article span{font:10px DM Mono;color:#d4bfff}.handoff-stage article p{font:600 18px/1.4 Playfair Display;margin:8px 0;color:#e5ddea}.atlas-stage{height:590px;padding:80px 10%;display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center;background:radial-gradient(circle,#243743,#14191c 67%)}.atlas-map{position:relative;width:300px;max-width:100%;aspect-ratio:1;margin:auto;border:1px solid #6f9ca0;border-radius:50%}.atlas-map:before,.atlas-map:after{content:"";position:absolute;inset:22%;border:1px solid #55787b;border-radius:50%}.atlas-map:after{inset:42%}.atlas-map button{position:absolute;border:0;background:transparent;color:#bdd1cf;display:grid;justify-items:center;gap:4px;font-size:9px}.atlas-map button i{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:#26464a;border:1px solid #78aeb0;font:9px DM Mono;font-style:normal}.atlas-map button.is-active{color:#fff}.atlas-map button.is-active i{background:#a8fff0;color:#174541;box-shadow:0 0 17px #a8fff0}.atlas-0{top:4%;left:39%}.atlas-1{top:42%;right:-4%}.atlas-2{bottom:4%;left:39%}.atlas-3{top:42%;left:-4%}.atlas-stage article{border-left:1px solid #a8fff0;padding-left:15px}.atlas-stage article span{font:10px DM Mono;color:#a8fff0}.atlas-stage article h3{font:700 27px Playfair Display;margin:8px 0}.atlas-stage article p{font-size:11px;line-height:1.7;color:#b5c9c7}@media(max-width:580px){.loom-stage,.reader-stage,.treaty-stage,.skin-stage,.ribbon-stage,.switchboard-stage,.field-stage,.echo-stage,.handoff-stage,.atlas-stage{height:480px}.loom-stage,.reader-stage,.treaty-stage,.skin-stage,.ribbon-stage,.switchboard-stage,.echo-stage,.handoff-stage{padding:68px 7%}.loom-stage article{margin-top:55px}.loom-thread button span{display:none}.reader-stage article{margin:24px auto;font-size:17px}.treaty-layout{height:180px}.skin-stage article{margin-top:40px}.ribbon-stage nav button{font-size:8px}.ribbon-stage nav button:not(.is-active){opacity:.55}.field-stage{padding:65px 7%;gap:12px}.field-stage article h3{font-size:21px}.field-stage aside button strong{display:none}.echo-stage{padding:65px 7%}.echo-device{height:160px;margin:22px auto}.handoff-stage article{margin-top:42px}.atlas-stage{padding:50px 7%;gap:11px}.atlas-map{width:215px}.atlas-stage article h3{font-size:21px}}