:root{--bg:#0b0d12;--card:#151924;--fg:#eef1f7;--mut:#9aa3b5;--acc:#7c5cff;--acc2:#22d3ee}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc2)}.nav{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:auto;padding:18px 20px}
.logo{font-weight:800;font-size:1.3rem;color:var(--fg);text-decoration:none}.nav a{text-decoration:none}
main{max-width:960px;margin:auto;padding:0 20px 40px}
.hero{text-align:center;padding:70px 0 40px}.icon{width:84px;height:84px;margin:auto;border-radius:22px;display:grid;place-items:center;font-size:44px;font-weight:800;background:linear-gradient(135deg,var(--acc),var(--acc2))}
h1{font-size:clamp(2.4rem,7vw,4rem);margin:.3em 0 .1em}.tag{color:var(--mut);font-size:1.2rem;max-width:520px;margin:0 auto 28px}
.badge{display:inline-flex;flex-direction:column;align-items:flex-start;background:#000;color:#fff;border:1px solid #444;border-radius:12px;padding:8px 20px;text-decoration:none;line-height:1.1}
.badge span{font-size:.7rem}.badge strong{font-size:1.3rem}.soon{color:var(--mut);font-size:.85rem}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.features div{background:var(--card);border-radius:16px;padding:20px}.features h3{margin-top:0}.features p{color:var(--mut);margin:0}
.doc{background:var(--card);border-radius:16px;padding:clamp(20px,4vw,44px);max-width:800px;margin:auto}.doc h1{font-size:2rem}.doc h2{margin-top:1.8em;font-size:1.3rem}
table{width:100%;border-collapse:collapse;font-size:.95rem}td,th{border-bottom:1px solid #2a3040;padding:8px;text-align:left}
footer{text-align:center;color:var(--mut);padding:30px 20px;border-top:1px solid #1d2230;font-size:.9rem}footer p{margin:.4em 0 0}