:root {
  --bg: #0f172a;
  --accent: #f97316;
  --accent-dark: #ea580c;
  --text: #0f172a;
  --muted: #64748b;
  --panel: #ffffff;
  --soft: #f8fafc;
  --border: #dbe3ee;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, #fff, #f8fafc);
}
.container { width: min(calc(100% - 2rem), 1080px); margin: 0 auto; }
header {
  background: #0f172a; color: #fff; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.08);
}
.header-inner { display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap; }
.brand { font-weight: 800; }
.brand span { color: #fdba74; }
.back-link { color: #fdba74; font-weight: 700; }
.hero { padding: 4rem 0 2rem; }
.hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 1.5rem; align-items: center; }
.badge { display:inline-block; padding:.4rem .75rem; border-radius:999px; background:#fff7ed; color:#c2410c; font-weight:700; margin-bottom:1rem; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.03em; margin:0 0 1rem; }
h1 { font-size: clamp(2rem,4vw,3.6rem); }
p { color: var(--muted); line-height:1.6; }
.card, .panel { background: var(--panel); border: 1px solid var(--border); border-radius: 18px; padding: 1.25rem; box-shadow: 0 10px 30px rgba(15,23,42,.07); }
.grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem; }
section { padding: 1.5rem 0 3rem; }
ul.clean { list-style:none; padding:0; margin:0; display:grid; gap:.85rem; }
ul.clean li { padding:.85rem 1rem; background:#f8fafc; border:1px solid #e5edf6; border-radius:14px; }
.cta-row { display:flex; gap:1rem; flex-wrap:wrap; margin-top:1.25rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:.9rem 1.2rem; border-radius:999px; font-weight:700; text-decoration:none; }
.btn-primary { background:var(--accent); color:#fff; }
.btn-secondary { background:#fff; color:var(--text); border:1px solid var(--border); }
.metric { font-size: 2rem; font-weight: 800; color: var(--accent-dark); }
footer { background:#020617; color:rgba(255,255,255,.7); padding:1.25rem 0; }
@media (max-width: 900px) { .hero-grid, .grid-3 { grid-template-columns: 1fr; } }