/* ============================================================
   CHIKN SOUP — Production Website Stylesheet
   Retro chiptune × modern festival bass aesthetic
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── CSS Variables ─────────────────────────────────────── */
:root {
  --orange:    #ff6b1a;
  --orange-lt: #ff8c42;
  --yellow:    #ffd84d;
  --teal:      #00e5cc;
  --teal-dk:   #00b8a4;
  --pink:      #ff4da6;
  --purple:    #8b5cf6;
  --dark:      #0b0c10;
  --dark2:     #13151a;
  --dark3:     #1c1f26;
  --dark4:     #252930;
  --border:    rgba(255,255,255,0.07);
  --text:      #e8eaf0;
  --text-muted:#7a8090;
  --glow-o:    0 0 24px rgba(255,107,26,0.55);
  --glow-t:    0 0 24px rgba(0,229,204,0.45);
  --glow-p:    0 0 24px rgba(139,92,246,0.5);
  --radius:    12px;
  --radius-lg: 20px;
}

/* ── Reset / Base ───────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'Inter',sans-serif;
  background:var(--dark);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.6;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
button { cursor:pointer; font-family:inherit; }

/* ── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:var(--dark2); }
::-webkit-scrollbar-thumb { background:var(--orange); border-radius:3px; }

/* ── Utility ────────────────────────────────────────────── */
.pixel { font-family:'Press Start 2P', monospace; }
.sr-only { position:absolute; width:1px; height:1px; clip:rect(0,0,0,0); overflow:hidden; }

/* ── Scanline overlay ───────────────────────────────────── */
body::before {
  content:'';
  pointer-events:none;
  position:fixed; inset:0; z-index:9999;
  background:repeating-linear-gradient(
    0deg,
    transparent 0px,
    transparent 3px,
    rgba(0,0,0,0.08) 3px,
    rgba(0,0,0,0.08) 4px
  );
}

/* ── NAV ────────────────────────────────────────────────── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:900;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 2rem;
  height:64px;
  background:rgba(11,12,16,0.88);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.nav-logo {
  font-family:'Press Start 2P', monospace;
  font-size:0.9rem;
  color:var(--orange);
  text-shadow:var(--glow-o);
  display:flex; align-items:center; gap:0.5rem;
}
.nav-logo span { color:var(--yellow); }
.nav-links { display:flex; gap:1.75rem; list-style:none; }
.nav-links a {
  font-size:0.8rem;
  font-weight:600;
  letter-spacing:0.04em;
  color:var(--text-muted);
  transition:color 0.2s;
}
.nav-links a:hover { color:var(--teal); }
.nav-cta {
  background:var(--orange);
  color:#fff !important;
  padding:0.45rem 1.1rem;
  border-radius:6px;
  font-weight:700;
  transition:background 0.2s, box-shadow 0.2s !important;
  box-shadow:0 0 12px rgba(255,107,26,0.3);
}
.nav-cta:hover { background:var(--orange-lt) !important; box-shadow:var(--glow-o) !important; color:#fff !important; }

/* ── HERO ───────────────────────────────────────────────── */
.hero {
  min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:7rem 1.5rem 4rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hero-bg {
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 30%, rgba(255,107,26,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(139,92,246,0.1) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 70%, rgba(0,229,204,0.08) 0%, transparent 60%);
}
.hero-grid {
  position:absolute; inset:0; z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 90% 80% at 50% 50%, black 30%, transparent 100%);
}
.hero-content { position:relative; z-index:1; max-width:800px; }
.hero-badge {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:rgba(255,107,26,0.12);
  border:1px solid rgba(255,107,26,0.3);
  border-radius:100px;
  padding:0.35rem 1rem;
  font-size:0.7rem;
  font-family:'Press Start 2P', monospace;
  color:var(--orange);
  margin-bottom:1.8rem;
  letter-spacing:0.05em;
}
.hero h1 {
  font-family:'Press Start 2P', monospace;
  font-size:clamp(2rem, 6vw, 4.2rem);
  line-height:1.3;
  margin-bottom:1rem;
  color:#fff;
  text-shadow:0 0 40px rgba(255,107,26,0.4), 0 0 80px rgba(255,107,26,0.15);
}
.hero h1 em { color:var(--orange); font-style:normal; }
.hero-sub {
  font-size:clamp(1rem, 2.5vw, 1.25rem);
  color:var(--text-muted);
  max-width:560px;
  margin:0 auto 2.5rem;
  font-weight:400;
}
.hero-sub strong { color:var(--teal); font-weight:700; }
.hero-actions { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin-bottom:3.5rem; }
.btn {
  display:inline-flex; align-items:center; gap:0.5rem;
  padding:0.8rem 2rem;
  border-radius:8px;
  font-size:0.9rem;
  font-weight:700;
  letter-spacing:0.03em;
  border:none;
  transition:all 0.2s;
}
.btn-primary {
  background:var(--orange);
  color:#fff;
  box-shadow:0 4px 20px rgba(255,107,26,0.4);
}
.btn-primary:hover { background:var(--orange-lt); box-shadow:var(--glow-o); transform:translateY(-2px); }
.btn-secondary {
  background:rgba(255,255,255,0.07);
  color:var(--text);
  border:1px solid var(--border);
}
.btn-secondary:hover { background:rgba(255,255,255,0.12); border-color:rgba(255,255,255,0.18); transform:translateY(-2px); }
.btn-teal {
  background:var(--teal);
  color:var(--dark);
  box-shadow:0 4px 20px rgba(0,229,204,0.35);
}
.btn-teal:hover { background:var(--teal-dk); box-shadow:var(--glow-t); transform:translateY(-2px); }
.hero-stats {
  display:flex; flex-wrap:wrap; justify-content:center; gap:2.5rem;
}
.hero-stat { text-align:center; }
.hero-stat-num {
  font-family:'Press Start 2P', monospace;
  font-size:1.4rem;
  color:var(--orange);
  display:block;
  text-shadow:var(--glow-o);
}
.hero-stat-label { font-size:0.75rem; color:var(--text-muted); margin-top:0.3rem; letter-spacing:0.05em; text-transform:uppercase; }

/* Chicken animation */
.chicken-wrap {
  position:relative;
  display:inline-block;
  margin-bottom:2.5rem;
}
.chicken-emoji {
  font-size:5rem;
  display:block;
  animation:chickenBob 2s ease-in-out infinite;
  filter:drop-shadow(0 0 24px rgba(255,107,26,0.7));
}
@keyframes chickenBob {
  0%,100% { transform:translateY(0) rotate(-3deg); }
  50%      { transform:translateY(-14px) rotate(3deg); }
}
.chicken-ring {
  position:absolute; inset:-20px;
  border:2px solid rgba(255,107,26,0.3);
  border-radius:50%;
  animation:ringPulse 2s ease-in-out infinite;
}
@keyframes ringPulse {
  0%,100% { transform:scale(1);   opacity:0.5; }
  50%      { transform:scale(1.1); opacity:1; }
}

/* ── SECTION WRAPPER ────────────────────────────────────── */
section { padding:5rem 1.5rem; }
.container { max-width:1100px; margin:0 auto; }
.section-title {
  font-family:'Press Start 2P', monospace;
  font-size:clamp(1rem, 3vw, 1.6rem);
  margin-bottom:0.75rem;
  color:#fff;
  text-align:center;
}
.section-sub {
  text-align:center;
  color:var(--text-muted);
  margin-bottom:3rem;
  max-width:540px;
  margin-left:auto; margin-right:auto;
}
.accent-o { color:var(--orange); }
.accent-t { color:var(--teal); }
.accent-p { color:var(--purple); }

/* ── FEATURES GRID ──────────────────────────────────────── */
.features-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:1.25rem;
}
.feature-card {
  background:var(--dark2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.75rem;
  transition:border-color 0.25s, transform 0.25s, box-shadow 0.25s;
  position:relative;
  overflow:hidden;
}
.feature-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--accent, var(--orange));
  opacity:0;
  transition:opacity 0.25s;
}
.feature-card:hover { border-color:rgba(255,255,255,0.15); transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,0.5); }
.feature-card:hover::before { opacity:1; }
.feature-icon { font-size:2rem; margin-bottom:1rem; }
.feature-title { font-size:0.95rem; font-weight:700; margin-bottom:0.5rem; color:#fff; }
.feature-desc { font-size:0.85rem; color:var(--text-muted); line-height:1.7; }
.feature-tag {
  display:inline-block;
  margin-top:0.75rem;
  font-size:0.65rem;
  font-family:'Press Start 2P', monospace;
  padding:0.2rem 0.6rem;
  border-radius:4px;
  background:rgba(255,107,26,0.12);
  color:var(--orange);
  border:1px solid rgba(255,107,26,0.25);
}

/* ── DEMOS / PLAYER ─────────────────────────────────────── */
#demos { background:var(--dark2); }
.demos-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:1.5rem;
}
.demo-card {
  background:var(--dark3);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform 0.25s, box-shadow 0.25s;
}
.demo-card:hover { transform:translateY(-4px); box-shadow:0 16px 50px rgba(0,0,0,0.6); }
.demo-header {
  padding:1.5rem 1.5rem 1rem;
  display:flex; align-items:flex-start; justify-content:space-between;
}
.demo-badge {
  font-size:0.6rem;
  font-family:'Press Start 2P', monospace;
  padding:0.3rem 0.7rem;
  border-radius:4px;
  white-space:nowrap;
}
.badge-brostep   { background:rgba(255,77,166,0.15); color:var(--pink);   border:1px solid rgba(255,77,166,0.3); }
.badge-festival  { background:rgba(0,229,204,0.1);   color:var(--teal);   border:1px solid rgba(0,229,204,0.25); }
.badge-preset    { background:rgba(255,107,26,0.12); color:var(--orange); border:1px solid rgba(255,107,26,0.25); }
.badge-proof     { background:rgba(139,92,246,0.12); color:var(--purple); border:1px solid rgba(139,92,246,0.25); }
.demo-title { font-size:1.05rem; font-weight:800; color:#fff; margin-bottom:0.25rem; }
.demo-meta  { font-size:0.78rem; color:var(--text-muted); }
.demo-waveform { padding:0 1.5rem; }
.demo-waveform img { width:100%; border-radius:8px; opacity:0.9; }
.demo-player { padding:1.25rem 1.5rem 1.5rem; }
.demo-player audio {
  width:100%;
  height:36px;
  border-radius:8px;
  outline:none;
  accent-color:var(--orange);
}
.demo-player audio::-webkit-media-controls-panel { background:var(--dark4); }
.demo-info {
  display:flex; gap:1rem; margin-top:0.75rem;
  flex-wrap:wrap;
}
.demo-info-item { font-size:0.72rem; color:var(--text-muted); display:flex; align-items:center; gap:0.3rem; }
.demo-info-item strong { color:var(--text); }

/* Structure strip */
.demo-structure {
  padding:0 1.5rem 1.25rem;
  display:flex; gap:3px; align-items:stretch; height:20px;
}
.ds-seg {
  border-radius:3px; flex:1;
  font-size:0.45rem;
  font-family:'Press Start 2P', monospace;
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.7);
  letter-spacing:0;
}
.ds-intro    { background:rgba(255,255,255,0.1);   flex:1; }
.ds-build    { background:rgba(255,200,0,0.35);     flex:1.2; }
.ds-drop     { background:rgba(255,77,166,0.6);     flex:2; }
.ds-break    { background:rgba(139,92,246,0.4);     flex:1.5; }
.ds-drop2    { background:rgba(255,107,26,0.7);     flex:2; }
.ds-outro    { background:rgba(255,255,255,0.08);   flex:1; }
.ds-intro2   { background:rgba(255,255,255,0.1);   flex:1; }
.ds-buildup  { background:rgba(0,229,204,0.3);      flex:1.5; }
.ds-drop-f   { background:rgba(0,229,204,0.7);      flex:2; }
.ds-break-f  { background:rgba(139,92,246,0.35);    flex:1.2; }
.ds-drop2-f  { background:rgba(255,216,77,0.65);    flex:2; }
.ds-outro-f  { background:rgba(255,255,255,0.08);   flex:1; }

/* ── PRESETS ────────────────────────────────────────────── */
.presets-table-wrap { overflow-x:auto; border-radius:var(--radius); border:1px solid var(--border); }
table { width:100%; border-collapse:collapse; font-size:0.83rem; }
thead tr { background:var(--dark3); }
th {
  padding:0.9rem 1.25rem;
  text-align:left;
  font-size:0.65rem;
  font-family:'Press Start 2P', monospace;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
td { padding:0.75rem 1.25rem; border-bottom:1px solid var(--border); color:var(--text); vertical-align:middle; }
tr:last-child td { border-bottom:none; }
tr:hover td { background:rgba(255,255,255,0.025); }
.preset-num {
  font-family:'Press Start 2P', monospace;
  font-size:0.65rem;
  color:var(--text-muted);
}
.preset-name { font-weight:700; color:#fff; }
.preset-genre {
  font-size:0.68rem;
  padding:0.2rem 0.6rem;
  border-radius:4px;
  white-space:nowrap;
}
.g-chiptune { background:rgba(0,229,204,0.1);   color:var(--teal);   border:1px solid rgba(0,229,204,0.2); }
.g-bass     { background:rgba(255,77,166,0.1);   color:var(--pink);   border:1px solid rgba(255,77,166,0.2); }
.g-festival { background:rgba(255,216,77,0.1);   color:var(--yellow); border:1px solid rgba(255,216,77,0.2); }
.g-ambient  { background:rgba(139,92,246,0.1);   color:var(--purple); border:1px solid rgba(139,92,246,0.2); }
.g-hyper    { background:rgba(255,107,26,0.1);   color:var(--orange); border:1px solid rgba(255,107,26,0.2); }

/* ── ANALYSIS ───────────────────────────────────────────── */
.analysis-img-wrap {
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border);
  background:var(--dark3);
}
.analysis-img-wrap img { width:100%; opacity:0.92; transition:opacity 0.25s; }
.analysis-img-wrap:hover img { opacity:1; }

/* ── DSP SPECS ──────────────────────────────────────────── */
.specs-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:1rem;
}
.spec-card {
  background:var(--dark2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
}
.spec-card-title {
  font-family:'Press Start 2P', monospace;
  font-size:0.6rem;
  color:var(--teal);
  margin-bottom:1rem;
  letter-spacing:0.08em;
}
.spec-item {
  display:flex; align-items:flex-start; gap:0.6rem;
  margin-bottom:0.65rem;
  font-size:0.82rem;
  color:var(--text-muted);
}
.spec-item::before { content:'▸'; color:var(--orange); flex-shrink:0; margin-top:1px; }
.spec-item strong { color:var(--text); font-weight:600; }

/* ── PRICING CARD ──────────────────────────────────────────── */
.pricing-card {
  position:relative;
  background:linear-gradient(135deg, rgba(255,107,26,0.10) 0%, rgba(0,229,204,0.08) 100%);
  border:1px solid rgba(255,107,26,0.3);
  border-radius:var(--radius-lg);
  padding:2rem;
  margin-bottom:2.5rem;
  overflow:hidden;
}
.pricing-card::before {
  content:'';
  position:absolute; inset:0;
  background:radial-gradient(circle at 15% 20%, rgba(255,107,26,0.15), transparent 55%);
  pointer-events:none;
}
.pricing-badge {
  display:inline-block;
  font-family:'Press Start 2P', monospace;
  font-size:0.62rem;
  color:var(--yellow);
  background:rgba(255,216,77,0.1);
  border:1px solid rgba(255,216,77,0.3);
  border-radius:6px;
  padding:0.5rem 0.9rem;
  margin-bottom:1.5rem;
}
.pricing-row {
  display:flex;
  align-items:center;
  gap:2rem;
  flex-wrap:wrap;
  position:relative;
}
.pricing-trial { flex:1; min-width:220px; }
.pricing-trial-label { font-size:0.85rem; color:var(--text-muted); }
.pricing-trial-days {
  font-family:'Press Start 2P', monospace;
  font-size:1.1rem;
  color:var(--teal);
  margin:0.5rem 0;
  text-shadow:var(--glow-t);
}
.pricing-trial-sub { font-size:0.8rem; color:var(--text-muted); max-width:340px; }
.pricing-divider {
  font-size:0.85rem;
  color:var(--text-muted);
  font-style:italic;
}
.pricing-buy { text-align:center; min-width:220px; }
.pricing-price {
  font-family:'Press Start 2P', monospace;
  font-size:2.2rem;
  color:#fff;
  text-shadow:var(--glow-o);
}
.pricing-price-note { font-size:0.75rem; color:var(--text-muted); margin:0.5rem 0 1.1rem; }
.pricing-buy-btn { width:100%; }

@media (max-width:640px) {
  .pricing-row { flex-direction:column; text-align:center; }
  .pricing-trial-sub { max-width:none; margin:0 auto; }
}

/* ── DOWNLOAD ───────────────────────────────────────────── */
#download { background:linear-gradient(135deg, var(--dark2) 0%, var(--dark3) 100%); }
.download-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:1rem;
  margin-bottom:2.5rem;
}
.dl-card {
  background:var(--dark);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
  text-align:center;
  transition:border-color 0.25s, transform 0.25s;
}
.dl-card:hover { border-color:rgba(0,229,204,0.35); transform:translateY(-3px); }
.dl-icon { font-size:2.2rem; margin-bottom:0.75rem; }
.dl-platform { font-size:0.85rem; font-weight:800; color:#fff; margin-bottom:0.3rem; }
.dl-type { font-size:0.72rem; color:var(--text-muted); margin-bottom:1rem; }
.dl-btn {
  display:inline-flex; align-items:center; gap:0.4rem;
  padding:0.55rem 1.1rem;
  border-radius:6px;
  font-size:0.78rem;
  font-weight:700;
  background:rgba(0,229,204,0.12);
  color:var(--teal);
  border:1px solid rgba(0,229,204,0.25);
  transition:all 0.2s;
}
.dl-btn:hover { background:var(--teal); color:var(--dark); box-shadow:var(--glow-t); }
.install-note {
  background:var(--dark3);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.25rem 1.5rem;
  font-size:0.83rem;
  color:var(--text-muted);
  line-height:1.7;
}
.install-note strong { color:var(--teal); }
.install-note code {
  background:rgba(255,255,255,0.08);
  padding:0.1rem 0.45rem;
  border-radius:4px;
  font-family:monospace;
  font-size:0.8rem;
  color:var(--yellow);
}

/* ── CODE BLOCK ─────────────────────────────────────────── */
.code-wrap {
  background:var(--dark3);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.code-header {
  background:var(--dark4);
  padding:0.6rem 1.25rem;
  font-size:0.7rem;
  font-family:'Press Start 2P', monospace;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
  display:flex; align-items:center; gap:0.5rem;
}
.code-header span { font-size:0.75rem; }
pre {
  padding:1.25rem 1.5rem;
  overflow-x:auto;
  font-size:0.82rem;
  line-height:1.65;
  color:#cdd6f4;
}
code { font-family:'Fira Code','Courier New',monospace; }
.kw  { color:#cba6f7; }
.cm  { color:var(--text-muted); font-style:italic; }
.str { color:#a6e3a1; }
.num { color:#fab387; }
.fn  { color:#89dceb; }

/* ── PROOF / PITCH ANALYSIS ────────────────────────────── */
.proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media(max-width:640px) { .proof-grid { grid-template-columns:1fr; } }
.proof-stat {
  background:var(--dark3);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.25rem;
  text-align:center;
}
.proof-num {
  font-family:'Press Start 2P', monospace;
  font-size:1.2rem;
  color:var(--teal);
  text-shadow:var(--glow-t);
}
.proof-label { font-size:0.72rem; color:var(--text-muted); margin-top:0.4rem; }

/* Pitch badge row */
.pitch-row {
  display:flex; flex-wrap:wrap; gap:0.5rem;
  justify-content:center;
  margin:1.5rem 0;
}
.pitch-badge {
  font-family:'Press Start 2P', monospace;
  font-size:0.55rem;
  padding:0.4rem 0.7rem;
  border-radius:6px;
  background:rgba(0,229,204,0.1);
  border:1px solid rgba(0,229,204,0.25);
  color:var(--teal);
  display:flex; flex-direction:column; align-items:center; gap:0.2rem;
}
.pitch-badge .hz { color:var(--yellow); font-size:0.6rem; }

/* ── FOOTER ─────────────────────────────────────────────── */
footer {
  background:var(--dark2);
  border-top:1px solid var(--border);
  padding:3rem 1.5rem;
  text-align:center;
}
.footer-logo {
  font-family:'Press Start 2P', monospace;
  font-size:1rem;
  color:var(--orange);
  text-shadow:var(--glow-o);
  margin-bottom:0.5rem;
}
.footer-tagline { font-size:0.8rem; color:var(--text-muted); margin-bottom:2rem; }
.footer-links {
  display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem;
  margin-bottom:2rem; list-style:none;
}
.footer-links a { font-size:0.78rem; color:var(--text-muted); transition:color 0.2s; }
.footer-links a:hover { color:var(--teal); }
.footer-copy { font-size:0.72rem; color:var(--text-muted); }
.footer-copy strong { color:var(--orange); }
.footer-gh {
  display:inline-flex; align-items:center; gap:0.5rem;
  margin-top:1rem;
  font-size:0.75rem;
  padding:0.5rem 1rem;
  border-radius:6px;
  background:rgba(255,255,255,0.05);
  border:1px solid var(--border);
  color:var(--text-muted);
  transition:all 0.2s;
}
.footer-gh:hover { background:rgba(255,255,255,0.1); color:var(--text); border-color:rgba(255,255,255,0.18); }

/* ── ANIMATIONS ─────────────────────────────────────────── */
.fade-in { opacity:0; transform:translateY(20px); transition:opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width:768px) {
  nav { padding:0 1rem; }
  .nav-links { display:none; }
  .hero-stats { gap:1.5rem; }
  .hero-stat-num { font-size:1.1rem; }
  .proof-grid { grid-template-columns:1fr 1fr; }
  section { padding:3.5rem 1rem; }
}
@media (max-width:480px) {
  .hero h1 { font-size:1.5rem; }
  .btn { padding:0.7rem 1.3rem; font-size:0.82rem; }
  .hero-actions { flex-direction:column; align-items:center; }
}

/* ── Highlight row ───────────────────────────────────────── */
tr.highlight td { background:rgba(255,107,26,0.06); }