:root{
    --bg:#ffffff; --ink:#111111; --muted:#6b7280; --accent:#C1272D;
    --ring:#e5e7eb; --btn:#C1272D; --btn-ink:#ffffff; --radius:16px; --container:1100px;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
  .container{max-width:var(--container);margin-inline:auto;padding:0 20px}
  
  /* Access */
  .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .skip-link:focus{position:fixed;left:12px;top:12px;z-index:1000;width:auto;height:auto;padding:10px 14px;background:#000;color:#fff;border-radius:8px}
  
  /* Typography */
  h1,h2,h3,.nav-link,.btn{font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:700}
  
  /* Header */
  .site-header{border-bottom:1px solid var(--ring);background:#fff;position:sticky;top:0;z-index:50}
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
  .logo{height:56px;width:auto;display:block}
  @media (max-width:640px){.logo{height:44px}}
  .mobile-toggle{display:none;border:1px solid var(--ring);background:#fff;border-radius:12px;padding:10px 14px;font-size:20px;line-height:1;cursor:pointer}
  .mobile-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}
  .nav{display:flex;gap:14px}
  .nav-link{padding:12px 16px;text-decoration:none;color:var(--ink);border-radius:10px;text-transform:uppercase;letter-spacing:.04em;min-height:44px;display:flex;align-items:center}
  .nav-link:hover{background:rgba(193,39,45,.06)}
  .nav-link.cta{background:var(--accent);color:#fff}
  @media (max-width:768px){
    .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
    .nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--ring);display:none;flex-direction:column;padding:8px}
    .nav.open{display:flex}
  }
  
  /* Hero */
  .hero{min-height:70dvh;display:grid;place-items:center;padding:40px 0}
  .hero-inner{max-width:760px;text-align:center}
  h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px;letter-spacing:.01em}
  .lead{color:var(--muted);margin:0 0 26px}
  .buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
  
  /* Buttons */
  .btn{display:inline-block;padding:14px 18px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;border-radius:12px;font-weight:700}
  .btn:hover{background:rgba(193,39,45,.06)}
  .btn-primary{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
  .btn-primary:hover{filter:brightness(0.95)}
  @media (max-width:640px){.buttons{flex-direction:column}.buttons .btn{width:100%;text-align:center}}
  .small{font-size:0.925rem}
.dl-help{margin-top:8px}
.alt-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn-outline{
  padding:10px 14px;border:1px solid var(--ring);background:#fff;border-radius:12px;
  font-weight:700;cursor:pointer
}
.btn-outline:hover{background:#f8f8f8}

  
  /* Footer */
  .site-footer{border-top:1px solid var(--ring);margin-top:60px}
  .footer-inner{padding:20px 0;text-align:center;color:var(--muted)}
  
  /* Redeem (centered) */
  .redeem{min-height:70dvh;display:grid;place-items:center;text-align:center;padding:40px 0 80px}
  .redeem-form{display:grid;gap:10px;width:100%;max-width:520px;margin-inline:auto}
  .redeem-form label{font-weight:700}
  .redeem-form input{padding:14px 16px;border:1px solid var(--ring);border-radius:12px;font-size:18px}
  .feedback{min-height:22px;color:var(--muted);margin-top:2px}
  .feedback.error{color:#b91c1c}.feedback.success{color:#065f46}
  .player{margin-top:28px;width:100%;max-width:760px}
  .hidden{display:none}
  .embed-wrap{aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}
  .embed-wrap iframe{width:100%;height:100%;border:0;display:block}
  
  /* Notice */
  .notice{background:#fff5f5;border:1px solid rgba(193,39,45,.2);border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px;margin:12px 0 20px;color:var(--ink)}
  .notice ul{margin:8px 0 0 18px;padding:0}
  .notice li{margin:6px 0}
  
  /* Mobile gutters */
  @media (max-width:640px){
    .redeem{padding-left:24px;padding-right:24px}
  }
  
/* Redeem: center the Copy link button */
.dl-help { 
  text-align: center;           /* centers text + inline elements in the help area */
}

.dl-help .alt-links { 
  margin-top: 12px; 
}

.dl-help .btn-outline {
  display: inline-block;        /* allow centering */
  padding: 10px 16px;
  border-radius: 10px;
}

/* Optional: make it look nice on small screens */
@media (max-width: 480px) {
  .dl-help .btn-outline {
    width: 100%;
    max-width: 220px;           /* centered, tidy width */
  }
}

/* Center the Copy link button on Redeem */
.dl-help .alt-links {
  display: flex;              /* flex makes centering reliable */
  justify-content: center;    /* center horizontally */
  margin-top: 12px;
}

#copy-link {
  display: inline-block;      /* ensure it can size to content */
  margin: 0 auto;             /* safe center if it ever becomes block */
  min-width: 140px;           /* nice touch */
  text-align: center;
}

/* Optional: nicer on small screens */
@media (max-width: 480px) {
  #copy-link { width: 200px; }
}