/* ============================================================
   MYTHOS — /free variant: aggressive, dark, straight-forward
   Overrides shared palette with a dark theme + heavy display type
   ============================================================ */
:root{
  --cream:#151310;
  --cream-deep:#221F1A;
  --paper:#1D1A16;
  --ink:#F5F2E9;
  --ink-soft:#D9D4C7;
  --ink-mute:#A49E8F;
  --border:#34302A;
  --code-bg:#0D0C0A;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);
  --shadow-lg:0 2px 6px rgba(0,0,0,.35),0 16px 48px rgba(0,0,0,.45);
}
body{background:var(--cream)}
nav{background:rgba(21,19,16,.85);border-bottom-color:var(--border)}
.nav-links a{color:var(--ink-soft)}
.nav-cta{background:var(--orange);color:#fff}
.nav-cta:hover{background:var(--orange-dark)}

/* --- Compact hero: the PowerShell command must be visible
       without scrolling, so type + spacing stay restrained. --- */
h1{
  font-weight:600;
  text-transform:uppercase;
  font-size:clamp(32px,4.6vw,52px);
  line-height:1.04;
  letter-spacing:-.02em;
  max-width:820px;
  margin-bottom:14px;
}
h1 em{
  font-style:normal;
  color:var(--orange);
  text-shadow:0 0 44px rgba(217,119,87,.4);
}
.hero{padding:40px 0 60px}
.hero::before{
  background:
    radial-gradient(ellipse 70% 50% at 50% -8%,rgba(217,119,87,.22),transparent 70%),
    radial-gradient(ellipse 40% 30% at 15% 100%,rgba(217,119,87,.06),transparent 70%);
}
.hero p.sub{
  font-size:clamp(14.5px,1.6vw,16px);
  max-width:580px;
  margin-bottom:20px;
}

.pill{
  background:rgba(217,119,87,.1);
  border-color:rgba(217,119,87,.45);
  color:var(--orange-soft);
  font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:18px;padding:5px 14px;
}
.pill .dot{background:var(--orange);animation:pulse 1.4s ease-in-out infinite}

.btn{padding:11px 22px;font-size:14.5px}
.btn-primary{font-weight:600;box-shadow:0 5px 20px rgba(217,119,87,.4)}
.btn-ghost{color:var(--ink);border-color:var(--border)}
.btn-ghost:hover{background:var(--paper);border-color:var(--orange-soft)}

/* Terminal sits right under the buttons — bigger type so the
   command reads instantly, tighter chrome around it. */
.code-window{border-color:#262320;margin-top:26px}
.code-bar{border-bottom-color:#262320;padding:9px 13px}
.code-body{font-size:14.5px;line-height:1.7;padding:18px 20px}
.code-note{color:#8F897B;padding:9px 20px}
.ps-window{margin-top:22px}
.ps-body{padding:17px 20px;gap:15px}

.sec-head h2{font-weight:600;letter-spacing:-.02em}
.stats{padding:52px 0 4px}
.stat b{font-size:32px;font-weight:600}
.card:hover{border-color:rgba(217,119,87,.5)}
.tag.free{background:rgba(217,119,87,.14);color:var(--orange-soft);border-color:rgba(217,119,87,.4)}

.cta-band h2{font-weight:600;text-transform:uppercase;letter-spacing:-.02em}
.cta-band h2 em{font-style:normal;color:var(--orange)}

.faq details p code,.card p code{background:var(--cream-deep);color:var(--ink-soft)}
.step code{background:var(--code-bg)}