:root{
      --bg:#0f100f;
      --overlay:rgba(10,12,11,.50);
      --overlay-strong:rgba(10,12,11,.62);
      --text:#f5f5f1;
      --muted:rgba(245,245,241,.72);
      --line:rgba(255,255,255,.12);
      --accent:#dfe6dc;
    }
    *{box-sizing:border-box}
    html,body{margin:0;min-height:100%;background:var(--bg)}
    body{
      color:var(--text);
      font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none}

    .page{
      position:relative;
      min-height:100svh;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      padding:32px clamp(24px,6vw,84px) 28px;
      isolation:isolate;
      background:#111;
    }

    .bg-video,
    .bg-fallback,
    .page::before,
    .page::after{
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .bg-video{
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:-4;
      filter:saturate(.92) contrast(.94) brightness(.78);
      transform:scale(1.02);
    }

    .bg-fallback{
      z-index:-5;
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,.06), transparent 36%),
        url("background-poster.jpg") center / cover no-repeat,
        linear-gradient(135deg, #202320 0%, #141615 55%, #0f100f 100%);
    }

    .page::before{
      content:"";
      z-index:-3;
      background:linear-gradient(to bottom, rgba(7,8,8,.45), rgba(7,8,8,.34) 24%, rgba(7,8,8,.46) 65%, rgba(7,8,8,.72));
    }

    .page::after{
      content:"";
      z-index:-2;
      background:radial-gradient(circle at center, transparent 18%, rgba(0,0,0,.16) 100%);
      mix-blend-mode:normal;
    }

    .video-note{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);z-index:4;font-size:12px;color:rgba(255,255,255,.9);background:rgba(0,0,0,.5);padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:30px;white-space:nowrap;display:none}
    .video-note label{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
    .video-note input{display:none}
    .top,
    .hero,
    footer{
      position:relative;
      z-index:2;
    }

    .top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .wordmark{
      display:flex;
      align-items:center;
      gap:11px;
      font-size:23px;
      letter-spacing:-.045em;
      font-weight:620;
      line-height:1;
    }

    .logo{width:35px;height:35px;flex-shrink:0;color:rgba(255,255,255,.94)}

    .top-note{
      font-size:11px;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:rgba(255,255,255,.68);
      font-weight:560;
    }

    .hero{
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:76px 0 64px;
    }

    .hero-inner{
      max-width:760px;
      margin:0 auto;
    }

    .eyebrow{
      margin:0 0 22px;
      font-size:11px;
      letter-spacing:.2em;
      text-transform:uppercase;
      color:rgba(255,255,255,.72);
      font-weight:650;
    }

    h1{
      margin:0 0 22px;
      font-size:clamp(54px,8vw,104px);
      line-height:1.02;
      letter-spacing:-.045em;
      font-weight:600;
      text-wrap:balance;
    }

    .description{
      margin:0 auto;
      max-width:590px;
      font-size:clamp(17px,1.65vw,21px);
      line-height:1.62;
      letter-spacing:-.022em;
      color:var(--muted);
    }

    footer{
      border-top:1px solid var(--line);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:18px;
      padding-top:22px;
    }


    .availability{
      display:flex;
      align-items:center;
      gap:10px;
      min-height:44px;
      font-size:14px;
      font-weight:590;
      letter-spacing:-.02em;
      color:rgba(255,255,255,.96);
      white-space:nowrap;
    }

    .availability svg{width:16px;height:19px}

    @media (max-width: 780px){
      .page{padding:24px 22px 22px}
      .top-note{display:none}
      .hero{padding:58px 0 46px}
      h1{font-size:clamp(46px,13vw,70px);line-height:1.04;letter-spacing:-.038em}
      .description{font-size:16px;max-width:470px}
      footer{margin-top:auto;flex-wrap:wrap;gap:12px}
    }

    @media (prefers-reduced-motion: reduce){
      .bg-video{display:none}
    }
    .site-links{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:0;font-size:12px;color:rgba(255,255,255,.78)}
    .site-links a{min-height:44px;display:inline-flex;align-items:center}
    a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:5px}
    [hidden]{display:none!important}
  
    .payment-note{margin-top:18px;}