/* ============================================================
   Take Your Shot — Main Stylesheet
   BigMouth Media Inc. | takeyourshot.club
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --gold:        #C9A84C;
  --gold-light:  #E8C97A;
  --gold-pale:   #F5E9C8;
  --dark:        #0B0D0A;
  --dark-2:      #111410;
  --dark-3:      #1A1D17;
  --green-deep:  #0F2A18;
  --green-mid:   #1B4228;
  --green-bright:#2D6A40;
  --white:       #F8F5EE;
  --muted:       #8A9080;
  --border:      rgba(201,168,76,0.18);
  --ff-display:  'Cormorant Garamond', Georgia, serif;
  --ff-heading:  'Barlow Condensed', sans-serif;
  --ff-body:     'Barlow', sans-serif;
}

html { scroll-behavior: smooth; }

body {
  background: var(--dark);
  color: var(--white);
  font-family: var(--ff-body);
  font-weight: 300;
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1000;
  opacity: 0.35;
}

/* ─── UTILITIES ─── */
.container { max-width: 1280px; margin: 0 auto; padding: 0 48px; }
section { position: relative; }

.section-eyebrow {
  font-family: var(--ff-heading);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.section-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--gold); }

.section-title {
  font-family: var(--ff-display);
  font-size: clamp(38px, 4.5vw, 62px);
  font-weight: 300;
  line-height: 1.1;
  color: var(--white);
  margin-bottom: 20px;
}
.section-title em { font-style: italic; color: var(--gold); }
.section-body { font-size: 16px; font-weight: 300; color: rgba(248,245,238,0.6); line-height: 1.75; max-width: 540px; }

/* ─── BUTTONS ─── */
.btn-primary {
  font-family: var(--ff-heading);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dark);
  background: var(--gold);
  border: none;
  padding: 16px 40px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .15s, box-shadow .2s;
  display: inline-block;
}
.btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 12px 40px rgba(201,168,76,0.35); }

.btn-ghost {
  font-family: var(--ff-heading);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--white);
  background: transparent;
  border: 1px solid rgba(248,245,238,0.25);
  padding: 16px 40px;
  cursor: pointer;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-block;
}
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

/* ─── NAV ─── */
#mainNav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 48px;
  background: linear-gradient(to bottom, rgba(11,13,10,0.95) 0%, transparent 100%);
  backdrop-filter: blur(2px);
  transition: background .4s;
}
#mainNav.scrolled { background: rgba(11,13,10,0.97); border-bottom: 1px solid var(--border); }
.nav-logo {
  font-family: var(--ff-heading);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: .12em;
  color: var(--gold);
  text-transform: uppercase;
  text-decoration: none;
}
.nav-logo span { color: var(--white); }
.nav-links { display: flex; gap: 36px; list-style: none; }
.nav-links a {
  font-family: var(--ff-heading);
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  transition: color .2s;
}
.nav-links a:hover { color: var(--gold); }
.nav-cta {
  font-family: var(--ff-heading);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dark);
  background: var(--gold);
  border: none;
  padding: 10px 24px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .15s;
}
.nav-cta:hover { background: var(--gold-light); transform: translateY(-1px); }

/* ─── HERO ─── */
.hero {
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 60% 40%, rgba(15,42,24,0.7) 0%, transparent 70%),
    radial-gradient(ellipse 50% 80% at 20% 80%, rgba(11,13,10,0.9) 0%, transparent 60%),
    linear-gradient(160deg, #0B1A10 0%, #071008 50%, #0B0D0A 100%);
}
.hero-rays {
  position: absolute; inset: 0;
  background:
    conic-gradient(from 200deg at 75% 30%, transparent 0deg, rgba(201,168,76,0.04) 15deg, transparent 30deg),
    conic-gradient(from 215deg at 65% 20%, transparent 0deg, rgba(45,106,64,0.08) 20deg, transparent 40deg);
  mix-blend-mode: screen;
}
.hero-circle {
  position: absolute; right: -8%; top: 10%;
  width: 620px; height: 620px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,0.12);
  box-shadow: inset 0 0 120px rgba(45,106,64,0.15), 0 0 200px rgba(15,42,24,0.4);
}
.hero-circle::after { content:''; position:absolute; inset:30px; border-radius:50%; border:1px solid rgba(201,168,76,0.07); }
.hero-circle::before { content:''; position:absolute; inset:60px; border-radius:50%; background:radial-gradient(circle,rgba(27,66,40,0.3) 0%,transparent 70%); }

.hero-flag { position:absolute; right:20%; bottom:28%; display:flex; flex-direction:column; align-items:center; animation:flagwave 3s ease-in-out infinite; }
.flag-pole { width:2px; height:140px; background:linear-gradient(to bottom,var(--gold),rgba(201,168,76,0.3)); }
.flag-banner { position:absolute; top:0; left:2px; width:44px; height:28px; background:var(--gold); clip-path:polygon(0 0,100% 15%,100% 85%,0 100%); animation:flagflap 2.5s ease-in-out infinite; }
.flag-hole { width:28px; height:6px; background:rgba(0,0,0,0.6); border-radius:50%; margin-top:-4px; }
@keyframes flagwave { 0%,100%{transform:translateX(0) rotate(-1deg)} 50%{transform:translateX(4px) rotate(1deg)} }
@keyframes flagflap { 0%,100%{clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)} 50%{clip-path:polygon(0 5%,100% 0,100% 100%,0 95%)} }

.hero-arc { position:absolute; top:15%; left:12%; width:55%; height:45%; border:1px dashed rgba(201,168,76,0.15); border-radius:0 0 60% 0/0 0 100% 0; border-top:none; border-left:none; }
.hero-arc-ball { position:absolute; top:-6px; left:-6px; width:12px; height:12px; border-radius:50%; background:var(--white); box-shadow:0 0 20px rgba(255,255,255,0.6),0 0 6px rgba(201,168,76,0.8); animation:ballroll 4s ease-in-out infinite; }
@keyframes ballroll { 0%,100%{opacity:.6;transform:scale(.9)} 50%{opacity:1;transform:scale(1.1)} }

.hero-content { position:relative; z-index:10; padding:0 48px 80px; max-width:760px; animation:fadeUp 1s ease both; }
@keyframes fadeUp { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }
.hero-eyebrow { font-family:var(--ff-heading); font-size:12px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:20px; display:flex; align-items:center; gap:14px; }
.hero-eyebrow::before { content:''; display:block; width:40px; height:1px; background:var(--gold); }
.hero-h1 { font-family:var(--ff-display); font-size:clamp(64px,8vw,110px); font-weight:300; line-height:.95; color:var(--white); margin-bottom:10px; }
.hero-h1 em { font-style:italic; color:var(--gold); display:block; }
.hero-prize { font-family:var(--ff-heading); font-size:clamp(36px,5vw,64px); font-weight:800; letter-spacing:.04em; color:var(--gold-light); text-transform:uppercase; margin:16px 0 28px; text-shadow:0 0 60px rgba(201,168,76,0.3); }
.hero-sub { font-size:16px; font-weight:300; color:rgba(248,245,238,.65); line-height:1.7; max-width:480px; margin-bottom:40px; }
.hero-btns { display:flex; gap:16px; flex-wrap:wrap; }
.hero-scroll { position:absolute; bottom:36px; right:48px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.scroll-label { font-family:var(--ff-heading); font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); writing-mode:vertical-rl; }
.scroll-line { width:1px; height:60px; background:linear-gradient(to bottom,var(--muted),transparent); animation:scrollpulse 2s ease-in-out infinite; }
@keyframes scrollpulse { 0%,100%{opacity:.3;transform:scaleY(.8)} 50%{opacity:1;transform:scaleY(1)} }

/* ─── STATS BAR ─── */
.stats-bar { background:var(--green-deep); border-top:1px solid var(--border); border-bottom:1px solid var(--border); overflow:hidden; }
.stats-track { display:flex; animation:ticker 30s linear infinite; white-space:nowrap; }
.stats-track:hover { animation-play-state:paused; }
.stat-item { display:inline-flex; align-items:center; gap:10px; padding:18px 48px; border-right:1px solid var(--border); flex-shrink:0; }
.stat-num { font-family:var(--ff-heading); font-weight:800; font-size:28px; color:var(--gold); letter-spacing:.02em; }
.stat-label { font-family:var(--ff-heading); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ─── HOW IT WORKS ─── */
.how-section { padding:120px 0; background:var(--dark-2); }
.how-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-top:60px; }
.how-steps { display:flex; flex-direction:column; }
.how-step { display:flex; gap:24px; padding:32px 0; border-bottom:1px solid var(--border); cursor:pointer; transition:all .2s; }
.how-step:first-child { border-top:1px solid var(--border); }
.how-step.active .step-icon { background:var(--gold); color:var(--dark); }
.how-step.active .step-title { color:var(--gold); }
.step-icon { flex-shrink:0; width:48px; height:48px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-family:var(--ff-heading); font-weight:700; font-size:18px; color:var(--muted); transition:all .2s; }
.step-title { font-family:var(--ff-heading); font-weight:600; font-size:18px; letter-spacing:.06em; text-transform:uppercase; color:var(--white); margin-bottom:8px; transition:color .2s; }
.step-desc { font-size:14px; font-weight:300; color:rgba(248,245,238,.55); line-height:1.65; }

.how-visual { position:relative; aspect-ratio:1; max-width:480px; justify-self:center; }
.how-visual-ring { position:absolute; inset:0; border-radius:50%; border:1px solid rgba(201,168,76,.15); animation:spin 20s linear infinite; }
.how-visual-ring::before { content:''; position:absolute; top:-4px; left:50%; width:8px; height:8px; background:var(--gold); border-radius:50%; transform:translateX(-50%); }
.how-visual-inner { position:absolute; inset:40px; border-radius:50%; background:radial-gradient(circle at 40% 40%,rgba(27,66,40,.5),rgba(11,13,10,.8)); border:1px solid rgba(201,168,76,.1); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; text-align:center; }
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.prize-display { font-family:var(--ff-heading); font-weight:800; font-size:56px; color:var(--gold); line-height:1; text-shadow:0 0 80px rgba(201,168,76,.5); }
.prize-label { font-family:var(--ff-heading); font-size:13px; letter-spacing:.25em; text-transform:uppercase; color:var(--muted); }
.prize-sublabel { font-family:var(--ff-display); font-style:italic; font-size:22px; color:rgba(248,245,238,.4); }

/* ─── TIERS ─── */
.tiers-section { padding:120px 0; background:var(--dark-3); }
.tiers-header { margin-bottom:70px; }
.tiers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); }
.tier-card { background:var(--dark-2); padding:52px 40px; position:relative; overflow:hidden; transition:background .3s; }
.tier-card:hover { background:var(--dark-3); }
.tier-card.featured { background:var(--green-deep); }
.tier-card.featured:hover { background:var(--green-mid); }
.tier-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--border); transition:background .3s; }
.tier-card:hover::before, .tier-card.featured::before { background:var(--gold); }
.tier-number { font-family:var(--ff-heading); font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:24px; }
.tier-icon { width:56px; height:56px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; margin-bottom:28px; font-size:24px; }
.tier-title { font-family:var(--ff-display); font-size:36px; font-weight:400; color:var(--white); margin-bottom:16px; line-height:1.1; }
.tier-title em { font-style:italic; color:var(--gold); }
.tier-desc { font-size:14px; font-weight:300; color:rgba(248,245,238,.55); line-height:1.7; margin-bottom:32px; }
.tier-benefits { list-style:none; display:flex; flex-direction:column; gap:10px; }
.tier-benefits li { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:rgba(248,245,238,.65); font-weight:300; }
.tier-benefits li::before { content:'—'; color:var(--gold); flex-shrink:0; font-family:var(--ff-heading); }
.tier-cta { display:inline-block; margin-top:40px; font-family:var(--ff-heading); font-weight:600; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(201,168,76,.3); padding-bottom:4px; transition:border-color .2s,color .2s; }
.tier-cta:hover { border-color:var(--gold); color:var(--gold-light); }

/* ─── SPONSORS ─── */
.sponsors-section { padding:100px 0; background:var(--dark-2); }
.sponsor-tiers { display:flex; flex-direction:column; margin-top:60px; }
.sponsor-tier { display:grid; grid-template-columns:200px 1fr auto; gap:40px; align-items:center; padding:40px 0; border-bottom:1px solid var(--border); }
.sponsor-tier:first-child { border-top:1px solid var(--border); }
.tier-badge { font-family:var(--ff-heading); font-weight:800; font-size:13px; letter-spacing:.2em; text-transform:uppercase; padding:8px 20px; text-align:center; }
.tier-badge.silver { background:rgba(192,192,192,.1); color:#C0C0C0; border:1px solid rgba(192,192,192,.2); }
.tier-badge.gold   { background:rgba(201,168,76,.12); color:var(--gold); border:1px solid rgba(201,168,76,.25); }
.tier-badge.platinum { background:rgba(229,228,226,.08); color:#E5E4E2; border:1px solid rgba(229,228,226,.2); }
.sponsor-package { font-family:var(--ff-heading); font-size:22px; font-weight:600; letter-spacing:.04em; color:var(--white); margin-bottom:6px; }
.sponsor-features { font-size:13px; color:var(--muted); font-weight:300; }
.sponsor-price-col { text-align:right; }
.sponsor-price { font-family:var(--ff-heading); font-weight:800; font-size:36px; color:var(--gold); letter-spacing:.02em; }
.sponsor-price-sub { font-size:12px; color:var(--muted); font-family:var(--ff-heading); letter-spacing:.12em; }
.sponsor-leads { font-family:var(--ff-heading); font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--green-bright); margin-top:4px; }

/* ─── PRIZES ─── */
.prizes-section { padding:120px 0; background:var(--green-deep); overflow:hidden; position:relative; }
.prizes-section::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(201,168,76,.08) 0%,transparent 70%); }
.prizes-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(201,168,76,.1); margin-top:60px; }
.prize-card { background:rgba(11,13,10,.7); padding:52px 36px; text-align:center; position:relative; overflow:hidden; backdrop-filter:blur(10px); transition:background .3s; }
.prize-card:hover { background:rgba(15,42,24,.9); }
.prize-card.main { background:rgba(11,26,16,.9); }
.prize-medal { font-size:48px; margin-bottom:24px; display:block; filter:drop-shadow(0 0 20px rgba(201,168,76,.4)); }
.prize-name { font-family:var(--ff-heading); font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); margin-bottom:12px; }
.prize-value { font-family:var(--ff-display); font-size:52px; font-weight:300; color:var(--gold-light); line-height:1; margin-bottom:6px; }
.prize-value em { font-style:italic; }
.prize-desc { font-size:13px; color:rgba(248,245,238,.5); font-weight:300; line-height:1.6; }
.prize-ribbon { position:absolute; top:0; right:0; background:var(--gold); color:var(--dark); font-family:var(--ff-heading); font-size:10px; font-weight:700; letter-spacing:.15em; padding:5px 14px; text-transform:uppercase; }

/* ─── TESTIMONIALS ─── */
.proof-section { padding:100px 0; background:var(--dark); }
.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); margin-top:60px; }
.proof-card { background:var(--dark-2); padding:44px 36px; }
.proof-quote { font-family:var(--ff-display); font-style:italic; font-size:48px; color:var(--gold); line-height:.8; margin-bottom:16px; opacity:.4; }
.proof-text { font-family:var(--ff-display); font-size:18px; font-weight:300; font-style:italic; color:rgba(248,245,238,.8); line-height:1.6; margin-bottom:28px; }
.proof-author { font-family:var(--ff-heading); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
.proof-author strong { display:block; font-size:14px; color:var(--white); margin-bottom:2px; letter-spacing:.1em; }
.proof-stars { color:var(--gold); font-size:14px; margin-bottom:20px; letter-spacing:2px; }

/* ─── APP ─── */
.app-section { padding:120px 0; background:var(--dark-3); }
.app-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.app-mockup { position:relative; height:520px; display:flex; align-items:center; justify-content:center; }
.phone-frame { width:240px; height:480px; border:2px solid rgba(201,168,76,.3); border-radius:36px; background:var(--dark-2); position:relative; overflow:hidden; box-shadow:0 0 0 1px rgba(201,168,76,.08),0 40px 100px rgba(0,0,0,.6),inset 0 0 60px rgba(27,66,40,.15); animation:phonefloat 4s ease-in-out infinite; }
@keyframes phonefloat { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-12px) rotate(2deg)} }
.phone-screen { position:absolute; inset:8px; border-radius:28px; background:linear-gradient(160deg,var(--green-deep) 0%,var(--dark) 100%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; padding:20px; }
.phone-logo { font-family:var(--ff-heading); font-size:10px; letter-spacing:.3em; color:var(--muted); text-transform:uppercase; }
.phone-prize { font-family:var(--ff-heading); font-weight:800; font-size:38px; color:var(--gold); line-height:1; }
.phone-sub { font-family:var(--ff-heading); font-size:9px; letter-spacing:.25em; color:var(--muted); text-transform:uppercase; }
.phone-btn { background:var(--gold); color:var(--dark); font-family:var(--ff-heading); font-weight:700; font-size:11px; letter-spacing:.15em; text-transform:uppercase; padding:10px 24px; border-radius:4px; margin-top:8px; }
.phone-notch { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:60px; height:6px; background:rgba(0,0,0,.6); border-radius:999px; }
.app-glow { position:absolute; inset:-40px; background:radial-gradient(ellipse,rgba(45,106,64,.15) 0%,transparent 70%); pointer-events:none; }
.store-btns { display:flex; gap:14px; flex-wrap:wrap; margin-top:32px; }
.store-btn { display:flex; align-items:center; gap:12px; background:rgba(248,245,238,.05); border:1px solid rgba(248,245,238,.12); padding:12px 20px; text-decoration:none; transition:border-color .2s,background .2s; }
.store-btn:hover { border-color:var(--gold); background:rgba(201,168,76,.06); }
.store-icon { font-size:22px; }
.store-label { font-family:var(--ff-heading); font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); display:block; }
.store-name { font-family:var(--ff-heading); font-weight:600; font-size:15px; color:var(--white); }

/* ─── CTA ─── */
.cta-section { padding:120px 0; background:var(--green-deep); text-align:center; position:relative; overflow:hidden; }
.cta-section::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(45,106,64,.3) 0%,transparent 70%); }
.cta-inner { position:relative; z-index:2; }
.cta-title { font-family:var(--ff-display); font-size:clamp(48px,6vw,80px); font-weight:300; line-height:1.1; color:var(--white); margin-bottom:20px; }
.cta-title em { font-style:italic; color:var(--gold); }
.cta-sub { font-size:16px; color:rgba(248,245,238,.6); font-weight:300; max-width:480px; margin:0 auto 40px; line-height:1.7; }
.cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ─── FOOTER ─── */
footer { background:var(--dark); border-top:1px solid var(--border); padding:60px 0 36px; }
.footer-inner { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:52px; }
.footer-logo { font-family:var(--ff-heading); font-weight:700; font-size:20px; letter-spacing:.12em; color:var(--gold); text-transform:uppercase; text-decoration:none; display:inline-block; margin-bottom:16px; }
.footer-tagline { font-size:13px; color:var(--muted); font-weight:300; line-height:1.7; max-width:260px; }
.footer-powered { margin-top:20px; font-family:var(--ff-heading); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:rgba(138,144,128,.5); }
.footer-powered a { color:rgba(201,168,76,.5); text-decoration:none; transition:color .2s; }
.footer-powered a:hover { color:var(--gold); }
.footer-col h4 { font-family:var(--ff-heading); font-size:11px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--white); margin-bottom:20px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col a { font-size:13px; color:var(--muted); text-decoration:none; font-weight:300; transition:color .2s; }
.footer-col a:hover { color:var(--gold); }
.footer-bottom { border-top:1px solid var(--border); padding-top:28px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.footer-legal { font-size:12px; color:rgba(138,144,128,.6); font-weight:300; }
.footer-social { display:flex; gap:16px; }
.social-link { width:36px; height:36px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--muted); text-decoration:none; font-family:var(--ff-heading); font-size:11px; font-weight:600; transition:border-color .2s,color .2s; }
.social-link:hover { border-color:var(--gold); color:var(--gold); }

/* ─── MODAL ─── */
.modal-overlay { display:none; position:fixed; inset:0; background:rgba(7,10,8,.95); z-index:9999; align-items:center; justify-content:center; backdrop-filter:blur(4px); }
.modal-overlay.open { display:flex; }
.modal { background:var(--dark-2); border:1px solid var(--border); max-width:520px; width:90%; padding:52px; position:relative; animation:modalIn .3s ease both; max-height:90vh; overflow-y:auto; }
@keyframes modalIn { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.modal-close { position:absolute; top:20px; right:20px; background:none; border:1px solid var(--border); color:var(--muted); width:36px; height:36px; cursor:pointer; font-size:18px; display:flex; align-items:center; justify-content:center; transition:color .2s,border-color .2s; }
.modal-close:hover { color:var(--gold); border-color:var(--gold); }
.modal-title { font-family:var(--ff-display); font-size:36px; font-weight:300; color:var(--white); margin-bottom:8px; }
.modal-title em { font-style:italic; color:var(--gold); }
.modal-sub { font-size:13px; color:var(--muted); font-weight:300; margin-bottom:32px; }
.form-group { margin-bottom:16px; }
.form-label { display:block; font-family:var(--ff-heading); font-size:10px; letter-spacing:.25em; text-transform:uppercase; color:var(--muted); margin-bottom:6px; }
.form-input { width:100%; background:var(--dark-3); border:1px solid var(--border); color:var(--white); font-family:var(--ff-body); font-size:14px; font-weight:300; padding:12px 16px; outline:none; transition:border-color .2s; }
.form-input:focus { border-color:var(--gold); }
.form-select { width:100%; background:var(--dark-3); border:1px solid var(--border); color:var(--white); font-family:var(--ff-body); font-size:14px; padding:12px 16px; outline:none; appearance:none; cursor:pointer; transition:border-color .2s; }
.form-select:focus { border-color:var(--gold); }
.form-consent { font-size:11px; color:rgba(138,144,128,.7); line-height:1.6; margin:16px 0; }
.form-consent a { color:var(--gold); }
.form-message { font-size:13px; padding:0; margin-bottom:8px; min-height:18px; }
.form-message.success { color:var(--green-bright); }
.form-message.error { color:#E24B4A; }

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  #mainNav { padding:18px 24px; }
  .nav-links { display:none; }
  .container { padding:0 24px; }
  .how-grid, .app-inner { grid-template-columns:1fr; gap:48px; }
  .tiers-grid, .prizes-grid, .proof-grid { grid-template-columns:1fr; }
  .footer-inner { grid-template-columns:1fr 1fr; }
  .sponsor-tier { grid-template-columns:1fr; gap:16px; }
  .sponsor-price-col { text-align:left; }
  .hero-circle { width:300px; height:300px; right:-10%; top:15%; }
  .hero-content { padding:0 24px 60px; }
  .hero-flag { right:5%; }
}

@media (max-width: 600px) {
  .footer-inner { grid-template-columns:1fr; }
  .modal { padding:32px 24px; }
}