/* Full-bleed section surfaces and more legible system typography. */
:root{--serif:'Plus Jakarta Sans',Arial,sans-serif}
body{font-weight:400;line-height:1.6;letter-spacing:0}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.028em;line-height:1.02}
.hero h1{letter-spacing:-.03em;line-height:1.01}
.lede,.prose,.hero-detail,.step p,.why-top>p:last-child,.property-lede,.insights-copy>p,.pilot-action p,.final-copy,.brand-frame>p:not(.eyebrow){font-weight:400;letter-spacing:0;line-height:1.6}
.site-nav,.button,.text-link,.accordion summary,.field input,.field select,.field textarea{letter-spacing:0}
.hero-copy-spacer{min-height:77px}
.mono,.eyebrow,.field label{font-size:11px;line-height:1.35}
.section-label{padding-top:20px;padding-bottom:8px}
.section-label>span{color:var(--n700)}
.opportunity,.demo-section,.implementation,.faq{box-shadow:0 0 0 100vmax var(--n50);clip-path:inset(0 -100vmax)}
.why,.pilot{box-shadow:0 0 0 100vmax var(--n100);clip-path:inset(0 -100vmax)}
.illustrative-note{grid-column:2;width:290px;max-width:100%;justify-self:stretch;color:var(--n700);font-size:clamp(10px,.72vw,12px);letter-spacing:.07em;padding-top:4px}
.implementation-notes{font-size:11px;line-height:1.5}

@media (max-width:600px){
  :root{--shell:calc(100% - 40px)}
  .hero-content{margin:0 auto}
  .hero-copy-spacer{min-height:112px}
  .hero-meta{left:20px;width:calc(100% - 40px)}
  .section-label{padding-top:18px;padding-bottom:6px}
  .section-label>span{font-size:10px}
  .illustrative-note{width:290px;margin-inline:auto;font-size:10px;line-height:1.55;padding-inline:8px}
  .implementation-notes{font-size:10px;gap:16px}
}