/* Fixed scene: identity, one-line promise, outward art, account, signal and feature deck. */
.entry-page{height:100svh;overflow:hidden;background:#101321}.entry-page>header,.entry-page>footer,.entry-page .feedback-fab{display:none}.entry-page main{max-width:none;height:100%;position:relative}
.landing-scene.hero-layout{isolation:isolate;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:140px 24px 220px;gap:0;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#29334c55,transparent 65%)}
.landing-wordmark{position:absolute;top:30px;left:4.5%;z-index:200;color:#fff;display:flex;align-items:center;gap:12px;font-weight:800;font-size:40px;letter-spacing:-2px;line-height:1.2}.vox-mark{display:flex;align-items:center;gap:4px;height:40px;margin-right:3px}.vox-mark i{width:5px;height:16px;border-radius:8px;background:#fff}.vox-mark i:nth-child(2),.vox-mark i:nth-child(4){height:28px}.vox-mark i:nth-child(3){height:40px;background:#39bce0}.vox-spark{color:#39bce0;font-size:13px;align-self:start;line-height:1;margin:9px 0 0 -5px}
.brand-signal{position:absolute;z-index:200;top:104px;left:50%;transform:translateX(-50%);width:min(920px,76%)}.brand-signal h1{display:flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap;margin:0;color:#f6eee8;font-size:clamp(27px,3.2vw,49px);letter-spacing:-1.7px;line-height:1.1;font-weight:750}.coming-label{position:absolute;top:48px;right:4.5%;z-index:200;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:3px;color:#c4cde0;margin:0}.coming-label i{width:5px;height:5px;border-radius:50%;background:#b5ff39;box-shadow:0 0 10px #b5ff3970}
.art-orbit{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orbit-card{position:absolute;top:46%;left:50%;width:180px;height:265px;will-change:transform;border:1px solid #e8dcce40;border-radius:13px;overflow:hidden;box-shadow:0 20px 45px #0007;background:#20283d;backface-visibility:hidden}.orbit-card img{width:100%;height:100%;object-fit:cover;display:block}
.landing-scene .access-card{z-index:150;width:min(560px,100%);flex:none;min-height:390px;padding:32px 34px 27px;background:#151b2dfc;border:1px solid #626a835c;border-radius:17px;box-shadow:0 35px 80px #0009,0 0 0 8px #10132170;overflow:visible}.landing-scene .access-card:before{left:24px;right:24px;height:1px;opacity:.8}.card-eyebrow{font-size:8px;letter-spacing:1.8px;color:#efaa8e;margin:0 0 10px;font-weight:700}.landing-scene .access-card h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:0 0 22px;color:#f8f2ed}.landing-scene .social-options{gap:10px;margin:0 0 13px}.landing-scene .social-options .provider{width:calc(50% - 5px);font-size:11px;min-height:46px;background:#101524;color:#f7f4ef;border-color:#646a77;border-radius:7px}.landing-scene .provider.apple svg{color:#a4ff38}.landing-scene .provider:disabled{opacity:1;color:#a5a9b8}.landing-scene .social-options .help{font-size:9px;color:#9ca9c2;margin-top:-3px}.landing-scene .divider{font-size:9px;color:#9daac3}.landing-scene .divider:before,.landing-scene .divider:after{background:#40485e}
.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.email-fields:has(#login-password[hidden]){grid-template-columns:1fr}.landing-scene .access-card label{margin:5px 0 15px;font-size:11px}.landing-scene .access-card input{padding:12px;font-size:12px;margin-top:7px;height:46px;background:#101524;border-color:#596176}.auth-actions{display:flex;gap:10px}.landing-scene .auth-actions .primary,.signup-action{width:auto;flex:1;min-height:46px;padding:10px 13px;font-size:12px;border:1px solid #ee3c53;background:#ee3c53;color:#fff;justify-content:center;border-radius:7px}.signup-action{background:#a4ff38;color:#162309;border-color:#a4ff38}.signup-action:hover:enabled{background:#b9ff69}.landing-scene .auth-actions .primary:hover:enabled{background:#ff5269;transform:none}.auth-foot{display:flex;align-items:start;justify-content:space-between;margin-top:11px;gap:12px}.auth-foot .help{font-size:10px;margin:0;line-height:1.5}.auth-foot .text-button{margin-left:auto;font-size:10px;padding:0;color:#b9c6df;white-space:nowrap;text-decoration:underline}
.landing-scene>.wave-stage{position:absolute;z-index:160;width:min(1120px,82%);left:50%;transform:translateX(-50%);bottom:125px;margin:0;border:0}.landing-scene>.wave-stage canvas{width:100%;height:85px;filter:drop-shadow(0 0 9px #a4ff3828)}.landing-scene>.wave-stage button{position:absolute;right:0;bottom:1px;font-size:8px;color:#a5b1c9;padding:3px 5px;border:0}
.showcase-strip{position:absolute;z-index:150;bottom:22px;left:50%;transform:translateX(-50%);width:min(1060px,calc(100% - 70px));display:grid;grid-template-columns:repeat(4,1fr);gap:15px;perspective:1200px}.showcase-strip article{height:92px;position:relative;overflow:visible;border:0;border-radius:11px;background:transparent;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.feature-face{position:absolute;inset:0;overflow:hidden;border:1px solid #8790a43b;border-radius:11px;background:#1a2033;backface-visibility:hidden}.feature-back{transform:rotateY(180deg)}.feature-face img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 32%}.feature-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101321d9,#10132155),linear-gradient(0deg,#101321aa,transparent)}.feature-face>div{position:absolute;z-index:1;bottom:14px;left:14px;right:8px}.showcase-strip span{color:#efaa8e;font-size:8px;font-weight:800;letter-spacing:1.1px}.showcase-strip h2{font-size:14px;line-height:1.2;font-weight:650;margin:6px 0 0;letter-spacing:-.35px}
@media(min-height:950px){.brand-signal{top:16%}.landing-scene.hero-layout{padding-top:210px;padding-bottom:270px}.landing-scene .access-card{min-height:430px;padding:43px 36px}.landing-scene>.wave-stage{bottom:160px}.landing-scene>.wave-stage canvas{height:110px}.showcase-strip{bottom:30px}.showcase-strip article{height:110px}}
@media(max-height:740px) and (min-width:701px){.landing-wordmark{top:20px;font-size:34px}.brand-signal{top:85px}.brand-signal h1{font-size:34px}.landing-scene.hero-layout{padding-top:125px;padding-bottom:190px}.landing-scene .access-card{min-height:355px;padding:24px 30px}.landing-scene .access-card h2{font-size:24px;margin-bottom:18px}.landing-scene>.wave-stage{bottom:112px}.landing-scene>.wave-stage canvas{height:65px}.showcase-strip article{height:78px}.showcase-strip{bottom:18px}}
@media(max-width:700px){.landing-wordmark{top:22px;left:24px;font-size:30px;gap:8px;letter-spacing:-1.5px}.vox-mark{gap:3px;scale:.8;margin-right:0}.vox-mark i{width:4px}.coming-label{display:none}.brand-signal{top:88px;width:calc(100% - 40px)}.brand-signal h1{font-size:clamp(15px,4.9vw,27px);letter-spacing:-.6px;gap:8px}.landing-scene.hero-layout{padding:125px 20px 215px}.landing-scene .access-card{padding:24px 21px;min-height:355px}.landing-scene .access-card h2{font-size:22px}.card-eyebrow{font-size:7px}.landing-scene .social-options .provider{font-size:9px}.social-options .provider svg{width:14px;height:14px;margin-right:5px}.landing-scene .access-card input{font-size:11px}.landing-scene .auth-actions .primary,.signup-action{font-size:11px}.showcase-strip{bottom:18px;width:calc(100% - 32px);gap:6px}.showcase-strip article{height:90px}.feature-face>div{left:7px;bottom:9px;right:4px}.showcase-strip span{font-size:6px;letter-spacing:.25px}.showcase-strip h2{font-size:9px;line-height:1.3}.orbit-card{width:150px;height:230px}.landing-scene>.wave-stage{bottom:124px;width:90%}.landing-scene>.wave-stage canvas{height:65px}}
@media(max-height:690px){.landing-wordmark{top:12px;font-size:28px}.brand-signal{top:68px}.landing-scene.hero-layout{padding-top:100px;padding-bottom:150px}.landing-scene .access-card{min-height:0;padding:18px 22px}.landing-scene .access-card h2{font-size:20px;margin-bottom:12px}.card-eyebrow{margin-bottom:7px}.landing-scene .social-options{margin-bottom:7px}.landing-scene .social-options .provider,.landing-scene .access-card input,.landing-scene .auth-actions .primary,.signup-action{min-height:38px;height:38px}.landing-scene>.wave-stage{bottom:92px}.landing-scene>.wave-stage canvas{height:48px}.showcase-strip{bottom:12px}.showcase-strip article{height:67px}}
@media(prefers-reduced-motion:reduce){.orbit-card{will-change:auto}.showcase-strip article{transition:none}}

/* Balance the title, signal and outward scene; give the feature deck breathing room. */
.landing-scene .access-card{position:absolute;top:54%;transform:translateY(-50%)}
.orbit-card{top:54%}
.landing-scene>.wave-stage{top:var(--signal-top,25%);bottom:auto}
.showcase-strip{bottom:clamp(35px,4.5svh,60px)}
@media(max-width:700px){.landing-scene .access-card{width:calc(100% - 40px);top:54%}.showcase-strip{bottom:35px}}
@media(max-height:690px){.showcase-strip{bottom:25px}}

/* Grow the four showcases upward; leave the signal, account and artwork anchors fixed. */
.showcase-strip{width:92%}
.showcase-strip article{height:var(--feature-height,150px)}
.showcase-strip h2{font-size:16px;line-height:1.3}
.feature-face>div{left:18px;bottom:18px;right:14px}
@media(max-width:700px){.showcase-strip{width:calc(100% - 24px)}.showcase-strip h2{font-size:10px}.feature-face>div{left:7px;right:5px;bottom:10px}}
.feature-face:after{background:linear-gradient(to top,#080c18ed 0%,#080c1873 22%,transparent 48%)}.feature-face img{opacity:1;filter:saturate(1.08) contrast(1.025);object-position:center}.feature-face{border-color:#abb5c84d}.feature-face>div{text-shadow:0 2px 9px #000b}

#coming-soon{width:min(360px,calc(100vw - 40px));padding:32px;border:1px solid #5c6681;border-radius:15px;background:#171d30;color:#f4f4fc;box-shadow:0 25px 80px #0009}
#coming-soon::backdrop{background:#080c18ad;backdrop-filter:blur(4px)}
#coming-soon h2{font-size:28px;letter-spacing:-1px;margin:12px 0}
#coming-soon-description{font-size:13px;line-height:1.6;color:#c6cee5;margin-bottom:0}
#coming-soon-close{position:absolute;right:9px;top:7px;width:36px;height:36px;padding:0;border:0;font-size:25px;color:#fff;background:transparent}

.landing-scene .auth-actions .primary{background:#090b11;color:#ee3c53}
.landing-scene .auth-actions .primary.selected{background:#ee3c53;color:#fff}
.landing-scene .auth-actions .signup-action{background:#090b11;color:#a4ff38;border-color:#a4ff38}
.landing-scene .auth-actions .signup-action.selected{background:#a4ff38;color:#162309}
.landing-scene .auth-actions .primary:hover:enabled{background:#29121a}
.landing-scene .auth-actions .primary.selected:hover:enabled{background:#ff5269}
.landing-scene .auth-actions .signup-action:hover:enabled{background:#17220d}
.landing-scene .auth-actions .signup-action.selected:hover:enabled{background:#b9ff69}
