:root{
  --bg:#0a0f0d;--fg:#121815;--ink:#0b5d3b;--ink-2:#0f7b50;--ink-3:#13a36b;--text:#111;--muted:#57605a;--card:#fff;--alt:#f6f8f7;--line:#e7ece9
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#fff}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{font-weight:700;color:var(--ink)}
.nav a{margin-left:16px;color:#333;text-decoration:none}
.nav .cta{padding:10px 14px;background:var(--ink);color:#fff;border-radius:8px}
.hero{padding:56px 0;background:linear-gradient(180deg,#f8fbf9, #fff)}
.hero-inner{max-width:1100px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.hero h1{font-size:36px;line-height:1.2;margin:0 0 10px}
.lead{font-size:18px;color:#333;margin:0 0 18px}
.hero-ill{display:flex;justify-content:center}
.hero-ill .ill-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.hero-ill img{width:280px;height:280px}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none}
.btn-primary{background:var(--ink);color:#fff}
.sub{margin-top:8px;color:#444}
.trust-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.badge{background:var(--alt);border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#222}
.partners{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;align-items:center}
.partners .logo{height:34px}
.btn-primary:hover{filter:brightness(0.95)}
.section{padding:48px 0}
.section.alt{background:var(--alt)}
.steps{margin:12px 0 0 18px}
.grid{display:grid;gap:18px}
.grid.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:920px){.grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid.three{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.badge-st{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);background:#f6f8f7;color:#0f7b50}
.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
table.compare{width:100%;border-collapse:collapse;font-size:14px}
table.compare th,table.compare td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
table.compare thead th{background:#f2f6f4}
.list{margin:8px 0 0 18px}
.cta-block{margin-top:16px}
.site-footer{border-top:1px solid var(--line);padding:24px 0;background:#fff}
.footer-inner{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}