:root {
  --brand: #0ebd65;
  --brand-dark: #0a8a4a;
  --bg: #ffffff;
  --bg-alt: #f5f7f9;
  --text: #101418;
  --muted: #5b6570;
  --border: #e6ecf1;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;line-height:1.6}
a{color:var(--brand-dark);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.button{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;border:none;cursor:pointer}
.button:hover{background:var(--brand-dark)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--bg-alt);color:var(--brand-dark);border:1px solid var(--border);font-weight:700}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10}
.site-header .container{display:flex;align-items:center;gap:16px;padding:12px 20px}
.nav{display:flex;gap:16px;margin-left:auto}
.nav-link{padding:8px 10px;border-radius:8px}
.nav-link.active,.nav-link:hover{background:var(--bg-alt);text-decoration:none}
.cta{margin-left:12px;padding:10px 14px;border-radius:10px;color:#fff;background:var(--brand);font-weight:800}
.hero{background:radial-gradient(1200px 400px at 50% -10%,rgba(14,189,101,.18),transparent 60%),linear-gradient(180deg,#fff,#fafcfe);border-bottom:1px solid var(--border)}
.hero .container{padding:64px 20px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:0}
.hero p{color:var(--muted);margin-top:12px}
.section{padding:48px 0}
.section h2{font-size:28px;margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff}
.card h3{margin:0 0 10px;font-size:20px}
.card p{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.kpis{display:flex;gap:16px;flex-wrap:wrap}
.kpi{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff}
.kpi strong{font-size:20px;display:block}
.payments{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.payments img{height:34px;width:124px}
.notice{background:#f0fff6;border:1px solid var(--brand);padding:12px;border-radius:12px}
.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);margin-top:48px}
.site-footer .container{padding:32px 20px}
.footnote{margin-top:12px;color:var(--muted);font-size:14px}
@media(max-width:800px){.hero .container{grid-template-columns:1fr}.nav{display:none}}