/* Pricing page: billing toggle, plan cards, included list, bring-your-own note. */
.pricing{padding-top:56px;padding-bottom:24px}
.billing{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin-bottom:40px;text-align:center}
.toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--cloud);border:1px solid var(--border)}
.toggle button{min-height:40px;padding:8px 20px;border:0;border-radius:999px;background:none;color:var(--muted);font:600 15px/1 var(--font);cursor:pointer}
.toggle button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}
.save{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--success-bg);color:var(--success);font:600 13px/1.2 var(--font)}
.vat-line{font-size:14px;color:var(--muted)}
.no-js .toggle{display:none}

.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm)}
.plan.featured{border:2px solid var(--primary);box-shadow:var(--shadow)}
.plan .tag{position:absolute;top:-13px;inset-inline-start:24px;padding:5px 12px;border-radius:999px;background:var(--primary);color:#fff;font:600 12px/1.2 var(--font);letter-spacing:.04em;text-transform:uppercase}
.plan h2{font-size:21px}
.plan .fit{margin-top:6px;min-height:48px;color:var(--muted);font-size:14.5px;line-height:1.55}
.price{margin-top:20px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px}
.price .amount{font:800 40px/1 var(--font);letter-spacing:-.03em;color:var(--navy)}
.price .cur{font:700 16px/1 var(--font);color:var(--navy)}
.price .per{font-size:15px;color:var(--muted)}
.price-note{margin-top:8px;min-height:22px;font-size:13.5px;color:var(--muted)}
.plan .btn{margin-top:22px;width:100%}
.plan ul{margin-top:24px;padding-top:22px;border-top:1px solid var(--border);display:grid;gap:12px;list-style:none;font-size:15px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li .icon{width:18px;height:18px;margin-top:3px;color:var(--primary)}
.pricing[data-billing=annual] .m,.pricing:not([data-billing=annual]) .y{display:none}
.addon{margin-top:24px;text-align:center;font-size:15px;color:var(--muted)}
.addon strong{color:var(--navy)}
.addon a{font-weight:600;white-space:nowrap}
@media (max-width:1100px){.plans{grid-template-columns:1fr 1fr;gap:28px 20px}}
@media (max-width:640px){.plans{grid-template-columns:1fr}.plan .fit{min-height:0}}

.included{margin:56px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.included > div{border-radius:var(--radius);padding:32px}
.included .all{background:var(--cloud);border:1px solid var(--border)}
.included .byo{background:var(--navy);color:#fff}
.included h2{font-size:22px}
.included p{margin-top:10px;color:var(--muted)}
.included .byo p{color:rgba(255,255,255,.75)}
.included ul{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none;font-size:15px}
.included li{display:flex;gap:10px;align-items:flex-start}
.included li .icon{width:18px;height:18px;margin-top:3px;color:var(--primary)}
.included .byo .tile{background:rgba(59,130,246,.18);color:var(--sky);margin-bottom:16px}
@media (max-width:900px){.included{grid-template-columns:1fr}}
@media (max-width:560px){.included ul{grid-template-columns:1fr}.included > div{padding:24px}}

.pricing-faq{padding:72px 0 96px}
.pricing-faq h2{text-align:center;font-size:clamp(28px,3.6vw,38px);margin-bottom:32px}