:root {
  --ringtail-red: #9D2235;
  --ringtail-white: #ffffff;
  --ringtail-black: #111111;
  --max-width: 64rem;
  --radius: 0.5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;
  --space-5: 4rem;
  --space-6: 8rem;
  font-size: 16px;
}
html{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;background:var(--ringtail-red);color:var(--ringtail-white);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ringtail-white);text-decoration:underline;}
a.btn{text-decoration:none;display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--ringtail-white);border-radius:var(--radius);font-weight:600;}
a.btn:hover{background:var(--ringtail-white);color:var(--ringtail-red);}
header{text-align:center;padding:var(--space-5) var(--space-3) var(--space-4);}
header .cta{font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;font-size:clamp(1.25rem,3vw,2rem);font-weight:300;letter-spacing:0.04em;margin-bottom:var(--space-4);}
header .logo{width:min(300px,60vw);margin:0 auto var(--space-5);}
header .brand{font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;text-transform:uppercase;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:0.95;margin:0 auto var(--space-4);}
header .benefits{font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:300;letter-spacing:0.03em;margin-bottom:var(--space-6);}
header .benefits span{padding:0 var(--space-2);}
.section{max-width:var(--max-width);margin:0 auto;padding:var(--space-5) var(--space-3);text-align:center;}
.section.provenance{padding-top:0;}
.section.provenance img.az{width:120px;margin:0 auto var(--space-3);}
.section.provenance .cred{font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;text-transform:uppercase;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:0.04em;font-weight:300;margin-bottom:var(--space-4);}
.section.actions .btn-group{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4);}
form#interest{max-width:32rem;margin:0 auto;display:grid;gap:var(--space-3);text-align:left;}
form#interest label{font-size:0.875rem;font-weight:600;}
form#interest input,form#interest select,form#interest textarea{width:100%;padding:var(--space-2);border:1px solid var(--ringtail-white);background:transparent;color:var(--ringtail-white);font-family:inherit;font-size:1rem;border-radius:var(--radius);}
form#interest textarea{min-height:6rem;resize:vertical;}
form#interest button{cursor:pointer;background:var(--ringtail-white);color:var(--ringtail-red);border:none;padding:var(--space-3);font-size:1rem;font-weight:700;border-radius:var(--radius);}
footer{text-align:center;font-size:0.75rem;padding:var(--space-5) var(--space-3) var(--space-6);opacity:0.85;}
footer .micro{margin-top:var(--space-2);font-size:0.625rem;opacity:0.7;line-height:1.2;}
/* Thank-you banner */
.thankyou{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--ringtail-white);color:var(--ringtail-red);padding:var(--space-3) var(--space-4);text-align:center;font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;letter-spacing:0.02em;box-shadow:0 4px 16px rgba(0,0,0,.25);}
.thankyou[hidden]{display:none;}
.thankyou .close-thanks{margin-left:1rem;font-size:1.25em;line-height:1;background:none;border:none;color:inherit;cursor:pointer;}
/* Agegate modal */
.agegate-pending{overflow:hidden;}
.agegate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(0,0,0,.6);padding:var(--space-4);}
.agegate[hidden]{display:none;}
.agegate__card{max-width:20rem;width:100%;background:var(--ringtail-white);color:var(--ringtail-red);padding:var(--space-5) var(--space-4);text-align:center;border-radius:var(--radius);box-shadow:0 4px 24px rgba(0,0,0,.4);}
.agegate__card h2{margin-top:0;margin-bottom:var(--space-3);font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:600;letter-spacing:0.02em;}
.agegate__card p{margin:0 0 var(--space-4) 0;font-size:1rem;font-weight:400;letter-spacing:0.01em;}
.agegate__btns{display:flex;gap:var(--space-3);justify-content:center;}
.agegate__btns .btn{min-width:6rem;cursor:pointer;background:var(--ringtail-red);color:var(--ringtail-white);border:none;padding:var(--space-3) var(--space-4);font-size:1.125rem;font-weight:700;letter-spacing:0.03em;border-radius:var(--radius);}
.agegate__btns .btn:hover,.agegate__btns .btn:focus{outline:2px solid var(--ringtail-white);outline-offset:2px;}
@media (prefers-reduced-motion:no-preference){
  .fade-in{opacity:0;transform:translateY(8px);animation:fade 0.8s ease forwards;}
  @keyframes fade{to{opacity:1;transform:none;}}
}


/* Quick Actions (above the fold) */
header .quick-actions{
  display:flex;
  justify-content:center;
  gap:var(--space-3);
  margin:0 auto var(--space-3);
}
header .quick-actions .qbtn{
  font-family:"Barlow Condensed",Roboto Condensed,Arial Narrow,Arial,sans-serif;
  text-transform:uppercase;
  font-size:clamp(0.95rem,2.5vw,1.25rem);
  font-weight:600;
  letter-spacing:0.03em;
  padding:var(--space-2) var(--space-4);
  border:1px solid var(--ringtail-white);
  border-radius:var(--radius);
  line-height:1;
  text-decoration:none;
}
header .quick-actions .qbtn:hover{
  background:var(--ringtail-white);
  color:var(--ringtail-red);
}

/* Tighten header spacing on small screens */
@media (max-width:600px){
  header{padding-top:var(--space-4);padding-bottom:var(--space-3);}
  header .logo{margin-bottom:var(--space-4);}
  header .brand{margin-bottom:var(--space-2);}
  header .quick-actions{margin-bottom:var(--space-2);}
  header .benefits{margin-bottom:var(--space-4);}
  .section.actions{padding-top:var(--space-3);}
}
/* Restore generous spacing on large screens */
@media (min-width:601px){
  header .quick-actions{margin-bottom:var(--space-4);}
}