.pricing-page { background: #0b0810; }
.pricing-hero { padding: clamp(4rem, 8vw, 7rem) 0 3.5rem; text-align: center; background: radial-gradient(720px 420px at 50% 0, rgba(168,85,247,.2), transparent 68%); }
.pricing-hero .eyebrow { justify-content: center; }
.pricing-hero h1 { max-width: 950px; margin: 0 auto; color: #faf7ff; font-size: clamp(2.6rem, 6vw, 5.3rem); line-height: .98; letter-spacing: -.055em; }
.pricing-hero > .shell > p:not(.eyebrow):not(.pricing-currency) { max-width: 760px; margin: 1.5rem auto 0; color: var(--muted); font-size: 1.12rem; }
.pricing-currency { margin: 1rem 0 0; color: #d8b4fe; font-weight: 800; }
.pricing-section { padding-top: 1rem; padding-bottom: 5rem; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; align-items: stretch; }
.pricing-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid rgba(192,132,252,.3); border-radius: 20px; background: linear-gradient(150deg,rgba(39,24,59,.96),rgba(18,13,27,.98)); box-shadow: 0 22px 60px rgba(0,0,0,.25); }
.pricing-card.featured-plan { border-color: rgba(192,132,252,.58); box-shadow: 0 22px 65px rgba(109,40,217,.18); }
.pricing-card-intro { display: flex; flex-direction: column; min-height: 495px; padding: 1.7rem; }
.pricing-card h2 { margin: 0; color: #faf7ff !important; font-size: 1.65rem; letter-spacing: -.02em; }
.pricing-card-intro > p:first-of-type { min-height: 5.1rem; margin: .75rem 0 1.2rem; color: var(--muted); }
.journey { display: block; min-height: 3.1rem; color: #d8b4fe; font-size: 1.05rem; }
.from { min-height: 1.35rem; margin-top: .35rem; color: var(--muted); font-size: .86rem; }
.price { display: flex; flex-wrap: wrap; gap: .45rem; align-items: baseline; margin: .2rem 0; }
.price strong { color: #faf7ff; font-size: clamp(2.4rem,3.4vw,3.8rem); line-height: 1; letter-spacing: -.055em; }
.price span { color: #eee7f5; }
.billing { min-height: 5.3rem; margin: .4rem 0 1.25rem; color: var(--muted); font-size: .88rem; }
.plan-button { width: 100%; margin-top: auto; color: #fff !important; background: linear-gradient(95deg,#6d28d9,#9333ea); border-color: #b66cff; }
.plan-button.secondary-plan { color: #f4eaff !important; background: transparent; border-color: #76518f; }
.plan-features { flex: 1; padding: 1.5rem 1.7rem 1.8rem; border-top: 1px solid rgba(192,132,252,.2); }
.plan-features h3 { margin: 0 0 1rem; color: #faf7ff !important; font-size: 1rem; }
.plan-features ul { display: grid; gap: .9rem; margin: 0; padding: 0; list-style: none; }
.plan-features li { position: relative; padding-left: 1.75rem; color: #e6ddec; }
.plan-features li::before { position: absolute; left: 0; color: #c084fc; content: "✓"; font-weight: 900; }
.pricing-note { margin: 1.6rem 0 0; color: var(--muted); font-size: .88rem; text-align: center; }
.pricing-cta { padding: 3.5rem 0; background: linear-gradient(115deg,#a855f7,#c084fc 52%,#9b5de5); color: #160822; }
.pricing-cta > .shell { display: flex; justify-content: space-between; gap: 2rem; align-items: center; }
.pricing-cta .eyebrow { color: #2f0b49 !important; }
.pricing-cta h2 { max-width: 720px; margin: 0; color: #09070f !important; font-size: clamp(2rem,3.3vw,3.2rem); line-height: 1.04; }
.pricing-cta .button-primary { background: #160822 !important; border-color: #160822 !important; }
@media(max-width:1180px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card-intro{min-height:450px}}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.pricing-card-intro{min-height:0}.pricing-card-intro>p:first-of-type,.journey,.billing{min-height:0}.pricing-cta>.shell{align-items:flex-start;flex-direction:column}}