*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0b1220;color:#e6edf7}
a{color:#7cc4ff}.hero{padding:24px 6vw 60px;background:linear-gradient(135deg,#123 0%,#1d3b6e 100%)}
nav{display:flex;gap:20px;align-items:center;margin-bottom:40px}nav b{margin-right:auto;font-size:1.2em}
h1{font-size:clamp(2rem,5vw,3.4rem);max-width:800px;margin:0 0 16px}.hero p{max-width:640px;font-size:1.15em;color:#c7d6ee}
main{padding:0 6vw}section{margin:50px 0}.btn{background:#2f8cff;color:#fff;border:0;padding:12px 20px;border-radius:10px;font-size:1em;cursor:pointer;text-decoration:none;display:inline-block}
.btn:disabled{background:#3a4560;cursor:not-allowed}.feat,.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.feat div,.tier,.card{background:#141e33;border:1px solid #24324f;border-radius:14px;padding:18px}.tier.hot{border-color:#2f8cff}
.price{font-size:2em;margin:4px 0}.muted{color:#8ea0bf}.note{color:#ffcf66}.ctl{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:14px 0}
select,input{background:#0f1729;color:#e6edf7;border:1px solid #2c3b5c;border-radius:8px;padding:10px;font-size:1em}
table{width:100%;border-collapse:collapse;margin-top:14px}td,th{padding:8px;border-bottom:1px solid #22304b;text-align:right}td:first-child,th:first-child{text-align:left}
.pos{color:#5be08a;font-weight:600}.neg{color:#ff7a7a}form{display:flex;gap:10px;flex-wrap:wrap}footer{padding:30px 6vw;color:#6d7fa0;font-size:.9em}