:root{
  --brand:#e30613; --ink:#111827; --muted:#6b7280;
  --line:rgba(17,24,39,.10); --card:#fff; --radius:14px;
  --shadow:0 12px 28px rgba(0,0,0,.08); --wrap:1100px; --gap:24px; --gap-sm:14px;
}
section.hero, section.grid, section.card{max-width:var(--wrap);margin:0 auto;padding:clamp(12px,3vw,24px)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--gap);align-items:center;padding-top:clamp(18px,4vw,36px);padding-bottom:clamp(18px,4vw,36px)}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff}
.hero h1{margin:8px 0 6px;font-size:clamp(28px,3.4vw,40px);line-height:1.12;color:var(--ink);font-weight:800}
.lead{font-size:clamp(15px,1.2vw,18px);color:var(--ink);opacity:.95;margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(14px,2.6vw,22px)}
.card h2{margin:0 0 8px;font-size:clamp(18px,2.1vw,24px);color:var(--ink)}
.card p{color:var(--ink)} .muted{color:var(--muted)}
.stat{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.stat b{font-size:clamp(22px,2.4vw,28px);font-weight:800;color:var(--ink)}
.stat span{color:var(--muted);font-size:13px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);background:#fff;margin-top:6px}
.card ul{padding-left:18px;margin:8px 0 0}
.card li{margin:6px 0;color:var(--ink)}
.timeline{position:relative;padding-left:22px;margin-top:6px}
.timeline::before{content:"";position:absolute;left:8px;top:2px;bottom:2px;width:2px;background:var(--line);border-radius:2px}
.tl{position:relative;padding:8px 0 8px 6px;color:var(--ink);border-bottom:1px dashed var(--line)}
.tl:last-child{border-bottom:0}
.tl::before{content:"";position:absolute;left:-14px;top:13px;width:8px;height:8px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 4px #fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .04s ease, box-shadow .2s ease}
.btn:active{transform:translateY(1px)}
.btn-dark{background:#111827;color:#fff !important;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06)}
.btn-dark:hover{filter:brightness(1.06)}
section.card{max-width:var(--wrap)}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}