/* ============================================================
   MYTHOS — /provider variant: calm, script-first
   Softer palette, gentler type scale, terminal is the hero star
   ============================================================ */
:root{
  --orange:#C9744F;
  --orange-dark:#A95C3B;
  --cream:#EFEDE4;
  --paper:#FAF9F4;
  --ink-soft:#454440;
  --ink-mute:#74736B;
}
h1{
  font-size:clamp(34px,5vw,54px);
  font-weight:400;
  letter-spacing:-.015em;
  max-width:760px;
}
h1 em{font-style:italic;color:var(--orange)}
.hero{padding:78px 0 64px}
.hero::before{
  background:radial-gradient(ellipse 55% 45% at 50% 0%,rgba(201,116,79,.08),transparent 72%);
}
.hero p.sub{font-size:clamp(15.5px,1.8vw,17.5px);max-width:560px}
.pill{font-weight:400;color:var(--ink-mute)}

.code-window{
  max-width:760px;margin:46px auto 0;
  box-shadow:0 1px 2px rgba(20,20,19,.05),0 8px 28px rgba(20,20,19,.09);
}
.btn{padding:12px 24px;font-size:14.5px}
.btn-primary{box-shadow:0 3px 12px rgba(201,116,79,.28)}

.stat b{font-size:30px}
.stats{padding:56px 0 4px}
.sec-head h2{font-weight:400}
.cta-band h2{font-weight:400}
.card:hover{transform:translateY(-2px)}