/* Pricing: no buttons, a solid filled centre card, tidy rhythm inside every card */
#pricing .price{gap:24px;align-items:stretch;padding-top:14px}
#pricing .plan{position:relative;padding:34px 30px 32px;border-radius:20px;border:1px solid var(--line);background:var(--bn-bg,#fff);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .25s}
#pricing .plan:hover{transform:translateY(-6px);border-color:var(--bn-accent2,#A78BFA);box-shadow:var(--bn-shadow,0 30px 60px -40px rgba(84,18,196,.4))}
#pricing .plan h3{display:flex;align-items:center;gap:12px;font-size:1.2rem;letter-spacing:-.01em;margin-bottom:6px}
#pricing .plan h3 .ms{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--brand-100,#EDE9FE);color:var(--brand,#5412C4);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
html[data-theme="dark"] #pricing .plan h3 .ms{background:rgba(124,58,237,.22);color:#DDD6FE}
#pricing .plan:hover h3 .ms{transform:rotate(-8deg) scale(1.1)}
#pricing .amt{font-size:3.4rem;margin:18px 0 6px}
#pricing .plan>p{margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted)}
#pricing .plan .ticks{margin:0;gap:14px;flex-grow:0}
#pricing .plan .ticks li{transition:transform .25s cubic-bezier(.16,1,.3,1)}
#pricing .plan .ticks li:hover{transform:translateX(4px)}

/* the centre card: fully filled */
#pricing .plan.hot{transform:translateY(-12px);border-color:transparent;color:#fff;
  background:linear-gradient(160deg,#7C3AED 0%,#5412C4 52%,#3B0764 100%);
  box-shadow:0 44px 90px -34px rgba(84,18,196,.85),0 0 0 1px rgba(255,255,255,.12) inset}
#pricing .plan.hot:hover{transform:translateY(-18px);border-color:transparent}
#pricing .plan.hot:before{top:-15px;left:30px;background:#FDE047;color:#3B0764;font-weight:800;box-shadow:0 8px 20px -8px rgba(250,204,21,.8)}
#pricing .plan.hot h3,#pricing .plan.hot .amt{color:#fff}
#pricing .plan.hot .amt small,#pricing .plan.hot>p{color:#E4DBFF}
#pricing .plan.hot>p{border-bottom-color:rgba(255,255,255,.22)}
#pricing .plan.hot h3 .ms{background:rgba(255,255,255,.18);color:#fff}
#pricing .plan.hot .ticks li{color:#fff}
#pricing .plan.hot .ticks li:before{background-color:rgba(255,255,255,.24);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset}
#pricing .plan.hot:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 100% 0%,rgba(255,255,255,.22),transparent 55%)}
html[data-theme="dark"] #pricing .plan.hot{background:linear-gradient(160deg,#7C3AED 0%,#5B21B6 55%,#2E1065 100%)}
#pricing .price-note{margin-top:34px}
@media (max-width:1040px){#pricing .plan.hot,#pricing .plan.hot:hover{transform:none}#pricing .price{max-width:560px;margin-inline:auto}}
@media (prefers-reduced-motion:reduce){#pricing .plan,#pricing .plan .ticks li,#pricing .plan h3 .ms{transition:none}#pricing .plan:hover,#pricing .plan.hot,#pricing .plan.hot:hover{transform:none}}

#pricing .head{margin-inline:auto;text-align:center}
#pricing .head h2{margin-inline:auto}