/* Platform pages theme (Website, Marketing, Recruiting) — 2026-10-02.
   Eric: "on marketing and stuff on those tabs ... it's the dark theme". These three pages were built on the
   older yard-sign template (dark hero, Inter-only headings, a one-line footer). This sheet puts them in the
   same light theme as the industry, AI Agent and Pricing pages: cream hero, Georgia headlines with an
   orange second line, pill eyebrows, white cards, the global footer. Loaded after each page's own styles.
   Scoped to body.pf so nothing else on the site is touched. */

body.pf{--forest:#1F4020;--forest-d:#1F3322;--amber:#C85A20;--amber-d:#A9481A;--cream:#F8F6F2;--ink:#1C1C1C;--muted:#556055;--line:#E4DDD0;--card:#fff;--soft:#FAF7F1;
  background:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}

/* ── Hero: light, like the industry pages ── */
body.pf .top{background:linear-gradient(180deg,#F2EDE2 0%,var(--cream) 100%);color:var(--ink);border-bottom:1px solid var(--line)}
body.pf .top .hero{padding-top:64px;padding-bottom:64px}
body.pf .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);
  background:rgba(219,99,35,.08);border:1px solid rgba(219,99,35,.22);padding:6px 14px;border-radius:999px}
body.pf h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--forest);font-size:clamp(36px,4.6vw,54px);line-height:1.06;letter-spacing:-.02em;margin:16px 0 18px}
body.pf h1 em,body.pf h2 em{font-style:normal;color:var(--amber)}
body.pf .top .lede{color:#4A4438;font-size:18.5px;line-height:1.6}
body.pf .top .price-line{color:var(--muted);font-size:14.5px;line-height:1.55}
body.pf .cta{border-radius:10px;font-weight:800;box-shadow:0 8px 20px rgba(200,90,32,.22);display:inline-flex;align-items:center;justify-content:center}
body.pf .cta.alt,body.pf .top .cta.alt{background:#fff;color:var(--forest);border:1.5px solid rgba(28,28,28,.18);box-shadow:none}
body.pf .cta.alt:hover{border-color:var(--forest);background:#fff}
body.pf .final .cta.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
/* hero visuals: softer shadows on a light ground */
body.pf .collage .sign,body.pf .collage .gpt,body.pf .collage .gbp,body.pf .collage .mail,body.pf .collage>div{box-shadow:0 18px 44px rgba(28,50,32,.16)!important}
body.pf .logo-chip{border:1px solid var(--line);box-shadow:0 2px 6px rgba(28,50,32,.06)}

/* ── Type and sections ── */
body.pf h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:var(--forest);font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.015em;margin-bottom:12px}
body.pf h3,body.pf .engine h3{font-family:Georgia,"Times New Roman",serif;color:var(--forest)}
body.pf .final h2,body.pf .pricebox h2,body.pf .pricebox h3{color:#fff}
body.pf .sub{font-size:17px;line-height:1.6}
body.pf section{padding:64px 0}
body.pf .final{background:var(--forest-d);padding:64px 0}
body.pf details{border-radius:14px}
body.pf summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
body.pf summary::-webkit-details-marker{display:none}
body.pf summary::after{content:"+";font-size:20px;font-weight:600;color:var(--amber);flex:none;line-height:1}
body.pf details[open] summary::after{content:"\2212"}

/* ── Phones ── */
@media (max-width:860px){
  body.pf .top .hero{padding-top:40px;padding-bottom:44px;gap:28px}
  body.pf section{padding:48px 0}
  body.pf .final{padding:52px 0}
}
@media (max-width:560px){
  body.pf h1{font-size:34px}
  body.pf h2{font-size:28px}
  body.pf .top .lede{font-size:17px}
  body.pf .ctas{flex-direction:column;align-items:stretch}
  body.pf .ctas .cta{width:100%;min-height:52px}
  body.pf .final .cta{width:100%}
  body.pf .wrap{padding:0 20px}
}

/* Dark plan card (Website page): its heading stays light */
body.pf .plan.prem h3{color:#fff}
/* Recruiting hero (desktop): the text alert sat on the hiring card's Apply button */
@media (min-width:861px){body.pf .collage>div:nth-child(2)[style*="bottom:6%"]{bottom:-34px!important}}
/* Marketing hero logo chips were styled for the dark hero (cream text on glass); on the light hero they are white chips */
body.pf .logo-chip{background:#fff;border-color:var(--line);color:var(--ink)}