.pricing-new-page { --sp-navy:#10204b; --sp-text:#62708a; margin:0; color:var(--sp-navy); background:#fff; font:400 15px/1.65 "Nunito",sans-serif; }
.pricing-new-page *, .pricing-new-page *::before, .pricing-new-page *::after { box-sizing:border-box; }
.sp-main { overflow:clip; background:radial-gradient(ellipse 700px 370px at 14% 0,#e9f7f5,transparent),radial-gradient(ellipse 750px 400px at 88% 4%,#f2edff,transparent); }
.sp-main :where(h1,h2,h3,h4,p,ul) { margin:0; }
.sp-main svg { width:22px; height:22px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sp-symbols { position:absolute; width:0!important; height:0!important; overflow:hidden; }
.sp-main a { color:inherit; text-decoration:none; }
.sp-main :where(a,button,[tabindex]):focus-visible { outline:3px solid #4376df; outline-offset:5px; }
.sp-main [id] { scroll-margin-top:30px; }
.sp-container { width:calc(100% - 64px); max-width:1392px; margin-inline:auto; }
.sp-eyebrow { color:#5e719b; font-size:11px; line-height:1.5; font-weight:900; letter-spacing:2px; text-transform:uppercase; }
.sp-hero { padding:70px 0 44px; text-align:center; }
.sp-hero h1 { margin:16px 0 20px; font:700 clamp(42px,4.5vw,65px)/1.09 "Playfair Display",Georgia,serif; letter-spacing:-2px; }
.sp-hero h1 span { color:#6351b8; }
.sp-hero-tagline { font-size:clamp(17px,1.6vw,21px); font-weight:700; }
.sp-hero-description { max-width:740px; margin:14px auto 0!important; color:var(--sp-text); font-size:15px; }
.sp-hero-note { margin-top:13px!important; color:#495b79; font-size:13px; }
.sp-compare-link { display:inline-flex; align-items:center; gap:9px; margin-top:24px; font-size:12px; font-weight:900; color:#6753bf!important; }
.sp-compare-link svg { width:17px; height:17px; }
.sp-section-heading { text-align:center; }
.sp-section-heading h2,.sp-access-heading h2,.sp-journey h2 { margin:8px 0 12px; font:700 clamp(28px,2.5vw,38px)/1.2 "Playfair Display",Georgia,serif; letter-spacing:-.8px; }
.sp-section-heading > p:last-child:not(.sp-eyebrow) { color:var(--sp-text); }
.sp-billing-row { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; margin:22px 0 8px; }
.sp-billing { display:flex; gap:4px; padding:5px; border:1px solid #e2e2f0; border-radius:99px; background:#f7f7fc; }
.sp-billing a { min-width:103px; padding:9px 19px; border-radius:99px; font-size:13px; font-weight:800; text-align:center; }
.sp-billing a[aria-current] { background:#6457bb; color:#fff; box-shadow:0 4px 12px #6551ac20; }
.sp-billing-row > span { padding:5px 10px; border-radius:8px; background:#e9f8f0; color:#368365; font-size:10px; font-weight:900; }
.sp-currency-note { color:#8490a4; text-align:center; font-size:11px; }
.sp-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:20px; margin-top:38px; }
.sp-tone-mint { --sp-accent:#268a72; --sp-tint:#edf9f4; --sp-icon:#d9f2e8; }
.sp-tone-blue { --sp-accent:#3c79c8; --sp-tint:#f0f6ff; --sp-icon:#e0edff; }
.sp-tone-violet { --sp-accent:#7354c6; --sp-tint:#f5f1ff; --sp-icon:#eae0fc; }
.sp-tone-peach { --sp-accent:#ca7951; --sp-tint:#fff5ee; --sp-icon:#fce8db; }
.sp-plan { position:relative; min-width:0; display:flex; flex-direction:column; padding:28px 24px 24px; border:1px solid #e5e8f0; border-radius:22px; background:linear-gradient(180deg,var(--sp-tint),#fff 430px); box-shadow:0 9px 28px #25385f08; }
.sp-plan-featured { border:2px solid #ab8edc; padding:27px 23px 23px; box-shadow:0 12px 35px #7654b714; }
.sp-plan-ribbon { position:absolute; left:50%; top:0; padding:5px 19px; border-radius:99px; background:#7456bc; color:#fff; font-size:11px; font-weight:900; white-space:nowrap; transform:translate(-50%,-50%); }
.sp-plan-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:var(--sp-icon); color:var(--sp-accent); }
.sp-plan-icon svg { width:27px; height:27px; }
.sp-plan > h3 { margin-top:18px; font-size:17px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
.sp-plan-tagline { min-height:43px; max-width:230px; margin-top:7px!important; color:#52647c; font-size:12px; line-height:1.5; font-weight:700; }
.sp-plan-price { position:relative; display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; margin-top:21px!important; color:var(--sp-navy); }
.sp-plan-original { position:absolute; left:0; bottom:calc(100% + 4px); color:#8793a6; font-size:15px; line-height:1; font-weight:700; letter-spacing:0; text-decoration:line-through; white-space:nowrap; }
.sp-plan-original[hidden] { display:none; }
.sp-plan-price strong { font-size:clamp(34px,3.25vw,46px); line-height:1.1; font-weight:900; letter-spacing:-1.6px; white-space:nowrap; }
.sp-plan-price > span { color:#67758b; font-size:12px; }
.sp-plan-billing-note { min-height:37px; margin-top:9px!important; color:var(--sp-accent); font-size:11px; line-height:1.5; font-weight:800; }
.sp-plan-description { min-height:67px; margin-top:12px!important; color:#66768d; font-size:12px; line-height:1.7; }
.sp-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:45px; padding:11px 16px; border:1px solid transparent; border-radius:99px; background:#7460bb; color:#fff!important; font-size:12px; line-height:1.45; font-weight:900; text-align:center; transition:transform .15s,box-shadow .15s; }
.sp-button:hover { transform:translateY(-2px); box-shadow:0 7px 17px #725cab25; }
.sp-button svg { width:17px; height:17px; }
.sp-plan-button { margin-top:8px; background:var(--sp-accent); padding-inline:10px; font-size:11px; }
.sp-plan h4 { margin-top:25px; padding-top:20px; border-top:1px solid #dce2ed; font-size:11px; line-height:1.5; font-weight:900; }
.sp-features { display:grid; gap:11px; list-style:none; padding:0; margin:16px 0 0!important; }
.sp-features li { display:flex; gap:9px; align-items:flex-start; font-size:12px; line-height:1.5; color:#53647d; }
.sp-features svg { margin-top:1px; width:16px; height:16px; color:var(--sp-accent); }
.sp-plan-note { margin-top:auto!important; padding-top:24px; color:var(--sp-accent); font-size:11px; font-weight:800; }
.sp-detail-link { display:inline-flex; align-items:center; gap:7px; color:#7151b6!important; font-size:11px; font-weight:900; }
.sp-plan .sp-detail-link { margin-top:18px; }
.sp-detail-link svg { width:17px; height:17px; }
.sp-access-section { margin-top:60px; padding:32px; border:1px solid #ebe5f5; border-radius:24px; background:linear-gradient(120deg,#faf7ff,#f7faff); }
.sp-access-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:27px; }
.sp-access-heading h2 { font-size:30px; }
.sp-access-heading p:not(.sp-eyebrow) { color:#7b7193; font-size:13px; }
.sp-access-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; }
.sp-access-grid h3 { margin-bottom:12px; color:#685293; font-size:12px; text-transform:uppercase; letter-spacing:1.7px; font-weight:900; }
.sp-access-grid ul { padding-left:15px; color:#6e7390; font-size:12px; }
.sp-access-grid li + li { margin-top:7px; }
.sp-comparison { padding-top:67px; }
.sp-table-help { margin:21px 0 9px!important; color:#8993a5; font-size:11px; }
.sp-table-wrap { position:relative; overflow:auto; border:1px solid #e3e7ef; border-radius:19px; }
.sp-table-wrap table { width:100%; min-width:780px; border-collapse:collapse; font-size:12px; }
.sp-table-wrap th,.sp-table-wrap td { padding:15px 17px; border-bottom:1px solid #edf0f5; text-align:center; vertical-align:middle; }
.sp-table-wrap thead th { padding-block:23px; background:#f6f8fb; font-size:13px; font-weight:900; }
.sp-table-wrap th:first-child { width:29%; text-align:left; font-weight:700; }
.sp-table-wrap tbody th { color:#53647c; }
.sp-table-wrap td { color:#78849c; }
.sp-table-wrap .sp-table-featured { background:#f7f3ff; }
.sp-table-wrap thead .sp-table-featured { background:#ede5fc; color:#634896; }
.sp-table-wrap small { display:block; margin-top:4px; font-size:10px; font-weight:800; }
.sp-table-wrap tbody tr:last-child > * { border-bottom:0; }
.sp-table-wrap tbody tr:hover > * { background:#f4f9fa; }
.sp-included { color:#41967d; font-size:18px; font-weight:900; }
.sp-unavailable { color:#b4bdcd; }
.sp-spaces { padding-top:66px; }
.sp-spaces-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:28px; }
.sp-space { display:block; min-width:0; padding:24px; border:1px solid #e6eaf0; border-radius:19px; background:var(--sp-tint); }
.sp-space h3 { margin-top:16px; font-size:16px; font-weight:900; }
.sp-space > strong { display:block; margin-top:3px; font-size:10px; color:var(--sp-accent); text-transform:uppercase; letter-spacing:1.2px; }
.sp-space p { margin-top:10px; min-height:48px; color:#718096; font-size:12px; }
.sp-space-arrow { margin-top:13px; color:var(--sp-accent); }
.sp-journey { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:59px; padding:39px; border-radius:25px; background:linear-gradient(110deg,#eaf6f1,#f2eefa 65%,#fff1e9); }
.sp-journey p:not(.sp-eyebrow) { color:#6f7e93; font-size:13px; }
.sp-journey-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; flex-shrink:0; }
.sp-button-outline { border-color:#c6bdde; background:#ffffffb0; color:#675589!important; }
.sp-important { padding:28px 0 53px; }
.sp-important h2 { margin-bottom:8px; color:#68738a; font:800 12px "Nunito",sans-serif; }
.sp-important p { color:#939bac; font-size:11px; line-height:1.8; }
.sp-important p + p { margin-top:7px; }
.sp-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1180px) { .sp-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; } .sp-plan-price strong { font-size:45px; } .sp-plan-description { min-height:44px; } .sp-access-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; } .sp-journey { align-items:flex-start; flex-direction:column; } }
@media(max-width:700px) { .sp-container { width:calc(100% - 36px); } .sp-hero { padding:43px 0 34px; } .sp-hero h1 { font-size:44px; letter-spacing:-1.5px; } .sp-hero-description { font-size:13px; } .sp-hero-tagline { font-size:16px; } .sp-hero-note { font-size:12px; } .sp-plan-grid { gap:24px 13px; } .sp-plan { padding:23px 16px; } .sp-plan-featured { padding:22px 15px; } .sp-plan > h3 { font-size:15px; } .sp-plan-price strong { font-size:37px; } .sp-plan-price > span { font-size:11px; } .sp-plan-description { min-height:70px; } .sp-access-section { margin-top:37px; padding:25px 22px; } .sp-access-heading { display:block; } .sp-access-heading .sp-detail-link { margin-top:15px; } .sp-access-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; } .sp-spaces-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; } .sp-space { padding:20px 16px; } .sp-journey { padding:29px 23px; } .sp-journey-actions { flex-shrink:1; } .sp-comparison,.sp-spaces { padding-top:43px; } }
@media(max-width:479px) { .sp-hero h1 { font-size:39px; } .sp-plan-grid { grid-template-columns:minmax(0,1fr); } .sp-plan { padding:28px; } .sp-plan-featured { padding:27px; } .sp-plan > h3 { font-size:19px; } .sp-plan-price strong { font-size:47px; } .sp-plan-tagline,.sp-plan-description,.sp-plan-billing-note { min-height:0; } .sp-plan-description { margin-bottom:14px!important; } .sp-plan-tagline { max-width:none; } .sp-plan h4 { font-size:12px; } .sp-features li { font-size:13px; } .sp-plan-button { font-size:12px; } .sp-plan-note { font-size:12px; } .sp-access-grid { gap:24px 16px; } .sp-access-grid ul { font-size:11px; } .sp-spaces-grid { grid-template-columns:minmax(0,1fr); } .sp-space p { min-height:0; } .sp-journey-actions { width:100%; align-items:stretch; flex-direction:column; } .sp-journey-actions .sp-button { width:100%; } .sp-currency-note { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .sp-main *, .sp-main *::before,.sp-main *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

/* Free package unlock confirmation. */
.sp-free-dialog { position: fixed; inset: 0; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 40px 32px 30px; overflow-y: auto; border: 1px solid #e1e8e9; border-radius: 24px; background: #fff; color: #10204b; box-shadow: 0 24px 80px #10204b30; text-align: center; font-family: "Nunito", sans-serif; }
.sp-free-dialog::backdrop { background: #10204b80; backdrop-filter: blur(5px); }
.sp-free-dialog-close { position: absolute; top: 12px; right: 12px; display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: #f2f5f5; color: #52647c; font: 28px/1 "Nunito", sans-serif; cursor: pointer; }
.sp-free-dialog-icon { display: grid; width: 68px; height: 68px; margin: 0 auto 20px; place-items: center; border-radius: 50%; background: #def5e9; color: #268a72; font-size: 34px; font-weight: 900; }
.sp-free-dialog h2 { margin: 12px 0; font: 700 clamp(28px, 6vw, 36px)/1.2 "Playfair Display", Georgia, serif; }
.sp-free-dialog > p:not(.sp-eyebrow) { color: #62708a; font-size: 15px; line-height: 1.7; }
.sp-free-dialog > .sp-button { width: 100%; margin-top: 14px; background: #268a72; text-decoration: none; }
.sp-free-dialog .sp-free-dialog-note { margin: 16px 0 0; font-size: 12px !important; }
.sp-free-dialog :where(a, button):focus-visible { outline: 3px solid #4376df; outline-offset: 4px; }