*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f5f7fb;background:#0b0f17}
a{color:#9dc1ff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:10;background:rgba(11,15,23,.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #1b2231}
.nav__row{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;letter-spacing:.3px}.accent{color:#5ea1ff}
.nav a{margin-left:18px;color:#cdd7ee;font-weight:600}
.hero{padding:64px 0;background:linear-gradient(180deg,#0b0f17 0%,#0c141f 100%)}
.hero h1{font-size:34px;margin:0 0 8px}
.hero .sub{color:#b1bed9;margin:0 0 10px}
.hero__meta{color:#8aa0c8}
.hero__cta{margin-top:16px}
.btn{display:inline-block;border:1px solid #2b3b57;background:#131b2b;color:#e7efff;padding:10px 16px;border-radius:8px;font-weight:700;cursor:pointer}
.btn--primary{background:#2a6cff;border-color:#2a6cff}
.section{padding:56px 0;border-top:1px solid #172033}
.section h2{margin:0 0 16px;font-size:24px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:#0f1724;border:1px solid #1a2336;border-radius:12px;padding:20px}
.price{font-size:28px;font-weight:800;margin:6px 0}
.per{font-size:16px;color:#8aa0c8}
.list{padding-left:18px;color:#d7e2ff}
.muted{color:#90a4c2}.small{font-size:13px}.mt8{margin-top:8px}
.tos{color:#d7e2ff;padding-left:18px}
.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.footer{border-top:1px solid #172033;margin-top:40px;padding:22px 0;color:#a8b6d6}
.footer__row{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 820px){.cards,.contact{grid-template-columns:1fr}.hero h1{font-size:28px}}