:root{
      --bg:#000000;
      --surface-0:#000000;
      --surface-1:#050505;
      --surface-2:#090909;
      --surface-3:#0d0d0d;
      --line:rgba(255,255,255,.10);
      --line-strong:rgba(255,255,255,.18);
      --line-focus:rgba(255,255,255,.26);
      --text:#ffffff;
      --text-soft:rgba(255,255,255,.82);
      --text-dim:rgba(255,255,255,.58);
      --shadow-card:0 24px 72px rgba(0,0,0,.56);
      --shadow-surface:0 12px 26px rgba(0,0,0,.18);
      --shadow-surface-strong:0 16px 30px rgba(0,0,0,.22);
      --radius-card:34px;
      --radius-lg:18px;
      --radius-md:14px;
    }

    *{box-sizing:border-box}
   html,body{
  margin:0;
  min-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
}
    html{
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      text-rendering:optimizeLegibility;
    }

    body{
      font-family:"Inter",system-ui,sans-serif;
      color:var(--text);
      background:var(--bg);
      position:relative;
    }

    .bg-bubble,
    .noise,
    .grid,
    .ambient-orb,
    .card-glow{
      display:none !important;
    }

    #rain{
      position:fixed;
      inset:0;
      overflow:hidden;
      pointer-events:none;
      z-index:1;
    }

    .drop{
      position:absolute;
      top:-25vh;
      white-space:nowrap;
      font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-weight:600;
      opacity:.10;
      color:#ffffff;
      text-shadow:0 1px 10px rgba(255,255,255,.035);
      animation:fall linear infinite;
      user-select:none;
      letter-spacing:.02em;
    }

    @keyframes fall{
      0%{transform:translate3d(0,-20vh,0) rotate(0deg)}
      100%{transform:translate3d(10px,130vh,0) rotate(2deg)}
    }

    .wrap{
      position:relative;
      z-index:3;
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:22px;
    }

    .card{
      width:min(1080px, calc(100vw - 44px));
      position:relative;
      overflow:hidden;
      border:1px solid var(--line);
      background:
        linear-gradient(180deg, rgba(10,10,10,.985), rgba(0,0,0,.995));
      border-radius:var(--radius-card);
      box-shadow:var(--shadow-card);
      padding:28px 40px 30px;
      text-align:center;
      height:min(640px, calc(100dvh - 44px));
      min-height:590px;
      margin-top:-2px;
    }

    .card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 16%),
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.018), transparent 18%),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,.012), transparent 20%);
      pointer-events:none;
    }

    .card::after{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:calc(var(--radius-card) - 1px);
      pointer-events:none;
      border:1px solid rgba(255,255,255,.035);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
    }

    .topbar{
      position:relative;
      z-index:3;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:20px;
      margin-bottom:14px;
    }

    .brand-mini{
      display:flex;
      align-items:center;
      gap:8px;
      color:var(--text);
      font-size:11px;
      font-weight:700;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .brand-logo{
      width:102px;
      height:102px;
      display:grid;
      place-items:center;
      flex-shrink:0;
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008));
      border:1px solid var(--line);
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.018);
    }

    .brand-logo svg{
      width:74px;
      height:74px;
      display:block;
      filter:none;
    }

    .x-link{
      display:inline-flex;
      align-items:center;
      text-decoration:none;
      color:#ffffff;
      font-size:10px;
      font-weight:700;
      padding:13px 20px;
      border-radius:999px;
      background:linear-gradient(180deg, var(--surface-2), var(--surface-0));
      border:1px solid var(--line);
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.016);
      transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .x-link:hover{
      transform:translateY(-1px);
      border-color:var(--line-strong);
      box-shadow:var(--shadow-surface-strong), inset 0 1px 0 rgba(255,255,255,.022);
    }

    .x-link svg{
      width:14px;
      height:16px;
      margin-right:8px;
      vertical-align:-2px;
      fill:#ffffff;
      filter:none;
    }

    .hero{
  position:relative;
  z-index:3;
  padding-top:0;
  max-width:840px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  justify-content:flex-start;
  transform:translateY(-42px);
}

    h1{
      margin:0 0 6px;
      font-family:"Sora","Inter",system-ui,sans-serif;
      font-size:clamp(58px, 6.2vw, 78px);
      line-height:.95;
      letter-spacing:-.05em;
      font-weight:800;
      color:#ffffff;
      text-shadow:0 8px 22px rgba(0,0,0,.24);
    }

    .title-glow{
      position:relative;
      display:inline-block;
    }

    .title-glow::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(110deg, transparent 26%, rgba(255,255,255,.08) 48%, transparent 72%);
      transform:translateX(-135%);
      animation:titleSweep 9.5s ease-in-out infinite;
      pointer-events:none;
      mix-blend-mode:screen;
    }

    @keyframes titleSweep{
      0%,74%,100%{transform:translateX(-135%)}
      88%{transform:translateX(120%)}
    }

    .under-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      margin-top:8px;
      z-index:8;
    }

    .under{
      font-weight:800;
      font-size:12px;
      letter-spacing:.32em;
      text-transform:uppercase;
      color:rgba(255,255,255,.9);
      text-shadow:none;
      transition:color .25s ease;
    }

    .under.complete{
      color:#ffffff;
      text-shadow:none;
    }

    .under-popup{
      position:absolute;
      right:-64px;
      top:50%;
      transform:translateY(-50%) translateX(12px) scale(.9);
      width:52px;
      height:34px;
      border-radius:8px;
      background:#ffffff;
      color:#000000;
      box-shadow:0 10px 20px rgba(0,0,0,.16);
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0;
      border:1px solid rgba(255,255,255,.82);
    }

    .under-popup svg{
      width:24px;
      height:14px;
      display:block;
    }

    .under-popup path{
      stroke:#000000;
      stroke-width:1.9;
      fill:none;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .under-popup::before{display:none;}

    .under-popup.show{animation:popupPing 2.8s ease-in-out .05s infinite}

    @keyframes popupPing{
      0%,24%,100%{opacity:0;transform:translateY(-50%) translateX(18px) scale(.88)}
      34%,76%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}
    }

    .brand-line{display:none;}

    .loading-area{
      margin-top:22px;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:18px;
      position:relative;
      z-index:4;
    }

    .load-row{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:12px;
    }

    .pill{
      min-width:172px;
      text-align:center;
      padding:22px;
      border-radius:999px;
      background:linear-gradient(180deg, var(--surface-2), var(--surface-0));
      border:1px solid var(--line);
      color:rgba(255,255,255,.9);
      font-weight:700;
      font-size:11px;
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.014);
      letter-spacing:.03em;
      animation:none !important;
      transition:border-color .22s ease, box-shadow .22s ease, color .22s ease;
    }

    .pill.active{
      border-color:var(--line-strong);
      background:linear-gradient(180deg, var(--surface-3), var(--surface-1));
      box-shadow:var(--shadow-surface-strong), inset 0 1px 0 rgba(255,255,255,.018);
      color:#ffffff;
    }

    .pill:hover{
      transform:none;
      border-color:var(--line);
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.014);
    }

    .progress-wrap{
      width:min(760px,100%);
      margin-top:4px;
      margin-left:auto;
      margin-right:auto;
    }

    .progress-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      margin-bottom:10px;
      font-weight:800;
      color:rgba(255,255,255,.88);
      font-size:10px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .progress-track{
      position:relative;
      background:rgba(255,255,255,.024);
      border:1px solid var(--line);
      border-radius:999px;
      padding:8px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
      overflow:visible;
    }

    .progress-track::before{
      content:"";
      position:absolute;
      top:7px;
      bottom:7px;
      left:calc(80% + 2px);
      right:7px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      opacity:.44;
      transition:opacity .28s ease, box-shadow .28s ease, border-color .28s ease;
      pointer-events:none;
      box-shadow:none;
    }

    .progress-track::after{
      content:"";
      position:absolute;
      top:6px;
      bottom:6px;
      left:80%;
      width:1px;
      background:rgba(255,255,255,.56);
      box-shadow:0 0 6px rgba(255,255,255,.08);
      opacity:.7;
      pointer-events:none;
    }

    .progress-track.locked::before{
      opacity:1;
      border-color:#ffffff;
      box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 0 12px rgba(255,255,255,.08);
      animation:lockedSegmentPulse 2.8s ease-in-out infinite;
    }

    .progress{
      height:14px;
      border-radius:999px;
      background:#ffffff;
      width:0%;
      position:relative;
      overflow:hidden;
      transition:width .5s linear, box-shadow .25s ease, opacity .25s ease;
      box-shadow:0 0 8px rgba(255,255,255,.08);
    }

    .progress::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(0,0,0,.08), transparent);
      animation:shine 3s linear infinite;
    }

    .progress.locked{
      box-shadow:0 0 12px rgba(255,255,255,.12);
    }

    .progress.locked::after{
      animation:lockedShine 2.8s ease-in-out infinite;
      background:linear-gradient(90deg, transparent, rgba(0,0,0,.12), transparent);
    }

    @keyframes lockedSegmentPulse{
      0%,100%{opacity:.78}
      50%{opacity:1}
    }

    @keyframes shine{
      0%{transform:translateX(-120%)}
      100%{transform:translateX(120%)}
    }

    @keyframes lockedShine{
      0%,100%{transform:translateX(-140%)}
      50%{transform:translateX(18%)}
    }

    .funny{
      min-height:24px;
      margin-top:7px;
      margin-bottom:34px;
      font-size:12px;
      font-weight:600;
      color:rgba(255,255,255,.74);
      letter-spacing:.014em;
    }

    .waitlist-stage{
  position:relative;
  width:min(640px,100%);
  margin-top:-24px;
  padding-top:112px;
}

    .waitlist-block{
      width:min(640px,100%);
      margin-top:72px;
      padding:14px;
      border-radius:26px;
      background:linear-gradient(180deg, rgba(8,8,8,.88), rgba(3,3,3,.8));
      border:1px solid var(--line);
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.016);
      animation:none !important;
      position:relative;
      z-index:2;
    }

    .waitlist-label{
      font-size:10px;
      font-weight:800;
      letter-spacing:.24em;
      text-transform:uppercase;
      color:rgba(255,255,255,.88);
      margin:0 0 8px;
      text-align:left;
      padding-left:6px;
      text-shadow:none;
    }

    .waitlist{
      width:100%;
      display:flex;
      gap:8px;
      position:relative;
      z-index:4;
      background:linear-gradient(180deg, var(--surface-2), var(--surface-0));
      border:1px solid var(--line);
      padding:5px;
      border-radius:18px;
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.014);
    }

    .waitlist::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.014) 50%, transparent 80%);
      transform:translateX(-120%);
      animation:waitlistSweep 9s ease-in-out infinite;
      pointer-events:none;
    }

    .waitlist input{
      flex:1;
      min-width:0;
      border:1px solid var(--line);
      outline:none;
      padding:13px 16px;
      border-radius:14px;
      background:linear-gradient(180deg, #020202, #000000);
      color:#ffffff;
      font:inherit;
      font-size:13px;
      font-weight:600;
      letter-spacing:.01em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.01);
      transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    }

    .waitlist input::placeholder{color:rgba(255,255,255,.52)}

    .waitlist input:focus{
      border-color:var(--line-focus);
      box-shadow:0 0 0 2px rgba(255,255,255,.028), inset 0 1px 0 rgba(255,255,255,.012);
      transform:translateY(-1px);
    }

    .waitlist button{
      border:1px solid rgba(255,255,255,.10);
      outline:none;
      padding:13px 16px;
      border-radius:14px;
      background:linear-gradient(180deg, #ffffff 0%, #f1f1f1 100%);
      color:#000000;
      font:inherit;
      font-size:10px;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
      cursor:pointer;
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.08);
      transition:transform .22s ease, box-shadow .22s ease, filter .22s ease, border-color .22s ease;
      white-space:nowrap;
      position:relative;
      overflow:hidden;
    }

    .waitlist button::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.26) 50%, transparent 70%);
      transform:translateX(-135%);
      animation:buttonSweep 8s ease-in-out infinite;
    }

    .waitlist button:hover{
      transform:translateY(-1px) scale(1.003);
      box-shadow:var(--shadow-surface-strong), inset 0 1px 0 rgba(255,255,255,.1);
      border-color:var(--line-strong);
    }

    .waitlist button:active{transform:translateY(0) scale(.997)}

    
    .meta-row{
      width:min(640px,100%);
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      margin-top:8px;
    }

    @keyframes waitlistSweep{
      0%,75%,100%{transform:translateX(-120%)}
      88%{transform:translateX(120%)}
    }

    @keyframes buttonSweep{
      0%,78%,100%{transform:translateX(-135%)}
      90%{transform:translateX(130%)}
    }

    .robot-lane{
      position:absolute;
      left:-210px;
      right:18px;
      top:-208px;
      height:240px;
      pointer-events:none;
      z-index:3;
      overflow:visible;
    }

    .robot-guide{
      position:absolute;
      left:0;
      top:0;
      width:180px;
      height:110px;
      opacity:0;
      transform:none;
      will-change:left, top, opacity;
      filter:none;
    }

    .robot-guide svg{
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }

    .robot-shell{
      fill:rgba(5,5,5,.98);
      stroke:rgba(255,255,255,.18);
      stroke-width:1.4;
    }

    .robot-eye{
      fill:#ffffff;
      filter:none;
    }

    .robot-joint,
    .robot-limb,
    .robot-pointer-line{
      stroke:rgba(255,255,255,.68);
      stroke-linecap:round;
      stroke-linejoin:round;
      fill:none;
    }

    .robot-joint{ stroke-width:2.1; }
    .robot-limb{ stroke-width:2.6; }

    .robot-pointer-line{
      stroke:rgba(255,255,255,.55);
      stroke-width:2.2;
      opacity:0;
      filter:none;
    }

    .robot-arm{
      transform-origin:40px 23px;
      animation:robotArmWalk .74s ease-in-out infinite alternate;
    }

    .robot-leg-left{
      transform-origin:26px 33px;
      animation:robotLegLeft .74s ease-in-out infinite alternate;
    }

    .robot-leg-right{
      transform-origin:38px 33px;
      animation:robotLegRight .74s ease-in-out infinite alternate;
    }

    .robot-guide.run{
      animation:robotTraverse 6.4s linear forwards;
      opacity:1;
    }

    .robot-guide.pointing .robot-arm{
      animation:none;
      transform:rotate(6deg);
    }

    .robot-guide.pointing .robot-leg-left,
    .robot-guide.pointing .robot-leg-right{
      animation:none;
      transform:rotate(0deg);
    }

    .robot-guide.pointing .robot-pointer-line{
      opacity:1;
      animation:robotPointerPulse 1.8s ease-in-out infinite;
    }

    .request-access-highlight{
      box-shadow:0 10px 18px rgba(0,0,0,.12), 0 0 0 1px rgba(255,255,255,.16) inset !important;
      transform:translateY(-1px);
      position:relative;
      border-color:var(--line-strong) !important;
    }

    .request-access-highlight::before{
      content:"";
      position:absolute;
      inset:-10px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.28);
      box-shadow:none;
      pointer-events:none;
      animation:requestHalo 2.2s ease-in-out infinite;
    }

    .request-access-highlight::after{display:none}

    @keyframes requestHalo{
      0%,100%{ opacity:.65; transform:scale(1); }
      50%{ opacity:1; transform:scale(1.02); }
    }

    @keyframes robotTraverse{
      0%{ left:0; top:0; opacity:0; }
      6%{ left:0; top:0; opacity:1; }
      24%{ left:0; top:148px; opacity:1; }
      76%{ left:calc(100% - 238px); top:160px; opacity:1; }
      100%{ left:calc(100% - 238px); top:160px; opacity:1; }
    }

    @keyframes robotLegLeft{
      from{ transform:rotate(16deg); }
      to{ transform:rotate(-14deg); }
    }

    @keyframes robotLegRight{
      from{ transform:rotate(-14deg); }
      to{ transform:rotate(16deg); }
    }

    @keyframes robotArmWalk{
      from{ transform:rotate(10deg); }
      to{ transform:rotate(-10deg); }
    }

    @keyframes robotPointerPulse{
      0%,100%{ opacity:.42; }
      50%{ opacity:1; }
    }

    .audio-dock{
      position:fixed;
      left:18px;
      bottom:18px;
      display:flex;
      align-items:center;
      gap:10px;
      z-index:30;
      padding:8px;
      border-radius:999px;
      background:linear-gradient(180deg, var(--surface-2), var(--surface-0));
      border:1px solid var(--line);
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.014);
      overflow:hidden;
      transition:box-shadow .24s ease, border-color .24s ease, transform .24s ease;
      isolation:isolate;
    }

    .audio-dock::before{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:inherit;
      background:linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,0));
      pointer-events:none;
    }

    .audio-dock:hover,
    .audio-dock.expanded,
    .audio-dock:focus-within{
      border-color:var(--line-strong);
      box-shadow:var(--shadow-surface-strong), inset 0 1px 0 rgba(255,255,255,.018);
      transform:translateY(-1px);
    }

    .audio-panel{
      display:flex;
      align-items:center;
      gap:8px;
      max-width:0;
      opacity:0;
      overflow:hidden;
      pointer-events:none;
      transform:translateX(-10px);
      transition:max-width .26s cubic-bezier(.2,.8,.2,1), opacity .18s ease, transform .26s cubic-bezier(.2,.8,.2,1);
      will-change:max-width, opacity, transform;
    }

    .audio-dock:hover .audio-panel,
    .audio-dock.expanded .audio-panel,
    .audio-dock:focus-within .audio-panel{
      max-width:96px;
      opacity:1;
      pointer-events:auto;
      transform:translateX(0);
    }

    .audio-panel .audio-btn{
      opacity:0;
      transform:translateX(-8px) scale(.96);
      transition:opacity .18s ease, transform .28s cubic-bezier(.2,.8,.2,1), border-color .2s ease, color .2s ease, background .2s ease;
    }

    .audio-dock:hover .audio-panel .audio-btn,
    .audio-dock.expanded .audio-panel .audio-btn,
    .audio-dock:focus-within .audio-panel .audio-btn{
      opacity:1;
      transform:translateX(0) scale(1);
    }

    .audio-dock:hover .audio-panel .audio-btn:nth-child(1),
    .audio-dock.expanded .audio-panel .audio-btn:nth-child(1),
    .audio-dock:focus-within .audio-panel .audio-btn:nth-child(1){
      transition-delay:.03s;
    }

    .audio-dock:hover .audio-panel .audio-btn:nth-child(2),
    .audio-dock.expanded .audio-panel .audio-btn:nth-child(2),
    .audio-dock:focus-within .audio-panel .audio-btn:nth-child(2){
      transition-delay:.07s;
    }

    .audio-btn{
      position:relative;
      width:34px;
      height:34px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
      color:rgba(255,255,255,.84);
      box-shadow:0 7px 14px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.012);
      cursor:pointer;
      transition:transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
      flex:0 0 auto;
    }

    .audio-btn:hover{
      transform:translateY(-1px);
      border-color:var(--line-strong);
      color:#fff;
      background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
      box-shadow:0 8px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.016);
    }

    .audio-btn:active{transform:translateY(0) scale(.98)}

    .audio-btn.active{
      color:#ffffff;
      border-color:var(--line-strong);
      box-shadow:0 8px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.016);
      background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.012));
    }

    .audio-btn svg{
      width:15px;
      height:15px;
      stroke:currentColor;
      fill:none;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .speaker-btn{overflow:hidden}

    .speaker-btn::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.04), transparent 62%);
      opacity:0;
      transition:opacity .2s ease;
      pointer-events:none;
    }

    .speaker-btn.active::after{opacity:1}

    .speaker-btn .mute-slash{
      opacity:0;
      stroke:#ffffff;
      stroke-width:2.2;
      transition:opacity .16s ease;
    }

    .speaker-btn.muted .mute-slash{opacity:1}
    .speaker-btn.muted .sound-wave{opacity:.14}
    .speaker-btn.muted{color:rgba(255,255,255,.72)}
    .speaker-btn.muted .speaker-core{opacity:.9}

    .audio-readout{
      min-width:58px;
      padding:0 12px;
      font-size:9px;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:rgba(255,255,255,.70);
    }

    @media (max-width:1100px){
      .audio-dock{
        left:50%;
        bottom:16px;
        transform:translateX(-50%);
      }
    }

   @media (max-height: 760px){
  .card{
    height:min(520px, calc(100dvh - 24px));
    padding:14px 22px 16px;
  }
  .brand-logo{width:60px;height:72px}
  .brand-logo svg{width:54px;height:54px}
  h1{font-size:clamp(36px, 4.4vw, 56px)}
  .hero{transform:translateY(-28px)}
  .waitlist-stage{
    margin-top:-14px;
    padding-top:46px;
  }
  .under-wrap{margin-top:8px}
  .loading-area{gap:13px}
  .load-row{gap:10px}
  .pill{padding:9px 12px;font-size:9px}
  .progress-wrap{margin-top:0}
  .waitlist-block{margin-top:8px}
}
    @media (max-width:900px){
      .wrap{padding:16px}
      .card{padding:22px 20px 24px;min-height:620px;width:min(1000px, calc(100vw - 32px))}
      .topbar{margin-bottom:18px}
      .brand-mini{font-size:9px;letter-spacing:.14em}
      .x-link{
        display:inline-flex;
        align-items:center;
        font-size:10px;
        padding:10px 14px
      }
    }

    @media (max-width:560px){
      .brand-mini span:last-child{display:none}
      .card{border-radius:24px}
    }

  

    /* ===== Further premium refinement pass: same layout ===== */
    :root{
      --surface-1:#040404;
      --surface-2:#080808;
      --surface-3:#0c0c0c;
      --line:rgba(255,255,255,.095);
      --line-strong:rgba(255,255,255,.19);
      --line-focus:rgba(255,255,255,.28);
      --text:#ffffff;
      --text-soft:rgba(255,255,255,.84);
      --text-dim:rgba(255,255,255,.56);
      --shadow-card:0 28px 86px rgba(0,0,0,.62);
      --shadow-surface:0 12px 24px rgba(0,0,0,.16);
      --shadow-surface-strong:0 16px 28px rgba(0,0,0,.18);
    }

    body{
      background:
        radial-gradient(circle at 50% -10%, rgba(255,255,255,.028), transparent 20%),
        linear-gradient(180deg, #000000 0%, #010101 56%, #000000 100%);
    }

    .drop{
      opacity:.092;
      text-shadow:0 1px 8px rgba(255,255,255,.03);
    }

    .card{
      background:
        linear-gradient(180deg, rgba(10,10,10,.988), rgba(1,1,1,.996));
      border-color:rgba(255,255,255,.095);
      box-shadow:var(--shadow-card);
    }

    .card::before{
      background:
        linear-gradient(180deg, rgba(255,255,255,.02), transparent 15%),
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.018), transparent 16%),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,.01), transparent 20%);
    }

    .card::after{
      border-color:rgba(255,255,255,.036);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.024),
        inset 0 -20px 30px rgba(255,255,255,.005);
    }

    .brand-logo{
      background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007));
      border-color:rgba(255,255,255,.11);
      box-shadow:0 10px 20px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.018);
    }

    .x-link{
      letter-spacing:.06em;
      border-color:rgba(255,255,255,.11);
      box-shadow:0 10px 20px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.016);
    }

    .x-link:hover{
      border-color:rgba(255,255,255,.18);
      box-shadow:0 12px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.022);
    }

    h1{
      letter-spacing:-.055em;
      text-shadow:
        0 10px 22px rgba(0,0,0,.22),
        0 1px 0 rgba(255,255,255,.02);
    }

    .title-glow::after{
      background:linear-gradient(110deg, transparent 26%, rgba(255,255,255,.095) 48%, transparent 72%);
      animation-duration:11s;
    }

    .under{
      color:rgba(255,255,255,.86);
      letter-spacing:.34em;
    }

    .progress-top{
      color:rgba(255,255,255,.9);
    }

    .progress-track{
      background:rgba(255,255,255,.018);
      border-color:rgba(255,255,255,.11);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.01);
    }

    .progress-track::before{
      border-color:rgba(255,255,255,.16);
      opacity:.42;
    }

    .progress-track::after{
      opacity:.78;
      box-shadow:0 0 8px rgba(255,255,255,.10);
    }

    .progress-track.locked::before{
      border-color:#ffffff;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.022) inset,
        0 0 16px rgba(255,255,255,.10);
    }

    .progress{
      box-shadow:
        0 0 10px rgba(255,255,255,.09),
        0 0 20px rgba(255,255,255,.03);
    }

    .progress.locked{
      box-shadow:
        0 0 14px rgba(255,255,255,.12),
        0 0 28px rgba(255,255,255,.035);
    }

    .funny{
      color:rgba(255,255,255,.78);
      letter-spacing:.01em;
    }

    .pill{
      border-color:rgba(255,255,255,.095);
      background:linear-gradient(180deg, rgba(10,10,10,.985), rgba(2,2,2,.995));
      box-shadow:0 10px 18px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.012);
      color:rgba(255,255,255,.88);
    }

    .pill.active{
      border-color:rgba(255,255,255,.18);
      background:linear-gradient(180deg, rgba(14,14,14,.992), rgba(5,5,5,.996));
      box-shadow:0 12px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.018);
    }

    .waitlist-block{
      background:linear-gradient(180deg, rgba(8,8,8,.9), rgba(2,2,2,.82));
      border-color:rgba(255,255,255,.095);
      box-shadow:0 14px 28px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.015);
    }

    .waitlist-label{
      color:rgba(255,255,255,.9);
      letter-spacing:.25em;
    }

    .waitlist{
      border-color:rgba(255,255,255,.095);
      background:linear-gradient(180deg, rgba(9,9,9,.985), rgba(1,1,1,.996));
      box-shadow:0 10px 20px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.012);
    }

    .waitlist::before{
      background:linear-gradient(120deg, transparent 24%, rgba(255,255,255,.012) 50%, transparent 76%);
      animation-duration:10.5s;
    }

    .waitlist input{
      border-color:rgba(255,255,255,.095);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.01);
      color:#ffffff;
    }

    .waitlist input:focus{
      border-color:rgba(255,255,255,.22);
      box-shadow:0 0 0 2px rgba(255,255,255,.03), inset 0 1px 0 rgba(255,255,255,.012);
    }

    .waitlist button{
      background:linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
      box-shadow:0 10px 18px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.09);
      border-color:rgba(255,255,255,.11);
    }

    .waitlist button::after{
      background:linear-gradient(120deg, transparent 32%, rgba(255,255,255,.22) 50%, transparent 68%);
      animation-duration:9.5s;
    }

    .waitlist button:hover{
      box-shadow:0 12px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.1);
    }

    .robot-shell{
      stroke:rgba(255,255,255,.16);
      fill:rgba(4,4,4,.99);
    }

    .robot-eye{
      fill:#ffffff;
    }

    .robot-joint,
    .robot-limb{
      stroke:rgba(255,255,255,.62);
    }

    .robot-pointer-line{
      stroke:rgba(255,255,255,.5);
    }

    .request-access-highlight{
      box-shadow:0 10px 16px rgba(0,0,0,.11), 0 0 0 1px rgba(255,255,255,.15) inset !important;
    }

    .request-access-highlight::before{
      border-color:rgba(255,255,255,.24) !important;
    }

    .audio-dock{
      border-color:rgba(255,255,255,.095);
      box-shadow:0 12px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.012);
    }

    .audio-dock:hover,
    .audio-dock.expanded,
    .audio-dock:focus-within{
      box-shadow:0 14px 24px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.016);
    }

    .audio-btn{
      border-color:rgba(255,255,255,.095);
      box-shadow:0 7px 12px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.01);
    }

    .audio-btn:hover,
    .audio-btn.active{
      border-color:rgba(255,255,255,.17);
      box-shadow:0 8px 14px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.014);
    }

    /* ===== Electric thunder highlight for Request Access ===== */
    :root{
      --logo-aqua:#8fe8ff;
      --logo-white:#ffffff;
      --logo-blue:#8f9fff;
      --logo-mint:#7cf1de;
      --logo-bolt-white:#d9f5ff;
      --logo-bolt-blue:#9fc7ff;
      --logo-bolt-violet:#b885ff;
    }

    .waitlist button{
      isolation:isolate;
    }

    .request-access-highlight{
      border-color:rgba(184,232,255,.94) !important;
      color:#04111d !important;
      background:
        linear-gradient(180deg,
          rgba(255,255,255,1) 0%,
          rgba(234,249,255,1) 28%,
          rgba(214,243,255,1) 58%,
          rgba(223,232,255,1) 100%) !important;
      box-shadow:
        0 0 0 1px rgba(228,246,255,.92) inset,
        0 12px 22px rgba(0,0,0,.18),
        0 0 14px rgba(143,232,255,.18) !important;
      transform:translateY(-1px) scale(1.004) !important;
      filter:brightness(1);
      animation:premiumThunderCycle 5s cubic-bezier(.22,.68,.18,1) infinite !important;
    }

    .request-access-highlight::before{
      content:"";
      position:absolute;
      inset:-11px;
      border-radius:24px;
      pointer-events:none;
      border:1px solid rgba(143,232,255,.62) !important;
      box-shadow:
        0 0 12px rgba(143,232,255,.24),
        0 0 22px rgba(159,199,255,.12),
        inset 0 0 14px rgba(255,255,255,.07) !important;
      opacity:.24;
      animation:premiumHaloCycle 5s cubic-bezier(.22,.68,.18,1) infinite !important;
      z-index:0;
    }

    .request-access-highlight::after{
      display:block !important;
      content:"";
      position:absolute;
      inset:-18px;
      pointer-events:none;
      border-radius:32px;
      z-index:0;
      background:
        linear-gradient(118deg,
          transparent 0 31%,
          rgba(143,232,255,0) 35%,
          rgba(143,232,255,.98) 38%,
          rgba(255,255,255,1) 40.4%,
          rgba(159,199,255,.96) 43%,
          rgba(184,133,255,.88) 45.4%,
          rgba(143,232,255,0) 48.8%,
          transparent 53%),
        linear-gradient(300deg,
          transparent 0 59%,
          rgba(124,241,222,0) 63%,
          rgba(124,241,222,.98) 66%,
          rgba(255,255,255,.96) 68.4%,
          rgba(143,159,255,.90) 70.4%,
          rgba(184,133,255,.80) 72.2%,
          rgba(124,241,222,0) 75.6%,
          transparent 80%),
        radial-gradient(circle at 11% 15%, rgba(255,255,255,.95) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 18%, rgba(143,232,255,.98) 0 2px, transparent 3px),
        radial-gradient(circle at 21% 86%, rgba(184,133,255,.90) 0 2px, transparent 3px),
        radial-gradient(circle at 94% 76%, rgba(124,241,222,.90) 0 2px, transparent 3px);
      filter:
        drop-shadow(0 0 8px rgba(143,232,255,.54))
        drop-shadow(0 0 18px rgba(159,199,255,.34))
        drop-shadow(0 0 22px rgba(184,133,255,.18));
      opacity:.08;
      animation:premiumSparkCycle 5s steps(2) infinite !important;
    }

    @keyframes premiumThunderCycle{
      0%, 76%, 100%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(234,249,255,1) 28%,
            rgba(214,243,255,1) 58%,
            rgba(223,232,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(228,246,255,.92) inset,
          0 12px 22px rgba(0,0,0,.18),
          0 0 14px rgba(143,232,255,.18);
        filter:brightness(1);
        transform:translateY(-1px) scale(1.004);
      }
      82%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(226,247,255,1) 20%,
            rgba(182,233,255,1) 54%,
            rgba(205,216,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(238,250,255,.96) inset,
          0 14px 24px rgba(0,0,0,.18),
          0 0 26px rgba(143,232,255,.28),
          0 0 40px rgba(159,199,255,.18),
          0 0 52px rgba(184,133,255,.10);
        filter:brightness(1.05);
        transform:translateY(-1px) scale(1.008);
      }
      86%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(214,244,255,1) 18%,
            rgba(150,228,255,1) 48%,
            rgba(173,196,255,1) 72%,
            rgba(207,194,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(246,252,255,.98) inset,
          0 14px 24px rgba(0,0,0,.18),
          0 0 34px rgba(143,232,255,.40),
          0 0 56px rgba(159,199,255,.28),
          0 0 72px rgba(184,133,255,.18);
        filter:brightness(1.11);
        transform:translateY(-1px) scale(1.013);
      }
      90%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(230,248,255,1) 24%,
            rgba(190,238,255,1) 56%,
            rgba(211,208,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(240,250,255,.96) inset,
          0 13px 23px rgba(0,0,0,.18),
          0 0 26px rgba(124,241,222,.22),
          0 0 40px rgba(143,232,255,.20),
          0 0 52px rgba(184,133,255,.12);
        filter:brightness(1.05);
        transform:translateY(-1px) scale(1.007);
      }
    }

    @keyframes premiumHaloCycle{
      0%, 76%, 100%{
        opacity:.20;
        transform:scale(.992);
      }
      82%{
        opacity:.44;
        transform:scale(1.012);
      }
      86%{
        opacity:.88;
        transform:scale(1.03);
      }
      90%{
        opacity:.38;
        transform:scale(1.014);
      }
    }

    @keyframes premiumSparkCycle{
      0%, 78%, 100%{
        opacity:.03;
        transform:scale(.99);
      }
      84%{
        opacity:.56;
        transform:scale(1.018);
      }
      86%{
        opacity:1;
        transform:scale(1.036);
      }
      89%{
        opacity:.18;
        transform:scale(1.008);
      }
    }

  

    
    
    
    /* ===== Realistic ambient thunder clusters around Early Access ===== */
    .thunder-cluster{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:2;
    }

    /* Broad natural storm glow spreading into ~30% of hero width */
    .tt-ambient-flash{
      position:absolute;
      pointer-events:none;
      border-radius:999px;
      opacity:0;
      background:
        radial-gradient(circle at center,
          rgba(230,236,255,.22) 0%,
          rgba(182,214,255,.16) 18%,
          rgba(143,232,255,.12) 34%,
          rgba(159,199,255,.08) 48%,
          rgba(184,133,255,.05) 62%,
          rgba(0,0,0,0) 82%);
      mix-blend-mode:screen;
      will-change:opacity, transform;
      filter:blur(42px);
    }

    .tt-ambient-flash.left{
      left:-26px;
      bottom:10px;
      width:360px;
      height:280px;
    }

    .tt-ambient-flash.right{
      right:-24px;
      bottom:12px;
      width:350px;
      height:274px;
    }

    .tt-ambient-flash.bottom{
      left:170px;
      right:150px;
      bottom:-34px;
      height:140px;
      border-radius:120px;
      filter:blur(52px);
    }

    .tt-bolt{
      position:absolute;
      opacity:0;
      transform:translateY(6px) scale(.995);
      will-change:opacity, transform;
      mix-blend-mode:screen;
    }

    .tt-bolt svg{
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }

    /* ultra-thin hierarchy + bright surrounding aura */
    .tt-bolt .bolt-glow{
      fill:none;
      stroke:url(#tt-bolt-gradient);
      stroke-width:3.0;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.095;
      filter:blur(18px);
    }

    .tt-bolt .bolt-main{
      fill:none;
      stroke:url(#tt-bolt-gradient);
      stroke-width:1.05;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.88;
      filter:
        drop-shadow(0 0 6px rgba(143,232,255,.34))
        drop-shadow(0 0 16px rgba(159,199,255,.22))
        drop-shadow(0 0 40px rgba(184,133,255,.12));
    }

    .tt-bolt .bolt-hot{
      fill:none;
      stroke:#ffffff;
      stroke-width:.34;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.92;
    }

    .tt-bolt .bolt-branch{
      fill:none;
      stroke:url(#tt-bolt-gradient-soft);
      stroke-width:.46;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.72;
      filter:
        drop-shadow(0 0 4px rgba(143,232,255,.20))
        drop-shadow(0 0 10px rgba(184,133,255,.08));
    }

    .tt-bolt .bolt-twig{
      fill:none;
      stroke:url(#tt-bolt-gradient-soft);
      stroke-width:.22;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.54;
      filter:drop-shadow(0 0 2px rgba(255,255,255,.08));
    }

    .tt-bolt .bolt-node{
      fill:#ffffff;
      opacity:0;
      filter:
        drop-shadow(0 0 3px rgba(143,232,255,.26))
        drop-shadow(0 0 8px rgba(184,133,255,.12));
    }

    /* placements */
    .tt-bolt.left-a{left:-16px; bottom:50px; width:220px; height:250px;}
    .tt-bolt.left-b{left:90px; bottom:2px; width:118px; height:198px;}
    .tt-bolt.right-a{right:8px; bottom:50px; width:214px; height:246px;}
    .tt-bolt.right-b{right:104px; bottom:4px; width:120px; height:202px;}

    .tt-bolt.bottom-a{left:242px; bottom:-8px; width:108px; height:82px;}
    .tt-bolt.bottom-b{left:402px; bottom:-12px; width:116px; height:86px;}
    .tt-bolt.bottom-c{right:206px; bottom:-8px; width:114px; height:84px;}

    .tt-bolt.left-c{left:14px; bottom:16px; width:92px; height:140px;}
    .tt-bolt.left-d{left:142px; bottom:22px; width:78px; height:132px;}
    .tt-bolt.left-e{left:44px; bottom:-2px; width:62px; height:98px;}

    .tt-bolt.right-c{right:14px; bottom:20px; width:88px; height:142px;}
    .tt-bolt.right-d{right:140px; bottom:24px; width:80px; height:134px;}
    .tt-bolt.right-e{right:48px; bottom:2px; width:60px; height:96px;}

    .tt-bolt.bottom-d{left:326px; bottom:-6px; width:78px; height:60px;}
    .tt-bolt.bottom-e{right:324px; bottom:-6px; width:78px; height:60px;}

    body.thunder-live .tt-ambient-flash{
      animation:ttAmbientFlash 5s cubic-bezier(.22,.68,.18,1) infinite;
    }

    body.thunder-live .tt-bolt{
      animation:ttBoltCluster 5s cubic-bezier(.22,.68,.18,1) infinite;
    }

    body.thunder-live .tt-bolt .bolt-glow{ animation:ttBoltGlow 5s ease-in-out infinite; }
    body.thunder-live .tt-bolt .bolt-main{ animation:ttBoltMain 5s steps(3) infinite; }
    body.thunder-live .tt-bolt .bolt-hot{ animation:ttBoltHot 5s steps(3) infinite; }
    body.thunder-live .tt-bolt .bolt-branch{ animation:ttBoltBranch 5s steps(3) infinite; }
    body.thunder-live .tt-bolt .bolt-twig{ animation:ttBoltTwig 5s steps(3) infinite; }
    body.thunder-live .tt-bolt .bolt-node{ animation:ttBoltNode 5s steps(3) infinite; }

    /* slight staggering for organic randomness */
    body.thunder-live .tt-bolt.left-b,
    body.thunder-live .tt-bolt.right-b,
    body.thunder-live .tt-bolt.bottom-a,
    body.thunder-live .tt-bolt.left-c,
    body.thunder-live .tt-bolt.right-c{
      animation-delay:.07s;
    }
    body.thunder-live .tt-bolt.left-b *,
    body.thunder-live .tt-bolt.right-b *,
    body.thunder-live .tt-bolt.bottom-a *,
    body.thunder-live .tt-bolt.left-c *,
    body.thunder-live .tt-bolt.right-c *{
      animation-delay:.07s;
    }

    body.thunder-live .tt-bolt.bottom-b,
    body.thunder-live .tt-bolt.bottom-c,
    body.thunder-live .tt-bolt.left-d,
    body.thunder-live .tt-bolt.right-d{
      animation-delay:.14s;
    }
    body.thunder-live .tt-bolt.bottom-b *,
    body.thunder-live .tt-bolt.bottom-c *,
    body.thunder-live .tt-bolt.left-d *,
    body.thunder-live .tt-bolt.right-d *{
      animation-delay:.14s;
    }

    body.thunder-live .tt-bolt.left-e,
    body.thunder-live .tt-bolt.right-e,
    body.thunder-live .tt-bolt.bottom-d,
    body.thunder-live .tt-bolt.bottom-e{
      animation-delay:.22s;
    }
    body.thunder-live .tt-bolt.left-e *,
    body.thunder-live .tt-bolt.right-e *,
    body.thunder-live .tt-bolt.bottom-d *,
    body.thunder-live .tt-bolt.bottom-e *{
      animation-delay:.22s;
    }

    /* Strike immediately when thunder-live is added, then continue every 5s */
    body.thunder-live .tt-ambient-flash,
    body.thunder-live .tt-bolt,
    body.thunder-live .tt-bolt .bolt-glow,
    body.thunder-live .tt-bolt .bolt-main,
    body.thunder-live .tt-bolt .bolt-hot,
    body.thunder-live .tt-bolt .bolt-branch,
    body.thunder-live .tt-bolt .bolt-twig,
    body.thunder-live .tt-bolt .bolt-node{
      animation-delay:-4.5s !important;
    }

    @keyframes ttAmbientFlash{
      0%, 79%, 100%{
        opacity:0;
        transform:scale(.98);
      }
      84%{
        opacity:.22;
        transform:scale(1.03);
      }
      86%{
        opacity:.52;
        transform:scale(1.06);
      }
      92%{
        opacity:.30;
        transform:scale(1.03);
      }
      98%{
        opacity:.06;
        transform:scale(1);
      }
    }

    @keyframes ttBoltCluster{
      0%, 82%, 100%{
        opacity:0;
        transform:translateY(6px) scale(.995);
      }
      85%{
        opacity:.44;
        transform:translateY(1px) scale(1.002);
      }
      86%{
        opacity:1;
        transform:translateY(0) scale(1.01);
      }
      89%{
        opacity:.40;
        transform:translateY(1px) scale(1.004);
      }
      91%{
        opacity:.05;
        transform:translateY(2px) scale(1);
      }
    }

    @keyframes ttBoltGlow{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.20; }
      86%{ opacity:.56; }
      89%{ opacity:.22; }
      91%{ opacity:.03; }
    }

    @keyframes ttBoltMain{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.58; }
      86%{ opacity:1; }
      89%{ opacity:.34; }
      91%{ opacity:.04; }
    }

    @keyframes ttBoltHot{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.72; }
      86%{ opacity:1; }
      89%{ opacity:.26; }
      91%{ opacity:.03; }
    }

    @keyframes ttBoltBranch{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.30; }
      86%{ opacity:.82; }
      89%{ opacity:.22; }
      91%{ opacity:.03; }
    }

    @keyframes ttBoltTwig{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.12; }
      86%{ opacity:.52; }
      89%{ opacity:.14; }
      91%{ opacity:.02; }
    }

    @keyframes ttBoltNode{
      0%, 82%, 100%{ opacity:0; }
      85%{ opacity:.34; }
      86%{ opacity:.9; }
      89%{ opacity:.18; }
      91%{ opacity:.02; }
    }

    @media (max-width:900px){
      .tt-ambient-flash.left{left:-12px; bottom:18px; width:220px; height:170px;}
      .tt-ambient-flash.right{right:-12px; bottom:18px; width:214px; height:168px;}
      .tt-ambient-flash.bottom{left:138px; right:112px; bottom:-16px; height:84px;}

      .tt-bolt.left-a{left:-8px; bottom:40px; width:132px; height:166px;}
      .tt-bolt.left-b{left:58px; bottom:4px; width:84px; height:144px;}
      .tt-bolt.right-a{right:2px; bottom:42px; width:128px; height:162px;}
      .tt-bolt.right-b{right:72px; bottom:8px; width:86px; height:146px;}
      .tt-bolt.bottom-a{left:146px; bottom:-4px; width:64px; height:50px;}
      .tt-bolt.bottom-b{left:250px; bottom:-6px; width:68px; height:52px;}
      .tt-bolt.bottom-c{right:118px; bottom:-4px; width:68px; height:50px;}
      .tt-bolt.left-c{left:16px; bottom:10px; width:56px; height:86px;}
      .tt-bolt.left-d{left:96px; bottom:20px; width:50px; height:84px;}
      .tt-bolt.left-e{left:34px; bottom:0; width:40px; height:64px;}
      .tt-bolt.right-c{right:16px; bottom:12px; width:56px; height:88px;}
      .tt-bolt.right-d{right:96px; bottom:22px; width:50px; height:84px;}
      .tt-bolt.right-e{right:36px; bottom:2px; width:40px; height:64px;}
      .tt-bolt.bottom-d{left:204px; bottom:-4px; width:50px; height:40px;}
      .tt-bolt.bottom-e{right:204px; bottom:-4px; width:50px; height:40px;}
    }




  

    /* ===== Luxury cleanup pass: no layout changes ===== */
    :root{
      --line:rgba(255,255,255,.082);
      --line-strong:rgba(255,255,255,.155);
      --line-focus:rgba(255,255,255,.23);
      --shadow-card:0 34px 96px rgba(0,0,0,.68);
      --shadow-surface:0 12px 22px rgba(0,0,0,.15);
      --shadow-surface-strong:0 16px 26px rgba(0,0,0,.18);
    }

    body{
      background:
        radial-gradient(circle at 50% -10%, rgba(255,255,255,.018), transparent 18%),
        linear-gradient(180deg, #000000 0%, #010101 56%, #000000 100%) !important;
    }

    .card{
      box-shadow:var(--shadow-card) !important;
      border-color:rgba(255,255,255,.082) !important;
      background:
        linear-gradient(180deg, rgba(9,9,9,.989), rgba(1,1,1,.997)) !important;
    }

    .card::before{
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), transparent 15%),
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.012), transparent 16%),
        radial-gradient(circle at 100% 100%, rgba(255,255,255,.007), transparent 20%) !important;
    }

    .card::after{
      border-color:rgba(255,255,255,.03) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        inset 0 -18px 28px rgba(255,255,255,.004) !important;
    }

    /* 3. Tighter typography */
    h1{
      letter-spacing:-.06em !important;
      text-shadow:
        0 8px 18px rgba(0,0,0,.22),
        0 1px 0 rgba(255,255,255,.012) !important;
    }

    .title-glow::after{
      background:linear-gradient(110deg, transparent 28%, rgba(255,255,255,.052) 48%, transparent 70%) !important;
      animation-duration:13.5s !important;
    }

    .under{
      color:rgba(255,255,255,.82) !important;
      letter-spacing:.35em !important;
    }

    .funny{
      color:rgba(255,255,255,.70) !important;
      letter-spacing:.01em !important;
    }

    .waitlist-label{
      color:rgba(255,255,255,.86) !important;
      letter-spacing:.23em !important;
    }

    .progress-top{
      color:rgba(255,255,255,.86) !important;
    }

    /* 5. Reduce border noise on secondary surfaces */
    .pill,
    .x-link,
    .waitlist-block,
    .waitlist,
    .waitlist input,
    .audio-dock,
    .audio-btn,
    .progress-track{
      border-color:rgba(255,255,255,.075) !important;
    }

    .pill.active,
    .x-link:hover,
    .audio-dock:hover,
    .audio-dock.expanded,
    .audio-dock:focus-within,
    .audio-btn:hover,
    .audio-btn.active,
    .waitlist input:focus,
    .progress-track.locked::before{
      border-color:rgba(255,255,255,.16) !important;
    }

    /* 7. More depth, less glow */
    .pill{
      box-shadow:0 9px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.010) !important;
      background:linear-gradient(180deg, rgba(10,10,10,.987), rgba(2,2,2,.996)) !important;
    }

    .pill.active{
      box-shadow:0 11px 18px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.014) !important;
    }

    .x-link,
    .audio-dock,
    .audio-btn,
    .waitlist-block,
    .waitlist{
      box-shadow:var(--shadow-surface), inset 0 1px 0 rgba(255,255,255,.012) !important;
    }

    .x-link:hover,
    .audio-dock:hover,
    .audio-dock.expanded,
    .audio-dock:focus-within,
    .audio-btn:hover,
    .audio-btn.active,
    .waitlist button:hover{
      box-shadow:var(--shadow-surface-strong), inset 0 1px 0 rgba(255,255,255,.016) !important;
    }

    /* 8. Quieter default button, more exclusive energized state */
    .waitlist button{
      background:linear-gradient(180deg, #f8f8f8 0%, #ececec 100%) !important;
      border-color:rgba(255,255,255,.08) !important;
      box-shadow:0 8px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
      transform:none !important;
    }

    .waitlist button::after{
      background:linear-gradient(120deg, transparent 34%, rgba(255,255,255,.16) 50%, transparent 66%) !important;
      animation-duration:11s !important;
      opacity:.7 !important;
    }

    .request-access-highlight{
      border-color:rgba(184,232,255,.90) !important;
      box-shadow:
        0 0 0 1px rgba(228,246,255,.88) inset,
        0 12px 20px rgba(0,0,0,.17),
        0 0 10px rgba(143,232,255,.12) !important;
    }

    .request-access-highlight::before{
      border-color:rgba(143,232,255,.46) !important;
      box-shadow:
        0 0 8px rgba(143,232,255,.12),
        0 0 14px rgba(159,199,255,.05),
        inset 0 0 10px rgba(255,255,255,.05) !important;
    }

    .request-access-highlight::after{
      filter:
        drop-shadow(0 0 5px rgba(143,232,255,.30))
        drop-shadow(0 0 12px rgba(159,199,255,.16))
        drop-shadow(0 0 14px rgba(184,133,255,.09)) !important;
    }

    /* 9. Slow tiny motions slightly */
    .waitlist::before{
      background:linear-gradient(120deg, transparent 26%, rgba(255,255,255,.009) 50%, transparent 74%) !important;
      animation-duration:12s !important;
    }

    .progress::after{
      animation-duration:3.6s !important;
      background:linear-gradient(90deg, transparent, rgba(0,0,0,.06), transparent) !important;
    }

    .progress.locked::after{
      animation-duration:3.4s !important;
    }

    .under-popup.show{
      animation-duration:3.3s !important;
    }

    .robot-guide.pointing .robot-pointer-line{
      animation-duration:2.4s !important;
    }

    .audio-dock,
    .audio-panel,
    .audio-btn,
    .x-link,
    .waitlist button,
    .waitlist input{
      transition-duration:.28s !important;
    }

    /* 2. Thunder rarer, shorter, sharper */
    .request-access-highlight,
    .request-access-highlight::before,
    .request-access-highlight::after,
    body.thunder-live .tt-ambient-flash,
    body.thunder-live .tt-bolt,
    body.thunder-live .tt-bolt .bolt-glow,
    body.thunder-live .tt-bolt .bolt-main,
    body.thunder-live .tt-bolt .bolt-hot,
    body.thunder-live .tt-bolt .bolt-branch,
    body.thunder-live .tt-bolt .bolt-twig,
    body.thunder-live .tt-bolt .bolt-node{
      animation-duration:5s !important;
    }

    .tt-ambient-flash{
      background:
        radial-gradient(circle at center,
          rgba(230,236,255,.16) 0%,
          rgba(182,214,255,.10) 18%,
          rgba(143,232,255,.075) 34%,
          rgba(159,199,255,.05) 48%,
          rgba(184,133,255,.03) 62%,
          rgba(0,0,0,0) 82%) !important;
      filter:blur(36px) !important;
    }

    .tt-bolt .bolt-glow{
      opacity:.07 !important;
      filter:blur(15px) !important;
    }

    .tt-bolt .bolt-main{
      filter:
        drop-shadow(0 0 5px rgba(143,232,255,.26))
        drop-shadow(0 0 12px rgba(159,199,255,.16))
        drop-shadow(0 0 28px rgba(184,133,255,.08)) !important;
    }

    /* 10. Remove a bit more visual noise */
    .title-glow::after,
    .waitlist::before,
    .waitlist button::after{
      mix-blend-mode:screen;
    }

    .drop{
      text-shadow:0 1px 8px rgba(255,255,255,.03) !important;
    }

    @keyframes ttAmbientFlash{
      0%, 84%, 100%{
        opacity:0;
        transform:scale(.98);
      }
      88%{
        opacity:.14;
        transform:scale(1.02);
      }
      90%{
        opacity:.28;
        transform:scale(1.04);
      }
      94%{
        opacity:.12;
        transform:scale(1.01);
      }
      97%{
        opacity:.03;
        transform:scale(1);
      }
    }

    @keyframes ttBoltCluster{
      0%, 86%, 100%{
        opacity:0;
        transform:translateY(6px) scale(.995);
      }
      89%{
        opacity:.34;
        transform:translateY(1px) scale(1.002);
      }
      90%{
        opacity:1;
        transform:translateY(0) scale(1.008);
      }
      93%{
        opacity:.24;
        transform:translateY(1px) scale(1.003);
      }
      96%{
        opacity:.03;
        transform:translateY(2px) scale(1);
      }
    }

    @keyframes ttBoltGlow{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.16; }
      90%{ opacity:.38; }
      93%{ opacity:.10; }
      96%{ opacity:.02; }
    }

    @keyframes ttBoltMain{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.48; }
      90%{ opacity:1; }
      93%{ opacity:.18; }
      96%{ opacity:.02; }
    }

    @keyframes ttBoltHot{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.62; }
      90%{ opacity:1; }
      93%{ opacity:.16; }
      96%{ opacity:.02; }
    }

    @keyframes ttBoltBranch{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.22; }
      90%{ opacity:.72; }
      93%{ opacity:.14; }
      96%{ opacity:.02; }
    }

    @keyframes ttBoltTwig{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.08; }
      90%{ opacity:.42; }
      93%{ opacity:.08; }
      96%{ opacity:.01; }
    }

    @keyframes ttBoltNode{
      0%, 86%, 100%{ opacity:0; }
      89%{ opacity:.24; }
      90%{ opacity:.82; }
      93%{ opacity:.12; }
      96%{ opacity:.01; }
    }

    @keyframes premiumThunderCycle{
      0%, 84%, 100%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(234,249,255,1) 28%,
            rgba(214,243,255,1) 58%,
            rgba(223,232,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(228,246,255,.88) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 10px rgba(143,232,255,.12);
        filter:brightness(1);
        transform:translateY(-1px) scale(1.004);
      }
      88%{
        box-shadow:
          0 0 0 1px rgba(238,250,255,.94) inset,
          0 13px 22px rgba(0,0,0,.17),
          0 0 18px rgba(143,232,255,.18),
          0 0 28px rgba(159,199,255,.10);
        filter:brightness(1.03);
        transform:translateY(-1px) scale(1.006);
      }
      90%{
        box-shadow:
          0 0 0 1px rgba(246,252,255,.96) inset,
          0 13px 22px rgba(0,0,0,.17),
          0 0 22px rgba(143,232,255,.24),
          0 0 36px rgba(159,199,255,.14),
          0 0 42px rgba(184,133,255,.08);
        filter:brightness(1.07);
        transform:translateY(-1px) scale(1.01);
      }
      93%{
        box-shadow:
          0 0 0 1px rgba(238,250,255,.92) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 12px rgba(143,232,255,.14);
        filter:brightness(1.02);
        transform:translateY(-1px) scale(1.005);
      }
      96%{
        box-shadow:
          0 0 0 1px rgba(228,246,255,.88) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 8px rgba(143,232,255,.08);
        filter:brightness(1);
        transform:translateY(-1px) scale(1.004);
      }
    }

    @keyframes premiumHaloCycle{
      0%, 84%, 100%{
        opacity:.18;
        transform:scale(.992);
      }
      88%{
        opacity:.34;
        transform:scale(1.008);
      }
      90%{
        opacity:.58;
        transform:scale(1.02);
      }
      93%{
        opacity:.24;
        transform:scale(1.008);
      }
      96%{
        opacity:.10;
        transform:scale(.996);
      }
    }

    @keyframes premiumSparkCycle{
      0%, 86%, 100%{
        opacity:.02;
        transform:scale(.99);
      }
      89%{
        opacity:.30;
        transform:scale(1.012);
      }
      90%{
        opacity:.66;
        transform:scale(1.024);
      }
      93%{
        opacity:.10;
        transform:scale(1.004);
      }
      96%{
        opacity:.02;
        transform:scale(.995);
      }
    }

  

    /* ===== Immediate bright logo-like spark for Request Access ===== */
    .request-access-highlight{
      animation-delay:-4.5s !important;
      background:
        linear-gradient(180deg,
          rgba(255,255,255,1) 0%,
          rgba(226,248,255,1) 24%,
          rgba(178,236,255,1) 56%,
          rgba(196,208,255,1) 100%) !important;
      box-shadow:
        0 0 0 1px rgba(236,249,255,.96) inset,
        0 12px 20px rgba(0,0,0,.17),
        0 0 18px rgba(143,232,255,.26),
        0 0 34px rgba(159,199,255,.16),
        0 0 52px rgba(184,133,255,.10) !important;
      filter:brightness(1.06) saturate(1.06) !important;
      border-color:rgba(184,232,255,.96) !important;
    }

    .request-access-highlight::before{
      animation-delay:-4.5s !important;
      border-color:rgba(143,232,255,.58) !important;
      box-shadow:
        0 0 12px rgba(143,232,255,.22),
        0 0 26px rgba(159,199,255,.10),
        inset 0 0 14px rgba(255,255,255,.08) !important;
    }

    .request-access-highlight::after{
      animation-delay:-4.5s !important;
      background:
        linear-gradient(118deg,
          transparent 0 30%,
          rgba(143,232,255,0) 34%,
          rgba(143,232,255,.98) 38%,
          rgba(255,255,255,1) 40.5%,
          rgba(159,199,255,.98) 43.2%,
          rgba(184,133,255,.90) 45.8%,
          rgba(143,232,255,0) 49%,
          transparent 53%),
        linear-gradient(300deg,
          transparent 0 58%,
          rgba(124,241,222,0) 62%,
          rgba(124,241,222,.98) 65.5%,
          rgba(255,255,255,.98) 68.5%,
          rgba(143,159,255,.92) 70.8%,
          rgba(184,133,255,.84) 72.8%,
          rgba(124,241,222,0) 76.2%,
          transparent 80%),
        radial-gradient(circle at 10% 16%, rgba(255,255,255,.98) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 16%, rgba(143,232,255,.98) 0 2px, transparent 3px),
        radial-gradient(circle at 22% 84%, rgba(184,133,255,.92) 0 2px, transparent 3px),
        radial-gradient(circle at 94% 76%, rgba(124,241,222,.92) 0 2px, transparent 3px) !important;
      opacity:.18 !important;
      filter:
        drop-shadow(0 0 8px rgba(143,232,255,.48))
        drop-shadow(0 0 18px rgba(159,199,255,.28))
        drop-shadow(0 0 22px rgba(184,133,255,.16)) !important;
    }

    @keyframes premiumThunderCycle{
      0%, 82%, 100%{
        background:
          linear-gradient(180deg,
            rgba(255,255,255,1) 0%,
            rgba(226,248,255,1) 24%,
            rgba(178,236,255,1) 56%,
            rgba(196,208,255,1) 100%);
        box-shadow:
          0 0 0 1px rgba(236,249,255,.96) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 14px rgba(143,232,255,.18);
        filter:brightness(1.03) saturate(1.04);
        transform:translateY(-1px) scale(1.004);
      }
      88%{
        box-shadow:
          0 0 0 1px rgba(244,252,255,.98) inset,
          0 13px 22px rgba(0,0,0,.17),
          0 0 26px rgba(143,232,255,.28),
          0 0 40px rgba(159,199,255,.18),
          0 0 58px rgba(184,133,255,.12);
        filter:brightness(1.08) saturate(1.06);
        transform:translateY(-1px) scale(1.008);
      }
      90%{
        box-shadow:
          0 0 0 1px rgba(248,253,255,.98) inset,
          0 14px 24px rgba(0,0,0,.17),
          0 0 34px rgba(143,232,255,.36),
          0 0 58px rgba(159,199,255,.24),
          0 0 78px rgba(184,133,255,.16);
        filter:brightness(1.14) saturate(1.08);
        transform:translateY(-1px) scale(1.012);
      }
      93%{
        box-shadow:
          0 0 0 1px rgba(240,250,255,.96) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 16px rgba(143,232,255,.16);
        filter:brightness(1.04);
        transform:translateY(-1px) scale(1.005);
      }
      96%{
        box-shadow:
          0 0 0 1px rgba(232,246,255,.90) inset,
          0 12px 20px rgba(0,0,0,.17),
          0 0 10px rgba(143,232,255,.08);
        filter:brightness(1.01);
        transform:translateY(-1px) scale(1.004);
      }
    }

    @keyframes premiumHaloCycle{
      0%, 82%, 100%{
        opacity:.24;
        transform:scale(.992);
      }
      88%{
        opacity:.44;
        transform:scale(1.01);
      }
      90%{
        opacity:.74;
        transform:scale(1.024);
      }
      93%{
        opacity:.26;
        transform:scale(1.01);
      }
      96%{
        opacity:.08;
        transform:scale(.997);
      }
    }

    @keyframes premiumSparkCycle{
      0%, 84%, 100%{
        opacity:.02;
        transform:scale(.992);
      }
      88%{
        opacity:.34;
        transform:scale(1.015);
      }
      90%{
        opacity:.88;
        transform:scale(1.03);
      }
      93%{
        opacity:.12;
        transform:scale(1.006);
      }
      96%{
        opacity:.02;
        transform:scale(.995);
      }
    }

.waitlist-status{
  display:none;
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.4;
  text-align:left;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  color:rgba(255,255,255,.82);
  box-shadow:
    0 8px 18px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.02);
}

.waitlist-status.show{
  display:flex;
  align-items:center;
}

.waitlist-status.success{
  border-color:rgba(143,232,255,.22);
  background:
    linear-gradient(180deg, rgba(143,232,255,.08), rgba(255,255,255,.015));
  color:rgba(232,248,255,.94);
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    0 0 18px rgba(143,232,255,.08),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.waitlist-status.error{
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
  color:rgba(255,255,255,.78);
}

.waitlist-status-icon{
  width:16px;
  height:16px;
  margin-right:8px;
  flex:0 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.waitlist-status-icon svg{
  width:16px;
  height:16px;
  display:block;
}

.waitlist-status.success .waitlist-status-icon{
  color:#ffffff;
  filter:drop-shadow(0 0 8px rgba(143,232,255,.22));
}

.waitlist-status.error .waitlist-status-icon{
  color:rgba(255,255,255,.72);
}