/* The universe stays behind every section, including purchase cards. */
body{background:#030711;isolation:isolate;overflow-x:clip}
.robot-stage{position:fixed;inset:0;width:100%;height:100svh;max-width:none;margin:0;z-index:-2;pointer-events:none;opacity:.88}
.robot-stage canvas{width:100%;height:100%;filter:none}
.robot-stage:before{inset:0;border-radius:0;background:radial-gradient(ellipse at 23% 27%,#42216e28,transparent 45%),radial-gradient(ellipse at 78% 70%,#15436435,transparent 44%)}
.universe-shade{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#04071530,transparent 24%,#03071345 53%,#03081568),radial-gradient(ellipse at 50% 32%,transparent 20%,#0308122b 80%)}
.wrap{position:relative;z-index:1;max-width:1260px}
header{background:linear-gradient(#04081277,#04081220);position:relative}
.hero{display:flex;min-height:calc(100svh - 100px);padding:330px 0 64px;align-items:flex-end;justify-content:center;isolation:auto;overflow:visible}
.hero-copy{max-width:820px;text-align:center;position:relative;padding:20px 25px 0;text-shadow:0 2px 28px #000,0 1px 6px #0009}
.eyebrow{justify-content:center}
h1{font-size:clamp(62px,6vw,88px);line-height:1.02;letter-spacing:-4px;margin:24px 0}
.intro{max-width:540px;margin:0 auto;color:#c3c7d9;font-size:18px}
.actions{justify-content:center}.caption{color:#adb3cb}
.strip{background:#050c1899;backdrop-filter:blur(9px);padding:24px 22px;border-radius:12px;margin:0 0 30px}
.section-top{padding:24px 26px;background:linear-gradient(90deg,#030917b8,#04091588);border:1px solid #aec6ff0d;border-radius:12px;backdrop-filter:blur(6px)}
.section-top p{color:#bbc3d7}.feature{background:linear-gradient(135deg,#0a1321cc,#101023ae);backdrop-filter:blur(12px);border-color:#b7c8f926}
.feature p,.step p,details p{color:#bac2d3}
.plan{background:linear-gradient(135deg,#0a1525d6,#0c1124ad);backdrop-filter:blur(9px);border-color:#b9d1fa30;box-shadow:0 15px 50px #0002}
.plan.lifetime{background:linear-gradient(130deg,#282144cc,#11152db5);border-color:#b49aff80}
.brainrot{background:linear-gradient(110deg,#302137dc,#131b2bc4);backdrop-filter:blur(12px)}
.discord-only,.purchase-flow{background:#040917b8;padding:16px;border-radius:10px;backdrop-filter:blur(6px)}
.steps{background:#07101bc4;padding:30px;border:1px solid #ffffff1a;border-radius:14px;backdrop-filter:blur(12px)}
.faq>div{padding:25px;background:#07101bce;border:1px solid #ffffff16;border-radius:12px;backdrop-filter:blur(10px)}
.faq{gap:22px;align-items:start}.faq h2{margin-top:15px}
.join{background:radial-gradient(ellipse at top,#7c54b830,transparent 80%),#081121c9;backdrop-filter:blur(10px)}
footer{background:#030714ae;border-radius:12px;padding:25px}
.robot-fallback{opacity:.22}.robot-fallback span{font-size:35px}.robot-caption{display:none}
@media(max-width:850px){.hero{display:flex;min-height:850px;padding:340px 0 50px}.hero-copy{padding:0}.robot-stage{position:fixed;height:100svh;width:100%;max-width:none;margin:0}.hero-copy h1{font-size:clamp(48px,8vw,70px);letter-spacing:-2px}.strip{margin-top:0}.section-top{padding:20px}.faq>div{padding:22px}.steps{padding:24px}.wrap{padding:0 20px}.universe-shade{background:linear-gradient(transparent,#03081555 40%,#03081588)}}
@media(max-width:500px){.hero{min-height:800px;padding-top:330px}.hero-copy h1{font-size:48px}.hero-copy .intro{font-size:16px}.robot-stage{opacity:.65}.plan{backdrop-filter:blur(5px)}.section-top h2{font-size:29px}.brainrot{padding:24px}.eyebrow{font-size:10px;letter-spacing:1.5px}.caption{font-size:11px}.nav-cta{padding:8px 12px}.brand{font-size:20px}}
/* Supplied galaxy artwork, full-page and gently drifting. */
.nebula-layer{position:fixed;width:160vmax;height:160vmax;left:calc(50% - 80vmax);top:calc(50% - 80vmax);z-index:-3;pointer-events:none;background:#060a20 url('assets/galaxy-reference.png') center 46%/cover no-repeat;opacity:.63;animation:nebula-drift 180s linear infinite;transform-origin:50% 50%;will-change:transform}
.nebula-layer:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#040718aa 100%)}
.universe-shade{background:linear-gradient(180deg,#03071438,transparent 18%,#03071338 58%,#03081566),radial-gradient(ellipse at 50% 30%,transparent 25%,#03081233 80%)}
.robot-stage:before{background:radial-gradient(ellipse at 50% 30%,#28567b15,transparent 70%)}
.hero-copy{text-shadow:0 2px 24px #000,0 1px 7px #000}
.intro{color:#e0e4ef}.hero-copy:before{content:'';position:absolute;z-index:-1;inset:-15px -45px;background:radial-gradient(ellipse,#040b1d8c,transparent 72%);pointer-events:none}
@keyframes nebula-drift{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:700px){.nebula-layer{background-position:center;opacity:.55}.hero-copy:before{inset:-15px -10px}.universe-shade{background:linear-gradient(#03081522,#03081566 55%,#03081588)}}
@media(prefers-reduced-motion:reduce){.nebula-layer{animation:none;will-change:auto;transform:none}}

.demo-placeholder{aspect-ratio:16/9;min-height:260px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #abacff42;border-radius:18px;background:radial-gradient(ellipse at 50% 55%,#38458340,transparent 60%),#060d20c9;backdrop-filter:blur(8px);text-align:center}.demo-label,.demo-bottom{position:absolute;left:28px;font-size:11px;letter-spacing:2px;color:#9da9c9}.demo-label{top:25px}.demo-bottom{bottom:25px}.demo-message{padding:60px 20px}.demo-message h3{font-size:clamp(23px,3vw,36px);margin:20px 0 8px;letter-spacing:-.7px}.demo-message p{color:#aeb8d1;margin:0}.demo-video-icon{display:inline-grid;place-items:center;width:64px;height:64px;border:1px solid #b09cec50;border-radius:50%;font-size:32px;color:#c7b5ff;background:#9072df14}@media(max-width:700px){.demo-placeholder{aspect-ratio:4/3}.demo-label,.demo-bottom{left:18px;font-size:9px}}

.demo-player{overflow:hidden;border:1px solid #abacff42;border-radius:18px;background:#030711;box-shadow:0 20px 60px #0004}.demo-player video{display:block;width:100%;height:auto;max-height:80svh;background:#030711}