:root{--ink:#0f172a;--muted:#475569;--bg:#ffffff;--blue1:#0072ff;--blue2:#00d4ff}
*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}
.hero{position:relative;background:radial-gradient(1200px 600px at 60% -10%,rgba(0,212,255,.25),transparent 60%),radial-gradient(900px 500px at 10% 120%,rgba(0,114,255,.25),transparent 60%),linear-gradient(180deg,#ffffff,#f5faff 65%)}
.hero::before{content:'';position:absolute;inset:0;background-image:url('assets/bg-grid.svg');background-size:cover;background-position:center;opacity:.5;pointer-events:none}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(90deg,var(--blue1),var(--blue2))}
.card{border:1px solid #e5e7eb;border-radius:16px;padding:22px;background:#fff}.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:#0f172a;color:#fff;text-decoration:none}
.btn-ghost{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid #0f172a;color:#0f172a;background:#fff;text-decoration:none}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,var(--blue1),var(--blue2));color:#fff;font-size:12px;font-weight:700}
.h1{font-size:46px;font-weight:800;line-height:1.1;margin:14px 0}.h2{font-size:30px;font-weight:800;margin:0 0 12px}.h3{font-size:18px;font-weight:700}.small{color:#64748b;font-size:14px}
.grid{display:grid;gap:24px}.cols-2{grid-template-columns:1.2fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.cols-2,.cols-3{grid-template-columns:1fr}.h1{font-size:34px}}
.logo-row{display:flex;flex-wrap:wrap;gap:12px}.logo-pill{border:1px solid #e2e8f0;border-radius:999px;padding:8px 14px;background:#fff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}}
.section.alt{background:linear-gradient(180deg,#ffffff,#f0f7ff)}hr.sep{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(2,132,199,.4),transparent);margin:30px 0}
.quote{font-style:italic;color:#0f172a}.avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:inline-block;margin-right:10px}