/* Shared marketing style, based on /platform/. Product previews keep their own geometry. */
:root{
  --font-sans:'Inter',Arial,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --type-display:clamp(42px,5.6vw,72px);
  --type-section:clamp(36px,3.7vw,48px);
  --type-card:clamp(22px,2.4vw,25px);
  --bg:#fff;
  --bg-section:#fafafa;
  --bg-warm:#f7f7f8;
  --text:#17171c;
  --text-soft:#68686e;
  --text-faint:#8a8a90;
  --border:#e5e5e8;
  --border-soft:#ececef;
  --r-card:22px;
  --r-lg:22px;
  --r-pill:999px;
}
body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.55;letter-spacing:-.006em;background:var(--bg);color:var(--text)}
button,input,textarea,select{font-family:var(--font-sans)}
.h-hero,.h1{font-family:var(--font-sans);font-weight:400;font-size:var(--type-display);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.h2{font-family:var(--font-sans);font-weight:400;font-size:var(--type-section);line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.h3{font-family:var(--font-sans);font-weight:400;font-size:var(--type-card);line-height:1.3;letter-spacing:-.02em}
.fhero h1,.fhero.fhero--industry h1,.fhero.fhero--mod h1{font-family:var(--font-sans);font-weight:400;font-size:clamp(38px,4.6vw,64px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.lead,.body,.lead-xl,.fhero__sub,.home-hero__sub{font-family:var(--font-sans);font-weight:400;font-size:18px;line-height:1.5}
.lead-xl{font-size:clamp(22px,2.1vw,28px)}
.col-feat h3,.mode-intro__t{font-family:var(--font-sans);font-weight:400;line-height:1.3;letter-spacing:-.01em}
.overline,.eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
mono,.mono,code,pre,kbd{font-family:var(--font-mono)}

/* The same readable pill buttons as the platform page. Navigation keeps its compact size. */
.btn,.pf-button{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.25;padding:16px 24px;border-radius:var(--r-pill);letter-spacing:0}
.btn--primary:hover{background:#37373b}
.btn--light:hover{background:#f1f2f4}
.btn--secondary{border:1px solid var(--text)}
.btn--text,.pf-button--text{padding:12px 0;border-radius:0}
.btn--sm{font-size:14px;padding:10px 18px}
.nav .nav__cta{font-size:16px;line-height:1;padding:12px 18px}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid #17171c;outline-offset:5px}

@media(max-width:760px){
  .h-hero,.h1{font-size:clamp(32px,10.8vw,42px);line-height:1.05}
  .h2{font-size:clamp(30px,9.2vw,36px);line-height:1.2}
  .h3{font-size:22px}
  .fhero h1,.fhero.fhero--industry h1,.fhero.fhero--mod h1{font-size:clamp(32px,9.8vw,38px)}
  .lead,.body,.fhero__sub,.home-hero__sub{font-size:16px}
  .btn,.pf-button{font-size:14px;padding:14px 20px}
  .btn--text,.pf-button--text{padding-inline:0}
  .btn--sm{font-size:13px;padding:9px 16px}
}