*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#070b14;color:#c8d0dc}
body{font-family:Heebo,Assistant,system-ui,sans-serif;line-height:1.6;min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 28px}
.top{margin-bottom:40px}.logo{height:44px;width:auto;display:block}
h1{font-size:clamp(28px,5vw,40px);color:#eef2f7;font-weight:700;line-height:1.2;margin-bottom:12px}
.lead{font-size:18px;color:#9aa6b8;margin-bottom:28px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;font-weight:600;font-size:17px;text-decoration:none;transition:.15s}
.btn.primary{background:#00cc5c;color:#04140b;padding:16px 32px;font-size:19px}
.btn.primary:hover{background:#00e266}
.btn.ghost{border:1px solid #2a3447;color:#dfe5ee;background:transparent}
.btn.ghost:hover{border-color:#00cc5c;color:#00cc5c}
.btn[hidden]{display:none}
.note{margin-top:14px;color:#9aa6b8;font-size:15px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:44px 0}
.card{background:#121826;border:1px solid #1e2738;border-radius:14px;padding:22px}
.card h2{font-size:18px;color:#eef2f7;margin-bottom:6px;font-weight:600}
.card p{font-size:15px;color:#a9b3c3}
.foot{border-top:1px solid #1e2738;padding-top:22px;font-size:14px;color:#7d889b}
.label{display:block;margin-bottom:10px;color:#9aa6b8;font-weight:500}
.plat{display:flex;flex-wrap:wrap;gap:8px 18px}
.plat a{color:#c8d0dc;text-decoration:none}.plat a:hover{color:#00cc5c}
.brand{margin-top:22px;color:#4f5a6d;font-size:13px}