@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/Poppins_400Regular.ttf) format("truetype")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/Poppins_500Medium.ttf) format("truetype")}
:root{--bg:#040605;--text:#F7F9F7;--muted:#B4BEB7;--brand:#00EB47;--brand-text:#1FF55E;--glass:rgba(255,255,255,.07);--border:rgba(255,255,255,.18);--divider:rgba(255,255,255,.10)}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg) radial-gradient(60rem 40rem at 85% -10%,rgba(0,235,71,.16),transparent 60%) no-repeat;color:var(--text);font:400 16px/1.6 Poppins,system-ui,sans-serif}
a{color:var(--brand-text)}
a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
.top{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:20px 16px}
.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:500;font-size:20px}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}
nav a{color:var(--muted);text-decoration:none;padding:10px 0;font-size:15px}
nav a:hover,nav a[aria-current=page]{color:var(--text)}
main{max-width:960px;margin:0 auto;padding:16px 16px 48px}
h1{font-weight:500;font-size:clamp(28px,5vw,44px);line-height:1.2;margin:16px 0 8px}
h2{font-weight:500;font-size:18px;margin:0 0 6px}
p{margin:0 0 8px}
.lead{color:var(--muted);font-size:18px;max-width:640px}
.muted{color:var(--muted);font-size:14px}
.hero{text-align:center;padding:32px 0 24px}
.hero .lead{margin:0 auto 20px}
.badge{display:inline-block;padding:8px 16px;border:1px solid rgba(0,235,71,.55);border-radius:999px;background:rgba(0,235,71,.12);color:var(--brand-text);font-weight:500}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.card{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:20px}
.card p{color:var(--muted)}
.doc{max-width:760px}
.doc .card{margin-top:20px}
.doc section+section{border-top:1px solid var(--divider);margin-top:16px;padding-top:16px}
.contact{text-align:center;margin-top:32px}
footer{max-width:960px;margin:0 auto;padding:24px 16px 40px;border-top:1px solid var(--divider);color:var(--muted);font-size:14px}
footer nav{margin-top:6px}
footer nav a{padding:6px 0}
