/* One public-site frame, independent of individual page templates. */
:root{--site-width:1280px;--site-gutter:28px;--site-heading:Georgia,"Times New Roman",serif;--site-title-size:48px;--site-hero-space:52px}
body.public-site{font-family:var(--font);background:#fff;color:var(--ink)}
.public-site .wrap,.public-site .home-hero-grid{width:100%;max-width:var(--site-width);margin-inline:auto;padding-inline:var(--site-gutter)}
.public-site .site-nav .nav-inner{height:78px}
.public-site .logo{font:700 23px/1.2 var(--font);letter-spacing:normal;gap:9px;color:var(--navy)}
.public-site .logo img{height:38px;width:auto;object-fit:contain}
.public-site .logo .lite{color:var(--orange)}
.public-site :is(.page-intro,.home-copy,.hero,.c-hero,.r-hero,.p-hero,.intro,.nf) h1{font-family:var(--site-heading);font-size:var(--site-title-size);font-weight:700;line-height:1.12;letter-spacing:-.9px;color:var(--navy)}
.public-site .page-intro,.public-site .about-intro,.public-site .hero[aria-labelledby="headline"],.public-site .home-hero,.public-site .c-hero,.public-site .r-hero,.public-site .p-hero{padding-block:var(--site-hero-space) 44px}
.public-site .page-intro h1{max-width:820px}
.public-site .page-intro .lead{max-width:690px}
.public-site .home-hero-grid{grid-template-columns:.82fr 1.18fr;gap:40px}
.public-site .home-copy h1{overflow-wrap:break-word}
.public-site .hero[aria-labelledby="headline"]{max-width:none}
.public-site .hero[aria-labelledby="headline"]>p{font-size:18px;line-height:1.7;color:var(--muted)}
.public-site .c-hero h1,.public-site .r-hero h1,.public-site .p-hero h1{margin-bottom:20px}
.public-site footer{display:block;background:var(--navy-deep);color:#c3cad8;padding-block:26px;margin:0}
.public-site .foot-inner{font:12px/1.65 var(--font)}

/* The email-linked chooser uses the same frame; account actions stay in its main. */
.plan-chooser-page main.cl-upgrade-pricing{width:100%;max-width:var(--site-width);margin:auto;padding:var(--site-hero-space) var(--site-gutter) 44px;font-family:var(--font)}
.plan-chooser-page .intro{max-width:820px;margin:0 auto 32px}
.plan-chooser-page .intro h1{font-size:var(--site-title-size);line-height:1.12;letter-spacing:-.9px}
.plan-chooser-page .plan-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:14px}
.plan-chooser-page .up-card{container-type:inline-size}
.plan-chooser-page .up-price{white-space:normal;font-size:clamp(28px,15cqi,36px)}
.plan-chooser-page .up-unit{display:block;margin-top:4px}
.plan-chooser-page .up-toggle{background:var(--cream);border-color:var(--line)}
.plan-chooser-page .up-card,.plan-chooser-page .up-allowance{border-color:var(--line)}
.plan-chooser-page .up-notice{background:var(--cream)}

@media(max-width:1180px){.public-site .site-nav .nav-inner{height:74px}}
@media(max-width:980px){.public-site .home-hero-grid{grid-template-columns:1fr;gap:28px}.public-site .product-shot{max-width:100%}}
@media(max-width:640px){
  :root{--site-gutter:20px;--site-title-size:36px;--site-hero-space:36px}
  .public-site .logo{font-size:21px;gap:7px}.public-site .logo img{height:34px}
  .public-site .page-intro,.public-site .about-intro,.public-site .hero[aria-labelledby="headline"],.public-site .home-hero,.public-site .c-hero,.public-site .r-hero,.public-site .p-hero{padding-bottom:30px}
}
@media(max-width:360px){:root{--site-title-size:32px}}
