.nav ul a.on{color:var(--txt)}.nav .wrap{gap:20px}.nav ul{gap:18px;font-size:14px}
.phero{padding:72px 0 36px;position:relative;overflow:hidden}.phero:before{content:"";position:absolute;inset:-30% -10% auto -10%;height:420px;background:radial-gradient(55% 60% at 25% 20%,rgba(27,94,245,.3),transparent 70%),radial-gradient(35% 50% at 88% 10%,rgba(45,212,191,.14),transparent 70%);pointer-events:none}
.phero .wrap{position:relative}.phero h1{font-size:clamp(32px,4.4vw,50px);margin:16px 0 14px}.phero .lead{max-width:680px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.list li{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--mut);font-size:15px}.list li b{color:var(--txt)}.list svg{flex:none;width:20px;height:20px;color:var(--teal);margin-top:3px}
.tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tbl th,.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}.tbl th{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.tbl td.k{color:var(--mut)}.tbl tr:last-child td{border-bottom:0}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:linear-gradient(180deg,var(--card),rgba(13,20,38,.6));border:1px solid var(--line);border-radius:18px;padding:26px}.plan.hot{border-color:var(--brand2);box-shadow:0 20px 60px -30px rgba(27,94,245,.7)}
.plan h3{margin:0;font-size:19px}.price{font-size:38px;font-weight:800;letter-spacing:-.03em;margin:10px 0 2px}.price small{font-size:14px;color:var(--mut);font-weight:500}.plan ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px;color:var(--mut);font-size:14.5px}.plan li b{color:var(--txt)}
pre.code{background:#0a1124;border:1px solid var(--line);border-radius:14px;padding:16px;overflow:auto;color:#cdd9f5;font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace}
.note{color:var(--mut);font-size:14px;margin-top:18px}.tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mut);margin:0 6px 6px 0}
@media(max-width:920px){.two,.plans{grid-template-columns:1fr}}