:root{
  --navy:#090a0a;
  --navy2:#11100f;
  --navy3:#171411;
  --paper:#f2eee6;
  --paper2:#e8e2d8;
  --ink:#171716;
  --muted:#77736c;
  --light:#f8f4ec;
  --gold:#b77c42;
  --gold2:#e2ad68;
  --line:rgba(38,31,24,.14);
  --line-dark:rgba(226,173,104,.16);
}

body{background:#0a0a09}
.site-header{background:rgba(8,8,7,.96);border-bottom-color:rgba(226,173,104,.14)}
.site-nav a{color:#9c9891}.site-nav a:hover{color:var(--gold2)}

/* Hero follows the product language of the existing flagship pages without changing them. */
.hero{
  min-height:820px;
  background:
    radial-gradient(circle at 76% 50%,rgba(183,124,66,.13),transparent 27%),
    linear-gradient(120deg,#0a0a09 0%,#0e0d0c 62%,#15110e 100%);
  border-bottom:1px solid rgba(226,173,104,.16);
}
.hero::before{
  content:"ADAPTIVE DEVELOPMENT PRODUCT";
  position:absolute;
  left:1.7vw;
  top:50%;
  z-index:3;
  color:#716b64;
  font-size:8px;
  letter-spacing:.26em;
  writing-mode:vertical-rl;
  transform:translateY(-50%);
}
.hero::after{border-color:rgba(226,173,104,.12);right:-205px;top:85px}
.hero-grid-bg{
  background-image:linear-gradient(rgba(226,173,104,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(226,173,104,.08) 1px,transparent 1px);
  opacity:.22;
}
.hero-layout{grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);gap:6vw;padding:100px 0}
.eyebrow{color:#aaa39a;letter-spacing:.28em}
.hero h1{font-size:clamp(54px,5.9vw,90px);line-height:.96;max-width:850px}
.hero h1 span{color:#aaa49b;font-size:clamp(19px,1.7vw,27px);line-height:1.4;max-width:800px}
.hero-lead{color:#99938b;font-size:15px;max-width:780px}
.hero-role{color:#b7a893;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;max-width:800px}
.button-gold{background:linear-gradient(110deg,#955d31,#c98b4f);box-shadow:0 15px 45px rgba(121,72,35,.22)}
.button-ghost{color:#b7b0a7}
.trust-line{color:#77716a}.trust-line i{background:#524b44}

.transformation-stage{
  min-height:520px;
  padding:34px;
  background:rgba(13,12,11,.55);
  border:1px solid rgba(226,173,104,.22);
  box-shadow:none;
  display:flex;
  flex-direction:column;
}
.stage-head{position:relative;z-index:4;color:#8b857e;border-bottom-color:rgba(226,173,104,.12)}
.stage-head span{color:var(--gold2)}
.stage-flow{display:none}
.stage-result{
  order:3;
  width:72%;
  margin:auto auto 0;
  padding:18px 20px;
  background:transparent;
  color:#8e8880;
  border-top:1px solid rgba(226,173,104,.14);
  text-align:center;
}
.stage-result small{color:#6e6862}
.stage-result p{color:#b5aea5;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.stage-orbit{
  position:relative;
  order:2;
  right:auto;
  bottom:auto;
  width:min(360px,72vw);
  height:min(360px,72vw);
  margin:45px auto 25px;
  border:1px solid rgba(226,173,104,.28);
  display:grid;
  place-items:center;
  background:radial-gradient(circle,rgba(183,124,66,.08),transparent 64%);
}
.stage-orbit span{display:none}
.stage-orbit::before{
  position:absolute;
  inset:15%;
  display:grid;
  place-items:center;
  border:1px dashed rgba(226,173,104,.22);
  border-radius:50%;
  color:var(--gold2);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(70px,7vw,112px);
  line-height:1;
}
.stage-orbit::after{
  position:absolute;
  top:30%;
  left:0;
  right:0;
  text-align:center;
  color:#7e776f;
  font-size:9px;
  letter-spacing:.3em;
}
body[data-program$="-201"] .stage-orbit::before{content:"201"}
body[data-program$="-202"] .stage-orbit::before{content:"202"}
body[data-program$="-203"] .stage-orbit::before{content:"203"}
body[data-program^="VM-AI-"] .stage-orbit::after{content:"AI"}
body[data-program^="VM-BIZ-"] .stage-orbit::after{content:"BIZ"}
body[data-program^="VM-FIN-"] .stage-orbit::after{content:"FIN"}
body[data-program^="VM-EDU-"] .stage-orbit::after{content:"EDU"}
body[data-program^="VM-DIG-"] .stage-orbit::after{content:"DIG"}
body[data-program^="VM-ACC-"] .stage-orbit::after{content:"ACC"}

.proof-section{background:#12110f;border-bottom-color:rgba(226,173,104,.12)}
.proof-point{border-color:rgba(226,173,104,.12)}
.proof-point strong{color:#ded7cf}.proof-point span{color:#77716b}
.section-navy,.methodology-section,.request-section{background:#0b0b0a}
.gap-section,.project-section{background:#12100e}
.audience-panel-dark{background:#11100f}
.section-kicker,.audience-index,.project-main>span,.project-deliverables>span,.result-main span,.result-meta span{color:#b9824c}
.section-heading h2 span,.project-section .section-heading h2 span{color:#7f7972}
.gap-dark{background:#0c0c0b}.gap-gold{background:#c99353;color:#16120e}
.change-section{background:#f3eee5}.change-card{background:#faf7f1}
.project-main{background:#0c0c0b}.project-deliverables{background:#f3eee5}
.toolkit{background:#171411}.result-main{background:#171411}
.author-role,.author-label{color:#a96f3c!important}
.request-action{background:#f3eee5}
.site-footer{background:#080807;border-top-color:rgba(226,173,104,.12)}

@media(max-width:1080px){
  .hero-layout{grid-template-columns:1fr;gap:55px}
  .hero-visual{max-width:680px;width:100%}
  .transformation-stage{min-height:480px}
}
@media(max-width:700px){
  .hero{min-height:auto}
  .hero::before{display:none}
  .hero-layout{padding:72px 0}
  .transformation-stage{min-height:410px;padding:24px}
  .stage-orbit{width:270px;height:270px;margin-top:32px}
  .stage-result{width:100%}
}