/* Reuse landing.css for the site's palette, typography, header, and atmosphere. */
.pricing-page .aurora{animation:none}.pricing-page .landing-header{border-bottom-color:var(--line)}.pricing-page .brand img{width:190px}.pricing-page .header-cta{font-size:12px}.pricing-main{width:min(1200px,calc(100% - 96px));margin-inline:auto;padding-top:28px}.pricing-intro{text-align:center;padding:44px 0 30px}.pricing-intro .eyebrow{margin-bottom:20px}.pricing-intro h1{font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.13;letter-spacing:-2.5px;margin:0 0 22px;text-wrap:balance}.pricing-intro>p:last-child{color:var(--muted);font-size:15px;margin:0}.billing-banner{background:#bf9bff0a;border:1px solid #bf9bff30;color:var(--lilac);padding:11px 18px;border-radius:7px;text-align:center;font-size:12px}#billingNotice{text-align:center;color:var(--muted);font-size:12px;min-height:24px;margin:18px 0}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:40px 0}.price-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#222034b3,#111625e6);border:1px solid #c6abef25;border-radius:13px;padding:30px 24px;box-shadow:0 22px 65px #0002;transition:border-color .2s,box-shadow .2s}.price-card:hover{border-color:#bf9bff55}.price-card.featured{border-color:#bf9bff99;background:linear-gradient(145deg,#332746b3,#171b2ae6);box-shadow:0 12px 45px #9f6af512}.plan-tag{position:absolute;top:-14px;left:20px;background:var(--purple);color:#201333;padding:4px 12px;border-radius:5px;font-size:10px;font-weight:650;letter-spacing:.3px}.price-card h2,.billing-panel h2,.pricing-details>h2{font-size:25px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:0 0 14px}.plan-description{color:var(--muted);min-height:52px;font-size:12px;line-height:1.8;margin:0}.price{font-size:36px;font-weight:500;letter-spacing:-1.5px;line-height:1.3;margin:26px 0;color:var(--ink)}.price span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);white-space:nowrap}.price-card ul{padding:0;list-style:none;font-size:12px;margin:0 0 28px;flex:1;color:#c7bfd7}.price-card li{padding:10px 0;border-bottom:1px solid var(--line);line-height:1.7}.price-card li:before{content:'✓';color:var(--purple);margin-right:8px}.pricing-main button,.plan-button{display:inline-block;background:#c3a3f8;color:#201333;border:1px solid transparent;border-radius:7px;font:650 12px/1.5 Inter,'Segoe UI',system-ui,sans-serif;padding:13px 16px;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s,box-shadow .2s}.pricing-main button:hover:not(:disabled),.plan-button:hover{background:#d6baff;box-shadow:0 5px 30px #ad72ff26}.pricing-main button:disabled{opacity:.45;cursor:not-allowed}.pricing-main button:focus-visible,.plan-button:focus-visible{outline:3px solid var(--lilac);outline-offset:5px}.billing-panel{padding:30px;border:1px solid #c6abef25;border-radius:13px;background:linear-gradient(130deg,#ffffff04,#ffffff01);margin:36px 0}.billing-panel p{font-size:12px;color:var(--muted)}.billing-actions{display:flex;gap:12px;flex-wrap:wrap}.billing-actions button:last-child{background:transparent;color:var(--lilac);border-color:#9a7ac849}.pricing-details{padding:48px 0 60px}.pricing-details>h2{font-size:30px;margin-bottom:30px}.pricing-details>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}.pricing-details article{border-top:1px solid var(--line);padding-top:20px}.pricing-details h3{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 12px}.pricing-details p{color:var(--muted);font-size:12px;line-height:1.9;max-width:510px;margin:0}.pricing-main footer{border-top:1px solid var(--line);padding:28px 0;color:#8e8ba2;font-size:11px}#billingNotice.error{color:#f4a8b3}.pricing-page [hidden]{display:none!important}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.plan-description{min-height:0}}@media(max-width:760px){.pricing-main{width:calc(100% - 40px)}.pricing-page .landing-header{height:76px;padding:0 20px;gap:16px}.pricing-page .brand img{width:160px;max-width:42vw}.pricing-intro{padding:34px 0 22px}.pricing-intro h1{letter-spacing:-1.7px}.pricing-details>div{gap:24px}.pricing-details>h2{font-size:26px}}@media(max-width:540px){.pricing-grid{grid-template-columns:1fr;margin-top:30px}.price-card{padding:26px}.pricing-details>div{grid-template-columns:1fr}.billing-panel{padding:22px}.billing-actions{flex-direction:column}.pricing-page .header-cta{font-size:10px;padding:9px 11px}.pricing-intro>p:last-child{font-size:13px}}@media(prefers-reduced-motion:reduce){.pricing-page *{transition:none!important}}

/* Keep checkout usable on narrow screens and touch devices. */
.pricing-page{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.pricing-page .header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;flex-shrink:0}
.pricing-main button,.pricing-main .plan-button{min-height:48px;touch-action:manipulation}
.price-card>.plan-button,.price-card>button{width:100%;white-space:normal}
.pricing-main p,.price-card li{overflow-wrap:anywhere}
.pricing-main footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
@media(max-width:760px){
 .pricing-page .landing-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .pricing-page .header-cta{display:inline-flex;font-size:13px;padding:10px 12px}
 .pricing-intro>p:last-child,#billingNotice,.billing-banner,.plan-description,.price-card ul,.billing-panel p,.pricing-details p{font-size:15px;line-height:1.75}
 .pricing-main button,.pricing-main .plan-button{font-size:16px;padding:13px 16px}
 .price span{font-size:14px}.plan-tag{font-size:12px}.pricing-details h3{font-size:18px}
 .pricing-main{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:680px){
 .pricing-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .pricing-details>div{grid-template-columns:minmax(0,1fr)}
 .billing-actions{flex-direction:column;align-items:stretch}
 .billing-actions button{width:100%}
}
@media(max-width:360px){
 .pricing-page .landing-header{padding-inline:16px;gap:8px}.pricing-page .brand img{width:132px;max-width:40vw}
 .pricing-page .header-cta{font-size:12px;padding-inline:9px}
 .pricing-main{width:calc(100% - 32px)}.price-card,.billing-panel{padding:22px 20px}
 .pricing-intro h1{font-size:36px;letter-spacing:-1.2px}
}
