:root{
    --bg:#0D0F14;
    --panel:#151922;
    --panel-2:#11141B;
    --border:#262B36;
    --text:#ECEEF2;
    --muted:#8991A3;
    --accent:#FF8A3D;
    --accent-dim:#7A4423;
    --safe:#34D399;
    --danger:#F2545B;
    --font-display:'Space Grotesk', 'Inter', sans-serif;
    --font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  @media (prefers-color-scheme: light){
    :root:not([data-theme="dark"]){
      --bg:#F3F4F6;
      --panel:#FFFFFF;
      --panel-2:#FAFAFB;
      --border:#DDE0E6;
      --text:#171A21;
      --muted:#5C6472;
      --accent-dim:#FFE1C7;
    }
  }
  :root[data-theme="dark"]{
    --bg:#0D0F14; --panel:#151922; --panel-2:#11141B; --border:#262B36; --text:#ECEEF2; --muted:#8991A3;
  }
  html{scroll-padding-top:env(safe-area-inset-top,0px);}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}

  /* ---------- top bar ---------- */
  .topbar{
    display:flex;align-items:center;justify-content:space-between;
    padding:22px 0;border-bottom:1px solid var(--border);
  }
  .logo{
    font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-0.02em;
    display:flex;align-items:center;gap:9px;
  }
  .logo .brandmark{width:22px;height:22px;display:block;object-fit:contain;}
  .status-pill{
    font-family:var(--font-mono);font-size:12.5px;color:var(--danger);
    border:1px solid rgba(242,84,91,0.35);background:rgba(242,84,91,0.08);
    padding:6px 12px;border-radius:100px;letter-spacing:0.02em;
  }

  /* ---------- hero ---------- */
  .hero{
    display:grid;grid-template-columns:1fr 1.15fr;gap:64px;
    padding:72px 0 56px;align-items:center;
  }
  @media (max-width:860px){
    .hero{grid-template-columns:1fr;gap:44px;padding:44px 0 40px;}
  }

  /* countdown timer panel */
  .timer-panel{
    background:var(--panel-2);border:1px solid var(--border);border-radius:10px;
    padding:30px 24px;text-align:center;
  }
  .timer-head{
    font-family:var(--font-mono);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--muted);margin-bottom:18px;
  }
  .timer-grid{
    display:flex;align-items:flex-start;justify-content:center;gap:10px;
  }
  .t-seg{min-width:56px;}
  .t-num{
    font-family:var(--font-mono);font-weight:600;font-size:clamp(28px,5vw,38px);
    color:var(--danger);line-height:1;font-variant-numeric:tabular-nums;
  }
  .t-lab{
    font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);
    margin-top:8px;
  }
  .t-sep{
    font-family:var(--font-mono);font-weight:600;font-size:clamp(28px,5vw,38px);
    color:var(--border);line-height:1;
  }
  .timer-msg{
    margin-top:22px;padding-top:18px;border-top:1px solid var(--border);
    font-size:13.5px;color:var(--muted);max-width:34ch;margin-left:auto;margin-right:auto;
  }
  .timer-msg strong{color:var(--text);font-weight:600;}

  .eyebrow{
    font-family:var(--font-mono);font-size:12.5px;color:var(--danger);
    margin-bottom:16px;
  }
  h1{
    font-family:var(--font-display);font-weight:700;
    font-size:clamp(32px,4.4vw,46px);letter-spacing:-0.02em;line-height:1.08;
    max-width:15ch;
  }
  .lede{
    color:var(--muted);font-size:16.5px;max-width:46ch;margin-top:18px;
  }

  .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
  .btn{
    font-family:var(--font-body);font-weight:600;font-size:15px;
    padding:13px 22px;border-radius:8px;border:1px solid transparent;
    cursor:pointer;transition:transform .15s ease, background .15s ease;
    text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  }
  .btn-primary{background:var(--accent);color:#1A0E04;}
  .btn-primary:hover{transform:translateY(-1px);background:#FF9A56;}
  .btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
  /* ---------- info section ---------- */
  .info{
    padding:48px 0 64px;border-top:1px solid var(--border);
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  }
  @media (max-width:760px){ .info{grid-template-columns:1fr;} }
  .info-block{
    padding:8px 28px 8px 24px;border-left:2px solid var(--border);
  }
  .info-block.accent{border-left-color:var(--accent);}
  .info-block.safe{border-left-color:var(--safe);}
  @media (max-width:760px){ .info-block{padding:20px 0 20px 20px;} }
  .info-block h3{
    font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:10px;
  }
  .info-block p{color:var(--muted);font-size:14.5px;}

  footer{
    border-top:1px solid var(--border);padding:28px 0 40px;
    display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;
    color:var(--muted);font-size:13px;
  }
  footer a{color:var(--muted);}