.pricing-main{padding-block:calc(var(--site-header-h,88px) + var(--safe-top,0px) + 64px) 100px;min-height:100svh}
.pricing-brand{display:flex;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 60px}
.pricing-brand .brand{font-size:clamp(38px,4.5vw,64px);font-weight:600;letter-spacing:-.025em}
.pricing-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,80px);align-items:center;max-width:1180px;margin:auto;padding:clamp(32px,4.5vw,64px);border:1px solid #437b8f88;border-radius:24px;background:linear-gradient(135deg,#294553e6,#071822f5 36%,#06131ef5 76%,#0b4651e6);box-shadow:inset 0 1px 0 #d8f7ff4d,0 24px 80px #0007;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pricing-copy h1{font-size:clamp(28px,2.8vw,38px);font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.pricing-copy>p{font-size:18px;font-weight:400;line-height:1.5;letter-spacing:0;color:#c0d2dc;margin-top:24px;text-wrap:pretty}
.subscription{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.subscription h2{font-size:23px;letter-spacing:-.025em;font-weight:600}
.subscription-price{margin-top:20px;color:var(--paper);line-height:1.1}
.subscription-price>span:first-child{font-size:clamp(58px,5.8vw,82px);font-weight:750;letter-spacing:-.055em;display:block}
.billing-period{display:block;margin-top:12px;font-size:16px;color:#b1c5d1;letter-spacing:.01em}
.subscription-description{font-size:17px;line-height:1.5;margin:28px 0;color:#c0d2dc}
.subscription-cta{width:100%;gap:16px;min-height:60px;font-size:18px}
.subscription-note{font-size:13px;line-height:1.5;text-align:center;margin-top:17px;color:#a4bdc9}
.pricing-page .site-header a[aria-current=page]{color:#8ef6ee}
@media(max-width:800px){.pricing-main{padding-block:calc(var(--site-header-h,72px) + var(--safe-top,0px) + 36px) 64px}.pricing-brand{margin-bottom:38px}.pricing-layout{grid-template-columns:1fr;max-width:550px;gap:40px;padding:28px}.pricing-copy{text-align:left}.pricing-copy h1{font-size:30px}.pricing-copy>p{font-size:17px;margin-top:20px}.subscription-price>span:first-child{font-size:68px}}

@media(max-width:800px){.pricing-layout{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:360px){.pricing-layout{padding:24px 20px}.pricing-copy h1{font-size:27px}.pricing-brand .brand{font-size:34px}.subscription-price>span:first-child{font-size:62px}}

@media(max-width:600px){
 .pricing-layout{padding:24px 18px;gap:28px;box-shadow:none}
 .pricing-brand .brand{font-size:clamp(28px,7.5vw,40px)}
 .pricing-copy h1{font-size:clamp(26px,7vw,32px)}
 .pricing-copy>p,.subscription-description{font-size:16px;line-height:1.55}
 .subscription h2{font-size:22px}
 .subscription-price>span:first-child{font-size:clamp(56px,16vw,72px)}
 .subscription-cta{min-height:48px;font-size:16px;padding-inline:14px}
}