:root{
    /* Revenue Core look, Oct 31 2026: iron, bone, steel, one signal red */
    --paper:#141518; --surface:#1B1D21; --ink:#ECE9E2; --muted:#A3A7AF;
    --rule:#2E3137; --rule-soft:#24262B; --accent:#ECE9E2; --accent-soft:#1F2126;
    --signal:#D7352B; --steel:#8A8F98; --deep:#0E0F11;
    --display:"Archivo","Helvetica Neue",Arial,sans-serif;
    --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
    color-scheme:dark;
  }
  *{box-sizing:border-box;min-width:0}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);
       font-size:17px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}
  .wrap{max-width:900px;margin:0 auto;padding-inline:20px}

  nav{border-bottom:1px solid var(--rule);background:var(--surface);
      position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
  .navin{max-width:900px;margin:0 auto;padding:0 20px;display:flex;align-items:center;
         justify-content:space-between;gap:12px;min-height:54px;min-width:0}
  .mark{flex:0 0 auto;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.025em;
        cursor:pointer;white-space:nowrap;background:none;border:0;color:inherit;padding:0}
  .mark span{color:var(--accent)}
  .tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:0 1 auto;justify-content:flex-end}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{text-decoration:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
    background:none;border:1px solid transparent;color:var(--muted);padding:6px 9px;border-radius:2px;
    cursor:pointer;white-space:nowrap}
  .tabs a[aria-current="page"]{color:var(--accent);border-color:var(--rule);background:var(--accent-soft)}
  .tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

  @media(max-width:620px){
    .navin{flex-direction:column;align-items:stretch;gap:0;padding:6px 14px 2px;min-height:0}
    .mark{font-size:14px;padding-bottom:2px}
    .tabs{justify-content:space-between;gap:0;overflow-x:visible;padding-bottom:4px}
    .tabs a{padding:5px 3px;font-size:9.5px;letter-spacing:.02em}
  }

  header.hero{padding-block:48px 30px}
  .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
           color:var(--accent);margin-bottom:16px}
  h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,7vw,58px);line-height:1.03;
     letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
  .lede{font-size:clamp(18px,2.5vw,22px);line-height:1.45;max-width:30em;margin:0}
  .lede em{font-style:normal;color:var(--accent);font-weight:600}
  .recordhead{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}
  @media(max-width:620px){.recordhead{grid-template-columns:1fr;gap:20px}
    .portrait{width:120px}}
  .portrait{width:150px;aspect-ratio:1;border-radius:2px;object-fit:cover;
            border:1px solid var(--rule);display:block}
  .intro{display:grid;grid-template-columns:140px 1fr;gap:26px;align-items:center;margin-top:28px}
  .intro .portrait{width:140px}
  @media(max-width:620px){.intro{grid-template-columns:96px 1fr;gap:18px}.intro .portrait{width:96px}}

  .path{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.08em;margin-bottom:14px}

  .metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink);
           border-bottom:1px solid var(--rule);margin-block:38px 0}
  .metric{padding:16px 14px 18px;border-right:1px solid var(--rule-soft)}
  .metric:last-child{border-right:0}
  .metric .v{font-family:var(--mono);font-weight:500;font-size:clamp(14px,1.9vw,20px);
             letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
  .metric .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
             color:var(--muted);margin-top:5px}
  @media(max-width:640px){
    .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .metric .v{font-size:16px;white-space:normal}
    .metric{border-bottom:1px solid var(--rule-soft)}
    .metric:nth-child(2n){border-right:0}
    .metric:last-child{grid-column:1/-1}
  }

  section{padding-block:40px}
  h2{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
     color:var(--muted);margin:0 0 24px;padding-bottom:9px;border-bottom:1px solid var(--rule)}
  .three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
  .two{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
  @media(max-width:720px){.three,.two{grid-template-columns:1fr;gap:26px}}
  .blk h3{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em;margin:0 0 8px}
  .blk p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
  .num{font-family:var(--mono);font-size:11px;color:var(--accent);display:block;margin-bottom:10px}

  .doors{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
  @media(max-width:720px){.doors{grid-template-columns:1fr}}
  .door{text-decoration:none;padding:22px 20px 24px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule-soft);
        display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;
        background:var(--surface);cursor:pointer;text-align:left;font:inherit}
  .door:last-child{border-right:0}
  .door .who{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
  .door .what{font-family:var(--display);font-weight:600;font-size:18px}
  .door .sub{font-size:15px;color:var(--muted);line-height:1.5}
  .door:hover{background:var(--accent-soft)}
  .door .go{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--accent);margin-top:auto;padding-top:14px}
  .door:hover .go{text-decoration:underline}

  .prior{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  @media(max-width:720px){.prior{grid-template-columns:1fr;gap:20px}}
  .prior .co{font-family:var(--display);font-weight:600;font-size:16px;margin-bottom:4px}
  .prior .yr{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.06em;margin-bottom:7px}
  .prior p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}

  .job{border-top:1px solid var(--rule);padding-block:24px}
  .job:first-of-type{border-top:2px solid var(--ink)}
  .jobhead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline;margin-bottom:4px}
  .jobhead h3{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.015em;margin:0}
  .dates{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;white-space:nowrap}
  .role{font-family:var(--display);font-weight:600;font-size:15px;color:var(--accent);margin-bottom:12px}
  ul.bul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}
  ul.bul li{position:relative;padding-left:20px;font-size:16px;line-height:1.55}
  ul.bul li::before{content:"";position:absolute;left:4px;top:.62em;width:5px;height:5px;
                  background:var(--accent);border-radius:50%}
  ul.bul li b{font-weight:600}
  .ctx{color:var(--muted);font-size:15.5px;margin:0 0 14px;line-height:1.5}

  .phase{border-left:2px solid var(--accent);padding:2px 0 2px 20px;margin-bottom:34px}
  .phase .ph{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
             color:var(--accent);margin-bottom:6px}
  .phase h3{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.018em;margin:0 0 10px}
  .phase p{margin:0 0 12px;font-size:16.5px;line-height:1.55}

  .phase p a, .essay p a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--rule)}
  .phase p a:hover, .essay p a:hover{border-bottom-color:var(--accent)}
  .pull{font-family:var(--display);font-weight:600;font-size:clamp(20px,3vw,27px);line-height:1.28;
        letter-spacing:-.018em;margin:34px 0;padding-left:20px;border-left:3px solid var(--accent);
        text-wrap:balance}

  .piece{border-top:1px solid var(--rule);padding:20px 12px 20px 0;display:grid;
         grid-template-columns:auto 1fr;gap:18px;align-items:baseline;
         text-decoration:none;color:inherit}
  a.piece:hover{background:var(--accent-soft);padding-left:12px;padding-right:0}
  a.piece:hover h3{color:var(--accent)}
  a.piece:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  @media(max-width:560px){.piece{grid-template-columns:1fr;gap:6px}}
  .piece .pn{font-family:var(--mono);font-size:11px;color:var(--accent)}
  .piece h3{font-family:var(--display);font-weight:600;font-size:19px;margin:0 0 5px;letter-spacing:-.01em}
  .piece p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.5}

  .essay{padding-block:28px 10px;max-width:34em}
  .essay p{font-size:17.5px;line-height:1.68;margin:0 0 20px}
  .essay p:first-child{font-size:19px}
  .essay ul.bul{margin:0 0 22px}
  .essay ul.bul li{font-size:17px;line-height:1.62}

  .pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--rule);
         padding-top:20px;margin-top:8px}
  @media(max-width:560px){.pager{grid-template-columns:1fr}}
  .pager a{text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:600;
           font-size:16px;line-height:1.35;display:block}
  .pager a.nx{text-align:right}
  @media(max-width:560px){.pager a.nx{text-align:left}}
  .pager a span{display:block;font-family:var(--mono);font-weight:400;font-size:10px;
                letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
  .pager a:hover{color:var(--accent)}

  .offer{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);
         padding:20px 22px;margin-block:30px}
  .offer h3{font-family:var(--display);font-weight:700;font-size:19px;margin:0 0 8px}
  .offer p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}

  .flag{font-family:var(--mono);font-size:11px;line-height:1.65;color:var(--muted);
        border:1px dashed var(--rule);padding:12px 14px;margin-top:26px}
  .flag b{color:var(--accent)}
  .inlink{text-decoration:none;display:inline-block;margin-top:6px;font-family:var(--display);font-weight:600;font-size:16px;background:none;border:0;
    color:var(--accent);cursor:pointer;padding:0;border-bottom:1px solid var(--accent)}

  footer{border-top:1px solid var(--rule);padding-block:28px 42px;margin-top:18px}
  .footnav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}
  .footnav a{text-decoration:none;font-family:var(--display);font-weight:600;font-size:14.5px;background:none;border:0;
    color:var(--accent);cursor:pointer;padding:0;border-bottom:1px solid var(--rule)}
  .footnav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .contact{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px}
  .contact a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--rule)}
  .note{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7}
  .btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;background:var(--accent);color:var(--paper);
       font-family:var(--display);font-weight:600;font-size:15px;text-decoration:none;border-radius:3px}
  .btn:hover{opacity:.9}
  .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .btn2{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;margin-left:8px;border:1px solid var(--accent);color:var(--accent);
        font-family:var(--display);font-weight:600;font-size:15px;text-decoration:none;border-radius:3px;background:transparent}
  .btn2:hover{background:var(--accent-soft)}
  .btn2:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  div.door .go{display:flex;gap:16px;flex-wrap:wrap}
  div.door .go a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--rule);padding-block:6px}
  div.door .go a:hover{border-bottom-color:var(--accent)}
  div.door:hover .go{text-decoration:none}
  .btn,.btn2{margin-bottom:8px}

  /* readability + CTA pass, Sept 26 2026 */
  .tabs a{font-size:11.5px}
  .eyebrow,.path,.num,.prior .yr,.piece .pn,.dates,.phase .ph{font-size:12px}
  .metric .k,.door .who{font-size:11px}
  .door .go{font-size:12px}
  .tabs a.navcta{background:var(--accent);color:var(--paper);border-radius:3px;padding:6px 10px;margin-left:6px}
  .tabs a.navcta:hover{opacity:.9}
  .offer.cta{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .offer.cta h3{color:var(--paper)}
  .offer.cta p{color:var(--paper);opacity:.88}
  .offer.cta .btn{background:var(--paper);color:var(--ink)}
  .offer.cta .btn2{border-color:var(--paper);color:var(--paper)}
  .offer.cta .btn2:hover{background:transparent;opacity:.85}
  @media(max-width:620px){.tabs a{font-size:10.5px}.tabs a.navcta{padding:5px 8px;margin-left:2px}}

.prior p+p{margin-top:8px}

  /* "Three ways to start" on /services, Oct 4 2026 */
  .ways-intro{font-size:16.5px;color:var(--muted);max-width:36em;margin:-6px 0 26px;line-height:1.55}
  .way{border-top:1px solid var(--rule);padding-block:26px 30px}
  .way:first-of-type{border-top:2px solid var(--ink)}
  .wayhead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px}
  .wayhead h3{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.018em;margin:0}
  .waytag{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em}
  .waytag b{font-weight:500;color:var(--accent)}
  .wayline{font-size:17px;line-height:1.5;margin:0 0 20px;max-width:36em}
  .waygrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
  @media(max-width:720px){.waygrid{grid-template-columns:1fr;gap:16px}}
  .waycell .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
  .waycell p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.55}
  .waycell.get{grid-column:1/-1;background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);padding:14px 18px}
  .waycell.get p{color:var(--ink)}
  .waynote{font-family:var(--mono);font-size:11.5px;line-height:1.65;color:var(--muted);border-top:1px solid var(--rule);padding-top:16px;margin-top:4px}

/* Oct 7: align door headings when labels wrap */
@media (min-width:760px){.door .who{display:block;min-height:3.2em}}


/* ===== Revenue Core look, Oct 31 2026 ===== */
.wrap,.navin{max-width:1120px}
.wrap{padding-inline:32px}
@media(max-width:620px){.wrap{padding-inline:20px}}
a{color:var(--ink)}
nav{background:var(--paper);border-bottom:2px solid var(--rule)}
.navin{min-height:72px;padding:0 32px}
.mark{font-weight:900;font-stretch:118%;font-size:20px;letter-spacing:0;text-transform:uppercase}
.mark span{color:var(--signal)}
.tabs a{color:var(--muted);font-size:12.5px;letter-spacing:.12em;padding:8px 10px}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current="page"]{color:var(--ink);background:transparent;border-color:transparent;box-shadow:inset 0 -2px 0 var(--ink);border-radius:0}
.tabs a.navcta{background:var(--ink);color:var(--paper);border-radius:2px;padding:10px 14px;font-weight:500}
@media(max-width:620px){.navin{padding:8px 16px 2px}.tabs a{font-size:10.5px;letter-spacing:.04em}}

header.hero{padding-block:80px 40px}
.eyebrow,.path{color:var(--muted);letter-spacing:.16em;font-size:12.5px}
h1{font-weight:900;font-stretch:112%;text-transform:uppercase;letter-spacing:-.005em;line-height:1.0;font-size:clamp(34px,5.6vw,64px)}
.signal{width:120px;height:6px;background:var(--signal);margin:28px 0 8px}
.lede{color:#C9C6BF}
.lede em{color:var(--ink);font-weight:600}
.portrait{border:2px solid #4A4E56;border-radius:2px}
.intro{grid-template-columns:200px 1fr;gap:36px;margin-top:32px}
.intro .portrait{width:200px}
@media(max-width:620px){.intro{grid-template-columns:110px 1fr;gap:18px}.intro .portrait{width:110px}}
.recordhead{grid-template-columns:180px 1fr}
.recordhead .portrait,.portrait{width:180px}

.metrics{border-top:2px solid var(--rule);border-bottom:2px solid var(--rule);background:var(--deep);margin-block:48px 0}
.metric{padding:24px 18px;border-right:2px solid var(--rule)}
.metric .v{font-size:clamp(16px,2.2vw,26px)}
.metric .k{letter-spacing:.14em}

section{padding-block:72px 24px}
h2{font-weight:900;font-stretch:118%;font-size:clamp(24px,3.2vw,36px);letter-spacing:0;text-transform:uppercase;
   color:var(--ink);border-bottom:2px solid var(--rule);padding-bottom:16px;margin-bottom:32px;line-height:1.05}
.blk h3,.door .what,.prior .co,.jobhead h3,.phase h3,.piece h3,.wayhead h3,.offer h3{font-weight:700;letter-spacing:-.005em}
.num,.door .who,.piece .pn,.phase .ph,.waycell .lbl,.waytag b{color:var(--steel)}
.role{color:var(--ink)}

.doors{border:2px solid var(--rule);border-top:2px solid var(--rule)}
.door{background:transparent;border-bottom:0;border-right:2px solid var(--rule);padding:30px 26px}
.door:hover{background:var(--surface)}
.door .go{color:var(--ink);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:720px){.door{border-right:0;border-bottom:2px solid var(--rule)}.door:last-child{border-bottom:0}}

.prior{border-top:2px solid var(--rule);padding-top:26px}
.prior .yr{color:var(--steel)}
.prior p a{color:var(--ink);border-bottom:1px solid var(--steel);text-decoration:none}

.job{border-top:2px solid var(--rule)}
.job:first-of-type{border-top:2px solid var(--ink)}
ul.bul li::before{background:var(--steel);border-radius:0;width:6px;height:6px}
.phase{border-left:2px solid var(--steel)}
.pull{border-left:4px solid var(--signal);color:var(--ink)}
.phase p a,.essay p a{color:var(--ink);border-bottom:1px solid var(--steel)}
.phase p a:hover,.essay p a:hover{border-bottom-color:var(--ink)}
.piece{border-top:2px solid var(--rule)}
a.piece:hover{background:var(--surface)}
a.piece:hover h3{color:var(--ink)}
.essay{max-width:38em}
.pager{border-top:2px solid var(--rule)}
.pager a:hover{color:var(--muted)}

.offer{background:var(--surface);border:2px solid var(--rule);border-left:4px solid var(--steel);border-radius:0}
.offer.cta{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.offer.cta h3,.offer.cta p{color:var(--paper)}
.offer.cta .btn{background:var(--paper);color:var(--ink)}
.offer.cta .btn2{border-color:var(--paper);color:var(--paper)}
.waycell.get{border:2px solid var(--rule);border-left:4px solid var(--steel)}
.flag{border:2px dashed var(--rule)}
.flag b,.inlink{color:var(--ink)}
.inlink{border-bottom-color:var(--steel)}

.btn{background:var(--ink);color:var(--paper);border-radius:2px;font-family:var(--mono);font-weight:500;
     font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;min-height:48px}
.btn2{border:2px solid #4A4E56;color:var(--ink);border-radius:2px;font-family:var(--mono);font-weight:500;
      font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;min-height:48px}
.btn2:hover{background:var(--surface)}

footer{border-top:2px solid var(--rule);padding-block:40px 56px;margin-top:56px}
.footnav a{color:var(--ink);font-family:var(--mono);font-weight:500;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;border-bottom:0}
.footnav a:hover{color:var(--muted)}
.contact a{color:#C9C6BF;border-bottom:1px solid var(--rule)}
.contact a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px}
.mark{text-decoration:none}
.portrait,.intro .portrait,.recordhead .portrait{height:auto;aspect-ratio:1/1}
.intro .portrait{width:200px}
@media(max-width:620px){.intro .portrait{width:110px}}
.prior{border-top:0;padding-top:0}