/* ==========================================================
   WorkloadA — Warm Stone & Amber, Archivo display
   Light warm ground, amber as a mark, warm serif.
   Founder-led, not enterprise: no glow, no pills, no grey.
   ========================================================== */

:root{
  /* ground, three depths so the page has rhythm */
  --deep:#BAB6AE;
  --slate:#CBC8C1;
  --raised:#D9D6D0;
  --ink:#26241F;          /* the one dark band, at the close */

  --amber:#F5A623;
  --amber-hi:#FFB84A;
  --amber-mark:#F7B84A;   /* highlighter, dark text sits on it */
  --amber-line:rgba(245,166,35,.75);

  --tx:#23211C;
  --mu:#55514A;
  --mu-2:#615D55;

  --line:rgba(35,33,28,.20);
  --line-hi:rgba(35,33,28,.33);

  --display:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --sans:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  --gut:clamp(20px,5vw,56px);
  --sec-y:clamp(66px,9vw,118px);
  --maxw:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

body{
  margin:0;
  background:var(--slate);
  color:var(--tx);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;line-height:1.03;letter-spacing:-.033em}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
em{font-style:italic}
a{color:var(--tx);text-decoration-color:var(--amber-line);text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--amber);color:#241703;padding:12px 18px;font:700 14px/1 var(--sans);text-decoration:none}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ── shared type ───────────────────────────────────────── */

.eyebrow{
  display:inline-block;
  font:700 11px/1 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#241703;
  background:var(--amber);
  padding:7px 11px 6px;
  margin:0 0 26px;
}

/* emphasis reads as a marker swipe across the page, not lit type */
.mark,
.hero__h em,
.sec__h em,
.price__body em{
  color:var(--tx);
  font-weight:300;
  font-style:italic;
  letter-spacing:-.021em;
  background:linear-gradient(transparent 56%, var(--amber-mark) 56%, var(--amber-mark) 95%, transparent 95%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

.sec{padding-block:var(--sec-y)}
.band{background:var(--deep)}
.sec__h{
  font-size:clamp(1.95rem,4vw,3rem);
  max-width:20ch;
  margin:0 0 clamp(40px,5.5vw,68px);
  text-wrap:balance;
}
.sec__h--tight{margin-bottom:24px;max-width:18ch}

/* ── buttons: square-ish, flat, no glow ────────────────── */

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font:700 14.5px/1 var(--sans);
  text-decoration:none;
  border-radius:3px;
  padding:15px 26px;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
.btn--amber{background:var(--amber);color:#241703}
.btn--amber:hover{background:var(--amber-hi)}
.btn--dark{background:var(--ink);color:#F2F3F5}
.btn--dark:hover{background:#161512}
.btn--ghost{
  background:transparent;color:var(--tx);
  border:1px solid var(--line-hi);
}
.btn--ghost:hover{border-color:var(--tx);background:var(--raised)}
.btn--lg{padding:17px 32px;font-size:15.5px}
.btn--sm{padding:11px 18px;font-size:13px}

.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}

/* ── nav ───────────────────────────────────────────────── */

.nav{position:sticky;top:0;z-index:50;background:var(--slate);transition:box-shadow .2s ease}
.nav.is-stuck{box-shadow:0 1px 0 var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}

.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--tx)}
.brand__mark{
  width:26px;height:26px;
  color:var(--amber);      /* the ring inherits this */
  flex:none;display:block;
}
.brand__name{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.032em}

.nav__menu{display:flex;align-items:center;gap:clamp(18px,2.6vw,32px)}
.nav__menu a{font:500 15px/1 var(--sans);color:var(--mu);text-decoration:none;transition:color .16s ease}
.nav__menu a:hover{color:var(--tx)}
.nav__menu a.btn{color:#241703}

.nav__toggle{
  display:none;background:none;border:1px solid var(--line-hi);border-radius:3px;
  width:42px;height:38px;cursor:pointer;padding:0;align-items:center;justify-content:center;
}
.nav__bars{display:block;width:17px}
.nav__bars i{display:block;height:1.5px;background:var(--tx)}
.nav__bars i+i{margin-top:5px}

@media (max-width:880px){
  .nav__toggle{display:inline-flex}
  .nav__menu{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:flex-start;gap:0;
    background:var(--slate);border-top:1px solid var(--line);
    padding:6px var(--gut) 22px;
  }
  .nav.is-open .nav__menu{display:flex}
  .nav__menu a{padding:14px 0;font-size:17px;width:100%}
  .nav__menu a.btn{margin-top:10px;width:auto;padding:14px 24px}
}

/* ── hero ──────────────────────────────────────────────── */

.hero{padding-block:clamp(52px,7vw,104px) clamp(56px,7.5vw,110px)}
.hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(36px,5vw,74px);
  align-items:start;
}
@media (max-width:940px){.hero__grid{grid-template-columns:1fr}}

.hero__h{
  font-size:clamp(2.35rem,5.4vw,4.05rem);
  line-height:1.04;
  letter-spacing:-.021em;
  margin:0 0 clamp(22px,2.6vw,32px);
  text-wrap:balance;
}
.hero__sub{
  font-size:clamp(1rem,1.25vw,1.12rem);
  color:var(--mu);
  max-width:54ch;
  margin:0 0 clamp(30px,3.6vw,42px);
}

/* ── hero trace panel: illustrative, print-flavoured ───── */

.trace{
  margin:0;
  background:var(--raised);
  border:1px solid var(--line);
  border-top:2px solid var(--amber);
  padding:clamp(22px,2.6vw,32px);
}
.trace__cap{
  font:700 11px/1 var(--sans);
  letter-spacing:.17em;text-transform:uppercase;
  color:var(--mu-2);
  padding-bottom:16px;margin-bottom:6px;
  border-bottom:1px solid var(--line);
}
.trace__head{
  display:flex;justify-content:space-between;gap:14px;
  padding:11px 0 9px;
  font:700 9px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase;
  color:var(--mu-2);
  border-bottom:1px solid var(--line);
}
.trace__list{list-style:none;margin:0;padding:0;counter-reset:none}
.trace__row{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(6px);
  animation:tracein .5s ease forwards;
  animation-delay:var(--d,0s);
}
@media (prefers-reduced-motion:reduce){
  .trace__row{opacity:1;transform:none;animation:none}
}
@keyframes tracein{to{opacity:1;transform:none}}

.trace__step{font-family:var(--display);font-size:.98rem;font-weight:600;letter-spacing:-.014em;flex:1 1 15ch}
.trace__val{
  font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;
  color:var(--tx);
  background:linear-gradient(transparent 52%, var(--amber-mark) 52%, var(--amber-mark) 96%, transparent 96%);
  padding:0 3px;
  flex:0 0 auto;
}
.trace__total{
  margin:16px 0 0;
  font-size:13.5px;line-height:1.5;color:var(--mu-2);
}
.trace__total b{
  display:block;
  font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.022em;
  color:var(--tx);
  margin-bottom:2px;
}

/* ── credibility ───────────────────────────────────────── */

.cred{padding-block:0}
.cred__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.cred__item{
  margin:0;padding:clamp(26px,3.2vw,38px) clamp(22px,2.4vw,32px);
  font-size:15px;line-height:1.55;color:var(--mu);
  border-left:1px solid var(--line);
}
.cred__item:first-child{padding-left:0;border-left:0}
.cred__item:last-child{padding-right:0}
.cred__item strong{color:var(--tx);font-weight:700}
@media (max-width:880px){
  .cred__grid{grid-template-columns:1fr}
  .cred__item{padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .cred__item:first-child{border-top:0;padding-top:28px}
  .cred__item:last-child{padding-bottom:28px}
}

/* ── process: named stages, no numbers ─────────────────── */

.stages{display:grid;gap:0}
.stage{
  display:grid;
  grid-template-columns:minmax(150px,.9fr) minmax(0,2.4fr);
  column-gap:clamp(18px,3.4vw,52px);
  row-gap:6px;
  padding-block:clamp(30px,3.6vw,44px);
  border-top:1px solid var(--line);
}
.stage:last-child{border-bottom:1px solid var(--line)}
.stage__head{display:flex;align-items:baseline;gap:12px;grid-column:1;grid-row:1 / span 2}
.stage__name{
  font-family:var(--display);font-weight:800;
  font-size:clamp(1.5rem,2.6vw,2rem);
  color:var(--tx);
  box-shadow:inset 0 -7px 0 var(--amber-mark);
  letter-spacing:-.014em;
}
.stage__lead{
  grid-column:2;grid-row:1;
  font-family:var(--display);font-weight:600;letter-spacing:-.018em;font-size:clamp(1.1rem,1.75vw,1.34rem);
  margin:0 0 10px;line-height:1.25;
}
.stage__body{grid-column:2;grid-row:2;color:var(--mu);margin:0;max-width:56ch;font-size:16px}
@media (max-width:760px){
  .stage{grid-template-columns:1fr;column-gap:0;row-gap:8px}
  .stage__head,.stage__lead,.stage__body{grid-column:1;grid-row:auto}
}

/* ── qualification ─────────────────────────────────────── */

.fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px)}
@media (max-width:800px){.fit{grid-template-columns:1fr}}
.fit__label{
  font:700 11.5px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;
  margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.fit__col--yes .fit__label{color:var(--tx);border-bottom-color:var(--amber-line)}
.fit__col--no .fit__label{color:var(--mu-2)}
.fit__lead{color:var(--mu);max-width:46ch;font-size:16.5px}
.fit__list{margin:0;padding:0;list-style:none;color:var(--mu)}
.fit__list li{position:relative;padding-left:24px;margin-bottom:14px;max-width:46ch;font-size:16.5px}
.fit__list li:last-child{margin-bottom:0}
.fit__list li::before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1.5px;background:var(--mu-2)}

/* ── pricing ───────────────────────────────────────────── */

.price{
  background:var(--deep);
  border-left:2px solid var(--amber);
  padding:clamp(30px,4vw,54px) clamp(26px,3.4vw,52px);
  max-width:960px;
}
.price .eyebrow{margin-bottom:20px}
.price__body{
  font-family:var(--display);
  font-weight:600;letter-spacing:-.024em;
  font-size:clamp(1.26rem,2.4vw,1.85rem);
  line-height:1.28;margin:0 0 18px;
}
.price__body em{font-style:italic;font-weight:300}
.price__note{color:var(--mu);margin:0;font-size:16px;max-width:56ch}

/* ── faq ───────────────────────────────────────────────── */

.faq{border-top:1px solid var(--line);max-width:940px}
.q{border-bottom:1px solid var(--line)}
.q summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding:22px 0;
  font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:clamp(1.06rem,1.9vw,1.34rem);line-height:1.3;
  transition:color .16s ease;
}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:#000}
.q summary::after{
  content:"+";flex:none;
  font:400 22px/1 var(--sans);color:var(--tx);
  transition:transform .2s ease;
}
.q[open] summary::after{transform:rotate(45deg)}
.q__a{padding:0 0 24px}
.q__a p{margin:0;max-width:62ch;color:var(--mu)}

/* ── about ─────────────────────────────────────────────── */

.about{display:grid;grid-template-columns:clamp(170px,20vw,250px) 1fr;gap:clamp(28px,4.5vw,64px);align-items:start}
@media (max-width:800px){.about{grid-template-columns:1fr;gap:26px}}
.about__mono{
  aspect-ratio:4/5;
  background:var(--raised);
  border:1px solid var(--line);
  color:var(--tx);
  font-family:var(--display);font-weight:800;font-size:clamp(3.4rem,6vw,5rem);
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.about__photo{aspect-ratio:4/5;object-fit:cover}
.about__cap{
  font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--mu-2);margin:14px 0 0;
}
@media (max-width:800px){.about__mono{aspect-ratio:3/2;max-width:210px}}
.about__body{max-width:60ch}
.about__body p{color:var(--mu)}

/* ── final cta: the one bold moment ────────────────────── */

.final{background:var(--ink);color:#F2F3F5;padding-block:clamp(66px,8.5vw,112px);text-align:center}
.final__in{max-width:760px}
.final__h{
  font-size:clamp(2rem,4.4vw,3.15rem);
  margin:0 0 16px;color:#F2F3F5;text-wrap:balance;
}
.final__sub{font-size:clamp(1rem,1.35vw,1.12rem);color:#BFBAB1;margin:0 0 clamp(28px,3.6vw,40px)}
.final__alt{margin:clamp(22px,3vw,30px) 0 0;font-size:14.5px;color:#BFBAB1}
.final__alt a{color:#F2F3F5;text-underline-offset:3px}

/* ── footer ────────────────────────────────────────────── */

.foot{background:var(--ink);padding-block:32px;border-top:1px solid rgba(255,255,255,.11)}
.foot__in{
  display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;
  font:500 12px/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#96918A;
}
.foot__in p{margin:0}

/* ── scroll reveal ─────────────────────────────────────── */

.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-in{opacity:1;transform:none}
.cred__item.reveal{transition-delay:calc(var(--i,0) * .07s)}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ── anchors clear the sticky nav ──────────────────────── */
#process,#fit,#pricing,#about,#faq,#contact{scroll-margin-top:94px}
@media (max-width:880px){#process,#fit,#pricing,#about,#faq,#contact{scroll-margin-top:82px}}

/* ── print ─────────────────────────────────────────────── */
@media print{
  .nav,.skip{display:none}
  body,.band,.price,.final{background:#fff!important;color:#000!important}
  .final__h,.final__sub,.final__alt{color:#000!important}
  .reveal,.trace__row{opacity:1!important;transform:none!important}
}


/* ══════════════════════════════════════════════════════════
   Multi-page additions
   ══════════════════════════════════════════════════════════ */

/* current page in the nav */
.nav__menu a[aria-current="page"]{
  color:var(--tx);
  box-shadow:inset 0 -2px 0 var(--amber);
}
.nav__menu a.btn[aria-current="page"]{box-shadow:none}
@media (max-width:880px){
  .nav__menu a[aria-current="page"]{box-shadow:none;color:var(--tx);font-weight:700}
}

/* compact header for inner pages */
.phead{padding-block:clamp(46px,6.5vw,88px) clamp(28px,3.4vw,44px)}
.phead__h{
  font-size:clamp(2.1rem,4.8vw,3.5rem);
  max-width:19ch;
  margin:0;
  text-wrap:balance;
}
.phead__h em{
  font-weight:300;font-style:italic;letter-spacing:-.021em;
  background:linear-gradient(transparent 56%, var(--amber-mark) 56%, var(--amber-mark) 95%, transparent 95%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.phead__sub{
  margin:20px 0 0;color:var(--mu);
  font-size:clamp(1rem,1.25vw,1.1rem);max-width:52ch;
}
.sec--flush{padding-top:clamp(24px,3vw,40px)}

/* "see more" link */
.more{margin:clamp(28px,3.4vw,42px) 0 0}
.more a{
  font:700 14.5px/1 var(--sans);
  color:var(--tx);text-decoration:none;
  box-shadow:inset 0 -2px 0 var(--amber);
  padding-bottom:3px;
  transition:box-shadow .16s ease;
}
.more a::after{content:" \2192"}
.more a:hover{box-shadow:inset 0 -8px 0 var(--amber-mark)}

/* audit trace, laid out wide on the process page */
.trace-wide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(26px,4vw,58px);align-items:start}
@media (max-width:860px){.trace-wide{grid-template-columns:1fr}}
.trace-note p{color:var(--mu);font-size:16px}
.trace-note p+p{margin-top:1em}

/* booking page */
.book{display:flex;flex-direction:column;gap:clamp(20px,3vw,34px)}
.book__cal{
  background:var(--raised);border:1px solid var(--line);border-top:2px solid var(--amber);
  padding:clamp(14px,2vw,22px);
}
.book__cal .calendly-inline-widget{max-width:100%}
.book__noscript{color:var(--mu);font-size:14.5px;padding:20px 4px}
.book__noscript a{color:var(--tx);box-shadow:inset 0 -2px 0 var(--amber)}
.book__privacy{margin:14px 4px 2px;font-size:12.5px;line-height:1.5;color:var(--mu-2)}
.book__alt{
  background:var(--raised);border:1px solid var(--line);
  padding:clamp(20px,2.6vw,30px) clamp(24px,3.2vw,40px);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;
}
.book__alt .book__h{font-size:16px;margin:0;flex:0 0 auto}
.book__alt p{color:var(--mu);margin:0;flex:1 1 32ch}
.book__mail{margin:0;flex:0 0 auto}
.book__mail a{
  font-family:var(--display);font-weight:800;
  font-size:1.05rem;letter-spacing:-.026em;
  color:var(--tx);text-decoration:none;
  box-shadow:inset 0 -2px 0 var(--amber);
}
.book__mail a:hover{box-shadow:inset 0 -10px 0 var(--amber-mark)}

.fit__small{
  margin:16px 0 0;
  font-size:14.5px;color:var(--mu-2);
  padding-left:14px;border-left:2px solid var(--amber-line);
}