.pricing{padding:20px 0 110px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),box-shadow .35s}
.plan:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,27,61,.35)}
.plan h3{font-size:20px}
.price{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}
.price small{font-size:16px;font-weight:700;color:var(--muted);letter-spacing:0}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:15px;color:var(--ink-2)}
.plan li{display:flex;gap:9px}
.plan li::before{content:"✓";color:var(--green-d);font-weight:800}
.plan .btn{margin-top:auto;min-height:48px}
.plan.hot{background:var(--ink);color:#fff;border:0}
.plan.hot ul{color:#C9D2F5}
.plan.hot li::before{color:var(--green)}
.plan.hot .price small{color:#9AA7D6}
.pnote{font-size:14px;color:var(--muted);margin-top:-4px}
.plan.hot .pnote{color:#9AA7D6}
.cycle-row{text-align:center}
.cycle{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:34px}
.cycle span{padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;color:var(--muted)}
.cycle span.on{background:var(--ink);color:#fff}
.tag{position:absolute;top:-12px;right:20px;background:var(--green);color:var(--ink);font-size:12px;font-weight:800;border-radius:999px;padding:5px 12px}