:root{color-scheme:light;--bg: #f6f8fb;--card: #ffffff;--text: #1f2a37;--muted: #4b5563;--accent: #2563eb;--accent-soft: #e0e7ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 24px}header{padding:32px 0 16px}nav{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:1.4rem;letter-spacing:.02em}.nav-links{display:flex;gap:20px;font-size:.95rem}.nav-links a{text-decoration:none;color:var(--muted)}.hero{padding:64px 0;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.pill{display:inline-block;background:var(--accent-soft);color:var(--accent);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}h1{font-size:clamp(2.2rem,4vw,3.4rem);margin:16px 0}.hero p{color:var(--muted);margin-bottom:24px}.cta-group{display:flex;flex-wrap:wrap;gap:16px}.button{padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid transparent}.button.primary{background:var(--accent);color:#fff}.button.secondary{background:#fff;color:var(--accent);border-color:var(--accent)}.hero-card{background:var(--card);padding:28px;border-radius:24px;box-shadow:0 20px 45px #0f172a14;display:grid;gap:16px}.hero-card h3{font-size:1.1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metric{padding:12px;border-radius:16px;background:var(--accent-soft)}section{padding:48px 0}.section-title{font-size:1.8rem;margin-bottom:12px}.section-subtitle{color:var(--muted);max-width:700px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}.card{background:var(--card);padding:24px;border-radius:20px;box-shadow:0 10px 25px #0f172a0f}.card h4{margin-bottom:10px}.highlight{background:#fff;padding:32px;border-radius:24px;display:grid;gap:12px;border:1px solid #e5e7eb}footer{padding:32px 0 48px;color:var(--muted);text-align:center;font-size:.9rem}
