/* Pricing follows the marketing site's Inter type, mint palette, and pill CTAs. */
.pricing-hero{max-width:1120px;padding:60px 24px 56px}
.pricing-hero h1{max-width:1000px;font-size:clamp(42px,4.3vw,62px);line-height:1.1;margin-bottom:24px}
.pricing-hero .eyebrow{margin-bottom:22px}
.pricing-hero h1 span{color:var(--green)}
.pricing-hero>p:not(.eyebrow){font-size:17px;line-height:1.7}
.pricing-billing-toggle{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:1fr 1fr;width:min(370px,100%);padding:4px;margin-top:28px;background:#f2f5f4;border:1px solid #e9eeeb;border-radius:14px}
.pricing-billing-indicator{position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);background:#fff;border:1px solid #e2e8e4;border-radius:10px;box-shadow:0 2px 4px #172d2010;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.pricing-billing-toggle[data-billing="yearly"] .pricing-billing-indicator{transform:translateX(100%)}
.pricing-billing-toggle button{position:relative;border:0;border-radius:10px;min-height:40px;padding:0 10px;font-size:13px;font-weight:550;background:transparent;color:var(--muted);white-space:nowrap;transition:color .2s}
.pricing-billing-toggle button[aria-pressed="true"]{color:var(--ink)}
.pricing-billing-toggle button:hover{color:var(--green)}
.pricing-save{font-size:11px;color:var(--green);font-weight:500}
.no-js .pricing-billing-toggle{display:none}
.pricing-billing-fallback{font-size:13px;margin:28px 0 0}
.pricing-billing-fallback a{text-decoration:underline;text-underline-offset:3px}
.pricing-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pricing-price-value{display:inline-flex;flex-shrink:0;width:var(--price-width);font-variant-numeric:tabular-nums}
.pricing-price-digits{display:inline-flex;position:relative;height:1.15em;overflow:hidden;vertical-align:bottom}
.pricing-plan .pricing-billing-detail{font-size:11px;line-height:1.5;min-height:17px;margin:4px 0 18px;color:var(--muted-green);white-space:nowrap}
.pricing-plan .pricing-price-block .pricing-amount{margin-bottom:0}
/* Added stylists cost the same on both billing periods, so this line stays put. */
.pricing-seat{display:flex;align-items:center;gap:9px;min-height:44px;margin:0 0 28px;padding:10px 14px;font-size:12px;line-height:1.45;color:var(--muted);background:#f6faf8;border:1px solid #e4eee8;border-radius:12px}
.pricing-seat .icon{flex-shrink:0;width:15px;height:15px;color:var(--green)}
.pricing-seat strong{font-weight:600;color:var(--ink)}
.pricing-plan .check-list strong{font-weight:600;color:var(--ink)}
@media(prefers-reduced-motion:reduce){.pricing-billing-indicator,.pricing-billing-toggle button{transition:none}}
.motion-paused .pricing-billing-indicator,.motion-paused .pricing-billing-toggle button{transition:none}
.pricing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-plan{display:flex;flex-direction:column;min-width:0;padding:0 40px}
.pricing-plan:first-child{padding-left:0}
.pricing-plan:last-child{padding-right:0}
.pricing-plan+.pricing-plan{border-left:1px solid var(--line)}
.pricing-plan h2{font-size:23px;letter-spacing:-.04em;line-height:1.25;margin-bottom:9px}
.pricing-team{font-size:14px;font-weight:550;color:var(--green);margin:0 0 13px}
.pricing-description{font-size:13px;line-height:1.6;min-height:63px;margin:0 0 20px}
.pricing-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-height:59px;margin:0 0 28px;color:var(--ink)}
.pricing-amount strong{font-size:49px;font-weight:500;letter-spacing:-.055em;line-height:1.15}
.pricing-amount>span{font-size:13px;color:var(--muted)}
.pricing-amount-custom strong{font-size:43px}
.pricing-plan .check-list{gap:17px;margin:0 0 40px}
.pricing-plan .check-list li{gap:9px;font-size:12px;line-height:1.5;color:var(--muted)}
.pricing-plan .check-list .icon{width:17px;height:17px;color:var(--green);margin-top:1px}
.pricing-plan .button{margin-top:auto;width:100%;font-size:13px;min-height:46px;padding:0 18px;gap:12px}
.pricing-plan-note{text-align:center;font-size:12px;line-height:1.8;max-width:800px;margin:30px auto 0;color:var(--muted-green)}
.pricing-ai{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px 75px;border-top:1px solid var(--line);padding-top:70px;margin-top:75px}
.pricing-ai-heading .eyebrow{font-size:9px;margin-bottom:20px}
.pricing-ai h2{font-size:39px;line-height:1.15;margin-bottom:22px}
.pricing-ai-heading>p:last-child{font-size:15px;max-width:380px}
.pricing-ai-credits{padding:28px 30px;border:1px solid #e9e3f0;border-radius:18px;background:#fbf9fe}
.pricing-ai-allowances{display:flex;flex-direction:column;gap:12px}
.pricing-ai-allowances p{margin:0;font-size:15px;color:#45385d;line-height:1.5}
.pricing-ai-allowances strong{font-weight:550}
.pricing-ai-rates{margin:18px 0 0;border-top:1px solid #e9e3f0}
.pricing-ai-rates>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e9e3f0;font-size:13px;line-height:1.5}
.pricing-ai-rates dt{color:#5d5075}
.pricing-ai-rates dd{margin:0;font-weight:600;color:#2f2445;text-align:right}
.pricing-ai-credits .check-list{gap:12px;margin:24px 0 20px}
.pricing-ai-credits .check-list li{font-size:13px}
.pricing-ai-credits .check-list .icon{color:#8565ad}
.pricing-ai-note{font-size:11px;line-height:1.8;margin:0}
.pricing-ai-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.pricing-ai-features article{padding-top:28px;border-top:1px solid var(--line)}
.pricing-ai-features .icon-orb{width:44px;height:44px;background:#f4effb;color:#8565ad;margin-bottom:18px}
.pricing-ai-features .icon-orb .icon{width:22px;height:22px}
.pricing-ai-features h3{font-size:20px;margin-bottom:12px}
.pricing-ai-features p{font-size:13px;line-height:1.75;margin:0}
.pricing-sms{display:grid;grid-template-columns:1fr 1fr;gap:75px;background:#f3faf7;border:1px solid #e4eee8;border-radius:24px;padding:48px 52px;margin:80px 0}
.pricing-sms .icon-orb{width:48px;height:48px;background:#fff;border:1px solid #e1f0e9;margin-bottom:22px}
.pricing-sms .icon-orb .icon{width:24px;height:24px}
.pricing-sms .eyebrow{font-size:9px;margin-bottom:15px}
.pricing-sms h2{font-size:35px;line-height:1.15;margin-bottom:18px}
.pricing-sms-intro>p:not(.eyebrow):not(.pricing-addon-amount):not(.pricing-addon-fee){font-size:14px;max-width:350px;margin-bottom:23px}
.pricing-addon-amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px;color:var(--ink)}
.pricing-addon-amount strong{font-size:36px;letter-spacing:-.05em;font-weight:550;line-height:1.2}
.pricing-addon-amount>span{font-size:13px;color:var(--muted-green)}
.pricing-optional{font-size:11px;color:var(--muted-green)}
.pricing-addon-fee{font-size:13px;line-height:1.5;margin:0 0 10px;color:var(--muted-green)}
.pricing-addon-fee strong{font-weight:600;color:var(--ink)}
.pricing-sms-details{align-self:center}
.pricing-sms-details .check-list{gap:17px;margin:0 0 25px}
.pricing-sms-details .check-list li{font-size:13px;color:#334c41}
.pricing-sms-details .check-list .icon{color:var(--green)}
.pricing-overage{font-size:13px;padding-top:23px;border-top:1px solid #dcebe3;margin:0 0 12px}
.pricing-overage strong{color:var(--ink);font-weight:600}
.pricing-segment-note{font-size:11px;line-height:1.75;margin:0 0 17px;color:var(--muted-green)}
.pricing-sms-details .text-link{font-size:12px}
.pricing-website{background:#f5f2fd;border-color:#e7e0fa;margin-top:-56px}
.pricing-website .icon-orb{border-color:#e7e0fa;color:#916be8}
.pricing-website .pricing-sms-details .check-list li{color:#3d3558}
.pricing-website .pricing-sms-details .check-list .icon{color:#916be8}
.pricing-website .pricing-overage{border-top-color:#e4dcf8}
.pricing-website .pricing-addon-amount>span,.pricing-website .pricing-optional,.pricing-website .pricing-segment-note{color:#6f6590}
.pricing-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid var(--line);padding:70px 0 40px}
.pricing-faq .section-heading h2{font-size:41px;line-height:1.12}
.pricing-faq .section-heading>p:last-child{font-size:15px;max-width:290px}
.pricing-faq .eyebrow{margin-bottom:20px}
@media(min-width:1051px) and (max-width:1200px){
  .pricing-plan{padding:0 30px}
  .pricing-plan .check-list li{font-size:11px}
  .pricing-amount strong{font-size:44px}
  .pricing-amount-custom strong{font-size:38px}
}
@media(max-width:1050px){
  .pricing-hero{padding-top:66px;padding-bottom:60px}
  .pricing-plan{padding:0 22px}
  .pricing-description{min-height:84px;margin-bottom:20px}
  .pricing-plan .check-list{margin-bottom:30px}
  .pricing-plan .check-list li{font-size:13px}
  .pricing-sms{gap:40px;padding:36px;margin:65px 0}
  .pricing-sms h2{font-size:30px}
  .pricing-website{margin-top:-41px}
  .pricing-faq{gap:50px;padding-top:55px}
  .pricing-faq .section-heading h2{font-size:35px}
}
@media(max-width:700px){
  .pricing-hero{padding:48px 24px 48px}
  .pricing-hero h1{font-size:clamp(38px,7vw,48px);line-height:1.12;max-width:580px}
  .pricing-hero .eyebrow{font-size:8px;margin-bottom:23px}
  .pricing-hero>p:not(.eyebrow){font-size:15px}
  .pricing-billing-toggle{margin-top:23px}
  .pricing-billing-toggle button{font-size:12px;padding:0 6px}
  .pricing-save{font-size:10px}
  .pricing-hero .desktop-break{display:none}
  .pricing-plan-grid{grid-template-columns:1fr;row-gap:30px}
  .pricing-plan-grid .pricing-plan{padding:0 0 30px;border:0;border-bottom:1px solid var(--line)}
  .pricing-plan-grid .pricing-plan:last-child{border-bottom:0;padding-bottom:0}
  .pricing-description{min-height:0}
  .pricing-amount{min-height:0;margin-bottom:23px}
  .pricing-plan .check-list li{font-size:13px}
  .pricing-amount strong{font-size:44px}
  .pricing-amount-custom strong{font-size:36px}
  .pricing-sms{grid-template-columns:1fr;gap:32px;padding:30px;margin:55px 0}
  .pricing-sms-intro>p:not(.eyebrow):not(.pricing-addon-amount){max-width:400px}
  .pricing-sms-details .check-list li{font-size:14px}
  .pricing-sms h2 br{display:none}
  .pricing-website{margin-top:-35px}
  .pricing-faq{grid-template-columns:1fr;gap:0;padding-top:45px;padding-bottom:10px}
  .pricing-faq .section-heading{margin-bottom:30px}
  .pricing-faq .section-heading>p:last-child{max-width:350px}
}
@media(max-width:480px){
  .pricing-plan h2{font-size:25px}
  .pricing-team{margin-bottom:8px}
  .pricing-description{margin-bottom:20px;font-size:14px}
  .pricing-amount strong{font-size:48px}
  .pricing-seat{font-size:13px}
  .pricing-amount-custom strong{font-size:42px}
  .pricing-plan .check-list{gap:14px;margin-bottom:26px}
  .pricing-plan .check-list li{font-size:14px}
  .pricing-plan .button{min-height:48px;font-size:14px}
  .pricing-plan-note{font-size:11px;margin-top:23px}
  .pricing-sms{padding:26px 22px;border-radius:20px}
  .pricing-sms h2{font-size:29px}
  .pricing-sms-details .check-list li{font-size:13px}
  .pricing-sms .eyebrow{font-size:8px}
}

@media(max-width:1050px){
  .pricing-ai{gap:36px 40px;padding-top:55px;margin-top:60px}
  .pricing-ai h2{font-size:34px}
  .pricing-ai-credits{padding:24px}
  .pricing-ai-allowances p{font-size:14px}
  .pricing-ai-features{gap:24px}
}
@media(max-width:700px){
  .pricing-ai{grid-template-columns:1fr;gap:24px;padding-top:42px;margin-top:50px}
  .pricing-ai h2{font-size:32px}
  .pricing-ai-heading>p:last-child{max-width:480px;margin-bottom:0}
  .pricing-ai-features{grid-template-columns:1fr;gap:24px}
  .pricing-ai-features article{padding-top:24px}
  .pricing-ai-credits{padding:24px 22px}
  .pricing-ai-features .icon-orb{margin-bottom:14px}
}