.pricing-page{background:linear-gradient(180deg,#f8f9ff,#eef2ff 45%,#fff);color:var(--ink)}
.pricing-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.pricing-bg i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6;animation:blobDrift 15s ease-in-out infinite}
.pricing-bg i:nth-child(1){width:520px;height:520px;right:-180px;top:-160px;background:#d9dfff}
.pricing-bg i:nth-child(2){width:360px;height:360px;left:-160px;top:560px;background:#e7ffc0;animation-delay:-5s}
.pricing-bg i:nth-child(3){width:320px;height:320px;right:-150px;top:1200px;background:#ecdfff;animation-delay:-9s}
.nav-links .active-link{color:var(--blue);background:#eef1ff}

.pricing-hero{position:relative;padding:148px max(24px,calc((100vw - var(--max))/2)) 70px;text-align:center}
.pricing-hero-copy{position:relative;max-width:930px;margin:auto}
.pricing-mascot{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 14px 14px #2d3c6a22);animation:softFloat 6s ease-in-out infinite}
.pricing-hero h1{font-size:clamp(54px,7vw,88px);line-height:.94;letter-spacing:-.06em;margin:12px 0 0;font-weight:900}
.pricing-hero h1 span{background:linear-gradient(90deg,var(--blue),#815eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pricing-hero p{max-width:720px;margin:22px auto 0;color:var(--muted);font-size:16px}
.pricing-trust{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:24px}
.pricing-trust span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #dfe4ef;color:#69748c;font-size:10px;font-weight:750;box-shadow:0 8px 24px #23305a0b}

.pricing-section{padding:22px max(24px,calc((100vw - var(--max))/2)) 105px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}
.price-card{
  position:relative;display:flex;flex-direction:column;padding:29px;border-radius:25px;
  border:1px solid #dde3ef;background:#fff;box-shadow:0 22px 60px rgba(36,50,94,.09);
  min-height:690px;transition:.25s;
}
.price-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(36,50,94,.14)}
.price-card.featured{
  border:2px solid var(--blue);background:linear-gradient(180deg,#f2f4ff,#fff 36%);
  box-shadow:0 30px 80px #4357f525;transform:translateY(-15px);
}
.price-card.featured:hover{transform:translateY(-20px)}
.popular-badge{
  position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  padding:8px 14px;border-radius:999px;background:var(--lime);color:#24310d;
  font-size:9px;font-weight:950;letter-spacing:.10em;white-space:nowrap;box-shadow:0 8px 20px #9ed41d36
}
.plan-kicker{font-size:9px;letter-spacing:.16em;color:#7d879e;font-weight:900}
.plan-top h2{font-size:35px;letter-spacing:-.045em;margin:9px 0 8px}
.plan-top p{min-height:65px;color:#7a859c;font-size:12px;margin:0}
.price-row{display:flex;align-items:flex-end;gap:5px;margin:24px 0 15px}
.price-row .currency{font-size:22px;font-weight:900;margin-bottom:8px}
.price-row strong{font-size:58px;line-height:.9;letter-spacing:-.06em}
.price-row .period{font-size:11px;color:#7d879b;margin-bottom:7px}
.annual-billing-line{min-height:38px;margin:0 0 18px;padding:9px 11px;border-radius:11px;background:#f4f6fb;border:1px solid #e4e8f1;color:#707b92;font-size:10px;line-height:1.4}
.price-card.featured .annual-billing-line{background:#eef1ff;border-color:#d9deff;color:#5d68a0}
.plan-cta{width:100%;margin-bottom:23px;min-height:49px}
.price-card.featured .plan-cta{background:linear-gradient(135deg,var(--blue),#6f7dff)}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid #e8ebf2}
.feature-list li{position:relative;padding:10px 0 10px 25px;border-bottom:1px solid #edf0f5;color:#4f5a72;font-size:11px}
.feature-list li:before{content:"✓";position:absolute;left:0;color:#70a90c;font-weight:950}
.feature-list li.muted-feature{color:#a2a9b8}.feature-list li.muted-feature:before{content:"—";color:#abb2c0}
.value-note{margin-top:auto;padding:17px 12px 0;color:#4f5bcc;font-size:10px;line-height:1.5}
.pricing-note{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;color:#758096;font-size:10px}
.pricing-note a{color:var(--blue);font-weight:800}

.pricing-compare-section{padding:100px max(24px,calc((100vw - var(--max))/2));background:#151c46;color:#fff}
.pricing-compare-section .section-head{max-width:800px}
.pricing-compare-section .eyebrow{color:#aeb8e8}
.pricing-compare-section h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:.98;margin:10px 0 0}
.pricing-compare-section .section-head p{color:#b3bddc}
.standard-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px}
.value-block{padding:26px;border:1px solid #ffffff18;border-radius:20px;background:#ffffff09;min-height:205px}
.value-block>span{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--lime);color:#1a2445;font-size:10px;font-weight:900;margin-bottom:27px}
.value-block b{display:block;font-size:15px}.value-block p{font-size:11px;color:#b7c0dc}

.pricing-cta{padding:110px max(24px,calc((100vw - var(--max))/2));background:#f4f6ff}
.pricing-cta-inner{
  position:relative;overflow:hidden;padding:64px;border:1px solid #dce2ef;border-radius:28px;background:#fff;text-align:center;
  box-shadow:0 24px 70px #23305a0e
}
.pricing-cta-inner:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#dff8a1;left:-180px;top:-190px}
.pricing-cta-inner:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#dfd9ff;right:-160px;bottom:-180px}
.pricing-cta-inner>*{position:relative;z-index:2}
.pricing-cta h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:10px auto 0;max-width:840px}
.pricing-cta p{color:#7a859c;max-width:680px;margin:22px auto}
.pricing-cta .cta-actions{justify-content:center}

@media(max-width:1000px){
  .pricing-grid{grid-template-columns:1fr;max-width:720px;margin:auto}.price-card{min-height:auto}.price-card.featured{transform:none;margin:14px 0}.price-card.featured:hover{transform:translateY(-5px)}
  .plan-top p{min-height:0}.standard-value-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .pricing-hero{padding:115px 16px 55px}.pricing-mascot{width:85px;height:85px}.pricing-hero h1{font-size:48px}.pricing-hero p{font-size:14px}
  .pricing-section{padding:10px 16px 80px}.price-card{padding:23px}.standard-value-grid{grid-template-columns:1fr}
  .pricing-compare-section{padding:78px 16px}.pricing-cta{padding:78px 16px}.pricing-cta-inner{padding:38px 20px}.nav-links{display:none}
}