/* ─── TOKENS ─────────────────────────────────────────── */
:root {
  --b950:#020d1a; --b900:#042C53; --b800:#0C447C; --b700:#185FA5;
  --b600:#2175c4; --b400:#378ADD; --b200:#B5D4F4; --b100:#deeefb; --b50:#f0f7fd;
  --text:#0a1628; --muted:#4a5568; --light:#718096;
  --border:rgba(23,95,165,0.12); --border-strong:rgba(23,95,165,0.25);
  --white:#fff; --surface:#f7fafd;
  --green:#1b5e20; --amber:#e65100; --red:#c62828;
  --radius-sm:8px; --radius-md:10px; --radius-lg:14px; --radius-xl:16px;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth }
body { font-family:'DM Sans',sans-serif; color:var(--text); background:var(--white); line-height:1.6; -webkit-font-smoothing:antialiased; font-size:16px }

/* ─── TOPBAR ─────────────────────────────────────────── */
.topbar { background:var(--b900); padding:8px 2rem; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:101 }

/* Language dropdown */
.lang-dropdown { position:relative }
.lang-trigger { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.7); background:transparent; border:1px solid rgba(255,255,255,0.2); cursor:pointer; padding:4px 10px; border-radius:6px; font-family:'DM Sans',sans-serif; transition:all 0.15s }
.lang-trigger:hover { color:white; border-color:rgba(255,255,255,0.4) }
.lang-chevron { font-size:9px; opacity:0.6 }
.lang-menu { position:absolute; top:calc(100% + 6px); left:0; background:var(--b800); border:1px solid rgba(255,255,255,0.15); border-radius:8px; padding:4px; min-width:150px; z-index:200; display:none; box-shadow:0 8px 24px rgba(0,0,0,0.3) }
.lang-menu.open { display:block }
.lang-option { display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:5px; cursor:pointer; font-size:13px; color:rgba(255,255,255,0.7); transition:all 0.1s; white-space:nowrap }
.lang-option:hover { background:rgba(255,255,255,0.1); color:white }
.lang-option.active { color:white; font-weight:500 }

/* Currency buttons */
.topbar-right { display:flex; gap:8px; align-items:center }
.curr-btn { font-size:11px; font-weight:500; color:rgba(255,255,255,0.45); background:transparent; border:1px solid rgba(255,255,255,0.15); cursor:pointer; padding:3px 10px; border-radius:4px; font-family:'DM Sans',sans-serif; transition:all 0.15s }
.curr-btn:hover,.curr-btn.active { color:white; border-color:rgba(255,255,255,0.4) }

/* ─── NAV ────────────────────────────────────────────── */
nav { position:sticky; top:37px; z-index:100; background:rgba(255,255,255,0.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); padding:0 2.5rem; height:64px; display:flex; align-items:center; justify-content:space-between }
.logo { font-family:'DM Serif Display',serif; font-size:22px; color:var(--b900); letter-spacing:-0.3px; text-decoration:none }
.logo span { color:var(--b400) }
.nav-links { display:flex; align-items:center; gap:2rem }
.nav-links a { font-size:14px; color:var(--muted); text-decoration:none; cursor:pointer; transition:color 0.2s }
.nav-links a:hover { color:var(--b700) }
.nav-cta { background:var(--b700); color:white !important; border:none; padding:9px 20px; border-radius:8px; font-size:14px; font-weight:500; cursor:pointer; font-family:'DM Sans',sans-serif; transition:background 0.2s; text-decoration:none; display:inline-block }
.nav-cta:hover { background:var(--b800) }

/* ─── BUTTONS ────────────────────────────────────────── */
.btn-primary { background:var(--b700); color:white; border:none; padding:13px 26px; border-radius:9px; font-size:15px; font-weight:500; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.2s; text-decoration:none; display:inline-block }
.btn-primary:hover { background:var(--b800); transform:translateY(-1px) }
.btn-ghost { background:transparent; color:var(--b700); border:1px solid var(--b200); padding:13px 26px; border-radius:9px; font-size:15px; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.2s }
.btn-ghost:hover { border-color:var(--b400); background:var(--b50) }

/* ─── HERO ───────────────────────────────────────────── */
.hero { padding:6rem 2.5rem 5rem; max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:var(--b50); border:1px solid var(--b200); color:var(--b800); font-size:12px; font-weight:500; padding:5px 14px; border-radius:20px; margin-bottom:1.75rem; letter-spacing:0.3px }
.hero-badge-dot { width:6px; height:6px; border-radius:50%; background:var(--b400); animation:pulse 2s infinite }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
h1 { font-family:'DM Serif Display',serif; font-size:52px; line-height:1.08; color:var(--b900); margin-bottom:1.5rem; letter-spacing:-1px }
h1 em { font-style:italic; color:var(--b600) }
.hero-sub { font-size:17px; color:var(--muted); line-height:1.75; margin-bottom:2.25rem; max-width:480px }
.hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap }

/* Hero card */
.hero-card { background:var(--white); border:1px solid var(--border-strong); border-radius:var(--radius-xl); padding:1.75rem; box-shadow:0 4px 40px rgba(23,95,165,0.08) }
.hero-card-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1.25rem }
.hero-card-title { font-size:13px; color:var(--muted) }
.hero-card-badge { font-size:11px; font-weight:500; background:#e8f5e9; color:#2e7d32; padding:3px 10px; border-radius:10px }
.hero-card-value { font-family:'DM Serif Display',serif; font-size:36px; color:var(--b900); margin-bottom:0.25rem }
.hero-card-sub { font-size:13px; color:var(--muted); margin-bottom:1.5rem }
.prog-row { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; background:var(--surface); border-radius:8px; font-size:13px; margin-bottom:8px }
.prog-name { display:flex; align-items:center; gap:8px; color:var(--text) }
.prog-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0 }
.prog-chg-up { color:#2e7d32; font-size:12px }
.prog-chg-dn { color:var(--red); font-size:12px }
.hero-prot { background:var(--b50); border:1px solid var(--b100); border-radius:10px; padding:12px 16px; display:flex; justify-content:space-between; align-items:center; margin-top:1.25rem }
.hero-prot-label { font-size:13px; color:var(--b800) }
.hero-prot-badge { font-size:12px; font-weight:500; background:var(--b700); color:white; padding:4px 12px; border-radius:6px }

/* ─── STATS BAR ──────────────────────────────────────── */
.stats-bar { background:var(--b900); padding:2.5rem }
.stats-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr) }
.stat-item { padding:0 2rem; text-align:center }
.stat-item:not(:last-child) { border-right:1px solid rgba(255,255,255,0.12) }
.stat-num { font-family:'DM Serif Display',serif; font-size:42px; color:white; letter-spacing:-1px; display:block }
.stat-label { font-size:13px; color:var(--b200); line-height:1.5; margin-top:4px }

/* ─── SECTIONS ───────────────────────────────────────── */
.section-wrap { padding:5rem 2.5rem; border-top:1px solid var(--border) }
.section-wrap-surface { padding:5rem 2.5rem; background:var(--surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border) }
.section-inner { max-width:1100px; margin:0 auto }
.section-tag { font-size:11px; font-weight:500; color:var(--b700); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:1rem; display:block }
h2 { font-family:'DM Serif Display',serif; font-size:36px; color:var(--b900); margin-bottom:1rem; letter-spacing:-0.5px; line-height:1.15 }
.section-intro { font-size:16px; color:var(--muted); max-width:580px; line-height:1.75; margin-bottom:3rem }

/* ─── INDEX TABLE ────────────────────────────────────── */
.idx-table { width:100%; border-collapse:collapse }
.idx-table thead th { text-align:left; font-size:11px; font-weight:500; color:var(--muted); text-transform:uppercase; letter-spacing:0.8px; padding:12px 16px; border-bottom:1px solid var(--border-strong) }
.idx-table tbody tr { transition:background 0.15s }
.idx-table tbody tr:hover td { background:var(--b50) }
.idx-table tbody td { padding:14px 16px; font-size:14px; color:var(--text); border-bottom:1px solid var(--border) }
.idx-table tbody tr:last-child td { border-bottom:none }
.prog-label { display:flex; align-items:center; gap:10px }
.type-pill { font-size:11px; padding:2px 8px; border-radius:4px; font-weight:500 }
.type-airline { background:#e3f0fb; color:var(--b800) }
.type-hotel { background:#f3e8ff; color:#6b21a8 }
.val { font-weight:500; font-variant-numeric:tabular-nums }
.chg-up { color:#2e7d32; font-size:13px }
.chg-dn { color:var(--red); font-size:13px }
.risk-low { color:#2e7d32; font-weight:500; font-size:13px }
.risk-med { color:var(--amber); font-weight:500; font-size:13px }
.risk-high { color:var(--red); font-weight:500; font-size:13px }
.idx-note { font-size:12px; color:var(--light); margin-top:1rem; line-height:1.6 }

/* ─── HOW IT WORKS ───────────────────────────────────── */
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem }
.how-card { padding:2rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--white); position:relative }
.how-num { font-family:'DM Serif Display',serif; font-size:48px; color:var(--b100); position:absolute; top:1rem; right:1.5rem; line-height:1; user-select:none }
.how-icon { width:44px; height:44px; background:var(--b50); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; font-size:20px }
.how-card h3 { font-size:16px; font-weight:500; margin-bottom:0.5rem; color:var(--b900) }
.how-card p { font-size:14px; color:var(--muted); line-height:1.7 }

/* ─── TIERS ──────────────────────────────────────────── */
.tiers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem }
.tier-card { border:1px solid var(--border); border-radius:var(--radius-lg); padding:2rem; background:var(--white); transition:all 0.2s; position:relative; overflow:hidden }
.tier-card:hover { box-shadow:0 8px 32px rgba(23,95,165,0.1); border-color:var(--b200) }
.tier-card.featured { border-color:var(--b400); box-shadow:0 4px 24px rgba(23,95,165,0.12) }
.tier-card.featured::before { content:'Most chosen'; position:absolute; top:0; right:0; background:var(--b700); color:white; font-size:11px; font-weight:500; padding:5px 14px; border-radius:0 14px 0 8px }
.tier-label { font-size:11px; font-weight:500; color:var(--b700); text-transform:uppercase; letter-spacing:1px; margin-bottom:0.5rem }
.tier-name { font-family:'DM Serif Display',serif; font-size:28px; color:var(--b900); margin-bottom:0.25rem }
.tier-trigger { font-size:14px; color:var(--muted); margin-bottom:0.25rem }
.tier-deduct { font-size:13px; font-weight:500; color:var(--b700); margin-bottom:0.5rem }
.tier-price-main { font-size:22px; font-weight:500; color:var(--b900); margin-bottom:2px }
.tier-price-example { font-size:12px; color:var(--light); margin-bottom:1.25rem }
.tier-divider { border:none; border-top:1px solid var(--border); margin-bottom:1.25rem }
.tier-features { list-style:none; display:flex; flex-direction:column; gap:10px }
.tier-features li { font-size:13px; color:var(--muted); display:flex; align-items:flex-start; gap:8px; line-height:1.5 }
.tier-features li::before { content:'✓'; color:var(--b600); font-weight:500; flex-shrink:0; margin-top:1px }
.tier-btn { width:100%; margin-top:1.75rem; padding:11px; border-radius:8px; font-size:14px; font-weight:500; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.2s; text-decoration:none; display:block; text-align:center }
.tier-card.featured .tier-btn { background:var(--b700); color:white; border:none }
.tier-card.featured .tier-btn:hover { background:var(--b800) }
.tier-card:not(.featured) .tier-btn { background:transparent; color:var(--b700); border:1px solid var(--b200) }
.tier-card:not(.featured) .tier-btn:hover { background:var(--b50); border-color:var(--b400) }

/* ─── CLAUSES ────────────────────────────────────────── */
.clause-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:1.5rem }
.clause-box { padding:1.25rem 1.5rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--white); border-left:3px solid var(--b400) }
.clause-title { font-size:14px; font-weight:500; color:var(--b900); margin-bottom:6px }
.clause-desc { font-size:13px; color:var(--muted); line-height:1.6 }

/* ─── BACKERS ────────────────────────────────────────── */
.backers-wrap { background:var(--b900); padding:5rem 2.5rem }
.backers-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start }
.backer-box { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:12px; padding:1.75rem 2rem }
.backer-yield-label { font-size:11px; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:1px; margin-bottom:6px }
.backer-yield { font-family:'DM Serif Display',serif; font-size:48px; color:var(--b200); letter-spacing:-1px; margin-bottom:0.5rem }
.backer-yield-sub { font-size:14px; color:rgba(255,255,255,0.6); margin-bottom:1.25rem; line-height:1.5 }
.backer-row { display:flex; justify-content:space-between; align-items:center; font-size:13px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.07) }
.backer-row:last-child { border-bottom:none }
.backer-row-label { color:rgba(255,255,255,0.45) }
.backer-row-val { color:white; font-weight:500 }
.backer-note { font-size:12px; color:rgba(255,255,255,0.3); margin-top:2rem; line-height:1.6 }

/* ─── PRECEDENT ──────────────────────────────────────── */
.prec-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem }
.prec-card { border-left:2px solid var(--b200); padding:1.25rem 1.5rem; background:var(--surface); border-radius:0 10px 10px 0; transition:border-color 0.2s }
.prec-card:hover { border-left-color:var(--b600) }
.prec-year { font-size:11px; color:var(--b600); font-weight:500; margin-bottom:6px; text-transform:uppercase; letter-spacing:0.8px }
.prec-title { font-size:15px; font-weight:500; color:var(--b900); margin-bottom:6px }
.prec-desc { font-size:13px; color:var(--muted); line-height:1.6 }

/* ─── WAITLIST CTA ───────────────────────────────────── */
.waitlist-wrap { background:linear-gradient(135deg,var(--b800) 0%,var(--b900) 100%); padding:5rem 2.5rem; text-align:center }
.waitlist-inner { max-width:560px; margin:0 auto }
.waitlist-wrap h2 { color:white; margin-bottom:1rem }
.waitlist-wrap p { font-size:16px; color:var(--b200); margin-bottom:2rem; line-height:1.7 }
.waitlist-wrap .btn-primary { background:white; color:var(--b800); font-size:16px; padding:15px 36px }
.waitlist-wrap .btn-primary:hover { opacity:0.93; transform:translateY(-1px) }
.waitlist-stats { display:flex; gap:2rem; justify-content:center; margin-top:2rem; flex-wrap:wrap }
.waitlist-stat { font-size:13px; color:rgba(255,255,255,0.5) }
.waitlist-stat strong { color:rgba(255,255,255,0.9); display:block; font-size:18px; font-weight:500; font-family:'DM Serif Display',serif }

/* ─── FOOTER ─────────────────────────────────────────── */
footer { background:var(--b950); padding:2rem 2.5rem; display:flex; justify-content:space-between; align-items:center }
.footer-logo { font-family:'DM Serif Display',serif; font-size:18px; color:rgba(255,255,255,0.6) }
.footer-copy { font-size:13px; color:rgba(255,255,255,0.3) }
.footer-links { display:flex; gap:1.5rem }
.footer-links a { font-size:12px; color:rgba(255,255,255,0.3); text-decoration:none }
.disclaimer { background:var(--surface); border-top:1px solid var(--border); padding:1rem 2.5rem; font-size:11px; color:var(--light); text-align:center; line-height:1.6 }

/* ─── WAITLIST FORM ──────────────────────────────────── */
.form-page { background:var(--b900); min-height:100vh; display:flex; align-items:flex-start; justify-content:center; padding:2rem 1rem }
.form-card { background:var(--white); border-radius:var(--radius-xl); width:100%; max-width:560px; overflow:hidden; box-shadow:0 24px 80px rgba(0,0,0,0.35); margin:auto }
.form-header { background:var(--b900); padding:2rem 2.5rem 1.75rem; text-align:center; position:relative; overflow:hidden }
.form-header::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(55,138,221,0.2),transparent) }
.form-logo { font-family:'DM Serif Display',serif; font-size:20px; color:white; margin-bottom:1rem; position:relative; z-index:1 }
.form-logo span { color:var(--b400) }
.form-title { font-family:'DM Serif Display',serif; font-size:28px; color:white; line-height:1.15; letter-spacing:-0.5px; margin-bottom:0.5rem; position:relative; z-index:1 }
.form-title em { color:var(--b400); font-style:italic }
.form-subtitle { font-size:13px; color:var(--b200); line-height:1.6; position:relative; z-index:1 }
.progress-bar { height:3px; background:rgba(255,255,255,0.1) }
.progress-fill { height:100%; background:var(--b400); transition:width 0.4s ease }
.form-steps { padding:2rem 2.5rem }
.step { display:none }
.step.active { display:block }
.step-label { font-size:10px; font-weight:500; color:var(--b700); text-transform:uppercase; letter-spacing:1.5px; margin-bottom:1.5rem; display:flex; justify-content:space-between; align-items:center }
.step-num { font-size:10px; color:var(--light) }
.form-h3 { font-family:'DM Serif Display',serif; font-size:22px; color:var(--b900); margin-bottom:0.5rem; letter-spacing:-0.3px }
.form-sub { font-size:13px; color:var(--muted); margin-bottom:1.5rem; line-height:1.6 }
.form-row { margin-bottom:1.25rem }
.form-label { font-size:11px; font-weight:500; color:var(--muted); text-transform:uppercase; letter-spacing:0.5px; display:block; margin-bottom:6px }
.form-label .opt { font-size:10px; color:var(--light); text-transform:none; letter-spacing:0; font-weight:400; margin-left:4px }
.form-input { width:100%; padding:11px 14px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); font-size:14px; font-family:'DM Sans',sans-serif; color:var(--text); outline:none; transition:border-color 0.2s; background:var(--white) }
.form-input:focus { border-color:var(--b400) }
.form-input.error { border-color:var(--red) }
.form-hint { font-size:11px; color:var(--light); margin-top:4px; line-height:1.5 }
.field-error { font-size:11px; color:var(--red); margin-top:4px; display:none }
.name-row { display:grid; grid-template-columns:1fr 1fr; gap:12px }
.option-grid { display:grid; gap:8px }
.option-grid.cols-2 { grid-template-columns:1fr 1fr }
.option-grid.cols-3 { grid-template-columns:repeat(3,1fr) }
.option-pill { padding:10px 14px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); cursor:pointer; text-align:center; font-size:13px; color:var(--muted); transition:all 0.15s; user-select:none; line-height:1.4 }
.option-pill:hover { border-color:var(--b400); color:var(--b700); background:var(--b50) }
.option-pill.selected { border-color:var(--b700); background:var(--b50); color:var(--b900); font-weight:500 }
.pill-title { font-weight:500; display:block; margin-bottom:2px }
.pill-sub { font-size:11px; color:var(--muted) }
.option-pill.selected .pill-sub { color:var(--b600) }
.multi-note { font-size:11px; color:var(--light); margin-bottom:8px }
.prog-group { font-size:10px; font-weight:500; color:var(--b700); text-transform:uppercase; letter-spacing:1px; margin:12px 0 6px; display:block }
.range-wrap { padding:0.25rem 0 0.5rem }
.range-track { position:relative; height:4px; background:var(--b200); border-radius:2px; margin:1rem 0 0.5rem }
.range-fill { position:absolute; height:100%; background:var(--b700); border-radius:2px; left:0 }
.form-range { width:100%; height:4px; -webkit-appearance:none; background:transparent; position:absolute; top:0; left:0; outline:none; cursor:pointer }
.form-range::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--b700); border:2px solid white; box-shadow:0 1px 4px rgba(0,0,0,0.2); cursor:pointer }
.range-labels { display:flex; justify-content:space-between; font-size:11px; color:var(--light) }
.range-value { text-align:center; font-family:'DM Serif Display',serif; font-size:28px; color:var(--b900); margin-bottom:4px; letter-spacing:-0.5px }
.range-sublabel { text-align:center; font-size:12px; color:var(--muted) }
.form-btn { width:100%; padding:13px; border-radius:9px; font-size:15px; font-weight:500; cursor:pointer; font-family:'DM Sans',sans-serif; background:var(--b700); color:white; border:none; transition:all 0.2s; margin-top:1.5rem }
.form-btn:hover { background:var(--b800) }
.form-btn:disabled { opacity:0.5; cursor:not-allowed }
.btn-back { background:transparent; border:none; color:var(--muted); font-size:13px; cursor:pointer; font-family:'DM Sans',sans-serif; padding:8px 0; display:flex; align-items:center; gap:4px; transition:color 0.15s; margin-top:0.75rem }
.btn-back:hover { color:var(--b700) }
.summary-bar { background:var(--b50); border-top:1px solid var(--b100); padding:1rem 2.5rem; display:none; gap:1.5rem; flex-wrap:wrap }
.summary-bar.show { display:flex }
.sb-item { font-size:12px; color:var(--muted); display:none; align-items:center; gap:6px }
.sb-item.show { display:flex }
.sb-dot { width:6px; height:6px; border-radius:50%; background:var(--b400); flex-shrink:0 }
.sb-val { font-weight:500; color:var(--b900) }
.submit-error { font-size:13px; color:var(--red); text-align:center; margin-top:0.75rem; display:none }

/* Thank you */
.thankyou { padding:2.5rem; text-align:center }
.ty-icon { font-size:52px; margin-bottom:1.25rem }
.ty-title { font-family:'DM Serif Display',serif; font-size:28px; color:var(--b900); margin-bottom:0.75rem }
.ty-sub { font-size:14px; color:var(--muted); line-height:1.75; margin-bottom:2rem }
.ty-box { background:var(--b50); border:1px solid var(--b200); border-radius:10px; padding:1.25rem; margin-bottom:0.75rem }
.ty-box-label { font-size:11px; color:var(--b700); text-transform:uppercase; letter-spacing:0.8px; font-weight:500; margin-bottom:4px }
.ty-box-val { font-family:'DM Serif Display',serif; font-size:24px; color:var(--b900) }
.ty-box-sub { font-size:11px; color:var(--muted); margin-top:2px }
.ty-share { font-size:13px; color:var(--muted); margin:1.5rem 0 1rem }
.ty-share-btn { display:inline-flex; align-items:center; gap:6px; background:var(--surface); border:1px solid var(--border-strong); padding:8px 16px; border-radius:7px; font-size:13px; font-weight:500; cursor:pointer; color:var(--text); font-family:'DM Sans',sans-serif; transition:all 0.15s; margin:0 4px }
.ty-share-btn:hover { border-color:var(--b400); color:var(--b700) }


/* ─── COUNTRY DROPDOWN ───────────────────────────────── */
.country-dropdown { position:relative }
.country-input-wrap { position:relative }
.country-chevron { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:11px; color:var(--light); pointer-events:none }
.country-list { position:absolute; top:calc(100% + 4px); left:0; right:0; background:white; border:1px solid var(--border-strong); border-radius:var(--radius-sm); box-shadow:0 8px 24px rgba(0,0,0,0.1); max-height:200px; overflow-y:auto; z-index:50; display:none }
.country-item { padding:9px 14px; font-size:14px; color:var(--text); cursor:pointer; transition:background 0.1s }
.country-item:hover { background:var(--b50); color:var(--b700) }

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:768px) {
  .hero { grid-template-columns:1fr; gap:2rem; padding:3rem 1.5rem }
  h1 { font-size:36px }
  .stats-inner { grid-template-columns:1fr }
  .stat-item { border-right:none !important; border-bottom:1px solid rgba(255,255,255,0.12); padding:1.5rem 0 }
  .how-grid,.tiers-grid,.prec-grid,.clause-grid { grid-template-columns:1fr }
  .backers-inner { grid-template-columns:1fr; gap:2rem }
  nav .nav-links { display:none }
  .name-row { grid-template-columns:1fr }
}