/* One night sky, little pools of light. Brand blue/yellow remain the anchors. */
:root{--bg:#081832;--surface:#10294c;--line:#3e5b80;--muted:#c6d7ee;--mint:#9ce5d3;--lavender:#c3b0f1;--gold:#ffda32}
body{background:var(--bg)}.v-header,.sticky-join{background:#081832f5}.hero{background:radial-gradient(ellipse at 78% 42%,#17449d80,transparent 52%),radial-gradient(ellipse at 0% 85%,#39346735,transparent 50%),#081832}.hero-art:before{border-color:#658bdd55;box-shadow:0 0 100px #0755f51c}.explore-nav{background:#0c203f;border-color:#2a4567}.explore-nav a{background:#112b50}.hero .eyebrow{color:#bbceff}.section{position:relative}.section:after{content:'';position:absolute;left:calc(50% - 5px);top:0;width:10px;height:10px;border-radius:50%;background:#456080;box-shadow:0 0 0 7px #9bb8ee0b;pointer-events:none;transition:background .7s,box-shadow .7s}.section.section-lit:after{background:#ffe477;box-shadow:0 0 16px #ffda3270,0 0 0 7px #ffda320c}
#paths{background:linear-gradient(180deg,#081832,#0c2040)}.path-listen{background:radial-gradient(ellipse at 50% 10%,#205e6960,transparent 65%),#103344;border-color:#3e7c84}.path-build{background:radial-gradient(ellipse at 50% 10%,#7754a347,transparent 65%),#25274e;border-color:#65618a}.path-card:before{content:'';position:absolute;width:160px;height:160px;top:-90px;right:-60px;border:1px solid #ffdf7950;border-radius:50%;pointer-events:none}.path-card .btn{background:#142d4e;color:#eef3ff;border:1px solid #86b5bd}.path-build .btn{background:#393361;border-color:#a895d5}.path-card .btn:hover{background:#ffe476;color:#081832}.listen-world{background:radial-gradient(ellipse at 0% 50%,#1b57654d,transparent 52%),linear-gradient(130deg,#0d293c,#0b2238)}.listen-world:before{color:#91e3d106}.listen-world .scene{background:#0d203a;border-color:#466e81}.listen-world .bubble{background:#1b3e54}.listen-world .step-tabs button{background:#102d42;border-color:#527788}.listen-world .step-tabs [aria-pressed=true]{background:#ffdc4d;color:#081832;border-color:#ffdc4d}.step-tabs button{position:relative}.step-tabs .scene-explored:after{content:'';position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#a0ead2;box-shadow:0 0 8px #a0ead2}.step-tabs .scene-explored[aria-pressed=true]:after{background:#193968;box-shadow:none}.scene-copy>.btn{background:#16455a;border-color:#6caaaf}.listening-companion{border-color:#426477}
#operations{background:radial-gradient(ellipse at 80% 40%,#263c6b45,transparent 60%),#0b1d38}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.area-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.area-grid details{height:auto;min-height:0;align-self:start;width:100%;padding:0;background:#142d4e;border-color:#415d82;overflow:clip;transition:border-color .2s,background .2s,box-shadow .2s}.area-grid details[open]{background:#1a355b;border-color:#8daee4;box-shadow:0 12px 28px #030d1f30}.area-grid details:nth-child(n){min-height:0}.area-grid summary{padding:19px 17px;min-height:84px;gap:12px;font-size:17px}.area-grid summary:after{flex-shrink:0;font-size:21px}.area-title{flex:1}.area-grid .area-art{width:48px;height:48px;flex:0 0 48px;overflow:visible}.area-body{padding:0 22px 22px;animation:body-unfold .3s ease}.area-body .delivery-tag{margin-top:0}.area-body a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}.area-grid .area-1,.area-grid .area-4{background:#252b4c;border-color:#66618d}.area-grid .area-2,.area-grid .area-5{background:#123342;border-color:#466d78}.area-grid .area-1[open],.area-grid .area-4[open]{background:#32345e;border-color:#b0a2df}.area-grid .area-2[open],.area-grid .area-5[open]{background:#1a4452;border-color:#8fcabf}
.lumi-illustration{display:inline-block;width:46px;height:46px;flex-shrink:0;overflow:visible;vertical-align:middle}.illustration-shape{transform-origin:32px 32px}.illustration-glint{opacity:.65;transform-origin:55px 6px}.illustrated-button{gap:10px}.illustrated-button .button-art{width:36px;height:36px;margin:-7px 0}.hero .btn.illustrated-button{padding-block:16px}.hero .btn .button-art{background:#18366d;border-radius:12px;padding:3px;width:38px;height:38px}.btn:hover .illustration-shape,.btn:focus-visible .illustration-shape,summary:hover .illustration-shape,.kit-options button:hover .illustration-shape{animation:illustration-hello .65s ease}.btn:hover .illustration-glint,summary:hover .illustration-glint{animation:glint-hello .6s ease}.kit-options .kit-option-art{width:40px;height:40px}.kit-options button{gap:15px}.kit-options button b{margin-left:auto}.kit-options button>svg+span{flex:1}.conversation-heading{gap:10px;line-height:1.5;letter-spacing:.02em;font-size:12px;text-transform:none}.conversation-heading .lumi-illustration{width:32px;height:32px}.scene-topline{display:flex;justify-content:space-between;gap:12px;color:#aac7d9;font-size:11px;margin-bottom:16px}.scene-label{color:#ffe589;letter-spacing:.12em;white-space:nowrap}.person-bubble{display:flex;gap:12px;align-items:flex-start;font:800 21px/1.5 Nunito;max-width:none;position:relative}.bubble-star{color:#ffdd54;flex-shrink:0}.choice-prompt{font-size:15px;font-weight:700;color:#dce8f4;margin:22px 0 12px}.response-options{display:grid;gap:10px}.response-options button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 14px;border:1px solid #567084;border-radius:16px;text-align:left;background:#122e45;color:#edf5ff;font-size:14px;line-height:1.55;transition:background .2s,border-color .2s,transform .2s}.response-options button:hover{background:#1d4054;border-color:#99cecc;transform:translateX(2px)}.response-options button[aria-pressed=true]{border-color:#ffdd6a;background:#233c4e;box-shadow:inset 3px 0 #ffdd6a}.choice-seed{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #7096a9;border-radius:50%;font-size:11px;color:#b6d1df}.response-options [aria-pressed=true] .choice-seed{background:#ffdf79;border-color:#ffdf79;color:#102440;box-shadow:0 0 15px #ffda3225}.response-mark{margin-left:auto;color:#b9d6e0;font-size:19px}.response-options [aria-pressed=true] .response-mark{font-size:0}.response-options [aria-pressed=true] .response-mark:after{content:'✓';font-size:17px;color:#ffdf79}.response-reflection{display:flex;gap:12px;background:#173e48;border:1px solid #659990;border-radius:18px;padding:20px;margin-top:18px}.reflection-light{color:#ffdf79;font-size:25px}.response-reflection h4{font:900 19px/1.3 Nunito;margin:0 0 9px;color:#f3e7ac}.response-reflection p{color:#ddedea;font-size:14px;line-height:1.7;margin:0}.response-reflection small{display:block;font-size:12px;margin-top:12px;color:#b6d7d0}.feedback-arrive{animation:reflection-glow .5s ease}
#journey{background:radial-gradient(ellipse at 52% 28%,#25467d40,transparent 60%),#0b1b37}.trail-invitation{color:#ffe590!important;margin-top:18px!important}.journey-experience{display:flex;flex-direction:column;gap:0}.journey-rail.light-map{display:block;position:relative;width:100%;height:270px;padding:0;margin:0;overflow:visible;isolation:isolate}.light-trail{position:absolute;inset:0;width:100%;height:240px;overflow:visible;pointer-events:none;z-index:-1}.trail-base{fill:none;stroke:#567299;stroke-width:1.5;stroke-dasharray:3 6;opacity:.65}.trail-lit{fill:none;stroke:#ffdc69;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s ease;filter:drop-shadow(0 0 4px #ffdb5480)}.trail-lit.is-lit{stroke-dashoffset:0}.trail-mobile{display:none}.journey-rail.light-map button{position:absolute;top:79px;left:calc(8% + var(--stop)*21%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:17%;min-height:155px;padding:0;background:none!important;border:0!important;box-shadow:none!important;text-align:center;color:#f0f4ff}.journey-rail.light-map button:hover{transform:translateX(-50%) translateY(-3px)}.journey-rail.light-map .rail-number{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;font-size:19px;background:#132b4c;border:1px solid #6b83aa;color:#b9cbe4;isolation:isolate;transition:background .4s,border-color .4s,box-shadow .4s}.light-core{position:absolute;inset:10px;border:1px solid #6684b3;border-radius:50%;z-index:-1;transition:background .4s,box-shadow .4s}.journey-rail.light-map strong{display:block;font-size:17px;line-height:1.2}.journey-rail.light-map small{display:block;font-size:11px;color:#b4c4dc;margin-top:7px}.journey-rail.light-map .light-visited .light-core{background:#ffd858;border-color:#fff3be;box-shadow:0 0 22px #ffda3275}.journey-rail.light-map .light-visited .rail-number{color:#09203e;border-color:#c9aa60;background:#6e6136}.journey-rail.light-map .light-current .rail-number{box-shadow:0 0 0 7px #ffda3210,0 0 0 15px #ffda3206;border-color:#ffe699}.journey-rail.light-map .light-current .light-core{animation:lantern-breathe 3s ease-in-out infinite}.journey-rail.light-map .light-current strong{color:#ffe694}.trail-caption{font-size:12px;max-width:740px;margin:0 auto 32px;text-align:center;color:#becde3;display:flex;align-items:center;justify-content:center;gap:10px}.caption-light{width:7px;height:7px;background:#ffdb67;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #ffdf7977}.journey-stage{width:100%;display:grid;grid-template-columns:.7fr 1.3fr;grid-template-rows:1fr auto;column-gap:36px;align-items:center;background:linear-gradient(120deg,#183252,#25294d);border-color:#60729a;padding:30px 46px;border-radius:30px;min-height:320px}.journey-visual{grid-row:1/3;height:260px;margin:0;position:relative;isolation:isolate}.journey-visual .journey-mascot{height:100%;width:100%;object-fit:contain;z-index:1;position:relative}.journey-orbit{display:none}.lantern-halo{position:absolute;inset:15%;background:radial-gradient(ellipse,#ffe17125,transparent 68%);z-index:0;border-radius:50%}.journey-stage #journey-detail p{min-height:0;max-width:610px}.journey-stage #journey-next{justify-self:start;margin-top:22px}.journey-stage .journey-star{right:5%;top:10%}.journey-stage .small-spark{opacity:.6}
.extras-world{background:radial-gradient(ellipse at 14% 55%,#56457248,transparent 56%),linear-gradient(150deg,#242443,#1b2341);border-block:1px solid #6b658644}.kit-preview{background:#242b4c;border-color:#78749d}.kit-options button{background:#303351;border-color:#787294}.kit-options button[aria-pressed=true]{background:#51436d;border-color:#cdb0ec}.kit-preview[data-selected="1"]{background:#193c4b;border-color:#73a6a5}.kit-preview[data-selected="2"]{background:#2e304c;border-color:#a89b77}.kit-preview[data-selected="3"]{background:#202e4a;border-color:#7786a8}.kit-disclaimer{border-color:#7a6a884f}.kit-options .eyebrow{color:#d8c9f2}#interest{background:radial-gradient(ellipse at 15% 40%,#264d7950,transparent 50%),#0b1e39}.join-grid form{background:#122d4d;border-color:#607da5}.note{background:#173454;border-color:#ffdd76}.faq{background:transparent}.btn:focus-visible,.response-options button:focus-visible,.journey-rail button:focus-visible{outline-offset:5px}.sticky-join .button-art{width:25px;height:25px}.sticky-join .btn{gap:7px}.sticky-join .btn>span{color:#081832;font-size:14px;max-width:none}
@keyframes body-unfold{from{opacity:.4;translate:0 -6px}to{opacity:1;translate:0}}@keyframes illustration-hello{35%{rotate:-9deg;translate:0 -3px}70%{rotate:4deg}to{rotate:0deg;translate:0}}@keyframes glint-hello{50%{scale:1.6;opacity:1}}@keyframes reflection-glow{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0}}@keyframes lantern-breathe{50%{box-shadow:0 0 35px #ffda3290}}
@media(max-width:800px){.area-grid{grid-template-columns:1fr}.area-stack{gap:12px}.area-grid summary{min-height:80px}.area-grid .area-art{width:43px;height:43px;flex-basis:43px}.journey-rail.light-map{height:584px;max-width:420px;margin:0 auto 20px;overflow:visible}.trail-desktop{display:none}.trail-mobile{display:block;width:80px;height:584px;left:8px}.journey-rail.light-map button{left:8px;top:calc(17px + var(--stop)*118px);width:calc(100% - 8px);min-height:78px;flex-direction:row;gap:22px;text-align:left;transform:none;padding:0}.journey-rail.light-map button:hover{transform:translateX(3px)}.journey-rail.light-map .rail-number{width:64px;height:78px;flex:0 0 64px;background:transparent;border-color:transparent;border-radius:45%;font-size:17px}.journey-rail.light-map .light-core{inset:13px 6px;border-radius:50%;background:#173453}.journey-rail.light-map .light-visited .rail-number{background:none;border-color:transparent}.journey-rail.light-map .light-current .rail-number{box-shadow:none;border-color:transparent}.journey-rail.light-map .light-current .light-core{outline:1px solid #f8dc7060;outline-offset:7px}.journey-rail.light-map strong{font-size:20px}.journey-rail.light-map small{font-size:12px}.trail-caption{font-size:12px;text-align:left;align-items:flex-start;margin-bottom:24px}.caption-light{margin-top:7px}.journey-stage{grid-template-columns:1fr;padding:26px;min-height:0;gap:16px}.journey-visual{grid-row:auto;height:190px;max-width:300px;width:100%;margin:auto}.journey-stage #journey-next{justify-self:stretch;width:100%;margin-top:6px}.kit-options button{gap:10px;max-width:270px;padding:12px}.kit-options .kit-option-art{width:34px;height:34px}.kit-options{scrollbar-width:thin;scrollbar-color:#a49bc5 transparent}.hero .actions>.btn{gap:12px}.scene-copy .btn{width:100%}.person-bubble{font-size:19px}.response-options button{padding:14px 12px;gap:10px}.response-reflection{padding:17px}.scene-topline{font-size:10px}.section:after{width:8px;height:8px}.section{overflow:clip}}
@media(max-width:380px){.response-options button{font-size:13px;gap:8px}.choice-seed{flex-basis:23px;height:23px}.response-mark{display:none}.scene{padding:18px}.scene-topline{flex-wrap:wrap;gap:4px}.sticky-join .btn{padding-inline:14px}.sticky-join .button-art{display:none}.kit-options button{max-width:245px}.journey-stage{padding:22px}.journey-rail.light-map strong{font-size:18px}.area-grid summary{font-size:16px}}
.response-reflection{scroll-margin-top:95px;scroll-margin-bottom:115px}#journey-detail{scroll-margin-top:100px;scroll-margin-bottom:115px}.scene{scroll-margin-top:14px}.sticky-join .button-art{background:#18366d;border-radius:7px;padding:2px}
@media(max-width:800px){#operations .section-head{max-width:100%}.operations-mascot{float:none;display:flex;position:relative;top:auto;right:auto;align-items:center;gap:14px;width:auto;margin:20px 0 0}.operations-mascot img{width:92px}.operations-mascot .handwritten{font-size:16px}.operations-mascot .small-spark{display:none}#operations h2{font-size:clamp(32px,5vw,42px)}}
@media(prefers-reduced-motion:reduce){.trail-lit{transition:none}.light-core{animation:none!important}.response-options button:hover{transform:none}}html[data-motion=off] .light-core{animation:none!important}