/* Footer navigation stays distinct and comfortable to tap at every width. */
.home-page .site-foot-in{grid-template-columns:minmax(160px,1fr) minmax(0,3fr);align-items:start;gap:28px}
.home-page .site-foot .brand{min-height:48px}
.home-page .site-foot nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.home-page .site-foot nav .btn{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:0;padding:12px 14px;font-size:14px;line-height:1.5;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.home-page .site-foot nav .btn-ghost{color:var(--paper);border:1px solid var(--line)}
.home-page .site-foot nav .btn-mint{background:#a8bfd9;color:#101d2c;border:1px solid #a8bfd9}
.home-page .site-foot nav .btn:hover{border-color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.home-page .site-foot nav .btn-mint:hover{background:#c2d6ed;color:#101d2c}
.home-page .site-foot nav .btn:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
html[data-theme=light] .home-page .site-foot nav .btn-mint{background:#173d69;color:#ffffff;border-color:#173d69}
html[data-theme=light] .home-page .site-foot nav .btn-mint:hover{background:#234d7c;border-color:#234d7c}
@media(max-width:900px){.home-page .site-foot-in{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:600px){.home-page .site-foot nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .site-foot nav .btn-mint{grid-column:1/-1}}

/* Solid surfaces and readable type: no frosted text, grain, or luminous outlines. */
.home-page{--haze:#c4cddd;--paper:#f4f5f7;--ink:#0c1522;-webkit-font-smoothing:auto}
html[data-theme=light] .home-page{--haze:#425466;--paper:#152433;--ink:#f6f6f2;--mint:#173d69}
.home-page :is(h1,h2,h3,p,a,button,span,li,label,small){text-shadow:none!important}
.home-page :is(.nav,.one-rail,.bubble,.card,form,.btn-ghost,.launch-pill,.feat,.space,.tier,.loyal,.perk,.piece,.pcard){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none;background:#172333;border-color:#42516a}
html[data-theme=light] .home-page :is(.nav,.one-rail,.bubble,.card,form,.btn-ghost,.launch-pill,.feat,.space,.tier,.loyal,.perk,.piece,.pcard){background:#ffffff;border-color:#c3cdd3;box-shadow:none}
.home-page :is(.nav,.btn,.space,.feat,.tier,.piece,.pcard,form){border-radius:10px}
.home-page :is(.nav,.btn-ghost,.feat,.space,.tier,.loyal,.perk,.piece,.pcard,form)::before{display:none}
.home-page .one-view::after{display:none}.home-page .one-ambient{opacity:.5}.home-page .one-copy h1,.home-page .one-copy h2{letter-spacing:-.025em;font-weight:650}.home-page .one-copy h1 em,.home-page .one-copy h2 em{letter-spacing:-.035em}.home-page .one-copy:not([hidden]){animation:none!important}.home-page .one-lead{font-size:20px;line-height:1.65}.home-page .one-footnote{font-size:14px}.home-page .one-kicker{font-family:var(--f-display);font-size:13px;font-weight:600;letter-spacing:.08em}.home-page .one-board-caption{font-family:var(--f-display);font-size:14px;font-weight:500;letter-spacing:.05em;line-height:1.5;color:var(--paper);opacity:1}.home-page .one-page-note{font-family:var(--f-display);font-size:12px;letter-spacing:.06em;color:var(--haze);opacity:1}.home-page .one-coda-note{font-size:15px;color:var(--paper)}.home-page .one-thought{box-shadow:0 8px 18px -14px #00000088;will-change:auto;backface-visibility:visible}.home-page .one-thought small{font-family:var(--f-display);font-size:11px;font-weight:500;letter-spacing:.03em;color:#d0d9ed}.home-page .one-thought strong{font-size:15px;line-height:1.35;font-weight:600}.home-page .one-thought[data-tone=mint] small,.home-page .one-thought[data-tone=peach] small{color:#d9e0e8}.home-page .one-thought[data-noise=true] strong{font-size:13px}.home-page .one-thought[data-noise=true]{opacity:1}
html[data-theme=light] .home-page .one-thought small{color:#425466}.home-page .one-rail{background:#172333}.home-page .one-rail button{font-size:14px;font-weight:500}.home-page .one-rail button span{font-size:11px;opacity:1}.home-page .one-lanes>span{font-size:12px}.home-page .one-lanes b{font-size:20px}.home-page .one-next-label{font-size:12px}.home-page .one-next>p{font-size:16px}.home-page .one-next .one-example{font-size:12px}.home-page .one-session{font-size:14px}.home-page .one-session>span:last-child{font-size:12px}.home-page .one-next button{font-size:15px}.home-page .nav .rmt>span{font-size:13px}.home-page .nav .app-rail a,.home-page .nav .btn{font-size:14px}.home-page .nav .wm{letter-spacing:0}.home-page .nav .appicon,.home-page .mclogo{filter:none;box-shadow:none}.home-page .nav .appicon .mclogo::before{display:none}.home-page .btn{box-shadow:none!important;filter:none!important}.home-page .one-text-link{font-size:15px}.home-page .eyebrow{font-family:var(--f-display);font-size:13px;letter-spacing:.08em;font-weight:600}.home-page :is(.space p,.feat p,.fine,.waitlist-privacy,.pcard p,.tier li,.shop-head p){font-size:16px;line-height:1.65;color:var(--haze)}.home-page :is(.tag-now,.tag-soon,.tag-free,.tag-coming,.tag-plus,.soon,.copy,.piece-type,.tier-for,.waitlist-check){font-size:13px;line-height:1.6}.home-page .site-foot a{font-size:14px}.home-page .price span{font-size:16px}.home-page .price strong{letter-spacing:-.025em}.home-page .next-spaces li{font-size:14px}.home-page .nav .wm em{font-size:11px}.home-page :is(.space,.feat,.piece,.pcard):hover{transform:none}.home-page .contact-mail{overflow-wrap:anywhere}
@media(max-width:600px){.home-page .one-kicker{font-size:11px}.home-page .one-board-caption{font-size:12px;margin-bottom:10px;letter-spacing:.02em}.home-page .one-lead{font-size:16px;line-height:1.5}.home-page .one-copy:not([hidden]){gap:12px}.home-page .one-narrative{min-height:210px}.home-page .one-coda-note{font-size:13px}.home-page .one-thought{padding:9px;min-height:70px}.home-page .one-thought small{font-size:10px;line-height:1.2}.home-page .one-thought strong{font-size:12px}.home-page .one-thought[data-noise=true] strong{font-size:11px}.home-page .one-rail button{font-size:11px;padding:11px 7px}.home-page .one-rail button span{font-size:9px}.home-page .one-page-note{font-size:10px;letter-spacing:.015em;padding:0 18px;bottom:10px}.home-page .one-rail{bottom:40px}.home-page .one-story-layout{padding-bottom:100px}.home-page .one-next{padding:16px;gap:8px}.home-page .one-next-label{font-size:10px}.home-page .one-next>p{font-size:13px}.home-page .one-next .one-example{font-size:10px}.home-page .one-session{font-size:12px}.home-page .one-session>span:last-child{font-size:11px}.home-page .one-next button{font-size:13px}.home-page .one-lanes>span{font-size:10px}.home-page .one-lanes b{font-size:16px}.home-page .one-actions .btn{font-size:13px}.home-page .one-text-link{font-size:13px}.home-page .nav .rmt>span{font-size:12px}.home-page .nav .app-rail a,.home-page .nav .btn{font-size:13px}.home-page .nav .wm em{font-size:10px}.home-page .one-aside{font-size:14px}.home-page .one-next h3{font-size:23px}}
.home-page .ft{flex-wrap:wrap}.home-page .ft-tags{flex-wrap:wrap}.home-page .spaces,.home-page .feats,.home-page .perks{max-width:calc(100% + var(--gutter-r));box-sizing:border-box}
@media(max-width:600px){.home-page .one-page-note{font-size:11px}.home-page .one-rail button{font-size:12px}.home-page .one-rail button span{display:none}.home-page .one-next-label,.home-page .one-next .one-example{font-size:12px}.home-page .one-next>p{font-size:14px}.home-page .one-next{gap:7px}.home-page .one-lanes>span{font-size:12px}.home-page .one-thought small{font-size:11px}}
.one-focus-peek{display:flex;align-items:center;gap:13px;justify-self:start;max-width:100%;padding:10px 13px;border:1px solid #40586d;border-radius:7px;color:#dce7f1;background:#14243b;text-decoration:none;font:500 13px/1.5 var(--f-display)}.one-focus-peek img{flex:none}.one-focus-peek span{border-left:1px solid #617382;padding-left:13px}.one-focus-peek b{margin-left:8px}.one-focus-peek:hover{border-color:#9ebad9}
.focus-feature{padding:72px max(24px,6vw);scroll-margin-top:100px;background:#101d2e;border-block:1px solid #41536b;color:#f4f5f7}.focus-feature-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}.focus-feature .eyebrow{color:#a8bfd9}.focus-brand{display:block;margin:20px 0 30px}.focus-feature h2{font:600 clamp(34px,4vw,56px)/1.1 var(--f-display);letter-spacing:-.025em;margin:0 0 22px}.focus-feature h2 em{font-family:var(--f-soft);font-weight:450;color:#a8bfd9}.focus-feature p{font-size:18px;line-height:1.6;color:#d0dbe8;margin:0 0 25px;max-width:44ch}.focus-feature .btn-mint{background:#a8bfd9;color:#101d2c;font-size:16px}.focus-feature .focus-terms{font-size:14px;line-height:1.65;margin:22px 0 0;max-width:58ch}.focus-score{display:grid;place-items:center;gap:28px}.focus-score>span{font-size:13px;letter-spacing:.08em;color:#c4cddd}.focus-disc{width:min(100%,360px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #88a5b3;background:repeating-radial-gradient(circle,#1a2d40 0px,#1a2d40 14px,#405166 15px,#1a2d40 16px);position:relative}.focus-wave{display:flex;align-items:center;gap:5px;width:68%;height:90px}.focus-wave i{height:20%;flex:1;background:#b6cbe4;border-radius:5px}.focus-wave i:nth-child(3n){height:60%}.focus-wave i:nth-child(4n){height:80%}.focus-wave i:nth-child(5n){height:45%}.focus-wave i:nth-child(9){height:100%}
@media(max-width:600px){.one-focus-peek{padding:7px 10px;gap:10px;font-size:12px}.one-focus-peek span{padding-left:10px}.home-page .one-copy:not([hidden]){gap:10px}.home-page .one-story-layout{gap:10px}.focus-feature{padding:44px 24px}.focus-feature-in{grid-template-columns:1fr;gap:30px}.focus-feature p{font-size:16px}.focus-score{display:grid;gap:16px}.focus-disc{width:220px}.focus-wave{height:64px;gap:4px}.focus-brand{width:176px;height:40px;margin:18px 0 24px}.focus-feature .focus-terms{font-size:14px}}
html[data-theme=light] .home-page .one-rail button[aria-current=step],html[data-theme=light] .home-page .one-next button{color:#ffffff}

/* Keep filled actions and labels legible against the daytime palette. */
html[data-theme=light] .home-page{--line:#c3cdd3;--mint-ink:#173d69}
html[data-theme=light] .home-page .btn-mint{background:#173d69;color:#ffffff;border-color:#173d69}
html[data-theme=light] .home-page .btn-mint:hover{background:#123256;color:#ffffff}
html[data-theme=light] .home-page .one-thought[data-tone] small{color:#425466}
html[data-theme=light] .home-page .one-focus-peek{background:#ffffff;color:#152433;border-color:#81968f}
html[data-theme=light] .home-page .focus-feature{background:#eaedf0;color:#152433;border-color:#a5aeb9}
html[data-theme=light] .home-page .focus-feature :is(p,.focus-terms,.focus-score>span){color:#425466}
html[data-theme=light] .home-page .focus-feature :is(.eyebrow,h2 em){color:#173d69}
html[data-theme=light] .home-page :focus-visible{outline:3px solid #173d69;outline-offset:4px}
html[data-theme=light] .home-page :is(.tag-now,.tag-plus,.deal-tag,.launch-pill span,.card-campus b,.plats input:checked + label){background:#173d69;color:#ffffff}
html[data-theme=light] .home-page :is(.one-focus-peek img,.focus-brand){background:#14243b;border-radius:4px;padding:4px}

.one-focus-peek>span{display:grid;gap:2px}.one-focus-peek strong{font-size:15px;line-height:1.3;color:inherit}.one-focus-peek small{font-size:12px;line-height:1.4;color:inherit}.focus-feature .btn{white-space:normal;text-align:center;line-height:1.5;max-width:100%}
@media(max-width:600px){.one-focus-peek strong{font-size:13px}.one-focus-peek small{font-size:11px}.one-focus-peek{padding:7px 10px}}

/* The same deep navy carries the welcome into the homepage. */
html[data-theme="dark"] .home-page{--ink:#0b1930;background:#0b1930}
html[data-theme="dark"] .home-page :is(.nav,.one-rail,.bubble,.card,form,.btn-ghost,.launch-pill,.feat,.space,.tier,.loyal,.perk,.piece,.pcard){background:#132640}
html[data-theme="dark"] .focus-feature{background:#0d172c}

/* A quiet inclined star field: depth without motion or a rendering loop. */
html[data-theme="dark"] .home-page :is(.one-view,.focus-feature,.beyond,.plans,.coda-end,.shop,.partners){background-color:#0b1930;background-image:url('/galaxy-background-v1.svg');background-position:center top;background-size:cover;background-repeat:no-repeat}
html[data-theme="dark"] .home-page .one-ambient{opacity:.16}
/* Navy actions retain a visible edge against the deeper navy canvas. */
html[data-theme] .home-page :is(.btn-mint,.one-next button,.one-rail button[aria-current=step],.plats input:checked + label){background:#244b78;color:#ffffff;border:1px solid #6b88b0}
html[data-theme] .home-page :is(.btn-mint,.one-next button,.one-rail button[aria-current=step]):hover{background:#305f92;color:#ffffff;border-color:#a7c0e2}
html[data-theme] .home-page :is(.btn,.one-next button,.one-rail button):focus-visible{outline:3px solid #adc9f0;outline-offset:4px}

/* A slowly rotating star disk, tilted in perspective; content never moves. */
.home-page :is(.one-view,.focus-feature,.beyond,.plans,.coda-end,.shop,.partners){position:relative;isolation:isolate}
.home-page .one-view{position:sticky}
html[data-theme="dark"] .home-page :is(.one-view,.focus-feature,.beyond,.plans,.coda-end,.shop,.partners){background-image:none}
.galaxy-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.galaxy-backdrop::before{content:"";position:absolute;left:15%;top:-25%;width:max(100%,900px);aspect-ratio:1;background:url('/galaxy-background-v1.svg?v=2') center/contain no-repeat;transform:perspective(1100px) rotateX(58deg) rotateZ(0deg);transform-origin:center;opacity:.65}
html[data-theme="light"] .galaxy-backdrop{display:none}
@media(prefers-reduced-motion:no-preference){html:not(.rm) .galaxy-backdrop::before{animation:galaxy-drift 240s linear infinite}}
@keyframes galaxy-drift{from{transform:perspective(1100px) rotateX(58deg) rotateZ(0deg)}to{transform:perspective(1100px) rotateX(58deg) rotateZ(360deg)}}
html[data-theme="dark"] .home-page{--mint:#aed7ed;--mint-ink:#aed7ed;--coda:#8bc9ff}
html[data-theme="light"] .home-page{--mint:#234d7c;--mint-ink:#234d7c}
html[data-theme] .home-page :is(.focus-feature .eyebrow,.focus-feature h2 em){color:var(--mint)}
html[data-theme="dark"] .home-page .one-thought[data-tone="mint"]{background:linear-gradient(145deg,#253c61,#15243b);border-color:#658bb8}
html[data-theme="dark"] .home-page .one-thought[data-tone="mint"] small{color:#c3ddfa}
html[data-theme="light"] .home-page .one-thought[data-tone="mint"]{background:linear-gradient(145deg,#f7fbff,#dbeaff);border-color:#9ab7db}
html[data-theme="dark"] .home-page .one-next{background:linear-gradient(145deg,#152b4b,#101b30);border-color:#58799e}
html[data-theme="light"] .home-page .one-next{background:linear-gradient(145deg,#ffffff,#e6effb);border-color:#9ab7db}
html[data-theme] .home-page .rmt[aria-checked="true"] i{background:linear-gradient(#23446c,#4b7ab0);box-shadow:inset 0 2px 5px #07172d88}
html[data-theme] .home-page .nav .wm em{background:linear-gradient(#b6ddff,#72a5e5);color:#102445;box-shadow:none}
html[data-theme] .home-page :is(.tag-now,.tag-plus,.deal-tag,.launch-pill span,.card-campus b){background:#23446c;color:#ffffff}
html[data-theme] .home-page .focus-wave i{background:#b4e1e0}
html[data-theme] .home-page :is(.one-guide>span,.one-aside){border-color:#82afe0}
html[data-theme] .home-page .one-guide>span{background:radial-gradient(#75adff22,transparent 65%);box-shadow:0 0 65px #75adff18}
html[data-theme] .home-page .mclogo{filter:drop-shadow(0 1px 2px rgba(0,20,90,.5))!important}
html[data-theme] .home-page :is(.arrival-mark){filter:drop-shadow(2px 3px 0 #2c547c) drop-shadow(3px 4px 0 #172c50) drop-shadow(0 24px 18px #14254255)!important}

/* Midnight navy, layered slate surfaces, and a quiet sea-glass highlight. */
html[data-theme="dark"] .home-page{--paper:#f1f5fa;--haze:#bdcbdd;--line:#425b78;--coda:#94cfdb}
html[data-theme="dark"] .home-page .focus-feature{background-color:#10243e;border-color:#3e5978}
html[data-theme="dark"] .home-page .focus-disc{border-color:#4e7296;background:repeating-radial-gradient(circle,#142d49 0px,#142d49 14px,#2b4868 15px,#142d49 16px);box-shadow:0 20px 60px -35px #000a}
html[data-theme="light"] .home-page .focus-feature{background:#eaf0f7;border-color:#b4c5d8}
html[data-theme] .home-page .focus-wave i{background:linear-gradient(#d4f3ef,#8fc8df);transform-origin:center;animation:focus-equalizer 1.6s ease-in-out infinite;animation-play-state:paused}
html[data-theme] .home-page .focus-wave i:nth-child(3n){animation-duration:1.1s;animation-delay:-.7s}
html[data-theme] .home-page .focus-wave i:nth-child(3n + 1){animation-duration:1.9s;animation-delay:-1.3s}
html[data-theme] .home-page .focus-wave i:nth-child(4n){animation-duration:1.35s;animation-delay:-.4s}
html[data-theme] .home-page .focus-wave i:nth-child(5n){animation-duration:2.1s;animation-delay:-1.6s}
@keyframes focus-equalizer{0%,100%{transform:scaleY(.35)}20%{transform:scaleY(.85)}40%{transform:scaleY(.48)}65%{transform:scaleY(1)}85%{transform:scaleY(.6)}}
@media(prefers-reduced-motion:no-preference){html:not(.rm):not([data-reduced-motion="true"]) .home-page .focus-wave.is-active i{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){html[data-theme] .home-page .focus-wave i{animation:none}}
html.rm .home-page .focus-wave i,html[data-reduced-motion="true"] .home-page .focus-wave i{animation:none}

/* Let readable card copy determine its height instead of spilling out of an inset box. */
.home-page .one-view[data-step="3"] .one-board-canvas{height:auto;min-height:440px;display:grid;align-items:center}
.home-page .one-next{position:relative;inset:auto;margin:20px 35px;padding:28px;justify-content:flex-start;gap:14px;min-width:0}
.home-page .one-next>*{flex-shrink:0}
.home-page .one-next button{line-height:1.5;gap:12px;text-align:left}
.home-page .one-next .one-example{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:900px){.home-page .one-next{margin:20px 10px;padding:24px}}
@media(max-width:600px){
 /* A taller sticky scene can scroll to its lower edge on short phone screens. */
 .home-page .one-view{min-height:960px;top:min(0px,calc(100svh - 960px))}
 .home-page .one-story-layout{justify-content:flex-start;padding-top:132px;padding-bottom:116px;gap:24px}
 .home-page .one-narrative{flex-shrink:0;min-height:230px}
 .home-page .one-board{flex:1 0 auto;min-height:390px}
 .home-page .one-board-canvas,.home-page .one-view[data-step="3"] .one-board-canvas{flex:1 0 auto;min-height:330px}
 .home-page .one-next{margin:0 4px;padding:20px;gap:12px}
 .home-page .one-board-caption{margin-bottom:16px}
 .home-page .one-coda-note{margin-top:16px;min-height:36px}
 .home-page .one-page-note{line-height:1.5;bottom:12px}
 .home-page .one-rail{bottom:48px}
}