/* September 28 pricing preview: preserve website identity, simplify to Free + Pro. */
.pricing-page .pricing-plans-wrap{max-width:1260px}
.pricing-page .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.pricing-page .plan-card{padding:42px 38px}
.pricing-page .plan-card li{font-size:17px;line-height:1.5}
.pricing-page .plan-card li small{display:block;font-size:14px;line-height:1.5;margin-top:3px;opacity:.88}
.pricing-page .plan-card ul{gap:19px}
.pricing-page .plan-intro{font-size:18px;min-height:54px}
.pricing-page .plan-card .includes{font-size:16px;margin-top:22px}
.pricing-page .plan-card .pill{font-size:17px}
.pricing-page .free-note{color:#5b6068}
.pricing-page .plan-upgrade-note{margin-top:28px;padding-top:22px;border-top:1px solid #11131820;font-size:15px;line-height:1.6;color:#5b6068}
.pricing-page .plans-footnote{gap:24px;align-items:flex-start;font-size:14px;line-height:1.6}
.pricing-page .plans-footnote>div{max-width:800px}
.pricing-page .plans-footnote p+p{margin-top:9px}
.pricing-page .plans-footnote a{font-size:14px}
.pricing-page .plans-footnote>div a{white-space:nowrap}
.pricing-page .plan-comparison table{min-width:630px}
.pricing-page .plan-comparison th:first-child{width:38%}
.pricing-page .plan-comparison td{width:31%;line-height:1.5}
.pricing-page .plan-comparison td,.pricing-page .plan-comparison tbody th{font-size:16px}
.pricing-page #fair-use{scroll-margin-top:110px}
@media(max-width:760px){.pricing-page .plan-grid{grid-template-columns:1fr;gap:30px}.pricing-page .plan-card{padding:32px 25px}.pricing-page .plan-card.creator-plan{order:0}.pricing-page .plan-intro{min-height:0}.pricing-page .plans-footnote{gap:16px}.pricing-page .plan-card li{font-size:16px}}

/* Restore the original electric CTA and give the offer badges real contrast. */
.pricing-page [data-pro-checkout]{display:block;padding:2px;border:0;border-radius:999px;background:#4387ff;color:#fff;isolation:isolate;overflow:hidden;box-shadow:0 0 0 1px #a8dfff55,0 0 26px #8cceff66;transition:box-shadow .25s,transform .25s}
.pricing-page [data-pro-checkout] .electric-cta-inner{min-height:62px;padding:17px 25px;background:#0a1834;gap:16px;font-size:18px;font-weight:700;transition:background .25s}
.pricing-page [data-pro-checkout]:is(:hover,:focus-visible){box-shadow:0 0 0 1px #cceaff,0 0 20px #9fddff99,0 0 44px #6dbbff77;transform:translateY(-2px)}
.pricing-page [data-pro-checkout]:is(:hover,:focus-visible) .electric-cta-inner{background:#13284e}
.pricing-page [data-pro-checkout]:focus-visible{outline:3px solid #fff;outline-offset:5px}
.pricing-page [data-pro-checkout] .cta-label-stack{display:grid;font-size:18px;line-height:1.45;text-align:left}
.pricing-page .cta-label-stack>span{grid-area:1/1;transition:opacity .22s,transform .22s}
.pricing-page .cta-label-hover{opacity:0;transform:translateY(9px)}
.pricing-page [data-pro-checkout]:is(:hover,:focus-visible) .cta-label-default{opacity:0;transform:translateY(-9px)}
.pricing-page [data-pro-checkout]:is(:hover,:focus-visible) .cta-label-hover{opacity:1;transform:translateY(0)}
.pricing-page [data-pro-checkout] .cta-arrow{font-size:27px;transition:transform .25s}
.pricing-page [data-pro-checkout]:is(:hover,:focus-visible) .cta-arrow{transform:translate(3px,-3px)}
.pricing-page .creator-plan .plan-ribbon{background:#111318!important;color:#fff!important;border:2px solid #fff;box-shadow:0 5px 18px #0a183426;top:-21px;letter-spacing:.05em;padding:11px 22px!important}
.pricing-page .billing-toggle{background:#fff;border:1px solid #11131830;box-shadow:0 5px 20px #11131812;padding:6px;gap:5px}
.pricing-page .billing-toggle button{min-height:52px;padding:13px 21px;font-weight:700;color:#111318;gap:10px}
.pricing-page .billing-toggle button[aria-pressed=true]{background:#111318;color:#fff;box-shadow:0 2px 7px #11131826}
.pricing-page .billing-toggle button>span{background:#2459ce;color:#fff;font:700 14px/1.25 DM,system-ui,sans-serif!important;padding:7px 11px;border:1px solid #2459ce;border-radius:999px;white-space:nowrap}
.pricing-page .billing-toggle button[aria-pressed=true]>span{background:#e8effc;color:#163e92;border-color:#e8effc}
.pricing-page .billing-toggle button:focus-visible{outline:3px solid #2459ce;outline-offset:3px}
@media(max-width:400px){.pricing-page .billing-toggle{gap:3px;padding:4px;max-width:100%}.pricing-page .billing-toggle button{padding:10px 12px;font-size:14px;gap:6px}.pricing-page .billing-toggle button>span{font-size:12px!important;padding:6px 8px}.pricing-page .creator-plan .plan-ribbon{font-size:14px!important;padding:10px 16px!important}}
@media(prefers-reduced-motion:reduce){.pricing-page [data-pro-checkout],.pricing-page [data-pro-checkout] .electric-cta-inner,.pricing-page .cta-label-stack>span,.pricing-page [data-pro-checkout] .cta-arrow{transition:none}.pricing-page [data-pro-checkout]:is(:hover,:focus-visible),.pricing-page [data-pro-checkout]:is(:hover,:focus-visible) .cta-arrow{transform:none}.pricing-page [data-pro-checkout]:before{animation:none}}

/* Editorial comparison: generous white space, simple rules and blue checks. */
.pricing-page .plan-grid{row-gap:0;grid-template-rows:repeat(10,auto)}
.pricing-page .plan-card{display:grid;grid-template-rows:subgrid;grid-row:span 10;row-gap:0;border-radius:24px}
.pricing-page .creator-plan{background:radial-gradient(ellipse at 100% 0%,#3979ed66,transparent 65%),#2459ce}
.pricing-page .plan-card .includes{margin-top:22px}
.pricing-page .plan-card ul{align-content:start}
.pricing-page .plan-card>.pill{height:72px;min-height:72px;align-self:start;font-size:18px;font-weight:700}
.pricing-page .starter-plan>.pill{justify-content:space-between;padding:20px 27px;background:#111318;color:#fff;border:0}
.pricing-page .starter-plan>.pill>span{font-size:27px}
.pricing-page #creator-checkout .electric-cta-inner{height:68px;min-height:68px;padding:18px 25px}
.pricing-page .starter-plan>.pill:focus-visible{outline:3px solid #2459ce;outline-offset:5px}
.pricing-page .plan-comparison{padding:90px max(6%,calc((100% - 1160px)/2)) 95px;background:#fff}
.comparison-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:58px}
.comparison-intro .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:20px;font-weight:700;color:#646c7b}
.pricing-page .comparison-intro h2{margin:0;line-height:1.02;font-size:clamp(46px,5.5vw,72px)}
.comparison-intro>p{font-size:18px;line-height:1.6;color:#656b75;padding-bottom:5px}
.pricing-page .comparison-scroll{background:#fff;overflow:auto}
.pricing-page .comparison-scroll:focus-visible{outline:3px solid #2459ce;outline-offset:5px}
.pricing-page .comparison-scroll table{border-collapse:separate;border-spacing:0;min-width:600px;table-layout:fixed}
.pricing-page .comparison-scroll th,.pricing-page .comparison-scroll td{padding:23px 28px;vertical-align:middle;border-bottom:1px solid #e9ebef;line-height:1.5}
.pricing-page .comparison-scroll th:first-child{width:42%;padding-left:0}
.pricing-page .comparison-scroll td{width:29%;text-align:center;color:#303744;font-weight:400;background:#fff}
.pricing-page .comparison-scroll thead th{background:#fff;color:#111318;padding-top:0;padding-bottom:30px;border-bottom:1px solid #d7dce4;text-align:center}
.pricing-page .comparison-scroll thead th:first-child{text-align:left;vertical-align:bottom;color:#656b75;font-weight:400}
.table-plan{display:block;font-size:34px;letter-spacing:-.045em;font-weight:700}
.pricing-page .comparison-scroll thead th:nth-child(3) .table-plan{color:#2459ce}
.pricing-page .comparison-scroll thead small{display:block;font-size:13px;font-weight:400;margin-top:7px;color:#656b75}
.pricing-page .comparison-scroll .comparison-category th{padding:39px 0 16px;border-bottom:1px solid #d7dce4;background:#fff;font-size:20px!important;font-weight:700;letter-spacing:-.025em;color:#111318}
.pricing-page .comparison-scroll .comparison-feature th{font-weight:400;color:#303744;font-size:16px!important}
.pricing-page .comparison-scroll .comparison-feature td:nth-child(3){background:#f7f9ff;color:#163e92}
.pricing-page .comparison-scroll .comparison-feature:hover th,.pricing-page .comparison-scroll .comparison-feature:hover td{background:#f5f7fb}
.pricing-page .comparison-check{font-size:26px;font-weight:500;line-height:1;color:#2459ce;display:inline-block}
.pricing-page .comparison-unavailable{font-size:22px;color:#9ca3af}
.pricing-page .comparison-detail{font-size:15px;line-height:1.6;display:inline-block;max-width:235px}
.pricing-page .comparison-fineprint{font-size:13px;line-height:1.7;color:#656b75;margin:24px 0 0;max-width:950px}.comparison-fineprint a{text-decoration:underline;text-underline-offset:3px;color:#214ea8}
.pricing-page .plan-comparison .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pricing-page #compare{scroll-margin-top:100px}
.comparison-pro-cta{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;position:relative;overflow:hidden;isolation:isolate;background:#163d99;color:#fff;border-radius:24px;padding:52px;margin-top:45px;box-shadow:0 20px 45px #163d9920}
.comparison-pro-cta:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 95% 15%,#3979ed88,transparent 65%)}
.comparison-cta-copy .eyebrow{font-size:11px;letter-spacing:.14em;color:#c9ddff;margin-bottom:20px}.comparison-cta-copy h3{font-size:clamp(48px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.comparison-cta-copy h3 em{font-family:Georgia,serif;font-weight:400}.comparison-cta-copy>p:last-child{font-size:17px;line-height:1.6;color:#dce8ff}
.comparison-cta-action{position:relative;min-width:0;padding:28px;border-radius:18px;background:#09246260;border:1px solid #a2c4ff40;backdrop-filter:blur(8px)}
.comparison-offer{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}.comparison-offer strong{font-size:52px;line-height:1.1;letter-spacing:-.055em}.comparison-offer span{font-size:14px;color:#dce8ff}
#comparison-renewal{font-size:14px;line-height:1.6;margin-top:10px;color:#dfebff;min-height:45px}
.pricing-page #comparison-checkout{position:relative;margin-top:23px;width:100%;text-decoration:none}.pricing-page #comparison-checkout .electric-cta-inner{min-height:72px;padding:20px 25px}.pricing-page #comparison-checkout .cta-label-stack{font-size:21px}
.comparison-free-link{display:block;font-size:13px;text-align:center;margin-top:20px;color:#dfebff;text-decoration:underline;text-underline-offset:5px}.comparison-free-link:hover{color:#fff}
.cta-orbit{position:absolute;z-index:-1;top:-150px;right:-150px;width:500px;height:500px;border:1px solid #cbe3ff24;border-radius:50%;animation:comparison-orbit 40s linear infinite}.cta-orbit:before{content:'';position:absolute;inset:55px;border:1px solid #cbe3ff24;border-radius:50%}.cta-orbit>span{position:absolute;left:90px;top:30px;color:#cce8ff;font-size:45px}
@keyframes comparison-orbit{to{transform:rotate(360deg)}}
.motion-paused .cta-orbit{animation-play-state:paused!important}

/* Lime stays on the blue offer block, where it has strong contrast. */
.pricing-page .comparison-pro-cta .comparison-cta-copy h3{color:#fff}
.pricing-page .comparison-pro-cta .comparison-cta-copy h3 em{color:#d7ff74}
@media(max-width:1000px){.comparison-pro-cta{padding:35px;gap:30px}}
@media(max-width:760px){
 body.pricing-page{max-width:100%;overflow-x:clip}
 .pricing-page .plan-grid{grid-template-rows:none;row-gap:30px}
 .pricing-page .plan-card{display:block;grid-row:auto}
 .pricing-page .plan-card>.pill{display:flex;align-items:center}
 .pricing-page .plan-comparison{max-width:100%;padding:60px 6%;overflow:hidden}
 .comparison-intro{display:block;margin-bottom:38px}.comparison-intro>p{margin-top:20px;font-size:16px}
 .pricing-page .comparison-scroll{width:100%;max-width:100%;min-width:0;overscroll-behavior-inline:contain}
 .pricing-page .comparison-scroll table{width:100%;min-width:0}
 .pricing-page .comparison-scroll th,.pricing-page .comparison-scroll td{padding:18px 10px}
 .pricing-page .comparison-scroll .comparison-category th{padding-top:30px}
 .comparison-pro-cta{grid-template-columns:1fr;gap:26px;padding:30px 23px;border-radius:20px;margin-top:35px}
 .comparison-cta-copy h3{font-size:52px}.comparison-cta-action{padding:22px}.comparison-offer strong{font-size:48px}.comparison-cta-copy>p:last-child{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.cta-orbit{animation:none}}

/* Private is a scoped service enquiry; Pro remains the featured subscription. */
.pricing-page .pricing-plans-wrap{max-width:1480px}
.pricing-page .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-page .plan-card{min-width:0;padding:36px 26px}
.pricing-page .plan-card .price{flex-wrap:wrap;gap:4px 10px}
.pricing-page .plan-card .price>strong{font-size:clamp(44px,4.2vw,64px)}
.pricing-page .private-plan{background:#111b30;color:#fff;border:1px solid #35415a}
.pricing-page .private-plan h2,.pricing-page .private-plan .price>strong,.pricing-page .private-plan .includes{color:#fff}
.pricing-page .private-plan .plan-kicker{color:#c5d4ef;letter-spacing:.09em}
.pricing-page .private-plan .plan-intro,.pricing-page .private-plan .billing-detail,.pricing-page .private-plan .price>span,.pricing-page .private-plan .launch-note,.pricing-page .private-plan li small,.pricing-page .private-plan .plan-upgrade-note{color:#cbd4e4}
.pricing-page .private-plan li>span{color:#bdd1ff}
.pricing-page .private-plan .plan-upgrade-note{border-color:#ffffff30}
.pricing-page .private-plan>.private-invitation{background:#fff;color:#111b30;border:1px solid #fff;display:flex;justify-content:space-between;gap:10px;padding:18px 22px;font-size:16px;text-decoration:none;white-space:normal}
.pricing-page .private-invitation:hover{background:#e9effb}
.pricing-page .private-invitation:focus-visible{outline:3px solid #bad3ff;outline-offset:5px}
@media(max-width:1099px){
 .pricing-page .plan-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:32px;max-width:650px;margin-inline:auto}
 .pricing-page .plan-card{display:block;grid-row:auto;padding:34px 28px}
 .pricing-page .plan-card>.pill{display:flex;align-items:center}
 .pricing-page .plan-card .price>strong{font-size:60px}
 .pricing-page .plan-intro{min-height:0}
}
@media(max-width:400px){.pricing-page .plan-card{padding:30px 22px}.pricing-page .private-plan .price>strong{font-size:50px}}

/* Make Pro the focal point; Private stays a quiet, invitation-only alternative. */
.pricing-page .plan-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;column-gap:24px}
.pricing-page .creator-plan{z-index:1;translate:0 -12px;border:2px solid #80b2ff;box-shadow:0 18px 48px #2459ce35,0 0 0 5px #2459ce10}
.pricing-page .private-plan{background:#f1f2f4;color:#444d5c;border:1px solid #dce0e6;box-shadow:none}
.pricing-page .private-plan h2,.pricing-page .private-plan .price>strong,.pricing-page .private-plan .includes{color:#354052}
.pricing-page .private-plan .plan-kicker,.pricing-page .private-plan .plan-intro,.pricing-page .private-plan .billing-detail,.pricing-page .private-plan .price>span,.pricing-page .private-plan .launch-note,.pricing-page .private-plan li small,.pricing-page .private-plan .plan-upgrade-note{color:#596476}
.pricing-page .private-plan li>span{color:#63738d}
.pricing-page .private-plan .plan-upgrade-note{border-color:#d6dce4}
.pricing-page .private-plan>.private-invitation{background:transparent;color:#354052;border:1px solid #8a95a5;box-shadow:none}
.pricing-page .private-plan>.private-invitation:hover{background:#e5e9ef}
.pricing-page .private-plan .price>strong{font-size:clamp(34px,3.1vw,48px);letter-spacing:-.045em}
.pricing-page .private-more{display:block;width:100%;border-top:1px solid #d6dce4;padding-top:18px}
.pricing-page .private-more details{width:100%}
.pricing-page .private-more summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:15px;font-weight:700;list-style:none;color:#354052}
.pricing-page .private-more summary::-webkit-details-marker{display:none}
.pricing-page .private-more summary:focus-visible{outline:3px solid #2459ce;outline-offset:5px}
.pricing-page .private-more summary>span{transition:transform .2s}
.pricing-page .private-more details[open] summary>span{transform:rotate(45deg)}
.pricing-page .private-more ul{padding-top:20px;margin:0}
@media(max-width:1099px){.pricing-page .plan-grid{grid-template-columns:minmax(0,1fr)}.pricing-page .creator-plan{translate:none}.pricing-page .private-plan .price>strong{font-size:48px}}

.pricing-page .private-starting{margin:18px 0 0;font-size:16px;font-weight:700;color:#596476}
.pricing-page .private-starting + .price{margin-top:6px}

/* Keep the Private label and amount in one shared pricing row. */
.pricing-page .private-price-block{min-width:0}