/* Approved homepage design, kept separate from shared site styling. */
/* New standalone concept; no shared stylesheet or existing preview is changed. */
html[data-font="inter"]{--font:"Inter",sans-serif}
:root{
  --strategy-heading:clamp(40px,5vw,76px);
  --strategy-subhead:clamp(23px,2.15vw,32px);
  --strategy-pad:clamp(56px,7vw,104px);
  --strategy-highlight-pad:3px 8px 5px;
  --benchmark-saved:#173E68;
  --benchmark-height:40px;
}
#top{scroll-margin-top:60px}
.strategy-hero{padding:var(--strategy-pad) var(--gutter) clamp(48px,5vw,72px)}
.strategy-hero__grid{display:grid;gap:32px;align-items:start}
.strategy-hero .h1{font-family:var(--font);font-size:var(--strategy-heading);line-height:1.04;letter-spacing:-.045em;font-weight:580;max-width:20ch;text-wrap:balance}
.strategy-hero__side{min-width:0}
.strategy-hero__promise{font-size:var(--strategy-subhead);line-height:1.18;letter-spacing:-.025em;font-weight:550;color:var(--blue);max-width:26ch;text-wrap:pretty}
.strategy-hero__promise span{display:block}
.strategy-hero .lede{font-size:clamp(17px,1.35vw,19px);line-height:1.6;max-width:52ch;margin-top:24px}
.strategy-hero .hero__actions{margin-top:28px;gap:8px 24px}
.strategy-hero__outcomes{margin-top:40px;font-size:clamp(22px,2.35vw,34px);line-height:1.7;letter-spacing:-.025em;font-weight:500;text-wrap:pretty}
.strategy-hero__outcomes mark{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--on-navy);background:var(--blue);padding:var(--strategy-highlight-pad);white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.strategy-hero+.how .how__head{padding-top:clamp(32px,4vw,56px)}
.benchmarks{background:var(--navy);color:var(--on-navy);padding:clamp(56px,6vw,88px) var(--gutter);scroll-margin-top:60px}
.benchmarks__head{display:grid;gap:16px;align-items:baseline}
.benchmarks__head .h2{font-size:clamp(32px,3.4vw,48px)}
.benchmarks__head>p{font-size:17px;line-height:1.6;color:var(--navy-copy);max-width:44ch;text-wrap:pretty}
.benchmarks__rows{display:grid;gap:36px;margin-top:40px}
.benchmark{display:grid;gap:24px;align-items:center;min-width:0}
.benchmark__statement{min-width:0}
.benchmark__number{font-size:clamp(60px,6vw,88px);line-height:.95;letter-spacing:-.055em;font-weight:500;font-variant-numeric:tabular-nums}
.benchmark__number span{font-size:.64em}
.benchmark h3{font-size:17px;line-height:1.4;letter-spacing:-.01em;font-weight:550;margin-top:12px;text-wrap:pretty}
.benchmark__figure{margin:0;min-width:0}
.benchmark__labels{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px;line-height:1.4;color:var(--navy-copy)}
.benchmark__labels strong{font-weight:550;color:var(--on-navy);font-variant-numeric:tabular-nums}
.benchmark__labels span{text-align:right}
.benchmark__bar{height:var(--benchmark-height);display:flex;background:var(--benchmark-saved)}
.benchmark__used{width:calc(var(--benchmark-used) * 1%);height:100%;flex:none;background:var(--on-navy)}
.benchmark__saved{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1.3;font-weight:550;color:var(--on-navy);white-space:nowrap}
.benchmark__axis{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5;color:var(--navy-copy);margin-top:9px;font-variant-numeric:tabular-nums}
@media(min-width:760px){
  .benchmark{grid-template-columns:minmax(150px,1fr) minmax(0,4fr);gap:40px}
  .benchmark__statement{text-align:right}
  .benchmark h3{max-width:20ch;margin-left:auto}
}
@media(min-width:1050px){
  .strategy-hero__grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(40px,5vw,80px)}
  .strategy-hero__side{padding-top:8px}
  .strategy-hero .h1{max-width:20ch}
  .strategy-hero__outcomes{margin-top:40px}
  .benchmarks__head{grid-template-columns:1fr 1fr;gap:48px}
  .benchmarks__head>p{justify-self:end}
  .benchmark{grid-template-columns:minmax(180px,1fr) minmax(0,4.5fr);gap:48px}
}
@media(min-width:1600px){
  .strategy-hero__grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:104px}
  .strategy-hero__side{max-width:560px;justify-self:end}
  .strategy-hero .h1{max-width:21ch}
}
@media(max-width:479px){
  .strategy-hero .h1{font-size:clamp(38px,10.5vw,48px);line-height:1.05}
  .strategy-hero__grid{gap:28px}
  .strategy-hero__promise{font-size:24px;max-width:25ch}
  .strategy-hero .lede{margin-top:20px}
  .strategy-hero__outcomes{margin-top:32px;font-size:25px;line-height:1.75}
  .strategy-hero .hero__actions{gap:8px 20px;margin-top:24px}
  .benchmarks__rows{gap:32px;margin-top:32px}
  .benchmark{gap:20px}
  .benchmark__statement{display:flex;align-items:center;gap:20px}
  .benchmark__number{font-size:64px;flex:none}
  .benchmark h3{font-size:16px;margin-top:0;max-width:17ch}
  .benchmark__labels{align-items:start;font-size:12px;gap:14px}
  .benchmark__labels>strong{white-space:nowrap}
  .benchmark__labels span{max-width:16ch}
  .benchmark__saved{font-size:13px}
}

/* Standalone navy variant: existing pages and shared styles remain untouched. */
.strategy-preview-navy .strategy-hero{
  background:var(--navy);
  color:var(--on-navy);
  padding-bottom:clamp(64px,7vw,104px);
}
.strategy-preview-navy .strategy-hero .h1{color:var(--on-navy)}
.strategy-preview-navy .strategy-hero__promise{color:#BDDAFF}
.strategy-preview-navy .strategy-hero .lede{color:var(--navy-copy)}
.strategy-preview-navy .strategy-hero .lede+.lede{margin-top:16px}
.strategy-preview-navy .strategy-hero .btn{background:var(--on-navy);color:var(--navy);border-color:var(--on-navy)}
.strategy-preview-navy .strategy-hero .btn:hover{background:#E4ECF7;border-color:#E4ECF7}
.strategy-preview-navy .strategy-hero .text-link{color:var(--on-navy)}
.strategy-preview-navy .strategy-hero :is(a,button):focus-visible{outline-color:#BDDAFF}
.strategy-preview-navy .strategy-hero+.how .how__head{padding-top:clamp(64px,7vw,104px)}
.strategy-preview-navy .audience-choice__head{display:block;margin-bottom:32px}
.strategy-preview-navy .audience-choice__label{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.strategy-preview-navy .how{overflow-anchor:none}
.workflow-viewport{grid-column:1;grid-row:2;min-width:0;overflow-anchor:none}
.workflow-viewport.is-resizing{overflow:clip;transition:height 240ms cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){
  .workflow-viewport.is-resizing{transition:none}
}

/* Separate comparison preview: typography and hero spacing only. */
.strategy-preview-navy-bold{
  --hero-bold-pad-top:clamp(80px,10vw,160px);
  --hero-bold-pad-bottom:clamp(96px,12vw,192px);
  --hero-bold-outcome-gap:clamp(48px,5vw,80px);
  --hero-bold-weight:750;
}
.strategy-preview-navy-bold .strategy-hero{
  padding-top:var(--hero-bold-pad-top);
  padding-bottom:var(--hero-bold-pad-bottom);
}
.strategy-preview-navy-bold .strategy-hero__outcomes{margin-top:var(--hero-bold-outcome-gap)}
.strategy-preview-navy-bold .strategy-hero__outcomes strong{
  font-family:inherit;
  font-weight:var(--hero-bold-weight);
  color:inherit;
}

/* White-framed hero, restored sentence, and restrained movement. */
.strategy-home{
  --hero-bold-pad-top:clamp(48px,6vw,80px);
  --hero-bold-pad-bottom:clamp(32px,3vw,48px);
  --hero-bold-outcome-gap:clamp(32px,3vw,48px);
  --home-review-highlight:#BDDAFF;
  --home-hero-frame:clamp(12px,2vw,32px);
  --home-section-space:clamp(48px,4vw,64px);
  --home-section-height:clamp(480px,38vw,560px);
  --home-section-heading:clamp(32px,3.4vw,48px);
}
.strategy-home .strategy-hero{
  margin:var(--home-hero-frame);
  padding-inline:calc(var(--gutter) - var(--home-hero-frame));
  border-radius:var(--radius);
}
.strategy-home .strategy-hero__footer{margin-top:var(--hero-bold-outcome-gap);align-items:center;row-gap:24px}
.strategy-home .strategy-hero .strategy-hero__outcomes{margin-top:0}
.strategy-home .strategy-hero__footer .hero__actions{margin-top:0}
.strategy-home #top{display:flow-root}
.strategy-home .strategy-review{color:var(--home-review-highlight);font-weight:550}
.strategy-home #how{scroll-margin-top:84px}
.strategy-home .how .step__text{padding-left:var(--gutter)}
.strategy-home .how .step__visual{padding-right:var(--gutter)}
.strategy-home [aria-labelledby="principles"] .row>p{justify-self:start;text-align:left}
@media(min-width:880px){
  .strategy-home [aria-labelledby="principles"]{--principle-copy-start:calc(40vw - var(--gutter) + 16px)}
  .strategy-home [aria-labelledby="principles"] .row{grid-template-columns:minmax(0,var(--principle-copy-start)) minmax(0,1fr);column-gap:0;align-items:start}
  .strategy-home [aria-labelledby="principles"] .row>h3{grid-column:1;grid-row:1}
  .strategy-home [aria-labelledby="principles"] .row>p{grid-column:2;grid-row:1;margin-left:0}
}
@media(min-width:1200px){
  .strategy-home [aria-labelledby="principles"]{--principle-copy-start:calc(36.3636vw - var(--gutter) + 16px)}
}
@media(min-width:1600px){
  .strategy-home [aria-labelledby="principles"]{--principle-copy-start:calc(36.3636vw - var(--gutter) + 32px)}
}
.strategy-home .strategy-hero .text-link{text-decoration-color:rgba(255,255,255,.55)}
.strategy-home .strategy-hero .text-link:hover{color:var(--home-review-highlight);text-decoration-color:currentColor}
@media(prefers-reduced-motion:no-preference){
  html:has(body.strategy-home){scroll-behavior:smooth}
  .strategy-home .strategy-hero .text-link{transition:color 220ms ease-out,text-decoration-color 220ms ease-out}
  .strategy-home .workflow-viewport.is-resizing{transition-duration:360ms}
}
.strategy-home :is(.benchmarks,#company,.audience-choice){padding-block:var(--home-section-space)}
.strategy-home :is(#benchmarks-title,#team-title,#who){
  font-size:var(--home-section-heading);
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:550;
}
.strategy-home :is(#team-title,#who){color:var(--ink)}
.strategy-home #team-title{margin-bottom:16px}
.strategy-home .team__line{font-size:clamp(28px,3vw,40px);max-width:21ch;line-height:1.12}
.strategy-home .team__copy .btn{justify-self:start}
.strategy-home .benchmarks{background:var(--navy);background-image:none;box-shadow:none}
.strategy-home .benchmarks__rows{margin-top:32px;gap:32px}
.strategy-home .benchmark__brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.strategy-home .benchmark__brand img{display:block;width:32px;height:32px;object-fit:contain}
.strategy-home .benchmark__labels>span{color:var(--on-navy)}
.strategy-home .benchmark__brand span{text-align:left;color:var(--on-navy)}
.strategy-home [data-platform-scene="gaps"] .ps-body{--ps-pad:clamp(20px,2vw,32px)}
.strategy-home [data-platform-scene="gaps"] .ps-finding{padding:24px 0}
.strategy-home [data-platform-scene="gaps"] .ps-finding+.ps-finding{margin-top:8px}
.strategy-home [data-platform-scene="gaps"] .ps-finding-head{gap:12px;margin-bottom:12px}
.strategy-home [data-platform-scene="gaps"] .ps-finding>strong{margin-bottom:8px}
.strategy-home [data-platform-scene="gaps"] .ps-evidence-link{margin-top:12px}
@media(min-width:760px){
  .strategy-home .audience-choice__shell{min-height:0}
  .strategy-home .audience-panel{padding:32px clamp(32px,5vw,64px)}
  .strategy-home .audience-panel h3{font-size:clamp(28px,2.6vw,36px)}
}
@media(min-width:1050px){
  .strategy-home :is(.benchmarks,#company,.audience-choice){min-height:var(--home-section-height);display:flex;flex-direction:column}
  .strategy-home .benchmarks__rows{flex:1;align-content:center}
  .strategy-home .team__grid{flex:0 0 auto;align-items:start}
  .strategy-home .audience-choice__shell{flex:1}
}
@media(max-width:479px){
  .strategy-home .benchmark__brand{gap:8px}
  .strategy-home .benchmark__brand img{width:28px;height:28px}
}