/* KEG Executive Management — production stylesheet
   Tokens: ink navy / ledger green / amber (score only)
   Type: Archivo (display) · Source Serif 4 (body) · IBM Plex Mono (labels, prices) */

:root{
  --ink:#0E1B2C;
  --slate:#43505F;
  --line:#D7DEE6;
  --bg:#F4F6F8;
  --card:#FFFFFF;
  --green:#1E6E5C;
  --green-dark:#154D3F;
  --amber:#DFA93F;
  --maxw:1080px;
  --radius:4px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  font-family:"Source Serif 4",Georgia,serif;
  font-size:1.075rem;line-height:1.65;
  color:var(--slate);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{font-family:"Archivo",Arial,sans-serif;color:var(--ink);line-height:1.12;letter-spacing:-0.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}
h3{font-size:1.15rem;font-weight:700}
p+p{margin-top:.9rem}
a{color:var(--green-dark)}
strong{color:var(--ink)}
img{max-width:100%;display:block}

.mono{font-family:"IBM Plex Mono",Menlo,monospace}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}
section{padding:4.25rem 0}
section.tight{padding:3rem 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:820px){.grid2,.grid3{grid-template-columns:1fr}}

/* ---------- report label (eyebrow) ---------- */
.eyebrow{
  font-family:"IBM Plex Mono",monospace;
  font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--green);display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;
}
.eyebrow::before{content:"";width:2rem;height:2px;background:var(--green)}

/* ---------- nav ---------- */
header.site{
  background:var(--card);border-bottom:2px solid var(--ink);
  position:sticky;top:0;z-index:50;
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;max-width:var(--maxw);margin:0 auto}
.logo{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;letter-spacing:-0.01em}
.logo span{color:var(--green)}
nav.main{display:flex;align-items:center;gap:1.35rem}
nav.main a{font-family:"Archivo",sans-serif;font-size:.92rem;font-weight:600;color:var(--ink);text-decoration:none}
nav.main a:hover{color:var(--green-dark)}
nav.main a.cta{background:var(--ink);color:#fff;padding:.5rem .95rem;border-radius:var(--radius)}
nav.main a.cta:hover{background:var(--green-dark)}
.menu-toggle{display:none}
@media (max-width:900px){
  .menu-toggle{display:block;font-family:"Archivo",sans-serif;font-weight:700;background:none;border:2px solid var(--ink);border-radius:var(--radius);padding:.35rem .7rem;cursor:pointer;color:var(--ink)}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:2px solid var(--ink);flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;gap:.9rem}
  nav.main.open{display:flex}
}

/* ---------- buttons ---------- */
.btn{
  display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;font-size:1rem;
  background:var(--green);color:#fff;text-decoration:none;
  padding:.85rem 1.5rem;border-radius:var(--radius);border:2px solid var(--green);
  cursor:pointer;
}
.btn:hover{background:var(--green-dark);border-color:var(--green-dark)}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-row{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
.fastlane{font-family:"IBM Plex Mono",monospace;font-size:.85rem}

/* ---------- hero ---------- */
.hero{background:var(--card);border-bottom:1px solid var(--line);padding:5rem 0 4.5rem}
.hero .sub{font-size:1.2rem;max-width:38rem;margin:1.2rem 0 1.8rem}

/* signature: the score chip */
.score-chip{
  display:inline-flex;align-items:center;gap:.9rem;margin-bottom:1.6rem;
  font-family:"IBM Plex Mono",monospace;font-size:.82rem;letter-spacing:.03em;
  border:2px solid var(--ink);border-radius:var(--radius);background:var(--bg);
  padding:.55rem .9rem;color:var(--ink);
}
.score-chip .score{font-weight:700;color:var(--ink);background:var(--amber);padding:.1rem .5rem;border-radius:2px}

/* ---------- cards ---------- */
.card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:var(--radius);padding:1.6rem}
.card.accent{border-top-color:var(--green)}
.card h3{margin-bottom:.5rem}
.card ul{margin:.8rem 0 0 1.1rem}
.card li{margin:.35rem 0}
.card .btn{margin-top:1.2rem}

.price{font-family:"IBM Plex Mono",monospace;font-weight:700;color:var(--ink);font-size:1.05rem}
.meta{font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--slate);letter-spacing:.02em}

.badge{
  display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;background:var(--green);color:#fff;
  padding:.25rem .6rem;border-radius:2px;margin-bottom:.8rem;
}

/* ---------- the ladder ---------- */
.ladder{list-style:none;border-left:2px solid var(--ink);margin-left:.4rem}
.ladder li{position:relative;padding:0 0 1.5rem 1.6rem}
.ladder li:last-child{padding-bottom:0}
.ladder li::before{
  content:"";position:absolute;left:-7px;top:.45rem;width:12px;height:12px;
  background:var(--card);border:2px solid var(--green);border-radius:50%;
}
.ladder .rung-name{font-family:"Archivo",sans-serif;font-weight:700;color:var(--ink)}
.ladder .price{margin-left:.5rem}
.ladder p{font-size:.98rem;margin-top:.15rem}

/* ---------- problem strip ---------- */
.strip{background:var(--ink);color:#C9D3DE;padding:2.6rem 0}
.strip .grid3 p{font-size:1rem}
.strip strong{color:#fff}
.strip .eyebrow{color:var(--amber)}
.strip .eyebrow::before{background:var(--amber)}

/* ---------- FAQ ---------- */
details.faq{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.7rem}
details.faq summary{font-family:"Archivo",sans-serif;font-weight:700;color:var(--ink);padding:1rem 1.25rem;cursor:pointer;list-style:none}
details.faq summary::after{content:"+";float:right;color:var(--green);font-weight:800}
details.faq[open] summary::after{content:"–"}
details.faq .a{padding:0 1.25rem 1.1rem}

/* ---------- forms ---------- */
form.capture{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:var(--radius);padding:1.75rem;max-width:34rem}
form.capture label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:.9rem;color:var(--ink);margin:.9rem 0 .3rem}
form.capture input,form.capture select,form.capture textarea{
  width:100%;padding:.65rem .8rem;font:inherit;font-size:1rem;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);
}
form.capture input:focus,form.capture select:focus,form.capture textarea:focus{outline:2px solid var(--green);outline-offset:1px}
form.capture .btn{margin-top:1.3rem;width:100%}
.form-note{font-family:"IBM Plex Mono",monospace;font-size:.74rem;margin-top:.8rem;color:var(--slate)}

/* proof slot (pending assets) */
.proof{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:1.5rem}
.proof .who{font-family:"IBM Plex Mono",monospace;font-size:.8rem;margin-top:.8rem;color:var(--ink)}

/* ---------- footer ---------- */
footer.site{background:var(--ink);color:#B9C4D0;padding:3.5rem 0 2rem;margin-top:2rem}
footer.site h3{color:#fff;font-size:.95rem;margin-bottom:.8rem}
footer.site a{color:#B9C4D0;text-decoration:none;display:block;margin:.35rem 0;font-size:.95rem}
footer.site a:hover{color:#fff}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
@media (max-width:820px){.footgrid{grid-template-columns:1fr 1fr}}
.footnote{border-top:1px solid #2A3A4E;margin-top:2.5rem;padding-top:1.2rem;font-family:"IBM Plex Mono",monospace;font-size:.72rem}
footer .newsletter input{width:100%;padding:.6rem .8rem;border:none;border-radius:var(--radius);font:inherit;margin:.5rem 0}
footer .newsletter .btn{width:100%;font-size:.9rem;padding:.6rem}

/* focus visibility */
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

/* utility */
.center{text-align:center}
.narrow{max-width:44rem}
.mt1{margin-top:1rem}.mt2{margin-top:2rem}.mt3{margin-top:3rem}
hr.rule{border:none;border-top:1px solid var(--line);margin:2.5rem 0}