.monthly-pricing{position:relative;isolation:isolate;overflow:hidden;padding:88px 6%;scroll-margin-top:90px;background:radial-gradient(ellipse at 50% 0%,#68309666,transparent 65%),#170d27;color:#fff8ff;border-top:1px solid #d9a6ff33;border-bottom:1px solid #d9a6ff33}
.monthly-inner{max-width:1120px;margin:0 auto}
.monthly-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.monthly-eyebrow{display:block;color:#f1c99f;font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:20px}
.monthly-pricing .monthly-heading h2{font-size:clamp(36px,4.7vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0}
.monthly-heading h2 em{color:#e4bcff;font-family:Georgia,serif;font-weight:400}
.monthly-heading>p{max-width:620px;margin:24px auto 0;color:#dfd0e9;font-size:16px;line-height:1.75}
.monthly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.monthly-card{position:relative;min-width:0;padding:32px;border:1px solid #d9a6ff55;border-radius:24px;background:linear-gradient(150deg,#493057b0,#251435);box-shadow:0 20px 55px #08041044}
.monthly-card.monthly-featured{border-color:#e4b8ff;background:linear-gradient(150deg,#693691,#351c4c);box-shadow:0 0 45px #b56aff33,0 20px 55px #08041044}
.monthly-number{position:absolute;top:30px;right:28px;color:#c5aed5;font-size:12px;letter-spacing:.12em}
.monthly-pricing .monthly-card h3{font-size:25px;font-weight:600;color:#fff;margin:0 0 24px;letter-spacing:-.02em}
.monthly-pricing .monthly-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 32px;color:#fff;line-height:1.1}
.monthly-price strong{font-size:clamp(48px,5.5vw,76px);font-weight:700;letter-spacing:-.06em;white-space:nowrap}
.monthly-price strong>span{font-size:.52em;letter-spacing:-.02em}
.monthly-price .monthly-period{font-size:15px;color:#e3d2ef;white-space:nowrap}
.monthly-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:15px 18px;border:1px solid #e3baff80;border-radius:999px;color:#fff;font:inherit;font-size:14px;font-weight:700;text-decoration:none;background:#ffffff10;cursor:pointer;transition:background .2s}
.monthly-featured .monthly-button{background:#e7c5ff;color:#261037;border-color:#e7c5ff}
.monthly-button:hover{background:#7847a0;color:#fff}
.monthly-pricing .monthly-note{max-width:720px;margin:28px auto 0;color:#d3bfdc;font-size:13px;line-height:1.7;text-align:center}
.monthly-secondary{display:flex;justify-content:center;align-items:center;gap:14px;min-height:44px;margin:18px auto 0;font-size:14px;color:#f0dbff;text-underline-offset:5px}
.monthly-hero-link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:100%;padding:10px 16px;margin-top:20px;border:1px solid #edc5ffa6;border-radius:15px;background:#321744e6;color:#fff!important;text-decoration:none;font-size:14px;line-height:1.5;box-shadow:0 0 24px #ad66ff22}
.monthly-hero-link strong{color:#ffdfa8;font-size:19px;white-space:nowrap}
.monthly-hero-link:hover{background:#542673}
@media(max-width:760px){.monthly-pricing{padding:58px 6%;scroll-margin-top:30px}.monthly-heading{margin-bottom:30px}.monthly-heading>p{font-size:15px}.monthly-grid{grid-template-columns:1fr;gap:16px;max-width:450px;margin:auto}.monthly-card{padding:26px}.monthly-pricing .monthly-card h3{margin-bottom:18px}.monthly-pricing .monthly-price{margin-bottom:24px}.monthly-price strong{font-size:64px}.monthly-hero-link{font-size:12px;padding:9px 12px}.monthly-hero-link strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.monthly-button{transition:none}}