/* ─────────────────────────────────────────────────────────────
   PVP Updates — updates.pvp.com.pk
   Mobile-first: base styles target small screens; layout upgrades
   arrive at ≥640px and ≥960px. Brand system mirrors the daily card
   (navy ground, teal action, gold/silver metals, Inter).
   ───────────────────────────────────────────────────────────── */

@font-face { font-family:'Inter'; font-weight:400; font-display:swap; src:url('fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:600; font-display:swap; src:url('fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:700; font-display:swap; src:url('fonts/inter-700.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:800; font-display:swap; src:url('fonts/inter-800.woff2') format('woff2'); }

:root {
  --bg: #05080f;
  --bg-2: #0b1526;
  --panel: rgba(255,255,255,0.025);
  --panel-2: rgba(16,31,54,0.6);
  --line: rgba(148,163,184,0.14);
  --line-strong: rgba(148,163,184,0.25);
  --ink: #eaf1fb;
  --muted: #8595ad;
  --muted-2: #64748b;
  --teal: #2dd4bf;
  --teal-soft: rgba(45,212,191,0.14);
  --gold: #e7c983;
  --silver: #c3d3f5;
  --coral: #fb7185;
  --amber: #f0b45c;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }

body {
  font-family:var(--sans); color:var(--ink); background:var(--bg);
  -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision;
  overflow-x:hidden;
}

.stage {
  position:relative;
  background:
    radial-gradient(1100px 620px at 85% -6%, rgba(45,212,191,0.10), transparent 60%),
    radial-gradient(900px 700px at -12% 30%, rgba(45,212,191,0.05), transparent 55%),
    radial-gradient(800px 600px at 108% 78%, rgba(231,201,131,0.05), transparent 60%),
    linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 40%, #070d18 78%, var(--bg) 100%);
}

.wrap { max-width:1140px; margin:0 auto; padding:0 20px; }
@media (min-width:640px) { .wrap { padding:0 28px; } }

a { color:inherit; }
:focus-visible { outline:2px solid var(--teal); outline-offset:3px; border-radius:4px; }

.eyebrow { font-size:12.5px; font-weight:700; letter-spacing:3.5px; text-transform:uppercase; color:var(--teal); }
.kicker  { font-size:13px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--muted-2); }
.num { font-variant-numeric:tabular-nums; }

/* ── Header ─────────────────────────────────────────── */
.top { position:sticky; top:0; z-index:50; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(7,12,22,0.72); border-bottom:1px solid var(--line); }
.top-in { display:flex; align-items:center; justify-content:space-between; height:64px; }
.lockup { display:flex; align-items:center; gap:12px; text-decoration:none; }
.logo {
  display:flex; align-items:center; height:38px; padding:0 12px; border-radius:10px;
  background:linear-gradient(145deg, rgba(45,212,191,0.16), rgba(45,212,191,0.04));
  border:1px solid rgba(45,212,191,0.35); box-shadow:0 0 30px rgba(45,212,191,0.14) inset;
}
.logo b { font-weight:800; font-size:17px; letter-spacing:2px; color:#fff; }
.logo i { width:6px; height:6px; margin-left:6px; border-radius:50%; background:var(--teal); box-shadow:0 0 10px var(--teal); }
.lockup-tx { font-size:13.5px; font-weight:700; letter-spacing:3px; color:var(--muted); }
.nav { display:flex; align-items:center; gap:24px; }
.nav a { font-size:15px; font-weight:600; color:var(--muted); text-decoration:none; transition:color .15s; }
.nav a:hover { color:var(--ink); }
.nav a:not(.join) { display:none; }
.nav .join { color:#04211c; background:var(--teal); padding:10px 16px; border-radius:999px; font-weight:700; box-shadow:0 0 24px rgba(45,212,191,0.35); }
.nav .join:hover { color:#04211c; filter:brightness(1.08); }
@media (min-width:900px) {
  .top-in { height:72px; }
  .logo { height:42px; padding:0 14px; }
  .logo b { font-size:19px; }
  .nav a:not(.join) { display:inline; }
}

/* ── Hero ───────────────────────────────────────────── */
.hero { display:flex; flex-direction:column; gap:44px; padding-block:48px 56px; }
.hero h1 {
  margin-top:18px; font-weight:800; font-size:clamp(38px, 9.5vw, 68px);
  line-height:1.04; letter-spacing:-1.8px; text-wrap:balance;
}
.hero h1 .w-gold   { color:var(--gold); }
.hero h1 .w-amber  { color:var(--amber); }
.hero h1 .w-teal   { color:var(--teal); }
.hero h1 .w-silver { color:var(--silver); }
.hero h1 .h-sub    { display:block; margin-top:10px; color:var(--ink); }
.hero .lede { margin-top:20px; max-width:52ch; font-size:17px; line-height:1.65; color:var(--muted); }
.hero .lede b { color:var(--ink); font-weight:600; }

.cta-row { margin-top:28px; display:flex; flex-wrap:wrap; gap:12px; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; padding:13px 22px; border-radius:999px;
  font-size:16px; font-weight:700; text-decoration:none; border:1px solid transparent;
  transition:transform .15s, filter .15s; cursor:pointer; font-family:var(--sans);
}
.btn:hover { transform:translateY(-1px); }
.btn-teal { background:var(--teal); color:#04211c; box-shadow:0 6px 30px rgba(45,212,191,0.35); }
.btn-teal:hover { filter:brightness(1.07); }
.btn-ghost { background:transparent; color:var(--ink); border-color:var(--line-strong); }
.btn-ghost:hover { border-color:var(--teal); color:var(--teal); }

.proof { margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:13.5px; font-weight:600; color:var(--muted-2); letter-spacing:0.4px; }
.live-dot { position:relative; width:9px; height:9px; border-radius:50%; background:var(--teal); box-shadow:0 0 12px var(--teal); flex:0 0 auto; }
@media (prefers-reduced-motion: no-preference) {
  .live-dot::after { content:''; position:absolute; inset:-5px; border-radius:50%; border:1.5px solid var(--teal); opacity:0; animation:ping 2.2s ease-out infinite; }
  @keyframes ping { 0%{transform:scale(.5);opacity:.8} 70%{transform:scale(1.5);opacity:0} 100%{opacity:0} }
}
.proof .sep { color:var(--line-strong); }

@media (min-width:960px) {
  .hero { display:grid; grid-template-columns:1.08fr 0.92fr; gap:56px; align-items:center; padding-block:84px 72px; }
  .hero .lede { font-size:19px; }
  .cta-row { gap:14px; }
  .btn { padding:15px 26px; font-size:16.5px; }
}

/* ── Phone mock ─────────────────────────────────────── */
.phone-col { display:flex; justify-content:center; }
.phone {
  width:100%; max-width:352px; border-radius:40px; padding:11px;
  background:linear-gradient(160deg, #131e30, #0a1220);
  border:1px solid var(--line-strong);
  box-shadow:0 40px 90px rgba(0,0,0,0.55), 0 0 80px rgba(45,212,191,0.07);
}
@media (min-width:960px) { .phone { max-width:372px; padding:12px; border-radius:44px; } }
.screen { border-radius:31px; overflow:hidden; background:#0a131b; border:1px solid rgba(148,163,184,0.1); }
@media (min-width:960px) { .screen { border-radius:34px; } }
.wa-head { display:flex; align-items:center; gap:12px; padding:13px 15px; background:#101d27; border-bottom:1px solid rgba(148,163,184,0.1); }
.wa-ava {
  width:40px; height:40px; border-radius:50%; flex:0 0 auto;
  background:radial-gradient(circle at 70% 20%, rgba(45,212,191,0.25), transparent 55%), linear-gradient(160deg,#0e1a2e,#071019);
  border:1px solid rgba(231,201,131,0.35);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
.wa-ava b { font-size:9px; font-weight:800; letter-spacing:1px; color:#fff; }
.wa-ava span { font-size:5.5px; font-weight:800; letter-spacing:0.4px; }
.wa-ava .au { color:var(--gold); }
.wa-ava .ag { color:var(--silver); }
.wa-title { line-height:1.25; min-width:0; }
.wa-title b { display:block; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wa-title span { font-size:11.5px; color:var(--muted-2); font-weight:600; }
.wa-feed { padding:15px 11px 17px; display:flex; flex-direction:column; gap:12px; min-height:400px; }

.bubble {
  background:#132330; border:1px solid rgba(148,163,184,0.1); border-radius:14px; border-top-left-radius:4px;
  padding:10px; max-width:100%;
}
.bubble.soon { opacity:0.55; }
@media (prefers-reduced-motion: no-preference) {
  .bubble { opacity:0; transform:translateY(14px); animation:arrive .55s cubic-bezier(.2,.7,.3,1) forwards; }
  .bubble.soon { animation-name:arrive-soon; }
  .b1 { animation-delay:.25s; } .b2 { animation-delay:.85s; } .b3 { animation-delay:1.35s; }
  @keyframes arrive      { to { opacity:1;   transform:none; } }
  @keyframes arrive-soon { to { opacity:.55; transform:none; } }
}

.mini-card {
  border-radius:10px; padding:12px 13px; color:var(--ink);
  background:
    radial-gradient(220px 130px at 85% -10%, rgba(45,212,191,0.16), transparent 60%),
    linear-gradient(180deg, #0e1a2e, #0b1526);
  border:1px solid rgba(148,163,184,0.18);
}
.mc-top { display:flex; justify-content:space-between; align-items:center; }
.mc-brand { font-size:9px; font-weight:800; letter-spacing:1.6px; color:var(--teal); }
.mc-date { font-size:9px; font-weight:600; color:var(--muted-2); }
.mc-label { margin-top:8px; font-size:8.5px; font-weight:700; letter-spacing:2px; color:var(--muted); }
.mc-label b { color:var(--gold); }
.mc-price { margin-top:2px; display:flex; align-items:baseline; gap:5px; font-weight:800; }
.mc-price .rs { font-size:13px; color:var(--gold); }
.mc-price .v { font-size:28px; letter-spacing:-1px; color:#fff; }
.mc-delta { margin-top:6px; display:inline-block; font-size:10px; font-weight:700; color:var(--teal); background:var(--teal-soft); padding:3px 8px; border-radius:999px; }
.mc-spark { margin-top:9px; display:block; width:100%; height:auto; }
.mc-tiles { margin-top:9px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.mc-tile { background:rgba(255,255,255,0.03); border:1px solid rgba(148,163,184,0.12); border-radius:7px; padding:6px 7px; }
.mc-tile span { display:block; font-size:7px; font-weight:600; letter-spacing:0.6px; color:var(--muted-2); }
.mc-tile b { display:block; margin-top:2px; font-size:10px; font-weight:700; }
.bubble .cap { margin-top:8px; font-size:11px; line-height:1.5; color:#cfd9e6; }
.bubble .meta { margin-top:6px; display:flex; justify-content:flex-end; gap:6px; font-size:9.5px; color:var(--muted-2); font-weight:600; }

.soon-card { display:flex; align-items:center; gap:11px; }
.soon-ic { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; background:rgba(255,255,255,0.04); border:1px solid var(--line); }
.soon-ic svg { width:17px; height:17px; }
.soon-tx { min-width:0; }
.soon-tx b { display:block; font-size:12px; font-weight:700; }
.soon-tx span { font-size:10px; color:var(--muted-2); font-weight:600; }
.soon-tag { margin-left:auto; font-size:8px; font-weight:800; letter-spacing:1.2px; color:var(--amber); border:1px solid rgba(240,180,92,0.4); background:rgba(240,180,92,0.08); padding:3px 7px; border-radius:999px; white-space:nowrap; }

/* ── Sections ───────────────────────────────────────── */
.section { padding-block:64px; position:relative; }
.section-tight { padding-top:0; }
@media (min-width:960px) { .section { padding-block:88px; } }
.section-head { max-width:640px; }
.section-head h2 { margin-top:14px; font-size:clamp(28px, 6.5vw, 42px); font-weight:800; letter-spacing:-1.2px; line-height:1.12; text-wrap:balance; }
.section-head p { margin-top:13px; font-size:16px; line-height:1.65; color:var(--muted); }
@media (min-width:960px) { .section-head p { font-size:17.5px; } }
.hr { height:1px; background:linear-gradient(90deg, transparent, var(--line-strong) 15%, var(--line-strong) 85%, transparent); }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1); }
.reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity:1; transform:none; transition:none; } }

/* Categories */
.cats { margin-top:36px; display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:640px) { .cats { grid-template-columns:repeat(2,1fr); gap:16px; margin-top:44px; } }
@media (min-width:960px) { .cats { grid-template-columns:repeat(3,1fr); } }
.cat { position:relative; border-radius:18px; padding:22px; background:var(--panel); border:1px solid var(--line); transition:border-color .2s, transform .2s; }
@media (min-width:640px) { .cat { padding:24px; } }
.cat:hover { border-color:var(--line-strong); transform:translateY(-2px); }
.cat-ic { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.04); border:1px solid var(--line); }
.cat-ic svg { width:22px; height:22px; }
.cat h3 { margin-top:15px; font-size:18px; font-weight:700; letter-spacing:-0.3px; }
.cat p { margin-top:8px; font-size:14.5px; line-height:1.6; color:var(--muted); }
.badge { position:absolute; top:19px; right:19px; font-size:10.5px; font-weight:800; letter-spacing:1.5px; padding:5px 10px; border-radius:999px; }
.badge-live { color:var(--teal); background:var(--teal-soft); border:1px solid rgba(45,212,191,0.4); }
.badge-soon { color:var(--amber); background:rgba(240,180,92,0.08); border:1px solid rgba(240,180,92,0.35); }
.badge-req  { color:var(--teal); border:1px dashed rgba(45,212,191,0.4); }

.cat-live {
  display:flex; flex-direction:column; gap:18px;
  background:
    radial-gradient(360px 200px at 90% 0%, rgba(231,201,131,0.10), transparent 60%),
    linear-gradient(160deg, rgba(16,31,54,0.85), rgba(11,21,38,0.85));
  border-color:rgba(231,201,131,0.25);
}
.cat-live .stat span { font-size:11px; font-weight:700; letter-spacing:1.5px; color:var(--muted-2); }
.cat-live .stat b { display:block; font-size:32px; font-weight:800; letter-spacing:-1px; color:#fff; }
.cat-live .stat b i { font-style:normal; font-size:16px; color:var(--gold); margin-right:4px; }
.cat-live .stat em { font-style:normal; font-size:13px; font-weight:700; color:var(--teal); }
@media (min-width:640px) {
  .cat-live { grid-column:span 2; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; }
  .cat-live .stat { text-align:right; }
  .cat-live .stat b { font-size:34px; }
}

.cat-req { border-style:dashed; border-color:rgba(45,212,191,0.3); text-decoration:none; display:block; }
.cat-req:hover { border-color:var(--teal); background:rgba(45,212,191,0.04); }

/* How it works */
.steps { margin-top:36px; display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:800px) { .steps { grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px; } }
.step { border-radius:18px; padding:24px; background:var(--panel); border:1px solid var(--line); }
.step .n { font-size:13px; font-weight:800; letter-spacing:2px; color:var(--teal); }
.step h3 { margin-top:11px; font-size:18px; font-weight:700; }
.step p { margin-top:8px; font-size:14.5px; line-height:1.62; color:var(--muted); }

/* Feed builder */
.builder { margin-top:36px; display:grid; grid-template-columns:1fr; gap:20px; align-items:start; }
@media (min-width:960px) { .builder { grid-template-columns:1.05fr 0.95fr; gap:28px; margin-top:44px; } }
.panel { border-radius:20px; padding:22px; background:var(--panel-2); border:1px solid var(--line); }
@media (min-width:640px) { .panel { padding:28px; } }
.panel h4 { font-size:12.5px; font-weight:700; letter-spacing:2.5px; color:var(--muted-2); text-transform:uppercase; }
.chips { margin-top:14px; display:flex; flex-wrap:wrap; gap:9px; }
.chip {
  display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:9px 15px; border-radius:999px; font-family:var(--sans);
  font-size:14px; font-weight:600; color:var(--muted); background:transparent; border:1px solid var(--line-strong);
  cursor:pointer; transition:border-color .15s, color .15s, background .15s;
}
.chip:hover { border-color:var(--teal); color:var(--ink); }
.chip[aria-pressed="true"] { color:#04211c; background:var(--teal); border-color:var(--teal); font-weight:700; }
.chip .lv { font-size:9px; font-weight:800; letter-spacing:1px; color:var(--teal); }
.chip[aria-pressed="true"] .lv { color:#04211c; }
.field-row { margin-top:22px; display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:560px) { .field-row { grid-template-columns:1fr 1fr; } }
.field label { display:block; font-size:12px; font-weight:700; letter-spacing:2px; color:var(--muted-2); text-transform:uppercase; }
.field select {
  margin-top:8px; width:100%; min-height:48px; padding:12px 14px; border-radius:12px; font-family:var(--sans); font-size:15px; font-weight:600;
  color:var(--ink); background:#0d1929; border:1px solid var(--line-strong); cursor:pointer;
}
.builder-cta { margin-top:24px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.builder-note { font-size:13px; color:var(--muted-2); }

.preview-shell { border-radius:20px; padding:18px; background:#0a131b; border:1px solid var(--line); }
@media (min-width:640px) { .preview-shell { padding:22px; } }
.preview-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.preview-title span:first-child { font-size:11.5px; font-weight:700; letter-spacing:2.5px; color:var(--muted-2); }
.sample-tag { font-size:10px; font-weight:800; letter-spacing:1.2px; color:var(--silver); border:1px solid rgba(195,211,245,0.3); padding:3px 8px; border-radius:999px; white-space:nowrap; }
.preview-bubble {
  margin-top:15px; background:#132330; border:1px solid rgba(148,163,184,0.1);
  border-radius:14px; border-top-left-radius:4px; padding:14px 15px;
  font-size:12.5px; line-height:1.7; color:#dbe4ef; white-space:pre-wrap; min-height:260px;
  overflow-wrap:break-word;
}
@media (min-width:640px) { .preview-bubble { font-size:13px; min-height:280px; } }
.preview-bubble b { color:#fff; }
.preview-bubble em { font-style:normal; color:var(--muted); }

/* Pricing */
.plans { margin-top:36px; display:grid; grid-template-columns:1fr; gap:14px; align-items:stretch; }
@media (min-width:640px)  { .plans { grid-template-columns:repeat(2,1fr); gap:16px; margin-top:44px; } }
@media (min-width:1000px) { .plans { grid-template-columns:repeat(4,1fr); } }
.plan { display:flex; flex-direction:column; border-radius:20px; padding:26px 22px; background:var(--panel); border:1px solid var(--line); }
.plan-hot { border-color:rgba(45,212,191,0.45); background:linear-gradient(170deg, rgba(45,212,191,0.07), rgba(16,31,54,0.5)); box-shadow:0 0 50px rgba(45,212,191,0.08); }
.plan .tier { font-size:12px; font-weight:800; letter-spacing:2.5px; color:var(--muted-2); text-transform:uppercase; }
.plan-hot .tier { color:var(--teal); }
.plan .price { margin-top:14px; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; }
.plan .price b { font-size:34px; font-weight:800; letter-spacing:-1.5px; white-space:nowrap; }
.plan .price span { font-size:13.5px; font-weight:600; color:var(--muted-2); }
.plan .price-wrap span { flex-basis:100%; }
.plan ul { margin:18px 0 24px; list-style:none; display:flex; flex-direction:column; gap:11px; }
.plan li { position:relative; padding-left:24px; font-size:14.5px; line-height:1.5; color:var(--muted); }
.plan li::before { content:''; position:absolute; left:0; top:7px; width:12px; height:6px; border-left:2px solid var(--teal); border-bottom:2px solid var(--teal); transform:rotate(-45deg); }
.plan li.dim { color:var(--muted-2); }
.plan li.dim::before { border-color:var(--muted-2); }
.plan .btn { margin-top:auto; padding:12px 20px; font-size:15px; }
.draft-flag { display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-size:12.5px; font-weight:600; color:var(--amber); }
.draft-flag::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--amber); }

/* API */
.api { margin-top:36px; display:grid; grid-template-columns:1fr; gap:22px; align-items:center; }
@media (min-width:960px) { .api { grid-template-columns:0.95fr 1.05fr; gap:28px; margin-top:44px; } }
.api-points { display:flex; flex-direction:column; gap:18px; }
.api-point { display:flex; gap:15px; }
.api-point .ic { width:40px; height:40px; flex:0 0 auto; border-radius:11px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.04); border:1px solid var(--line); }
.api-point .ic svg { width:19px; height:19px; }
.api-point h3 { font-size:16.5px; font-weight:700; }
.api-point p { margin-top:5px; font-size:14.5px; line-height:1.6; color:var(--muted); }
.code {
  border-radius:18px; background:#081019; border:1px solid var(--line); overflow:hidden;
  font-size:12.5px; line-height:1.75;
}
@media (min-width:640px) { .code { font-size:13.5px; } }
.code-bar { display:flex; align-items:center; gap:8px; padding:12px 18px; border-bottom:1px solid var(--line); }
.code-bar i { width:10px; height:10px; border-radius:50%; background:rgba(148,163,184,0.25); }
.code-bar span { margin-left:8px; font-size:12px; font-weight:600; color:var(--muted-2); letter-spacing:1px; }
.code pre { padding:18px; overflow-x:auto; font-family:'SF Mono', ui-monospace, Menlo, monospace; color:#b9c6d8; }
@media (min-width:640px) { .code pre { padding:20px 22px; } }
.tok-c { color:var(--muted-2); }
.tok-k { color:var(--teal); }
.tok-s { color:var(--gold); }
.tok-n { color:var(--silver); }

/* Final CTA */
.final {
  margin:0 0 64px; border-radius:24px; padding:44px 24px; text-align:center;
  background:
    radial-gradient(500px 260px at 50% -20%, rgba(45,212,191,0.16), transparent 65%),
    linear-gradient(170deg, rgba(16,31,54,0.9), rgba(9,17,33,0.9));
  border:1px solid rgba(45,212,191,0.25);
}
@media (min-width:960px) { .final { margin-bottom:88px; padding:64px 40px; border-radius:26px; } }
.final h2 { font-size:clamp(28px, 6.5vw, 44px); font-weight:800; letter-spacing:-1.4px; text-wrap:balance; }
.final p { margin:15px auto 0; max-width:48ch; font-size:16px; line-height:1.6; color:var(--muted); }
.final .cta-row { justify-content:center; }

/* FAQ */
.faq { max-width:760px; margin-top:36px; }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 4px; font-size:16px; font-weight:600; cursor:pointer; list-style:none; }
@media (min-width:640px) { .faq summary { padding:22px 4px; font-size:17px; } }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:'+'; font-size:22px; font-weight:400; color:var(--teal); transition:transform .2s; flex:0 0 auto; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { padding:0 4px 20px; font-size:15px; line-height:1.7; color:var(--muted); max-width:65ch; }

/* Footer */
.foot { border-top:1px solid var(--line); padding:36px 0 44px; }
.foot-in { display:flex; flex-direction:column; gap:20px; align-items:flex-start; }
@media (min-width:640px) { .foot-in { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; } }
.foot .fine { font-size:13px; color:var(--muted-2); line-height:1.7; }
.foot .fine a { color:var(--muted); text-decoration:none; }
.foot .fine a:hover { color:var(--teal); }