/* FairSmith's approved light theme for static pages (blog articles, pricing, case studies).
   Loaded after content-pages.css / studio-pages.css / case-studies.css. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('/typography.css');

:root{
  --void:#FFFFFF;--basalt:#FBF7F3;--char:#F7F6F3;--char-2:#FCF6F0;
  --ink:#16120F;--bone-text:#16120F;--muted:#514C47;--dim:#6E6862;
  --lava:#B8470D;--lava-hi:#B8470D;--molten:#F67E25;--lava-glow:transparent;
  --fh:#E7E2DC;--fh-strong:#D5CCC2;--fh-lava:#E7C5A8;
  /* studio-pages tokens */
  --paper:var(--void);--mist:var(--char);--line:var(--fh);--hair:var(--fh);--hair-d:var(--fh);
  --slate:var(--muted);--ash:var(--dim);--graphite:var(--char-2);--ink-2:var(--char);
  --ember:var(--lava);--ember-hi:var(--lava-hi);--ember-700:var(--lava);--ember-800:var(--lava-hi);
  --f-display:'Poppins',sans-serif;--f-sans:'Poppins',-apple-system,sans-serif;--f-mono:'Poppins',sans-serif;
  /* content-pages tokens */
  --cream:var(--bone-text);--bone:var(--void);--ink-dark:var(--basalt);--amber:var(--lava-hi);--terracotta:var(--lava-hi);
  --fs-heading:clamp(30px,3.1vw,40px);--fs-subheading:clamp(20px,1.8vw,24px);--lh-heading:1.15;
  color-scheme:light;
}
html{background:var(--void)}
body{background:var(--void)!important;color:var(--bone-text)!important;font-family:var(--f-sans)!important}
body::after{display:none}
::selection{background:#FDE2C9;color:var(--ink)}
:focus-visible,a:focus-visible{outline:2px solid var(--lava-hi);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-display)!important;color:var(--bone-text)}

/* The cinematic assets remain available, but no longer sit behind page text. */
body::before{content:none}
main,.blog-main,.article-shell,.sp-footer,.site-footer{position:relative;z-index:1}

/* ---------- headers (both systems) ---------- */
.site-header,.sp-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--fh)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header-lockup img,.sp-logo img{width:auto!important;height:30px!important}
.header-name,.sp-logo .header-name{color:var(--bone-text)!important;font:500 15px/1 var(--f-display)!important;letter-spacing:.3em!important;text-transform:uppercase}
.header-fair,.sp-logo .header-fair{color:inherit!important}
.nav a,.sp-nav a{color:var(--muted)!important;font-family:var(--f-display)!important;font-size:13px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none}
.nav a:hover,.nav a[aria-current='page'],.sp-nav a:hover,.sp-nav a[aria-current="page"]{color:var(--bone-text)!important}
.sp-nav a::after{height:1px;background:var(--lava)}
.sp-nav .btn{color:var(--bone-text)!important}
.js .sp-toggle{background:transparent!important;color:var(--bone-text)!important;border:1px solid var(--fh-strong)!important;border-radius:999px}
@media(max-width:900px){.js .sp-nav.is-open{background:var(--basalt)!important;border-color:var(--fh)!important}.js .sp-nav.is-open a{border-color:var(--fh)!important;font-size:15px!important}}

/* ---------- atoms ---------- */
.kicker,.eyebrow,.sec-num,.crumbs{color:var(--lava)!important;font-family:var(--f-mono)!important;letter-spacing:.14em!important}
.eyebrow{color:var(--lava-hi)!important}
.kicker::before{width:18px!important;height:1px!important;background:var(--lava)!important}
.mega,.title,.page-title,.article-header h1,.cs-ch h2,.terms h2,.tier h3,.after-item h3{text-transform:none;font-weight:600!important;letter-spacing:-.025em!important}
.mega{line-height:var(--lh-heading)!important}
.accent,.page-title em,.on-dark .accent,.cs-hero .accent,.cta .accent{color:var(--lava)!important}
.lede,.intro,.on-dark .lede,.cs-hero .lede,.cta .lede{color:var(--muted)!important}
.on-dark,.cs-hero,.cta,.after{background:var(--basalt)!important;color:var(--bone-text)}
.sec,.cs-story{border-color:var(--fh)!important}
.sec-head,.on-dark .sec-head{border-color:var(--fh-strong)!important}
.btn{border-radius:10px!important;min-height:48px;background:var(--molten)!important;color:var(--ink)!important;border:1px solid var(--molten)!important;font-family:var(--f-display)!important;font-weight:500!important;font-size:14px!important;letter-spacing:0;text-transform:none;box-shadow:none}
.btn:hover{background:#EF8C44!important;color:var(--ink)!important}
.btn--orange{background:var(--molten)!important;color:var(--ink)!important}
.btn--orange:hover{background:#EF8C44!important;border-color:#EF8C44!important}
.btn--ghost{background:transparent!important;border-color:var(--fh-strong)!important;box-shadow:none;color:var(--bone-text)!important}
.btn--ghost:hover{background:rgba(244,238,232,.08)!important;color:var(--bone-text)!important;border-color:var(--bone-text)!important}
.dots,.dots-light{display:none}
.skip-link{background:var(--molten);color:var(--ink)}
.disclaimer{background:var(--void)!important;color:var(--muted)!important;border-color:var(--fh)!important}

/* ---------- pricing ---------- */
.pr-hero{background:transparent!important}
.tiers{background:var(--void)!important;border:1px solid var(--fh)!important;border-radius:16px;overflow:hidden}
.tier{border-color:var(--fh)!important}
.tier::before{background:rgba(255,90,31,.06)!important}
.tier-idx,.pay b,.never svg{color:var(--lava-hi)!important}
.tier-from,.tier p.desc{color:var(--muted)!important}
.tier--feat{background:#FFF2E5!important;box-shadow:inset 0 0 0 1px var(--fh-lava)}
.tier--feat::after{background:var(--lava)!important}
.includes{background:linear-gradient(90deg,rgba(255,90,31,.18),rgba(255,90,31,.06))!important;border:1px solid var(--fh-lava)!important;border-top:0!important;color:var(--bone-text)!important}
.after-grid{border-color:var(--fh-strong)!important}
.after-item .tier-price{color:var(--lava-hi)!important}
.pay,.never{border-color:var(--fh-strong)!important}
.pay li,.never li{border-color:var(--fh)!important}
.paybar i{background:var(--fh-strong)!important}
.paybar i:first-child{background:var(--lava)!important}
.cta{border-top:1px solid var(--fh)}
.cta::before{content:none}
.cta::after{content:none}
.cta>*{position:relative;z-index:1}

/* ---------- case studies ---------- */
.cs-page{--c-deep:var(--basalt)!important;--c-surface:var(--char)!important}
.cs-page .cs-local{background:rgba(255,255,255,.96)!important;border-color:var(--fh)!important}
.cs-page .cs-local a{color:var(--muted)!important}
.cs-page .cs-local a:hover,.cs-page .cs-local a[aria-current="location"]{color:var(--bone-text)!important}
.cs-hero{background:transparent!important}
.cs-hero::after{background:linear-gradient(90deg,transparent,var(--c-accent),transparent)!important;height:1px!important}
.cs-ch-num b{color:var(--bone-text)!important}
.cs-prose p,.cs-problems span,.an-copy p,.cs-sw p,.cs-type p,.nextcase em{color:var(--muted)!important}
.cs-prose .pull,.cs-type .sample{color:var(--bone-text)!important}
.cs-problems,.cs-type,.nextcase,.facts{border-color:var(--fh-strong)!important}
.cs-problems li,.cs-type>div,.an-copy,.nextcase a,.facts>div{border-color:var(--fh)!important}
.cs-logo,.cs-swatches{border-color:var(--fh-strong)!important}
.cs-logo figcaption{background:var(--char)!important;border-color:var(--fh)!important;color:var(--muted)!important}
.cs-sw,.cs-sw i{border-color:var(--fh)!important}
.cs-typenote{background:var(--char)!important;color:var(--muted)!important}
.cs-subh::after{background:var(--fh)!important}
.nextcase a::before{background:rgba(255,90,31,.06)!important}
.an-stage{background:var(--char)!important;border:1px solid var(--fh)}
.cs-cover{border-color:var(--fh-strong)!important}
.cs-cover figcaption{background:var(--void)!important}
.cs-next-top a{color:var(--muted)!important}
.cs-story.dark{background:var(--basalt)!important;color:var(--ink)!important}
.cs-story.dark .cs-ch-num,.cs-story.dark .cs-map h3,.cs-story.dark .cs-map li,.cs-story.dark .cs-map p{color:var(--ink)!important}

/* ---------- blog articles ---------- */
.article-meta,.breadcrumb,.post-card time{color:var(--muted)!important}
.article-body{color:var(--muted)}
.article-body a,.article-toc a,.related-posts a{color:var(--lava-hi)!important}
.article-body a:hover,.article-toc a:hover,.related-posts a:hover{color:var(--bone-text)!important}
.article-toc{background:var(--char)!important;border-left:1px solid var(--lava)!important;border:1px solid var(--fh)}
.article-cta{background:var(--basalt)!important;border:1px solid var(--fh-lava);color:var(--bone-text)!important;border-radius:16px}
.article-cta a{background:var(--molten)!important;border:1px solid var(--molten);border-radius:10px!important;color:var(--ink)!important;text-transform:none;letter-spacing:0;font-size:14px;padding:14px 22px!important;box-shadow:none}
.article-cta a:hover{background:#EF8C44!important;color:var(--ink)!important}
.related-posts{border-color:var(--fh-strong)!important}
.post-card{background:var(--void)!important;border:1px solid var(--fh)!important;border-radius:16px!important;box-shadow:none!important}
.post-card:hover{border-color:var(--fh-lava)!important}
.post-category{color:var(--lava-hi)!important}
.post-excerpt,.empty-copy p{color:var(--muted)!important}
.cta-link{border-color:var(--lava)!important}
.cta-link:hover{color:var(--lava-hi)!important}
.empty-state,.empty-mark{border-color:var(--fh)!important}
.article-body table{border-collapse:collapse;width:100%}
.article-body th,.article-body td{border:1px solid var(--fh);padding:10px;text-align:left}
.article-body pre,.article-body code{background:var(--char);color:var(--bone-text)}
pre{overflow-x:auto}

/* ---------- footers ---------- */
.site-footer,.sp-footer{background:var(--void)!important;border-top:1px solid var(--fh)!important}
.sp-footer .top img,.site-footer img{width:auto!important;height:40px!important}
.sp-footer .word{text-transform:uppercase;font-weight:500!important;-webkit-text-stroke:0!important;color:var(--ink)!important;white-space:nowrap;font-size:clamp(32px,8vw,108px)!important;letter-spacing:.15em}
.sp-footer .base,.footer-base{border-color:var(--fh)!important;color:var(--dim)!important}
.footer-copy,.footer-links{color:var(--muted)!important}

/* Match page/section headlines and subordinate titles across every route. */
main h1,main h2,.page-title,.article-header h1,.article-body h2,.article-cta h2,.related-posts h2,.mega,.title {
  font-size:var(--fs-heading)!important;line-height:var(--lh-heading)!important;font-weight:600!important;
}
main h3,main h4,.post-card h2,.article-body h3,.cs-subh,.nextcase strong {
  font-size:var(--fs-subheading)!important;line-height:var(--lh-subheading)!important;font-weight:600!important;
}
.lede,.intro,.post-excerpt,.empty-copy p {
  font-size:var(--fs-lede)!important;line-height:1.65!important;
}
@media(max-width:767px){
  main .btn,.sp-footer .btn,.site-footer .btn,.article-cta .cta-link {
    display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;text-align:center;
  }
  .cta-row{justify-content:center}
  .post-card .cta-link{align-self:center}
}
@media(max-width:380px){.btn{padding:0 18px!important}}