:root{--bg:#0e1013;--card:#16191e;--card2:#1c2026;--line:#262a31;--text:#e8eaed;--mute:#8b929c;--accent:#ff3b30;--ok:#34c759;--warn:#ffb020;--bad:#ff453a}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 "Inter",system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#ff8a80}a:hover{color:#fff}
main{max-width:1040px;margin:0 auto;padding:0 18px 70px}
header.top{display:flex;align-items:center;gap:14px;max-width:1040px;margin:0 auto;padding:18px}
.logo{font-weight:750;font-size:19px;letter-spacing:-.01em;margin-right:auto;color:var(--text);text-decoration:none}.logo b{color:var(--accent)}
nav a{color:var(--mute);text-decoration:none;margin-left:16px}nav a:hover{color:var(--text)}
button,.btn{font:inherit;cursor:pointer;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--text);padding:9px 15px;text-decoration:none;display:inline-block}
button:hover,.btn:hover{border-color:#3a404a;color:var(--text)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}
button:disabled{opacity:.5;cursor:default}
input,select{font:inherit;width:100%;padding:10px 11px;border-radius:9px;border:1px solid var(--line);background:#0b0d10;color:var(--text)}
label{display:block;font-size:12.5px;color:var(--mute);margin:12px 0 5px}
label.inline{display:flex;gap:8px;align-items:flex-start;color:var(--text);font-size:14px}label.inline input{width:auto;margin-top:4px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.hero{padding:46px 0 26px}.hero h1{font-size:40px;line-height:1.1;margin:0 0 14px;letter-spacing:-.02em}.hero p{color:#c9cdd2;font-size:18px;max-width:640px;margin:0 0 22px}
h2{font-size:22px;margin:40px 0 12px}
.mute{color:var(--mute)}.small{font-size:13px}
.grid{display:grid;gap:14px}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:6px}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.pass h3{margin:0 0 2px;font-size:17px}.price{font-size:30px;font-weight:750;margin:10px 0 0}.price small{font-size:13px;font-weight:400;color:var(--mute)}
.tiers{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}.tiers button{border:0;border-radius:0;background:transparent;padding:8px 16px}.tiers button.on{background:#2f3540;color:#fff}
ul.ticks{padding-left:18px;margin:10px 0 0;color:#c9cdd2}ul.ticks li{margin:3px 0}
.err{color:#ff8a80;font-size:13.5px;min-height:18px;margin-top:8px}
.badge{font-size:12px;padding:2px 8px;border-radius:6px;background:var(--card2);border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.badge.ok{color:var(--ok);border-color:rgba(52,199,89,.4)}.badge.warn{color:var(--warn);border-color:rgba(255,176,32,.4)}.badge.live{background:var(--accent);border-color:var(--accent);color:#fff}
.bar{height:6px;border-radius:3px;background:#262a31;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--ok)}.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp{flex:1}
.note{background:#1c2026;border-left:3px solid var(--warn);padding:10px 14px;border-radius:8px;font-size:14px}
footer{max-width:1040px;margin:0 auto;padding:24px 18px;color:var(--mute);font-size:13px;border-top:1px solid var(--line)}
.legal h1{font-size:30px}.legal h2{font-size:19px;margin-top:30px}.legal p,.legal li{color:#c9cdd2}
@media (max-width:640px){.hero h1{font-size:30px}nav a{margin-left:10px}}