/* ============================================
   LUMORAE V3 — DEEP SPACE NEON BILLBOARD
   ============================================ */

:root {
  /* Neon palette — exactly matching Lumorae's design system */
  --cyan:   #22d3ee;
  --cyan-d: #0e7490;
  --purple: #a855f7;
  --purple-d:#6b21a8;
  --pink:   #ec4899;
  --pink-d: #be185d;
  --white:  #f0f9ff;
  --w70:    rgba(240,249,255,0.70);
  --w45:    rgba(240,249,255,0.45);
  --w20:    rgba(240,249,255,0.18);

  /* Glow utilities */
  --glow-cyan:   0 0 16px rgba(34,211,238,0.65);
  --glow-purple: 0 0 16px rgba(168,85,247,0.65);
  --glow-pink:   0 0 16px rgba(236,72,153,0.65);

  /* Typography */
  --font-h: 'Orbitron', sans-serif;
  --font-b: 'Nunito', sans-serif;
  --font-l: 'Baloo 2', 'Nunito', sans-serif;

  /* Scale */
  --tx-xs:   clamp(0.65rem,  0.6rem  + 0.22vw, 0.78rem);
  --tx-sm:   clamp(0.75rem,  0.7rem  + 0.28vw, 0.9rem);
  --tx-base: clamp(0.85rem,  0.78rem + 0.35vw, 1rem);
  --tx-lg:   clamp(1rem,     0.88rem + 0.6vw,  1.35rem);
  --tx-xl:   clamp(1.25rem,  1rem    + 1vw,    1.9rem);
  --tx-2xl:  clamp(1.7rem,   1.1rem  + 1.9vw,  2.8rem);
  --tx-hero: clamp(2.2rem,   0.8rem  + 4.5vw,  5rem);

  --sp1:.25rem; --sp2:.5rem; --sp3:.75rem; --sp4:1rem; --sp5:1.25rem; --sp6:1.5rem; --sp8:2rem;
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-full:9999px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in:cubic-bezier(0.4,0,1,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html,body{
  width:100%;min-height:100dvh;
  background:#020408;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-b);
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}

/* ── Stage ── */
.stage{
  width:100%;
  max-width:min(1200px,96vw);
  padding:clamp(.4rem,1.5vw,1.2rem);
  display:flex;align-items:center;justify-content:center;
}

/* ── Billboard shell ── */
.billboard{
  position:relative;
  width:100%;
  aspect-ratio:16/7.4;
  min-height:330px;
  border-radius:clamp(10px,1.8vw,22px);
  overflow:hidden;
  border:1px solid rgba(34,211,238,0.2);
  box-shadow:
    0 0 0 1px rgba(168,85,247,0.1),
    0 0 50px rgba(34,211,238,0.15),
    0 0 80px rgba(168,85,247,0.12),
    0 20px 70px rgba(0,0,0,0.8),
    inset 0 1px 0 rgba(34,211,238,0.08);
  background:#020408;
}

/* ── Background ── */
.bg-photo{
  position:absolute;inset:0;z-index:0;
  background:url('bg.png') center/cover no-repeat;
  opacity:0.28;
}
.bg-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(ellipse 80% 60% at 50% 100%,rgba(34,211,238,0.12) 0%,transparent 60%),
    radial-gradient(ellipse 40% 50% at 90% 5%, rgba(168,85,247,0.18) 0%,transparent 55%),
    radial-gradient(ellipse 35% 40% at 5%  5%, rgba(34,211,238,0.12) 0%,transparent 50%),
    linear-gradient(180deg,rgba(2,4,8,0.45) 0%,rgba(2,4,8,0.8) 100%);
}
#stars{
  position:absolute;inset:0;z-index:2;
  width:100%;height:100%;pointer-events:none;
}

/* Neon scan line */
.billboard::after{
  content:'';
  position:absolute;top:0;left:-120%;width:45%;height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(34,211,238,0.05) 40%,rgba(34,211,238,0.09) 50%,rgba(34,211,238,0.05) 60%,transparent 100%);
  z-index:60;pointer-events:none;
  animation:scanLine 6s linear infinite;
}
@keyframes scanLine{0%{left:-120%}100%{left:200%}}

/* ── Brand bar ── */
.brand-bar{
  position:absolute;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:clamp(.35rem,.9vw,.7rem) clamp(.6rem,2vw,1.4rem);
  background:linear-gradient(180deg,rgba(2,4,8,0.75) 0%,transparent 100%);
}
.brand-left{display:flex;align-items:center;gap:var(--sp2);}
.brand-icon{flex-shrink:0;}
.brand-name{
  font-family:var(--font-h);
  font-size:var(--tx-lg);
  font-weight:800;
  letter-spacing:.12em;
  background:linear-gradient(90deg,var(--cyan),var(--purple));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.brand-right{display:flex;gap:var(--sp2);flex-wrap:wrap;justify-content:flex-end;}
.brand-pill{
  font-family:var(--font-l);
  font-size:var(--tx-xs);font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  background:rgba(34,211,238,0.1);
  border:1px solid rgba(34,211,238,0.25);
  border-radius:var(--r-full);
  padding:2px var(--sp3);
  color:var(--cyan);
}
.brand-coming{
  font-family:var(--font-l);
  font-size:var(--tx-xs);font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(135deg,rgba(253,230,138,.15),rgba(245,158,11,.1));
  border:1px solid rgba(253,230,138,.5);
  border-radius:var(--r-full);
  padding:3px var(--sp4);
  color:#fde68a;
  animation:comingGlow 2.5s ease-in-out infinite;
}
@keyframes comingGlow{
  0%,100%{box-shadow:none;}
  50%{box-shadow:0 0 12px rgba(253,230,138,.4);}
}

/* ── Scenes ── */
.scene{
  position:absolute;inset:0;z-index:10;
  display:none;
  align-items:center;justify-content:center;
  padding:clamp(1.8rem,4vw,2.8rem) clamp(.8rem,3vw,2.2rem) clamp(2rem,4vw,2.8rem);
}
.scene.active{
  display:flex;
  animation:sceneIn .6s var(--ease-out) both;
}
@keyframes sceneIn{
  from{opacity:0;transform:scale(0.97) translateY(6px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}

/* Reveal children */
.scene.active .ri{
  animation:riIn .55s var(--ease-out) both;
}
.scene.active .ri.d1{animation-delay:.12s}
.scene.active .ri.d2{animation-delay:.24s}
.scene.active .ri.d3{animation-delay:.36s}
.scene.active .ri.d4{animation-delay:.48s}
.scene.active .ri.d5{animation-delay:.6s}
@keyframes riIn{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}

/* ── Shared text helpers ── */
.eyebrow{
  font-family:var(--font-l);font-size:var(--tx-xs);font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--w45);margin-bottom:var(--sp2);
}
.cyan-text  {color:var(--cyan)!important;-webkit-text-fill-color:var(--cyan)!important;}
.purple-text{color:var(--purple)!important;-webkit-text-fill-color:var(--purple)!important;}
.pink-text  {color:var(--pink)!important;-webkit-text-fill-color:var(--pink)!important;}

.scene-title{
  font-family:var(--font-h);
  font-size:var(--tx-xl);font-weight:800;
  color:var(--white);line-height:1.15;
  margin-bottom:var(--sp3);letter-spacing:.04em;
}
.scene-body{
  font-size:var(--tx-sm);font-weight:600;
  color:var(--w70);line-height:1.55;max-width:44ch;
  margin-bottom:var(--sp3);
}
.scene-body.short{max-width:38ch;}

/* ── Layout helpers ── */
.split-layout{
  display:grid;grid-template-columns:1fr 1.5fr;
  gap:clamp(.8rem,2.5vw,2rem);width:100%;align-items:center;
}
.split-layout.reverse{grid-template-columns:1.5fr 1fr;}
.text-side{display:flex;flex-direction:column;}

/* ══════════ SCENE 1 ══════════ */
.s1-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(.8rem,2.5vw,2rem);width:100%;align-items:center;}
.hero-title{
  font-family:var(--font-h);
  font-size:var(--tx-hero);font-weight:900;
  letter-spacing:.1em;line-height:.95;
  background:linear-gradient(90deg,var(--cyan) 0%,var(--purple) 50%,var(--pink) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 20px rgba(34,211,238,0.5));
  margin-bottom:var(--sp3);
}
.hero-tag{font-size:var(--tx-sm);font-weight:700;color:var(--w70);line-height:1.5;margin-bottom:var(--sp3);max-width:40ch;}
.pill-row{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-bottom:var(--sp3);}
.feat-pill{
  font-family:var(--font-l);font-size:var(--tx-xs);font-weight:700;
  border-radius:var(--r-full);padding:2px var(--sp3);
  border:1px solid;
}
.feat-pill.cyan  {background:rgba(34,211,238,0.12); border-color:rgba(34,211,238,0.4);  color:var(--cyan);}
.feat-pill.purple{background:rgba(168,85,247,0.12);  border-color:rgba(168,85,247,0.4);  color:var(--purple);}
.feat-pill.pink  {background:rgba(236,72,153,0.12);  border-color:rgba(236,72,153,0.4);  color:var(--pink);}
.url-badge{
  display:inline-flex;align-items:center;gap:var(--sp2);
  font-family:var(--font-h);font-size:var(--tx-xs);font-weight:700;letter-spacing:.1em;
  background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.35);
  border-radius:var(--r-full);padding:var(--sp1) var(--sp4);color:var(--cyan);
}
.s1-robot{position:relative;display:flex;align-items:center;justify-content:center;}
.robot-img{width:clamp(80px,17vw,180px);height:clamp(80px,17vw,180px);object-fit:contain;position:relative;z-index:2;animation:robotFloat 3s ease-in-out infinite;}
@keyframes robotFloat{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-10px) rotate(2deg);}}
.robot-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,0.22) 0%,transparent 65%);animation:glowPulse 2.8s ease-in-out infinite;}
.robot-ring{position:absolute;border-radius:50%;border:1px solid;animation:ringExpand 3s ease-out infinite;top:50%;left:50%;transform:translate(-50%,-50%);}
.rr1{width:100%;height:100%;border-color:rgba(34,211,238,0.3);animation-delay:0s;}
.rr2{width:100%;height:100%;border-color:rgba(168,85,247,0.25);animation-delay:1.2s;}
@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.6;}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0;}}
@keyframes glowPulse{0%,100%{opacity:.6;}50%{opacity:1;}}

/* ══════════ SCENE 2 ══════════ */
.calm-side{display:flex;flex-direction:column;align-items:center;gap:var(--sp3);}
.calm-orb-wrap{position:relative;width:clamp(90px,15vw,150px);height:clamp(90px,15vw,150px);display:flex;align-items:center;justify-content:center;}
.calm-img{width:82%;height:82%;border-radius:50%;position:relative;z-index:2;animation:calmBreath 2.8s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(34,211,238,0.6));}
@keyframes calmBreath{0%,100%{transform:scale(1);}50%{transform:scale(1.07);filter:drop-shadow(0 0 28px rgba(34,211,238,.9));}}
.calm-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(34,211,238,0.4);animation:calmExpand 3.2s ease-out infinite;top:50%;left:50%;transform:translate(-50%,-50%);}
.cr1{width:100%;height:100%;animation-delay:0s;}
.cr2{width:100%;height:100%;animation-delay:1s;}
.cr3{width:100%;height:100%;animation-delay:2s;}
@keyframes calmExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.7;}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0;}}
.calm-word{position:absolute;z-index:3;font-family:var(--font-h);font-size:.55rem;font-weight:800;letter-spacing:.2em;color:white;bottom:calc(10% + 4px);text-shadow:0 0 8px rgba(34,211,238,0.8);}
.voice-chip{display:inline-flex;align-items:center;gap:var(--sp2);background:rgba(168,85,247,0.15);border:1px solid rgba(168,85,247,0.4);border-radius:var(--r-full);padding:var(--sp1) var(--sp3);font-size:var(--tx-xs);font-weight:700;color:var(--purple);}
.benefit-list{display:flex;flex-direction:column;gap:var(--sp2);margin-bottom:var(--sp3);}
.benefit{font-size:var(--tx-xs);font-weight:600;color:var(--w70);line-height:1.4;padding-left:var(--sp2);}
.diff-badge{display:inline-flex;align-items:center;gap:var(--sp2);background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(253,230,138,.08));border:1px solid rgba(253,230,138,.4);border-radius:var(--r-full);padding:var(--sp1) var(--sp4);font-size:var(--tx-xs);font-weight:800;color:#fde68a;}

/* ══════════ SCENE 3 ══════════ */
.bot-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp3);}
.bot-img{width:clamp(70px,14vw,140px);height:clamp(70px,14vw,140px);object-fit:contain;filter:drop-shadow(0 0 20px rgba(168,85,247,0.5));animation:robotFloat 3s ease-in-out infinite;}
.chat-bubble{
  background:rgba(168,85,247,0.18);border:1px solid rgba(168,85,247,0.4);
  border-radius:12px;padding:var(--sp2) var(--sp3);
  font-size:var(--tx-xs);font-weight:700;color:var(--white);
  max-width:clamp(140px,22vw,220px);line-height:1.45;
}
.cb1{align-self:flex-start;animation:chatBob 4s ease-in-out infinite;}
.cb2{align-self:flex-end;background:rgba(34,211,238,0.15);border-color:rgba(34,211,238,0.35);animation:chatBob 4s ease-in-out 1s infinite;}
@keyframes chatBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.bot-features{display:flex;flex-direction:column;gap:var(--sp2);margin-bottom:var(--sp2);}
.bot-feat{display:flex;align-items:flex-start;gap:var(--sp2);font-size:var(--tx-xs);font-weight:600;color:var(--w70);line-height:1.4;}
.bf-icon{font-size:1em;flex-shrink:0;}

/* ══════════ SCENE 4 ══════════ */
.games-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(.8rem,2.5vw,2rem);width:100%;align-items:center;}
.games-benefit{font-size:var(--tx-sm);font-weight:700;color:var(--cyan);margin-top:var(--sp3);font-style:italic;}
.games-grid-wrap{overflow:hidden;}
.games-grid{display:flex;flex-wrap:wrap;gap:var(--sp2);}
.game-chip{
  font-family:var(--font-l);font-size:var(--tx-xs);font-weight:700;
  background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.2);
  border-radius:var(--r-full);padding:3px var(--sp3);color:var(--cyan);
  animation:chipGlow 3s ease-in-out infinite alternate;
}
.game-chip:nth-child(even){border-color:rgba(168,85,247,0.25);color:var(--purple);background:rgba(168,85,247,0.08);}
.game-chip:nth-child(3n){border-color:rgba(236,72,153,0.25);color:var(--pink);background:rgba(236,72,153,0.08);}
@keyframes chipGlow{0%{box-shadow:none;}100%{box-shadow:0 0 8px rgba(34,211,238,0.3);}}

/* ══════════ SCENE 5 ══════════ */
.music-visual{position:relative;display:flex;align-items:center;justify-content:center;}
.music-img{width:clamp(100px,20vw,200px);height:clamp(100px,20vw,200px);border-radius:18px;object-fit:cover;filter:drop-shadow(0 0 20px rgba(236,72,153,.45));animation:musicFloat 4s ease-in-out infinite;}
@keyframes musicFloat{0%,100%{transform:translateY(0) rotate(-1deg);}50%{transform:translateY(-8px) rotate(1deg);}}
.music-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,0.18) 0%,transparent 65%);}
.genre-wrap{display:flex;flex-wrap:wrap;gap:var(--sp1) var(--sp2);margin-bottom:var(--sp3);}
.genre{font-size:var(--tx-xs);font-weight:700;background:rgba(236,72,153,0.12);border:1px solid rgba(236,72,153,0.3);border-radius:var(--r-full);padding:2px var(--sp3);color:var(--pink);}
.faith-note{font-size:var(--tx-xs);font-weight:700;color:var(--w45);font-style:italic;}

/* ══════════ SCENE 6 ══════════ */
.breathing-visual{position:relative;display:flex;align-items:center;justify-content:center;}
.breathing-img{width:clamp(100px,20vw,200px);height:clamp(100px,20vw,200px);border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 22px rgba(34,211,238,.5));animation:breathePulse 3s ease-in-out infinite;}
@keyframes breathePulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);filter:drop-shadow(0 0 34px rgba(34,211,238,.75));}}
.breathing-glow{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,0.18) 0%,transparent 65%);}
.adventure-list{display:flex;flex-direction:column;gap:var(--sp2);margin-bottom:var(--sp3);}
.adv-item{display:flex;align-items:flex-start;gap:var(--sp3);font-size:var(--tx-xs);font-weight:600;color:var(--w70);line-height:1.45;}
.adv-item strong{color:var(--cyan);}
.adv-icon{font-size:1.2em;flex-shrink:0;}
.morning-note{font-size:var(--tx-xs);font-weight:700;color:var(--w45);font-style:italic;padding-top:var(--sp2);border-top:1px solid var(--w20);}

/* ══════════ SCENE 7 ══════════ */
#s7{padding-top:clamp(.9rem,2vw,1.4rem);padding-bottom:clamp(.9rem,2vw,1.4rem);}
.parent-layout{display:flex;flex-direction:column;gap:var(--sp2);width:100%;}
.parent-header{margin-bottom:var(--sp1);}
.parent-header .scene-title{margin-bottom:var(--sp1);}
.parent-header .scene-body{margin-bottom:0;}
.parent-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp1) var(--sp2);}
.pc{background:rgba(255,255,255,0.04);border:1px solid rgba(168,85,247,0.18);border-radius:var(--r-md);padding:var(--sp1) var(--sp3);}
.pc-ico{font-size:1.2em;margin-bottom:var(--sp1);}
.pc-title{font-family:var(--font-l);font-size:var(--tx-xs);font-weight:800;color:var(--white);margin-bottom:2px;}
.pc-desc{font-size:var(--tx-xs);font-weight:600;color:var(--w45);line-height:1.4;}
.therapy-note{font-size:var(--tx-xs);font-weight:700;color:var(--w45);text-align:center;padding-top:var(--sp1);border-top:1px solid var(--w20);}

/* ══════════ SCENE 8 ══════════ */
.launch-layout{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,3rem);align-items:center;width:100%;position:relative;}
.launch-robot{position:relative;display:flex;align-items:center;justify-content:center;}
.launch-robot-img{width:clamp(80px,16vw,170px);height:clamp(80px,16vw,170px);object-fit:contain;filter:drop-shadow(0 0 30px rgba(34,211,238,.7));animation:robotFloat 3s ease-in-out infinite;}
.launch-robot-glow{position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,0.25) 0%,transparent 65%);animation:glowPulse 3s ease-in-out infinite;}
.launch-eyebrow{font-family:var(--font-l);font-size:var(--tx-xs);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fde68a;margin-bottom:var(--sp1);}
.launch-title{
  font-family:var(--font-h);font-size:var(--tx-2xl);font-weight:900;
  letter-spacing:.1em;line-height:.95;
  background:linear-gradient(90deg,var(--cyan) 0%,var(--purple) 50%,var(--pink) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 30px rgba(34,211,238,.4));
  margin-bottom:var(--sp2);
}
.launch-tagline{font-size:var(--tx-sm);font-weight:700;color:var(--w70);margin-bottom:var(--sp3);max-width:40ch;line-height:1.55;}

/* Waitlist form */
.waitlist-form{
  display:flex;gap:var(--sp2);margin-bottom:var(--sp2);
  flex-wrap:wrap;
}
.waitlist-input{
  flex:1;min-width:0;
  font-family:var(--font-b);font-size:var(--tx-sm);font-weight:600;
  background:rgba(34,211,238,0.07);
  border:1px solid rgba(34,211,238,0.35);
  border-radius:var(--r-full);
  padding:var(--sp2) var(--sp4);
  color:var(--white);
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.waitlist-input::placeholder{color:var(--w45);}
.waitlist-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(34,211,238,.2);}
.waitlist-btn{
  font-family:var(--font-l);font-size:var(--tx-sm);font-weight:800;
  letter-spacing:.06em;
  background:linear-gradient(135deg,var(--cyan-d),var(--purple-d));
  border:1px solid rgba(34,211,238,.5);
  border-radius:var(--r-full);
  padding:var(--sp2) var(--sp5);
  color:var(--white);
  cursor:pointer;
  transition:transform .15s,box-shadow .15s;
  box-shadow:0 0 16px rgba(34,211,238,.3);
  white-space:nowrap;
}
.waitlist-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(34,211,238,.5);}
.waitlist-btn:active{transform:translateY(0);}
.waitlist-success{
  display:none;
  align-items:center;gap:var(--sp2);
  font-size:var(--tx-sm);font-weight:800;
  color:var(--cyan);
  margin-bottom:var(--sp2);
  animation:successPop .5s var(--ease-out) both;
}
.waitlist-success.visible{display:flex;}
@keyframes successPop{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}
.success-icon{font-size:1.3em;animation:starSpin 3s linear infinite;}
@keyframes starSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.waitlist-note{font-size:var(--tx-xs);font-weight:600;color:var(--w45);margin-bottom:var(--sp3);}
.launch-tiers{display:flex;gap:var(--sp2);margin-bottom:var(--sp3);}
.tier{font-family:var(--font-l);font-size:var(--tx-xs);font-weight:800;border-radius:var(--r-md);padding:var(--sp2) var(--sp3);text-align:center;min-width:clamp(55px,9vw,90px);}
.tier-sub{font-size:.7em;font-weight:600;opacity:.7;margin-top:2px;}
.free-tier{background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.35);color:var(--cyan);}
.pro-tier{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.4);color:var(--purple);}
.prem-tier{background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.35);color:var(--pink);}
.launch-url{
  display:inline-flex;align-items:center;gap:var(--sp2);
  font-family:var(--font-h);font-size:var(--tx-sm);font-weight:700;letter-spacing:.1em;
  color:var(--cyan);text-shadow:var(--glow-cyan);
  margin-bottom:var(--sp2);
}
.live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:livePulse 1.5s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.6;transform:scale(.8);}}
.founder-line{font-size:var(--tx-xs);font-weight:600;color:var(--w45);font-style:italic;}
.confetti-wrap{position:absolute;inset:0;pointer-events:none;overflow:visible;}

/* ── Dots nav ── */
.dots-nav{
  position:absolute;bottom:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:center;
  padding-bottom:clamp(5px,1vw,10px);gap:5px;
}
.dot{
  width:6px;height:6px;border-radius:3px;
  background:rgba(34,211,238,0.2);border:1px solid rgba(34,211,238,0.3);
  cursor:pointer;transition:width .35s var(--ease-out),background .3s;
}
.dot.active{width:22px;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px rgba(34,211,238,.6);}

/* ── Responsive ── */
@media(max-width:640px){
  .s1-layout,.split-layout,.split-layout.reverse,.games-layout,.launch-layout{grid-template-columns:1fr;}
  .s1-robot,.bot-visual,.music-visual,.breathing-visual,.launch-robot{display:none;}
  .parent-cards{grid-template-columns:1fr 1fr;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}