/* Scoped to v3. Shared components retain their established visual language. */
body.combined-design .problem-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.combined-design .problem-group{min-width:0;border:1px solid #73ccef35;border-left:2px solid #e67e22;padding:14px;background:#10202d}
body.combined-design .problem-group>.expertise-detail{margin:0;border:0}
body.combined-design .problem-group>.expertise-detail>summary{font:600 20px/1.25 var(--font-heading);padding:12px 40px 12px 0!important}
body.combined-design #solve .problem-group .problem-grid{grid-template-columns:1fr!important;gap:12px}
body.combined-design #solve .problem-grid article{padding:14px;border-left:0;border-top:1px solid #ffffff20;background:transparent}
body.combined-design #solve .problem-link{opacity:1!important}
body.combined-design .group-description{font-size:14px;color:#b9cbd8}
body.combined-design .architecture-note{max-width:850px;margin:0 0 28px;font-size:16px;line-height:1.6;color:#435767}
body.combined-design #how .synthesis-process{align-items:start}
body.combined-design .synthesis-process .synthesis-drawer{margin-top:10px;width:100%;border-top:1px solid #14253622}
body.combined-design .synthesis-process summary{font-size:14px!important;padding:12px 32px 12px 0!important}
body.combined-design .synthesis-process .expertise-detail li{font-size:14px!important}
body.combined-design .synthesis-process .expertise-detail li strong{font-weight:500}
body.combined-design .micro-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:24px 0}
body.combined-design .micro-flow li{display:flex;flex-direction:column;gap:8px;border-top:2px solid #73ccef;padding:14px 0;min-width:0}
body.combined-design .micro-flow svg{width:24px;height:24px;color:#73ccef}
body.combined-design .micro-flow strong{font:500 16px/1.3 var(--font-heading)}
body.combined-design .micro-flow small{font:300 12px/1.45 var(--font-body);color:#b9cbd8}
body.combined-design .platform-logos{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin:24px 0}
body.combined-design .platform-mark{display:flex;align-items:center;gap:8px;color:inherit;font:400 12px/1.3 var(--font-heading);min-height:32px}
body.combined-design .platform-mark img{filter:invert(1);width:24px;height:24px;object-fit:contain}
body.combined-design .ia-light .platform-mark img{filter:none}
body.combined-design .vertical-tab-panels .platform-mark img{filter:invert(1)}
body.combined-design .vertical-tab-panels .platform-mark{color:#fff}
body.combined-design .ai-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.combined-design .ai-use-grid article{padding:22px;border:1px solid #ffffff20;background:#10202d}
body.combined-design .ai-use-grid svg{width:28px;height:28px;color:#73ccef}
html body.combined-design .ai-use-grid h3{font:600 20px/1.3 var(--font-heading)!important;margin:14px 0 8px}
body.combined-design .ai-use-grid p{font-size:14px;line-height:1.6;margin:0;color:#b9cbd8}
body.combined-design .ai-feedback-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0;padding:24px 0;border-top:1px solid #73ccef40;border-bottom:1px solid #73ccef40}
body.combined-design .ai-feedback-loop>span{display:flex;align-items:center;gap:10px;font:500 16px/1.3 var(--font-heading);position:relative}
body.combined-design .ai-feedback-loop>span:not(:nth-child(4)):after{content:'›';margin-left:auto;color:#e67e22}
body.combined-design .ai-feedback-loop svg{width:24px;height:24px;color:#73ccef;flex-shrink:0}
body.combined-design .ai-feedback-loop small{grid-column:1/-1;color:#9fb5c4;font-size:12px}
body.combined-design .synthesis-ai>.wrap>.synthesis-drawer{border-top:0}
body.combined-design .synthesis-ai .ai-method ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.combined-design .synthesis-ai .ai-method li{display:block;padding:16px 0}
body.combined-design .synthesis-ai .ai-method li>span{display:block;margin-bottom:12px}
body.combined-design .synthesis-ai .ai-method-stamp{font-size:16px}
body.combined-design .ai-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 0}
body.combined-design .ai-channel-grid>span{display:flex;align-items:center;gap:10px;font:400 14px/1.4 var(--font-heading)}
body.combined-design .ai-channel-grid svg{width:22px;height:22px;color:#73ccef}
body.combined-design .platform-note{font-size:12px!important;color:#94aabd}
body.combined-design .synthesis-team{border-top:1px solid #ffffff20}
@media(max-width:900px){
 body.combined-design .problem-group-grid,body.combined-design .ai-use-grid{grid-template-columns:1fr}
 body.combined-design .micro-flow,body.combined-design .ai-channel-grid,body.combined-design .synthesis-ai .ai-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:699px) and (orientation:portrait){
 body.combined-design .ai-feedback-loop,body.combined-design .synthesis-ai .ai-method ol{grid-template-columns:1fr}
 body.combined-design .ai-feedback-loop>span:not(:nth-child(4)):after{content:none}
 body.combined-design .ai-use-grid article{padding:18px}
 body.combined-design .platform-logos{gap:14px}
}


/* V3 review rebuild — isolated overrides */
body.combined-design{
  --v3-blue:#73ccef;
  --v3-orange:#ff9a45;
  --v3-dark:#07111d;
  --v3-ink:#132536;
  --v3-body:var(--font-body);
  background:#07111d;
}
body.combined-design .parallax-scene::before{
  position:fixed!important;
  inset:-10vh -5vw!important;
  background-image:url("/assets/optio-abstract-parallax.webp")!important;
  background-size:cover!important;
  background-position:center var(--parallax-y,34%)!important;
  opacity:.72!important;
  filter:saturate(.86) contrast(1.12)!important;
  transform:scale(1.08)!important;
}
body.combined-design main>.ia-section{min-height:0!important;margin:0!important;padding:clamp(72px,8vw,112px) 0!important;position:relative}
body.combined-design main>.ia-dark{background:rgba(5,16,29,.82)!important;color:#fff!important}
body.combined-design main>.ia-light,
body.combined-design main>.ia-work{background:rgba(250,252,255,.91)!important;color:var(--v3-ink)!important}
body.combined-design main>.ia-section::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:linear-gradient(90deg,transparent 0 8%,currentColor 8% calc(8% + 1px),transparent calc(8% + 1px) 92%,currentColor 92% calc(92% + 1px),transparent calc(92% + 1px));
}
body.combined-design main>.ia-section>.wrap{position:relative;z-index:1}

/* Desktop navigation: click-only behavior is enforced in content-model.js. */
@media(min-width:901px){
  body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - 64px))!important;gap:18px!important}
  body.combined-design .nav .brand{margin:0 auto 0 0!important}
  body.combined-design .global-nav{gap:clamp(8px,1.2vw,18px)!important}
  body.combined-design .global-nav-label{
    position:relative!important;padding:12px 2px 10px!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:inherit!important;
    font-family:var(--font-body)!important;font-size:12px!important;font-weight:100!important;
    letter-spacing:.12em!important;text-transform:uppercase!important;
  }
  body.combined-design .global-nav-label::after{
    content:"";position:absolute;left:50%;right:50%;bottom:5px;height:1px;background:currentColor;
    transition:left .24s ease,right .24s ease;
  }
  body.combined-design .global-nav-label:hover::after,
  body.combined-design .global-nav-label:focus-visible::after,
  body.combined-design .global-nav-label[aria-expanded=true]::after{left:0;right:0}
  body.combined-design .global-nav-label:hover,
  body.combined-design .global-nav-label:focus-visible,
  body.combined-design .global-nav-label[aria-expanded=true]{background:transparent!important;color:inherit!important}
}
body.combined-design .nav{color:#fff;background:rgba(4,12,22,.2)!important;backdrop-filter:blur(12px) saturate(120%)}
body.combined-design .nav.scrolled{background:rgba(4,12,22,.74)!important;border-color:rgba(255,255,255,.16)!important}
body.combined-design .nav.on-light{color:#142536;background:rgba(255,255,255,.52)!important;border-color:rgba(20,37,54,.14)!important}
body.combined-design .nav.on-light.scrolled{background:rgba(255,255,255,.84)!important}
body.combined-design .nav .brand .optio-wordmark{color:currentColor!important}
body.combined-design .command-trigger{border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;padding:8px 0!important}
body.combined-design .command-trigger strong{color:inherit!important}

/* One close convention everywhere. */
body.combined-design :is(.bento-close,.command-close,.team-dialog-close,.profile-close){
  width:36px!important;height:36px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:inherit!important;font-size:0!important;line-height:1!important;box-shadow:none!important;
}
body.combined-design :is(.bento-close,.command-close,.team-dialog-close,.profile-close)::before{
  content:"X";font-family:var(--font-body);font-size:24px;font-weight:300;line-height:1;
}

/* Hero composition and uninterrupted word carousel. */
body.combined-design .hero-grid{display:block!important}
body.combined-design .hero-copy{
  width:100%!important;max-width:none!important;display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  grid-template-rows:auto auto auto auto!important;column-gap:clamp(44px,7vw,112px)!important;
  align-items:center!important;
}
body.combined-design .hero-copy>.eyebrow{grid-column:1/-1;grid-row:1;margin-bottom:20px!important}
body.combined-design .hero-copy>h1{grid-column:1;grid-row:2;margin:0!important;width:100%!important}
body.combined-design .discipline-carousel{
  grid-column:1;grid-row:3;width:100%!important;max-width:none!important;margin:36px 0 0!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body.combined-design .discipline-wheel{height:170px!important;position:relative!important;overflow:visible!important;touch-action:pan-y!important}
body.combined-design .discipline-card{
  position:absolute!important;left:50%!important;top:50%!important;display:block!important;white-space:nowrap!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  font-family:"Courier Prime",monospace!important;font-size:clamp(12px,1.25vw,18px)!important;font-weight:200!important;
  letter-spacing:.02em!important;color:#fff!important;opacity:.34;transform-origin:center!important;will-change:transform,opacity,color;
}
body.combined-design .discipline-card.is-front{color:var(--v3-blue)!important;opacity:1!important}
body.combined-design .hero-message-group{
  grid-column:2;grid-row:2/4;align-self:center!important;max-width:560px!important;margin:0!important;
  border-left:2px solid var(--v3-orange)!important;padding-left:24px!important;
}
body.combined-design .hero-statement{font-size:clamp(21px,2.1vw,32px)!important;line-height:1.35!important;text-wrap:balance!important;margin:0!important}
body.combined-design .hero-copy>.actions{grid-column:1;grid-row:4;margin-top:20px!important}
body.combined-design .hero-side{display:none!important}

/* Consistent action buttons. */
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.contact-form button[type=submit],.command-input-row button){
  min-height:0!important;padding:8px 20px!important;border-radius:4px!important;
  font-family:var(--font-body)!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;
  backdrop-filter:blur(12px) saturate(135%)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 24px rgba(0,0,0,.1)!important;
}
body.combined-design .ia-dark :is(.btn,.contact-form button[type=submit]),
body.combined-design .hero :is(.btn,.nav-cta){
  color:#fff!important;background:rgba(5,13,23,.46)!important;border:1px solid rgba(255,255,255,.82)!important;
}
body.combined-design :is(.ia-light,.ia-work) :is(.btn,.contact-form button[type=submit]){
  color:#172838!important;background:rgba(255,255,255,.74)!important;border:1px solid #65717c!important;
}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta)::after{content:none!important}
body.combined-design :is(.text-link,.discuss-link,.audience-link,.early-proof>a){
  display:inline-flex!important;align-items:center!important;gap:.45em!important;padding:5px 0!important;border:0!important;background:transparent!important;
  color:var(--v3-blue)!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:400!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;transition:color .18s,transform .12s!important;
}
body.combined-design :is(.ia-light,.ia-work) :is(.text-link,.discuss-link,.audience-link,.early-proof>a){color:#0879b7!important}
body.combined-design :is(.text-link,.discuss-link,.audience-link,.early-proof>a)::after{content:"›";font-size:1.35em;line-height:.75}
body.combined-design :is(.text-link,.discuss-link,.audience-link,.early-proof>a):hover{color:var(--v3-orange)!important}
body.combined-design :is(.text-link,.discuss-link,.audience-link,.early-proof>a):active{transform:translateY(2px)!important}

/* What We Solve — three entry tabs, one full-width reading panel. */
body.combined-design .solve-switcher{margin-top:34px}
body.combined-design .solve-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-bottom:1px solid rgba(255,255,255,.22)}
body.combined-design .solve-tab{
  position:relative;text-align:left;padding:20px 22px 18px;border:0;border-top:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.025);color:#fff;font-family:var(--font-body);cursor:pointer;
}
body.combined-design .solve-tab strong{display:block;font-size:20px;font-weight:500;line-height:1.25}
body.combined-design .solve-tab small{display:block;margin-top:9px;font-size:12px;font-weight:300;line-height:1.5;color:#c9d7e4}
body.combined-design .solve-tab::after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:var(--v3-blue);transition:.2s}
body.combined-design .solve-tab:is(:hover,:focus-visible,[aria-selected=true]){background:rgba(115,204,239,.08);color:var(--v3-blue)}
body.combined-design .solve-tab[aria-selected=true]::after{left:0;right:0}
body.combined-design .solve-panel{padding:30px 0 0}
body.combined-design .solve-panel[hidden]{display:none}
body.combined-design .solve-panel.is-entering{animation:v3-panel-in .28s ease both}
body.combined-design .solve-panel .problem-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
body.combined-design .solve-panel .problem-grid article{min-height:0!important;padding:22px!important;background:rgba(255,255,255,.045)!important}
body.combined-design .solve-panel .problem-grid .panel-title{font-size:18px!important;font-weight:500!important}

/* How We Work — architecture rail and focused stage detail. */
body.combined-design .work-architecture{margin-top:36px}
body.combined-design .work-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body.combined-design .work-rail::before{content:"";position:absolute;left:8%;right:8%;top:29px;height:1px;background:linear-gradient(90deg,var(--v3-blue),var(--v3-orange))}
body.combined-design .work-stage{
  position:relative;z-index:1;padding:0 8px 16px;border:0;background:transparent;color:var(--v3-ink);
  text-align:left;font-family:var(--font-body);cursor:pointer;
}
body.combined-design .work-stage>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid #8294a3;font-size:12px;transition:.2s}
body.combined-design .work-stage strong{display:block;margin-top:16px;font-size:20px;font-weight:500}
body.combined-design .work-stage small{display:block;margin-top:6px;font-size:12px;font-weight:300;line-height:1.45}
body.combined-design .work-stage:is(:hover,:focus-visible,[aria-selected=true])>span{color:#fff;background:var(--v3-blue);border-color:var(--v3-blue);box-shadow:0 0 0 7px rgba(46,134,193,.12)}
body.combined-design .work-stage[aria-selected=true] strong{color:#0879b7}
body.combined-design .work-detail{
  margin-top:22px;padding:28px;border:1px solid rgba(20,37,54,.2);border-left:3px solid var(--v3-blue);
  background:rgba(255,255,255,.62);min-height:170px;
}
body.combined-design .work-detail.is-entering{animation:v3-panel-in .28s ease both}
body.combined-design .work-detail h3{font-size:20px!important;font-weight:500!important;margin:0 0 8px}
body.combined-design .work-detail>p{font-size:14px!important;max-width:820px}
body.combined-design .work-detail ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin:22px 0 0;padding:0;list-style:none}
body.combined-design .work-detail li{font-size:12px!important;line-height:1.5;padding-left:18px;position:relative}
body.combined-design .work-detail li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border:1px solid var(--v3-orange);transform:rotate(45deg)}
body.combined-design .work-detail li::before{content:none}
body.combined-design .work-detail li{display:flex;align-items:flex-start;gap:12px;padding-left:0!important}
body.combined-design .work-detail li>.panel-icon{width:22px;height:22px;flex:none;margin-top:2px;color:var(--v3-orange)}

/* Expertise — slim rails, no button blocks. */
body.combined-design #capabilities .adaptive-tabs{display:grid!important;grid-template-columns:minmax(230px,330px) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px)!important;margin-top:34px}
body.combined-design #capabilities .vertical-tab-list{display:flex!important;flex-direction:column!important;gap:0!important;background:transparent!important;border:0!important}
body.combined-design #capabilities .vertical-tab-list [role=tab]{
  position:relative!important;width:100%!important;padding:14px 44px 14px 18px!important;border:0!important;border-left:1px solid var(--v3-blue)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#dfeaf3!important;
  text-align:left!important;font-family:var(--font-body)!important;font-size:14px!important;font-weight:300!important;line-height:1.25!important;
}
body.combined-design #capabilities .vertical-tab-list [role=tab]::after{content:"›"!important;position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.35em;line-height:1}
body.combined-design #capabilities .vertical-tab-list [role=tab]:is(:hover,:focus-visible,[aria-selected=true]){
  color:var(--v3-blue)!important;background:linear-gradient(90deg,rgba(115,204,239,.12),transparent)!important;border-left-width:3px!important;padding-left:16px!important;
}
body.combined-design #capabilities .vertical-tab-panels{padding:0!important;background:transparent!important;border:0!important}
body.combined-design #capabilities .vertical-tab-panels>[role=tabpanel]:not([hidden]){animation:v3-panel-in .3s ease both}
@keyframes v3-panel-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

/* Who + engagement hybrid. */
body.combined-design .who-engage{margin-top:32px;padding-top:26px;border-top:1px solid rgba(20,37,54,.18)}
body.combined-design .who-engage-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:end;margin-bottom:18px}
body.combined-design .who-engage-head h3{font-size:20px!important;font-weight:500!important;margin:0}
body.combined-design .who-engage-head p{margin:0;font-size:13px!important}
body.combined-design .who-engage .engagement-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.combined-design .who-engage .engagement-list details{border:1px solid rgba(20,37,54,.18);background:rgba(255,255,255,.46)}
body.combined-design .who-engage .engagement-list summary{min-height:100%;padding:18px 42px 18px 18px!important}
body.combined-design .who-engage .engagement-list summary strong{font-size:18px!important;font-weight:500!important}
body.combined-design .who-engage .engagement-list summary small{font-size:12px!important}
body.combined-design .who-engage .engagement-list details>div{padding:0 18px 18px!important}
body.combined-design #engage{display:none!important}

/* Platform marks, proof logo balance, and AI flow. */
body.combined-design .platform-mark img{width:auto!important;height:28px!important;max-width:116px!important;object-fit:contain!important;filter:invert(1) grayscale(1)!important}
body.combined-design .principal-proof .agency-logo img[alt="Adify"]{width:min(94%,270px)!important;max-height:78px!important}
body.combined-design .principal-proof .agency-logo img[alt="Euroflex"],
body.combined-design .principal-proof .agency-logo img[alt="Charlotte’s Web"]{width:min(68%,190px)!important;max-height:62px!important}
body.combined-design .sphere-motion-controls>span{display:none!important}
body.combined-design .ai-feedback-loop{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
  width:fit-content!important;max-width:100%!important;margin:34px auto!important;padding:0!important;gap:0!important;
}
body.combined-design .ai-feedback-loop>span{display:flex;align-items:center;gap:8px;font-size:16px!important;font-weight:400!important;white-space:nowrap}
body.combined-design .ai-feedback-loop>span:not(:last-of-type)::after{content:"›";font-size:34px;line-height:1;margin:0 clamp(12px,2vw,28px);color:var(--v3-blue)}
body.combined-design .ai-feedback-loop>small{flex:0 0 100%;text-align:center;margin-top:12px;font-size:12px!important}

/* No copy shrinks below the requested floor. */
body.combined-design main :is(p,li,dd,dt,small){font-family:var(--font-body);font-size:max(12px,var(--local-size,12px))}

@media(max-width:900px){
  body.combined-design .hero-copy{grid-template-columns:1fr!important}
  body.combined-design .hero-copy>.eyebrow{grid-column:1;grid-row:1}
  body.combined-design .hero-copy>h1{grid-column:1;grid-row:2}
  body.combined-design .discipline-carousel{grid-column:1;grid-row:3;margin-top:32px!important}
  body.combined-design .hero-message-group{grid-column:1;grid-row:4;margin-top:18px!important;max-width:680px!important}
  body.combined-design .hero-copy>.actions{grid-column:1;grid-row:5}
  body.combined-design .solve-tabs{grid-template-columns:1fr}
  body.combined-design .solve-panel .problem-grid{grid-template-columns:1fr!important}
  body.combined-design .work-rail{grid-template-columns:repeat(2,1fr);gap:22px}
  body.combined-design .work-rail::before{display:none}
  body.combined-design #capabilities .adaptive-tabs{grid-template-columns:1fr!important}
  body.combined-design .who-engage .engagement-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  body.combined-design main>.ia-section{padding:64px 0!important}
  body.combined-design .discipline-wheel{height:150px!important}
  body.combined-design .discipline-card{font-size:12px!important}
  body.combined-design .work-rail{grid-template-columns:1fr}
  body.combined-design .work-detail ul{grid-template-columns:1fr}
  body.combined-design .who-engage-head{grid-template-columns:1fr}
  body.combined-design .ai-feedback-loop{display:grid!important;justify-items:start!important}
  body.combined-design .ai-feedback-loop>span:not(:last-of-type)::after{content:none}
}


/* Live rendered QA corrections. */
body.combined-design .command-launcher{
  display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;
  font-family:var(--font-body)!important;text-transform:uppercase!important;
}
body.combined-design .command-launcher strong{display:inline!important;color:inherit!important;font-size:12px!important;font-weight:300!important;letter-spacing:.08em!important}
body.combined-design .command-launcher span{display:inline!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;padding:0!important}
body.combined-design .hero-copy{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
body.combined-design .hero-statement{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.4!important}
@media(max-width:900px){body.combined-design .hero-copy{grid-template-columns:1fr!important}}


/* Final live QA: command label and generated engagement tab surface. */
body.combined-design .command-launcher strong{opacity:1!important;transform:none!important}
body.combined-design .who-engage>.engagement-list[hidden]{display:none!important}
body.combined-design .who-engage>.adaptive-tabs{display:block!important;margin-top:18px!important}
body.combined-design .who-engage .vertical-tab-list{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;
  background:rgba(20,37,54,.16)!important;border:1px solid rgba(20,37,54,.14)!important;
}
body.combined-design .who-engage .vertical-tab-list [role=tab]{
  min-height:76px!important;padding:14px 34px 14px 14px!important;border:0!important;border-radius:0!important;
  background:rgba(255,255,255,.82)!important;color:var(--v3-ink)!important;text-align:left!important;
  font-family:var(--font-body)!important;font-size:12px!important;font-weight:400!important;line-height:1.35!important;
}
body.combined-design .who-engage .vertical-tab-list [role=tab]::after{
  content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#0879b7;
}
body.combined-design .who-engage .vertical-tab-list [role=tab]:is(:hover,:focus-visible,[aria-selected=true]){
  background:#0c2133!important;color:#fff!important;
}
body.combined-design .who-engage .vertical-tab-panels{
  margin-top:1px!important;padding:22px!important;border:1px solid rgba(20,37,54,.16)!important;background:rgba(255,255,255,.72)!important;
}
body.combined-design .who-engage .vertical-tab-panels>[role=tabpanel]:not([hidden]){animation:v3-panel-in .28s ease both}
@media(max-width:900px){body.combined-design .who-engage .vertical-tab-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body.combined-design .who-engage .vertical-tab-list{grid-template-columns:1fr!important}}

body.combined-design .btn>span[aria-hidden="true"]{display:none!important}

/* V3 kinetic hero direction. */
body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - 64px))!important;max-width:var(--wrap)!important}
body.combined-design .hero{
  background:radial-gradient(circle at 50% 42%,rgba(58,174,225,.18),transparent 30%),linear-gradient(135deg,#071827 0%,#0b2033 52%,#151a25 100%)!important;
}
body.combined-design .hero-grid{min-height:100svh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(var(--nav) + 30px) 0 62px!important}
body.combined-design .hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;max-width:1100px!important;text-align:center!important}
body.combined-design .hero-copy>.eyebrow{color:#a4e5ff!important;margin-bottom:20px!important}
body.combined-design .kinetic-title{display:flex!important;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:.2em;width:auto!important;max-width:none!important;margin:0!important}
body.combined-design .kinetic-title>span{display:inline-block;color:#f5f9fc!important;animation:v3-kinetic-in .9s cubic-bezier(.2,.8,.2,1) both}
body.combined-design .kinetic-title>span:nth-child(2){animation-delay:.14s}
body.combined-design .kinetic-title>.kinetic-accent{color:var(--v3-orange)!important;animation-delay:.28s;text-shadow:0 0 28px rgba(240,138,44,.16)}
@keyframes v3-kinetic-in{from{opacity:0;transform:translateY(.5em) skewX(-8deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
body.combined-design .discipline-carousel{width:min(820px,100%)!important;margin:24px auto 8px!important;border:0!important}
body.combined-design .discipline-wheel{height:128px!important}
body.combined-design .discipline-card{border:0!important;box-shadow:none!important;background:transparent!important}
body.combined-design .discipline-card.is-front{color:#a7e8ff!important;text-shadow:0 0 22px rgba(84,196,239,.32)}
body.combined-design .hero-message-group{width:min(760px,100%)!important;max-width:760px!important;margin:0 auto!important;padding:0!important;border:0!important;text-align:center!important}
body.combined-design .hero-typecopy{min-height:3.4em!important;margin:0!important;color:#f4f8fb!important;font:300 clamp(16px,1.45vw,22px)/1.5 "Open Sans",sans-serif!important;letter-spacing:.01em!important}
body.combined-design .type-cursor{display:inline-block;width:1px;height:1.1em;margin-left:4px;vertical-align:-.18em;background:#a4e5ff;animation:v3-type-blink 1s steps(1) infinite}
@keyframes v3-type-blink{50%{opacity:0}}
body.combined-design .hero-kpis{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:9px;width:min(700px,100%);margin:22px auto 0}
body.combined-design .hero-kpis>div{padding:11px 10px;border-top:1px solid rgba(145,217,246,.28);background:rgba(4,19,32,.25);text-align:left}
body.combined-design .hero-kpis span{display:block;color:#a4e5ff;font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.14em}
body.combined-design .hero-kpis strong{display:block;margin:5px 0 2px;color:#fff;font:300 clamp(22px,2.5vw,34px)/1 "Open Sans",sans-serif}
body.combined-design .hero-kpis small{color:#9db0bf;font:300 10px/1.25 "Open Sans",sans-serif}
body.combined-design .hero-copy>.actions{margin-top:22px!important}
body.combined-design .hero .hero-kinetic-btn{position:relative!important;overflow:visible!important;padding:10px 40px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#a4e5ff!important;font:200 13px/1.2 "Open Sans",sans-serif!important;box-shadow:none!important}
body.combined-design .hero .hero-kinetic-btn::before{content:""!important;position:absolute;inset:0;border:1px solid rgba(164,229,255,.78);border-radius:inherit;opacity:0;transition:opacity .2s}
body.combined-design .hero .hero-kinetic-btn::after{content:""!important;position:absolute;top:-3px;right:10px;width:5px;height:5px;border-radius:50%;background:#a4e5ff;box-shadow:0 0 10px #a4e5ff;opacity:0;offset-path:inset(0 round 999px);offset-distance:0%}
body.combined-design .hero .hero-kinetic-btn:is(:hover,:focus-visible)::before{opacity:1}
body.combined-design .hero .hero-kinetic-btn:is(:hover,:focus-visible)::after{opacity:1;animation:v3-button-orbit 1.8s linear infinite}
body.combined-design .hero .hero-kinetic-btn.is-activating{background:linear-gradient(90deg,transparent,rgba(84,196,239,.46),transparent)!important;background-size:220% 100%!important;animation:v3-button-forward .65s ease-out}
@keyframes v3-button-orbit{to{offset-distance:100%}}
@keyframes v3-button-forward{from{background-position:120% 0}to{background-position:-20% 0}}
@media(max-width:700px){
  body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - 34px))!important}
  body.combined-design .hero-grid{padding:calc(var(--nav) + 18px) 0 46px!important}
  body.combined-design .discipline-wheel{height:106px!important}
  body.combined-design .hero-typecopy{min-height:5em!important;font-size:16px!important}
  body.combined-design .hero-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){
  body.combined-design .kinetic-title>span,body.combined-design .type-cursor,body.combined-design .hero .hero-kinetic-btn::after,body.combined-design .hero .hero-kinetic-btn.is-activating{animation:none!important}
}

/* Staging refinement: exact header alignment, V2 command launcher, and device command center. */
@media(min-width:901px){
  body.combined-design .nav-inner{
    box-sizing:border-box!important;width:min(var(--wrap),calc(100% - 64px))!important;max-width:var(--wrap)!important;
    margin-inline:auto!important;padding-inline:0!important;
  }
  body.combined-design .nav .brand{margin-left:0!important;justify-self:start!important;transform:none!important}
  body.combined-design .global-nav-label::after{background:#8dddff!important;height:2px!important}
  body.combined-design .global-nav-label:is(:hover,:focus-visible,[aria-expanded=true]){color:#fff!important}
  body.combined-design .nav-right #commandLauncher{
    display:grid!important;grid-template-columns:1fr 32px!important;align-items:center!important;width:180px!important;min-height:44px!important;
    padding:6px 0 6px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#fff!important;gap:10px!important;
  }
  body.combined-design .nav.on-light .nav-right #commandLauncher{color:#142536!important}
  body.combined-design .nav-right #commandLauncher>strong{
    display:block!important;grid-column:1!important;grid-row:1!important;margin:0!important;color:inherit!important;
    font:400 13px/1.3 var(--font-body)!important;text-align:right!important;white-space:nowrap!important;
    opacity:0!important;transform:translateX(6px)!important;transition:opacity .2s ease,transform .2s ease!important;
  }
  body.combined-design .nav-right #commandLauncher:is(:hover,:focus-visible)>strong{opacity:1!important;transform:none!important}
  body.combined-design .nav-right #commandLauncher>span{
    display:grid!important;place-items:center!important;grid-column:2!important;grid-row:1!important;width:32px!important;height:32px!important;
    border-radius:8px!important;background:linear-gradient(135deg,#59b9ee,#f28a2c)!important;color:#07111e!important;font-size:18px!important;font-weight:800!important;
  }
}

body.combined-design .command-center-showcase{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,1fr);align-items:center;gap:clamp(28px,4vw,58px);
  margin:44px 0;padding:clamp(24px,3.5vw,48px);border:1px solid rgba(120,205,242,.2);border-radius:22px;
  background:linear-gradient(135deg,rgba(6,13,23,.98),rgba(11,25,40,.94));overflow:hidden;
}
body.combined-design .command-device-stage{position:relative;min-height:clamp(330px,35vw,470px)}
body.combined-design .device-imac{position:absolute;left:0;top:0;width:82%;filter:drop-shadow(0 24px 34px rgba(0,0,0,.45))}
body.combined-design .device-imac-screen{aspect-ratio:16/10;padding:9px;border:2px solid #7a8791;border-radius:14px;background:linear-gradient(145deg,#d8dde0,#68737b 10%,#111820 12%);overflow:hidden}
body.combined-design .device-imac>i{display:block;width:13%;height:54px;margin:auto;background:linear-gradient(90deg,#74818a,#d9dee1 50%,#6b777f);clip-path:polygon(36% 0,64% 0,78% 100%,22% 100%)}
body.combined-design .device-imac>b{display:block;width:25%;height:7px;margin:-1px auto 0;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#68747c,#dce1e4 50%,#66727a)}
body.combined-design .device-ipad{position:absolute;right:2%;bottom:3%;z-index:2;width:38%;padding:7px;border:2px solid #77848d;border-radius:16px;background:#171e25;box-shadow:0 20px 32px rgba(0,0,0,.5);transform:rotate(-1deg)}
body.combined-design .device-ipad-screen{aspect-ratio:4/3;border-radius:10px;background:#090e15;overflow:hidden}
body.combined-design .device-iphone{position:absolute;right:0;bottom:0;z-index:3;width:15%;padding:5px;border:2px solid #85919a;border-radius:18px;background:#121920;box-shadow:0 18px 28px rgba(0,0,0,.55);transform:translate(15%,4%)}
body.combined-design .device-iphone-screen{aspect-ratio:9/19;border-radius:12px;background:#090e15;overflow:hidden}
body.combined-design .device-report{height:100%;padding:4%;color:#edf5fa;background:radial-gradient(circle at 78% 5%,rgba(89,185,238,.13),transparent 38%),#090e15}
body.combined-design .device-report-head{display:grid;grid-template-columns:1fr auto;gap:3px}.device-report-head span{color:#77d2fb;font:700 clamp(5px,.55vw,9px)/1.2 'Doto',sans-serif;letter-spacing:.08em}.device-report-head b{grid-column:1;font:400 clamp(8px,1vw,16px)/1.1 var(--font-body)}.device-report-head small{grid-column:2;grid-row:1/3;align-self:center;color:#6ad7a1;font-size:clamp(4px,.45vw,7px)}
body.combined-design .device-report-chart{display:block;width:100%;height:29%;margin:4% 0}
body.combined-design .device-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3%}
body.combined-design .device-report-kpis span{min-width:0;padding:7%;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:rgba(255,255,255,.025)}
body.combined-design .device-report-kpis small,body.combined-design .device-report-kpis strong,body.combined-design .device-report-kpis em{display:block;white-space:nowrap}.device-report-kpis small{color:#8fa0ad;font-size:clamp(4px,.45vw,7px)}.device-report-kpis strong{margin:4px 0;font-size:clamp(7px,.9vw,14px);font-weight:300}.device-report-kpis em{color:#67d9a4;font-size:clamp(4px,.42vw,7px)}
body.combined-design .device-report-tablet .device-report-kpis{grid-template-columns:repeat(3,1fr)}
body.combined-design .device-report-mobile{padding:12% 8%}.device-report-mobile .device-report-head{display:block}.device-report-mobile .device-report-head>*{display:block;margin-bottom:4px}.device-report-mobile .device-report-kpis{grid-template-columns:1fr}.device-report-mobile .device-report-kpis span:nth-child(n+4){display:none}.device-report-mobile .device-report-chart{height:22%}
body.combined-design .command-center-copy>p:first-child{margin:0 0 12px;color:#8dddff;font:700 10px/1.3 'Doto',sans-serif;letter-spacing:.13em}
body.combined-design .command-center-copy h3{margin:0 0 18px;font-size:clamp(28px,3vw,46px)!important;line-height:1.03!important}
body.combined-design .command-center-copy p:last-child,body.combined-design .command-copy-desktop{margin:0;color:#c5d2dc;font-size:clamp(13px,1.15vw,16px)!important;line-height:1.7}
body.combined-design .command-copy-mobile{display:none}

@media(max-width:820px) and (orientation:portrait){
  body.combined-design .command-center-showcase{position:relative;display:block;min-height:540px;margin-inline:-6px;padding:0;background:#070f19}
  body.combined-design .command-device-stage{position:absolute;inset:0;min-height:0;opacity:.72;transform:scale(1.08);transform-origin:center}
  body.combined-design .device-imac{left:-18%;top:7%;width:112%}.device-ipad{right:-8%;bottom:8%;width:54%}.device-iphone{right:5%;bottom:4%;width:22%}
  body.combined-design .command-center-copy{position:absolute;z-index:5;inset:auto 0 0;padding:100px 24px 28px;background:linear-gradient(180deg,transparent,rgba(5,13,22,.82) 24%,rgba(5,13,22,.98) 70%)}
  body.combined-design .command-center-copy h3{max-width:12em;font-size:clamp(29px,9vw,42px)!important}
  body.combined-design .command-copy-desktop{display:none}.command-copy-mobile{display:block!important;max-width:32em}
}

/* Eric-directed V3 hero, typography and interaction corrections. */
body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - 64px))!important;margin-inline:auto!important;padding-inline:0!important}
body.combined-design .brand{margin-left:0!important}
body.combined-design .hero{position:relative;isolation:isolate;background:linear-gradient(135deg,#071827,#0b2033 58%,#171a23)!important}
body.combined-design .hero :is(.hero-video,.hero-network,.hero-colorwash,.hero-vignette,.hero-profile){display:none!important}
body.combined-design .hero-grid{position:relative;z-index:3;min-height:100svh!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:calc(var(--nav) + 34px) 0 58px!important}
body.combined-design .hero-copy{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr)!important;grid-template-rows:auto auto auto auto!important;align-self:center!important;align-content:center!important;align-items:center!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;text-align:left!important}
body.combined-design .hero-copy>.eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 18px!important;text-align:left!important}
body.combined-design .kinetic-title{grid-column:1;grid-row:2;display:flex!important;justify-content:flex-start!important;align-items:baseline;flex-wrap:wrap;gap:.18em;width:100%!important;margin:0!important;text-align:left!important}
body.combined-design .kinetic-title>span{transform-origin:left center;animation:v3-word-build 1s cubic-bezier(.16,.84,.25,1) both!important}
body.combined-design .kinetic-title>span:nth-child(2){animation-delay:.16s!important}
body.combined-design .kinetic-title>.kinetic-accent{animation:v3-word-build 1s .32s cubic-bezier(.16,.84,.25,1) both,v3-growth-breathe 4.8s 1.5s ease-in-out infinite!important}
@keyframes v3-word-build{0%{opacity:0;letter-spacing:.18em;transform:translate3d(-.55em,.42em,-160px) rotateX(55deg) skewX(-12deg);filter:blur(12px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;letter-spacing:inherit;transform:none;filter:none}}
@keyframes v3-growth-breathe{0%,100%{text-shadow:0 0 16px rgba(240,138,44,.1);transform:scale(1)}50%{text-shadow:0 0 30px rgba(240,138,44,.32);transform:scale(1.025)}}
body.combined-design .discipline-carousel{grid-column:1;grid-row:3;width:100%!important;height:142px!important;margin:10px 0 0!important;border:0!important;overflow:hidden!important;perspective:900px}
body.combined-design .discipline-wheel{position:relative;height:100%!important;transform-style:preserve-3d;touch-action:pan-y;cursor:grab}
body.combined-design .discipline-wheel:active{cursor:grabbing}
body.combined-design .discipline-card{position:absolute!important;left:50%!important;top:50%!important;width:max-content!important;max-width:48%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:rgba(220,231,240,.56)!important;font:700 clamp(12px,1.15vw,16px)/1.25 'Doto',sans-serif!important;letter-spacing:.035em;transition:color .22s,text-shadow .22s;backface-visibility:hidden}
body.combined-design .discipline-card.is-front{color:#8dddff!important;text-shadow:0 0 18px rgba(78,199,248,.55)}
body.combined-design .hero-message-group{grid-column:2;grid-row:2/5;align-self:center;width:auto!important;max-width:560px!important;margin:0 0 0 clamp(28px,4vw,58px)!important;padding:4px 0 4px 28px!important;border:0!important;border-left:3px solid var(--v3-orange)!important;text-align:left!important}
body.combined-design .hero-typecopy{min-height:7.4em!important;margin:0!important;text-align:left!important;color:#f4f8fb!important;font:300 clamp(18px,1.7vw,27px)/1.5 'Open Sans',sans-serif!important}
body.combined-design .hero-kpis{display:none!important}
body.combined-design .hero-copy>.actions{grid-column:1;grid-row:4;justify-self:start;margin:8px 0 0!important}

body.combined-design .hero-metric-field{position:absolute;inset:var(--nav) 0 0;z-index:1;overflow:hidden;pointer-events:none;perspective:900px}
body.combined-design .hero-metric{position:absolute;display:grid;grid-template-columns:auto auto;gap:2px 9px;padding:8px 11px;color:rgba(175,219,239,.38);background:rgba(4,18,31,.2);border-top:1px solid rgba(114,205,244,.16);backdrop-filter:blur(2px);animation:v3-metric-drift 12s ease-in-out infinite alternate}
body.combined-design .hero-metric small{grid-column:1/-1;font:800 9px/1 'Doto',sans-serif;letter-spacing:.14em}
body.combined-design .hero-metric strong{font:300 clamp(18px,2vw,30px)/1 'Open Sans',sans-serif}
body.combined-design .hero-metric i{align-self:end;color:rgba(129,225,181,.48);font:800 8px/1 'Doto',sans-serif}
body.combined-design .metric-1{left:4%;top:18%;--mx:42px;--my:36px;animation-delay:-2s}.metric-2{left:31%;top:11%;--mx:-30px;--my:58px;animation-delay:-7s}.metric-3{right:7%;top:18%;--mx:-55px;--my:28px;animation-delay:-4s}.metric-4{left:13%;top:49%;--mx:70px;--my:-35px;animation-delay:-9s}.metric-5{right:28%;top:45%;--mx:35px;--my:65px;animation-delay:-1s}.metric-6{right:4%;top:62%;--mx:-62px;--my:-48px;animation-delay:-6s}.metric-7{left:4%;bottom:11%;--mx:48px;--my:-42px;animation-delay:-3s}.metric-8{left:37%;bottom:8%;--mx:-48px;--my:-52px;animation-delay:-11s}.metric-9{right:17%;bottom:8%;--mx:35px;--my:-34px;animation-delay:-5s}.metric-10{left:57%;top:27%;--mx:-35px;--my:50px;animation-delay:-8s}.metric-11{left:22%;top:31%;--mx:52px;--my:38px;animation-delay:-10s}.metric-12{right:40%;bottom:24%;--mx:-45px;--my:-40px;animation-delay:-2s}
@keyframes v3-metric-drift{0%{transform:translate3d(0,0,-80px) rotateY(-5deg);opacity:.36}50%{opacity:.72}100%{transform:translate3d(var(--mx),var(--my),90px) rotateY(6deg);opacity:.42}}

body.combined-design :is(a,button){font-family:'Open Sans',sans-serif!important;font-size:13px!important;font-weight:200!important;text-transform:uppercase!important}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a){position:relative!important;overflow:hidden!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:linear-gradient(90deg,transparent 0%,rgba(32,150,205,.12) 22%,rgba(74,197,244,.52) 50%,rgba(32,150,205,.12) 78%,transparent 100%)!important;background-size:220% 100%!important;background-position:115% 0!important;box-shadow:none!important}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a):is(:hover,:focus-visible){animation:v3-action-sweep 1.15s linear infinite!important}
body.combined-design .hero .hero-kinetic-btn{padding:10px 40px!important;border:0!important;border-radius:0!important;background-color:transparent!important;color:#8dddff!important}
body.combined-design .hero .hero-kinetic-btn::before,body.combined-design .hero .hero-kinetic-btn::after{content:none!important}
@keyframes v3-action-sweep{from{background-position:115% 0}to{background-position:-115% 0}}

body.combined-design :is(.hero .eyebrow,.ia-dark .blue-label,.ia-dark .section-num,.ia-dark .panel-meta,.ia-dark .client-case-overline,.ia-dark .bento-heading>span,.ia-contact .blue-label,.ia-contact .section-num){color:#8dddff!important;font-family:'Doto',sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.1em!important}
body.combined-design #capabilities .vertical-tab-list [role=tab],body.combined-design .who-engage .vertical-tab-list [role=tab]{border:0!important;border-left:3px solid transparent!important;padding-left:16px!important;background:transparent!important}
body.combined-design #capabilities .vertical-tab-list [role=tab]:is(:hover,:focus-visible){border-left-color:#8dddff!important}
body.combined-design #capabilities .vertical-tab-list [role=tab][aria-selected=true]{color:#8dddff!important;background:linear-gradient(90deg,rgba(115,204,239,.1),transparent)!important}
body.combined-design .who-engage>.adaptive-tabs{display:grid!important;grid-template-columns:minmax(230px,330px) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px)!important;margin-top:22px!important}
body.combined-design .who-engage .vertical-tab-list{display:flex!important;flex-direction:column!important;gap:0!important;border:0!important;background:transparent!important}
body.combined-design .who-engage .vertical-tab-list [role=tab]{min-height:0!important;padding:14px 44px 14px 16px!important;color:var(--v3-ink)!important}
body.combined-design .who-engage .vertical-tab-list [role=tab]:is(:hover,:focus-visible){border-left-color:var(--v3-orange)!important;color:#b85b08!important}
body.combined-design .who-engage .vertical-tab-list [role=tab][aria-selected=true]{color:#b85b08!important;background:linear-gradient(90deg,rgba(230,126,34,.1),transparent)!important}
body.combined-design .who-engage .vertical-tab-panels{margin:0!important;padding:24px!important}
body.combined-design .engagement-explore{margin:20px 0;border-top:1px solid rgba(20,37,54,.15)}
body.combined-design .engagement-explore>summary{padding:14px 0!important;color:#b85b08;cursor:pointer;font:200 13px/1.3 'Open Sans',sans-serif;text-transform:uppercase}
body.combined-design .engagement-explore ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:0 0 16px;padding-left:18px}

body.combined-design .work-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
body.combined-design .work-stage strong{font-size:14px!important}.work-stage small{font-size:11px!important}
@media(max-width:900px){
  body.combined-design .hero-copy{grid-template-columns:1fr!important;align-content:center!important}
  body.combined-design .hero-copy>.eyebrow{grid-column:1;grid-row:1}.combined-design .kinetic-title{grid-column:1;grid-row:2}
  body.combined-design .discipline-carousel{grid-column:1;grid-row:3}
  body.combined-design .hero-message-group{grid-column:1;grid-row:4;margin:12px 0 0!important;max-width:680px!important}
  body.combined-design .hero-copy>.actions{grid-column:1;grid-row:5;margin-top:18px!important}
  body.combined-design .work-rail{grid-template-columns:repeat(2,1fr)}
  body.combined-design .who-engage>.adaptive-tabs{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - 34px))!important}
  body.combined-design .hero-grid{padding-top:calc(var(--nav) + 24px)!important}
  body.combined-design .discipline-carousel{height:122px!important}
  body.combined-design .hero-typecopy{min-height:8.5em!important;font-size:16px!important}
  body.combined-design .hero-metric{transform:scale(.78);opacity:.32}
  body.combined-design .engagement-explore ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.combined-design .hero-metric,body.combined-design .kinetic-title>span,body.combined-design :is(a,button){animation:none!important}}

/* Illustrative unified performance dashboards. */
body.combined-design .performance-dashboard{margin:30px 0;padding:20px;border:1px solid rgba(120,205,242,.2);border-radius:18px;background:#090d14;color:#edf5fa;box-shadow:0 24px 60px rgba(0,0,0,.25)}
body.combined-design .dashboard-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
body.combined-design .dashboard-top p{margin:0 0 5px;color:#77d2fb;font:800 10px/1.2 'Doto',sans-serif;letter-spacing:.12em}
body.combined-design .dashboard-top h3{margin:0;font-size:20px!important;font-weight:400!important}
body.combined-design .dashboard-period{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px}
body.combined-design .dashboard-period :is(span,b){padding:6px 10px;border-radius:999px;font:200 9px/1 'Open Sans',sans-serif}
body.combined-design .dashboard-period b{background:#edf5fa;color:#0c1520}
body.combined-design .dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
body.combined-design .dashboard-kpis article{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025)}
body.combined-design .dashboard-kpis small,body.combined-design .dashboard-channel>span{display:block;color:#9caebd;font:800 9px/1.2 'Doto',sans-serif;letter-spacing:.1em}
body.combined-design .dashboard-kpis strong{display:block;margin:7px 0 5px;font:300 clamp(18px,2vw,27px)/1 'Open Sans',sans-serif}
body.combined-design .dashboard-kpis em{color:#67d9a4;font:300 9px/1.2 'Open Sans',sans-serif}
body.combined-design .dashboard-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(190px,.75fr);gap:10px;margin-top:10px}
body.combined-design .dashboard-trend,body.combined-design .dashboard-channel{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
body.combined-design .dashboard-trend>div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.dashboard-trend>div b{color:#96a9b9;font-weight:300}
body.combined-design .dashboard-trend svg{display:block;width:100%;height:auto;margin-top:10px}
body.combined-design .dashboard-channel>div{display:grid;grid-template-columns:78px 1fr 42px;gap:9px;align-items:center;margin-top:15px;font-size:9px}
body.combined-design .dashboard-channel div>b{font-weight:300}.dashboard-channel div>i{height:4px;border-radius:3px;background:linear-gradient(90deg,#59b9ee var(--score),#ffffff12 var(--score))}.dashboard-channel div>em{color:#67d9a4;text-align:right}
body.combined-design .dashboard-note{margin:12px 2px 0!important;color:#8394a3;font-size:9px!important}

body.combined-design .performance-phone{display:grid;grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:clamp(34px,7vw,90px);align-items:center;margin:64px auto;width:min(980px,100%)}
body.combined-design .phone-shell{position:relative;padding:10px;border:1px solid #43505c;border-radius:42px;background:linear-gradient(145deg,#27333e,#090d12 28%);box-shadow:0 30px 70px rgba(0,0,0,.4),inset 0 0 0 2px #080b0f}
body.combined-design .phone-speaker{position:absolute;z-index:2;top:18px;left:50%;width:76px;height:18px;transform:translateX(-50%);border-radius:12px;background:#030508}
body.combined-design .phone-screen{min-height:610px;padding:20px 17px;border-radius:33px;background:#0a0e15;overflow:hidden}
body.combined-design .phone-status{display:flex;justify-content:space-between;margin:0 4px 32px;color:#c9d4dc;font-size:8px}
body.combined-design .phone-screen>p{margin:0;color:#77d2fb;font:800 9px/1.2 'Doto',sans-serif;letter-spacing:.12em}
body.combined-design .phone-screen>h3{margin:7px 0 2px;font-size:23px!important;font-weight:300!important}.phone-screen>small{color:#788995;font-size:9px}
body.combined-design .phone-revenue{margin-top:22px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#101620}
body.combined-design .phone-revenue span{display:block;color:#92a3af;font-size:9px}.phone-revenue strong{display:block;margin:6px 0;font:300 31px/1 'Open Sans',sans-serif}.phone-revenue em{color:#67d9a4;font-size:10px}
body.combined-design .phone-chart{display:block;width:100%;margin:15px 0}
body.combined-design .phone-comparisons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.phone-comparisons span{padding:9px 5px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:8px}.phone-comparisons small{display:block;color:#81919e;font-size:8px}.phone-comparisons b{color:#67d9a4;font-size:11px;font-weight:300}
body.combined-design .phone-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.phone-kpis span{padding:11px;border-radius:9px;background:#111822}.phone-kpis small{display:block;color:#82929f;font-size:8px}.phone-kpis b{display:block;margin:4px 0;font-size:18px;font-weight:300}.phone-kpis i{color:#67d9a4;font-size:8px}
body.combined-design .phone-caption .blue-label{margin-bottom:12px!important}.phone-caption h3{margin:0 0 14px;font-size:clamp(26px,4vw,46px)!important;line-height:1.05!important}.phone-caption p:last-child{max-width:570px;color:#c2d0dc;font-size:14px!important}
@media(max-width:780px){
  body.combined-design .dashboard-kpis{grid-template-columns:repeat(2,1fr)}body.combined-design .dashboard-kpis article:first-child{grid-column:1/-1}
  body.combined-design .dashboard-main{grid-template-columns:1fr}.dashboard-channel{display:none}
  body.combined-design .performance-phone{grid-template-columns:1fr;justify-items:center}.phone-caption{max-width:520px;text-align:center}.phone-caption p:last-child{margin-inline:auto}.phone-shell{width:min(310px,88vw)}
}
@media(max-width:480px){body.combined-design .performance-dashboard{margin-inline:-6px;padding:12px}.dashboard-period span{display:none}.dashboard-top{align-items:start}.dashboard-kpis{gap:5px}.dashboard-kpis article{padding:10px}.phone-screen{min-height:580px}}

/* Three-act V3 kinetic hero. */
body.combined-design .discipline-carousel,body.combined-design .hero-message-group{display:none!important}
body.combined-design .hero-grid{position:relative;z-index:4}
body.combined-design .hero-copy{display:block!important;position:relative!important;width:100%!important}
body.combined-design .hero-copy>.eyebrow{margin-bottom:28px!important}
body.combined-design .hero-scenes{position:relative;min-height:330px;outline:none;touch-action:pan-y}
body.combined-design .hero-scenes:focus-visible{outline:1px solid rgba(141,221,255,.55);outline-offset:12px}
body.combined-design .hero-scene{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:clamp(44px,7vw,112px);align-items:center;visibility:hidden;opacity:0;transform:translate3d(0,100px,0);filter:blur(10px);pointer-events:none}
body.combined-design .hero-scene.is-active{visibility:visible;opacity:1;transform:none;filter:none;pointer-events:auto;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .7s ease}
body.combined-design .hero-scene.is-entering{animation:v3-scene-arrive .9s cubic-bezier(.2,.8,.2,1) both}
body.combined-design .hero-scene.is-leaving{visibility:visible;animation:v3-scene-leave .8s cubic-bezier(.4,0,.8,.25) both}
@keyframes v3-scene-arrive{from{opacity:0;transform:translate3d(0,110px,0);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@keyframes v3-scene-leave{from{opacity:1;transform:none;filter:none}to{opacity:0;transform:translate3d(0,-125px,0);filter:blur(12px)}}
body.combined-design .hero-scene .kinetic-title{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-content:center;gap:.12em .2em;width:100%!important;margin:0!important;font-size:clamp(52px,5.4vw,88px)!important;line-height:.92!important;text-align:left!important}
body.combined-design .hero-scene>.kinetic-title{grid-column:1!important;grid-row:1!important}
body.combined-design .hero-scene[data-scene="1"] .kinetic-title,body.combined-design .hero-scene[data-scene="2"] .kinetic-title{font-size:clamp(45px,4.7vw,76px)!important}
body.combined-design .hero-scene .kinetic-title>span{animation:v3-word-build 1s cubic-bezier(.16,.84,.25,1) both!important}
body.combined-design .hero-scene .kinetic-title>span:nth-child(2){animation-delay:.13s!important}.hero-scene .kinetic-title>span:nth-child(3){animation-delay:.26s!important}.hero-scene .kinetic-title>span:nth-child(4){animation-delay:.39s!important}
body.combined-design .hero-scene .blue-accent{color:#8dddff!important}
body.combined-design .hero-scene .hero-statement{margin:0!important;padding:8px 0 8px 28px!important;border-left:3px solid var(--v3-orange);color:#f4f8fb!important;font:300 clamp(18px,1.7vw,27px)/1.48 'Open Sans',sans-serif!important;text-align:left!important}
body.combined-design .hero-scene>.hero-statement{grid-column:2!important;grid-row:1!important}
body.combined-design .hero-scene[data-scene="1"] .hero-statement{border-left-color:#8dddff}
body.combined-design .hero-copy>.actions{display:flex!important;margin:26px 0 0!important}
body.combined-design .hero-scene-controls{display:flex;align-items:center;gap:10px;position:absolute;left:0;bottom:-20px;z-index:6}
body.combined-design .hero-scene-controls button{display:grid;place-items:center;width:34px;height:28px;padding:0;border:0;background:transparent;color:#9bb0be;cursor:pointer}
body.combined-design .hero-scene-controls button[data-scene-go]::before{content:"";display:block;width:22px;height:2px;background:currentColor;transition:width .25s,color .25s,box-shadow .25s}
body.combined-design .hero-scene-controls button[data-scene-go][aria-current="true"]::before{width:34px;color:#8dddff;box-shadow:0 0 10px rgba(141,221,255,.55)}
body.combined-design .hero-scene-controls .hero-scene-pause{margin-left:4px;font-size:11px!important}

body.combined-design .hero-scene-layers{position:absolute;inset:var(--nav) 0 0;z-index:1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(57,86,128,.12),transparent 42%)}
body.combined-design .hero-scene-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(80px);transition:opacity .7s,transform .85s,visibility 0s .85s}
body.combined-design .hero-scene-layer.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
body.combined-design .hero-scene-layer .hero-metric-field{inset:0}
body.combined-design .hero-dash-fragment{position:absolute;right:6%;top:13%;width:260px;height:100px;padding:12px;border:1px solid rgba(117,200,239,.12);border-radius:10px;background:rgba(8,16,31,.24);opacity:.38;transform:perspective(500px) rotateY(-8deg)}
body.combined-design .hero-dash-fragment span{font:800 8px 'Doto',sans-serif;color:#8dddff}.hero-dash-fragment i{display:inline-block;vertical-align:bottom;width:13%;margin:18px 2.5% 0;background:linear-gradient(#8dddff,#5d62dd);height:25px}.hero-dash-fragment i:nth-of-type(2){height:42px}.hero-dash-fragment i:nth-of-type(3){height:33px}.hero-dash-fragment i:nth-of-type(4){height:58px}.hero-dash-fragment i:nth-of-type(5){height:70px}
body.combined-design .hero-ring-fragment{position:absolute;left:5%;bottom:12%;display:grid;place-items:center;width:110px;height:110px;border:3px solid rgba(141,221,255,.2);border-top-color:#8dddff;border-radius:50%;opacity:.42;animation:v3-ring-turn 8s linear infinite}.hero-ring-fragment b{font:300 30px 'Open Sans',sans-serif}.hero-ring-fragment small{position:absolute;top:73%;font:800 7px 'Doto',sans-serif}
@keyframes v3-ring-turn{to{transform:rotate(360deg)}}
body.combined-design .ai-orbit{position:absolute;display:grid;place-items:center;width:210px;height:125px;border:1px solid rgba(174,122,255,.36);border-radius:50%;color:#b799ff;opacity:.52;animation:v3-orbit 10s linear infinite}.ai-orbit::before{content:"";position:absolute;inset:20px -20px;border:1px solid rgba(141,221,255,.3);border-radius:50%;transform:rotate(52deg)}.ai-orbit span{text-align:center;font:800 10px/1.25 'Doto',sans-serif}.orbit-a{left:8%;top:18%;transform:rotate(-14deg)}.orbit-b{right:11%;bottom:15%;transform:rotate(18deg);animation-direction:reverse}
@keyframes v3-orbit{50%{border-color:rgba(141,221,255,.62);filter:drop-shadow(0 0 12px rgba(127,92,255,.32))}}
body.combined-design .code-fragment{position:absolute;padding:15px 17px;border:1px solid rgba(141,221,255,.14);border-radius:8px;background:rgba(7,15,29,.32);opacity:.48}.code-fragment small{color:#8dddff;font:800 8px 'Doto',sans-serif}.code-fragment code{display:block;margin-top:9px;color:#c2a9ff;font:400 11px/1.65 ui-monospace,monospace}.code-a{right:8%;top:13%}.code-b{left:12%;bottom:11%}
body.combined-design .decision-path{position:absolute;left:50%;top:66%;display:flex;align-items:center;gap:13px;transform:translateX(-50%);color:rgba(222,232,240,.48);white-space:nowrap}.decision-path span{font:800 9px 'Doto',sans-serif}.decision-path i{width:70px;height:1px;background:linear-gradient(90deg,#8dddff,#a779ff);animation:v3-path-pulse 1.8s ease-in-out infinite}
@keyframes v3-path-pulse{50%{box-shadow:0 0 12px #8dddff;transform:scaleX(.75)}}
body.combined-design .hero-particle-canvas{position:absolute;inset:0;width:100%;height:100%}
body.combined-design .particle-key{position:absolute;left:50%;bottom:9%;display:flex;gap:clamp(20px,5vw,70px);transform:translateX(-50%);color:rgba(195,221,234,.55)}.particle-key span{font:800 10px 'Doto',sans-serif;letter-spacing:.12em}.particle-key span:nth-child(2){color:#e67e22}.particle-key span:nth-child(3){color:#a779ff}

body.combined-design main li{font-size:13px!important}
body.combined-design .nav.on-light .global-nav-label:is(:hover,:focus-visible,[aria-expanded=true]){color:#0879b7!important}
body.combined-design .client-sphere-viewport{contain:layout paint;transform:translateZ(0);backface-visibility:hidden}
body.combined-design .client-sphere-field{transform:translateZ(0);will-change:transform}
body.combined-design .client-sphere-viewport.is-animating .client-sphere-item{box-shadow:none;filter:none!important}

@media(max-width:900px){
  body.combined-design .hero-scenes{min-height:480px}
  body.combined-design .hero-scene{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:28px}
  body.combined-design .hero-scene>.kinetic-title{grid-column:1!important;grid-row:1!important}body.combined-design .hero-scene>.hero-statement{grid-column:1!important;grid-row:2!important}
  body.combined-design .hero-scene .kinetic-title,body.combined-design .hero-scene[data-scene="1"] .kinetic-title,body.combined-design .hero-scene[data-scene="2"] .kinetic-title{font-size:clamp(43px,8vw,70px)!important}
  body.combined-design .hero-scene .hero-statement{max-width:680px}
  body.combined-design .hero-scene-controls{bottom:-6px}
  body.combined-design .hero-copy>.actions{margin-top:34px!important}
}
@media(max-width:620px){
  body.combined-design .hero-copy>.eyebrow{margin-bottom:18px!important}
  body.combined-design .hero-scenes{min-height:430px}
  body.combined-design .hero-scene{gap:22px}
  body.combined-design .hero-scene .kinetic-title,body.combined-design .hero-scene[data-scene="1"] .kinetic-title,body.combined-design .hero-scene[data-scene="2"] .kinetic-title{font-size:clamp(38px,12.5vw,58px)!important;line-height:.95!important}
  body.combined-design .hero-scene .hero-statement{padding-left:18px!important;font-size:16px!important}
  body.combined-design .hero-scene-controls{bottom:0}
  body.combined-design .hero-copy>.actions{margin-top:26px!important}
  body.combined-design .hero-dash-fragment{width:190px;right:-35px}.decision-path{gap:7px!important}.decision-path i{width:25px!important}.particle-key{gap:16px!important}
}
@media(prefers-reduced-motion:reduce){body.combined-design .hero-scene{transition:none!important;animation:none!important}.hero-scene-layer{transition:none!important}.hero-ring-fragment,.ai-orbit,.decision-path i{animation:none!important}}

/* September 9 release-candidate corrections. */
body.combined-design main>.ia-section{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.combined-design .parallax-scene::before{
  background-position:center center!important;filter:none!important;
  transform:translate3d(0,calc((var(--parallax-progress,0) * -40px) + 20px),0) scale(1.08)!important;
  will-change:transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
}
body.combined-design .hero{contain:paint;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
body.combined-design .hero-scene-layers{contain:paint;transform:translateZ(0)}
body.combined-design .hero-metric{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Each hero scene has its own kinetic language, and animation begins only when activated. */
body.combined-design .hero-scene .kinetic-title>span{animation:none!important;opacity:1}
body.combined-design .hero-scene[data-scene="0"].is-kinetic .kinetic-title>span{animation:v3-word-build 1s cubic-bezier(.16,.84,.25,1) both!important}
body.combined-design .hero-scene[data-scene="0"].is-kinetic .kinetic-title>span:nth-child(2){animation-delay:.14s!important}
body.combined-design .hero-scene[data-scene="0"].is-kinetic .kinetic-title>.kinetic-accent{animation:v3-word-build 1s .28s cubic-bezier(.16,.84,.25,1) both,v3-growth-breathe 4.8s 1.4s ease-in-out infinite!important}
body.combined-design .hero-scene[data-scene="1"].is-kinetic .kinetic-title>span:first-child{animation:v3-human-sweep .9s cubic-bezier(.2,.85,.25,1) both!important}
body.combined-design .hero-scene[data-scene="1"].is-kinetic .kinetic-title>span:last-child{animation:v3-ai-enhance 1.05s .22s cubic-bezier(.16,.9,.24,1) both,v3-ai-glow 3.8s 1.5s ease-in-out infinite!important}
@keyframes v3-human-sweep{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-.5em)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes v3-ai-enhance{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(.6em);filter:blur(12px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;clip-path:inset(0);transform:none;filter:none}}
@keyframes v3-ai-glow{50%{text-shadow:0 0 26px rgba(141,221,255,.55)}}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .kinetic-title>span{animation:v3-connect-center .82s cubic-bezier(.2,.86,.24,1) both!important}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .kinetic-title>span:nth-child(1){--connect-x:-1.1em;--connect-y:-.55em}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .kinetic-title>span:nth-child(2){--connect-x:.9em;--connect-y:-.45em;animation-delay:.1s!important}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .kinetic-title>span:nth-child(3){--connect-x:-.8em;--connect-y:.55em;animation-delay:.2s!important}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .kinetic-title>.kinetic-accent{--connect-x:.65em;--connect-y:.5em;animation:v3-connect-center .82s .3s cubic-bezier(.2,.86,.24,1) both,v3-connected-pulse 4s 1.4s ease-in-out infinite!important}
@keyframes v3-connect-center{from{opacity:0;transform:translate3d(var(--connect-x),var(--connect-y),0) scale(.72);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes v3-connected-pulse{50%{letter-spacing:.035em;text-shadow:0 0 24px rgba(240,138,44,.45)}}

/* Active and hover rails sweep toward the detail panel. */
body.combined-design #capabilities .vertical-tab-list [role=tab],
body.combined-design .who-engage .vertical-tab-list [role=tab]{
  --rail-color:#8dddff;background-color:transparent!important;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--rail-color) 22%,transparent),transparent)!important;
  background-repeat:no-repeat!important;background-size:0 100%!important;background-position:left center!important;
  transition:background-size .38s cubic-bezier(.2,.75,.2,1),border-color .2s,color .2s!important;
}
body.combined-design .who-engage .vertical-tab-list [role=tab]{--rail-color:#ff9a45}
body.combined-design #capabilities .vertical-tab-list [role=tab]:is(:hover,:focus-visible,[aria-selected=true]),
body.combined-design .who-engage .vertical-tab-list [role=tab]:is(:hover,:focus-visible,[aria-selected=true]){background-size:100% 100%!important;border-left-color:var(--rail-color)!important}
body.combined-design #capabilities .vertical-tab-list [role=tab][aria-selected=true]{color:#55bce8!important}
body.combined-design .who-engage .vertical-tab-list [role=tab][aria-selected=true]{color:#a94d00!important}

/* Stand-alone actions use the same left-to-right reveal behavior. */
body.combined-design :is(.btn,.contact-form button[type=submit],.command-input-row button,.intent-chips button,.proof-tabs button,.mobile-expand){
  --action-color:#8dddff;position:relative!important;border:1px solid currentColor!important;border-left:3px solid var(--action-color)!important;border-radius:4px!important;
  background-color:transparent!important;background-image:linear-gradient(90deg,color-mix(in srgb,var(--action-color) 34%,transparent),transparent)!important;
  background-repeat:no-repeat!important;background-position:left center!important;background-size:0 100%!important;
  transition:background-size .38s cubic-bezier(.2,.75,.2,1),color .2s,transform .12s!important;animation:none!important;
}
body.combined-design :is(.btn,.contact-form button[type=submit],.command-input-row button,.intent-chips button,.proof-tabs button,.mobile-expand):is(:hover,:focus-visible,[aria-selected=true]){background-size:100% 100%!important}
body.combined-design :is(.btn,.contact-form button[type=submit],.command-input-row button,.intent-chips button,.proof-tabs button,.mobile-expand):active{transform:translateY(2px)!important}

/* Selected client identity reads first; the logo anchors the right edge. */
body.combined-design .client-case-brand{grid-template-columns:minmax(0,1fr) 110px!important}
body.combined-design .client-case-brand>div{grid-column:1;grid-row:1;text-align:left}
body.combined-design .client-case-brand>.client-case-logo{
  grid-column:2;grid-row:1;justify-self:end;padding:9px!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:6px!important;
  background:rgba(255,255,255,.94)!important;
}

/* Eight matched executive metrics on desktop and mobile. */
body.combined-design .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
body.combined-design .phone-kpis article{padding:10px;border-radius:9px;background:#111822;min-width:0}
body.combined-design .phone-kpis article small{display:block;color:#82929f;font-size:8px}
body.combined-design .phone-kpis article strong{display:block;margin:4px 0;font-size:17px;font-weight:300}
body.combined-design .phone-kpis article em{color:#67d9a4;font-size:8px}
body.combined-design .performance-phone{margin-top:44px}

body.combined-design .mobile-work-slider,body.combined-design .mobile-engagement-slider{display:none}
body.combined-design .team-person:is(:hover,:focus-visible) h4{color:#8dddff!important;transition:color .2s ease}

@media(max-width:820px) and (orientation:portrait){
  body.combined-design .who-engage>.adaptive-tabs,body.combined-design .work-rail,body.combined-design .work-detail{display:none!important}
  body.combined-design .mobile-work-slider,body.combined-design .mobile-engagement-slider{display:block;touch-action:pan-y}
  body.combined-design .mobile-engagement-card,body.combined-design .mobile-work-card{min-height:330px;padding:22px 20px;border:1px solid rgba(20,37,54,.15);border-left:3px solid var(--v3-orange);background:linear-gradient(135deg,rgba(255,154,69,.1),rgba(255,255,255,.46));color:var(--v3-ink)}
  body.combined-design .mobile-work-card{border-left-color:#55bce8;background:linear-gradient(135deg,rgba(85,188,232,.1),rgba(255,255,255,.5))}
  body.combined-design :is(.mobile-engagement-number,.mobile-step-number){display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border:1px solid currentColor;border-radius:50%;color:#b85b08;font:300 13px/1 'Open Sans',sans-serif}
  body.combined-design .mobile-step-number{color:#0879b7}
  body.combined-design :is(.mobile-engagement-card,.mobile-work-card) :is(h3,h4){margin:0 0 10px;font-size:25px!important}
  body.combined-design .mobile-engagement-fit{min-height:3.2em;margin:0 0 18px;color:#52687a;font-size:14px}
  body.combined-design .mobile-expand{display:inline-flex;align-items:center;gap:8px;padding:7px 11px!important;color:#8a4305!important;font-size:11px!important}
  body.combined-design .mobile-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}
  body.combined-design .mobile-expand[aria-expanded=true] svg{transform:rotate(180deg)}
  body.combined-design .mobile-engagement-content{padding-top:18px;font-size:14px}.mobile-engagement-content ul,.mobile-work-card ul{padding-left:18px}
  body.combined-design .mobile-slider-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-top:16px}
  body.combined-design .mobile-slider-nav>button{width:42px;height:42px;padding:0;border:1px solid rgba(20,37,54,.35);border-radius:50%;background:transparent;color:var(--v3-ink);font-size:23px!important;cursor:pointer}
  body.combined-design .mobile-slider-dots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
  body.combined-design .mobile-slider-dots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:50%;background:#9fb0bc;cursor:pointer}
  body.combined-design .mobile-slider-dots button[aria-current=true]{width:20px;border-radius:8px;background:var(--v3-orange)}
  body.combined-design .mobile-work-slider .mobile-slider-dots button[aria-current=true]{background:#0879b7}
  body.combined-design .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.combined-design .client-case-brand{grid-template-columns:minmax(0,1fr) 86px!important}
}

@media(prefers-reduced-motion:reduce){
  body.combined-design .parallax-scene::before{transform:scale(1.08)!important}
  body.combined-design .hero-scene .kinetic-title>span{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}
}

/* September 9 staging correction: clean action rest state and exact shared gutters. */
body.combined-design{--site-content-gutter:64px}
body.combined-design :is(.wrap,.nav-inner){
  width:min(var(--wrap),calc(100% - var(--site-content-gutter)))!important;
  max-width:var(--wrap)!important;margin-inline:auto!important;
}
body.combined-design .nav .brand{
  margin-left:0!important;padding-left:0!important;transform:none!important;justify-self:start!important;
}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a,.contact-form button[type=submit],.command-input-row button){
  --action-reveal:#8dddff;position:relative!important;overflow:hidden!important;
  padding:8px 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#8dddff!important;background-color:transparent!important;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--action-reveal) 48%,transparent),color-mix(in srgb,var(--action-reveal) 13%,transparent))!important;
  background-repeat:no-repeat!important;background-position:left center!important;background-size:0 100%!important;
  text-decoration-line:underline!important;text-decoration-color:#8dddff!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important;
  transition:background-size .48s cubic-bezier(.2,.78,.2,1),color .2s ease,transform .12s ease!important;animation:none!important;
}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a,.contact-form button[type=submit],.command-input-row button):is(:hover,:focus-visible,.is-touch-active){
  background-size:100% 100%!important;animation:none!important;
}
body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a,.contact-form button[type=submit],.command-input-row button)::after{content:none!important}
body.combined-design .hero .hero-kinetic-btn{padding-inline:12px!important;color:#8dddff!important;border:0!important}

/* Controls are in normal flow so the hero action always follows the slider navigation. */
body.combined-design .hero-scene-controls{position:static!important;margin-top:10px!important}
body.combined-design .hero-copy>.actions{display:flex!important;margin:10px 0 0!important}

@media(max-width:700px){body.combined-design{--site-content-gutter:32px}}
@media(max-width:380px){body.combined-design{--site-content-gutter:24px}}
@media(prefers-reduced-motion:reduce){
  body.combined-design :is(.btn,.nav-cta,.mobile-nav-cta,.discuss-link,.audience-link,.text-link,.early-proof>a,.contact-form button[type=submit],.command-input-row button){transition:none!important}
}

/* September 10 staging review: responsive Performance Pulse and section refinements. */
body.combined-design main>.ia-section{padding:clamp(48px,4vw,56px) 0!important}

body.combined-design .command-center-showcase{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)!important}
body.combined-design .command-device-stage{min-height:clamp(390px,39vw,540px)!important}
body.combined-design .device-imac{left:0!important;top:0!important;width:88%!important;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))!important}
body.combined-design .device-imac>img{display:block;width:100%;height:auto}
body.combined-design .device-imac-screen{
  position:absolute!important;left:4.05%!important;right:4.05%!important;top:4.5%!important;height:58.7%!important;
  padding:0!important;border:0!important;border-radius:0!important;background:#090e15!important;overflow:hidden!important;
}
body.combined-design .device-imac-screen .device-report{transform:scale(.96);transform-origin:top center}
body.combined-design .device-ipad{right:0!important;bottom:3%!important;width:40%!important}
body.combined-design .device-ipad-screen{position:relative}
body.combined-design .device-report-tablet{position:absolute;inset:0;width:166.67%;height:166.67%;transform:scale(.6);transform-origin:top left}
body.combined-design .device-iphone{right:3%!important;bottom:0!important;width:18%!important;transform:translate(18%,5%)!important}
body.combined-design .device-report-mobile{padding:14% 8%!important}
body.combined-design .device-report-mobile .device-report-chart{height:14%!important;margin:8% 0!important}
body.combined-design .device-report-mobile .device-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4%!important}
body.combined-design .device-report-mobile .device-report-kpis span{display:block!important;padding:8%!important}
body.combined-design .device-report-mobile .device-report-kpis small{font-size:clamp(3px,.28vw,5px)!important}
body.combined-design .device-report-mobile .device-report-kpis strong{margin:2px 0!important;font-size:clamp(5px,.55vw,9px)!important}
body.combined-design .device-report-mobile .device-report-kpis em{font-size:clamp(3px,.25vw,4px)!important}
body.combined-design .device-report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2%!important}

body.combined-design .solve-tab{display:flex;align-items:flex-start;gap:14px;border-top-color:rgba(255,154,69,.34)!important}
body.combined-design .solve-tab>svg{flex:0 0 28px;width:28px;height:28px;fill:none;stroke:var(--v3-orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.combined-design .solve-tab[aria-selected=true]{color:#fff!important;background:linear-gradient(135deg,rgba(240,138,44,.24),rgba(240,138,44,.07))!important}
body.combined-design .solve-tab[aria-selected=true]::after{height:3px;background:var(--v3-orange)!important}
body.combined-design .solve-panel{padding:18px;border:1px solid rgba(240,138,44,.48);border-top:0;background:linear-gradient(180deg,rgba(240,138,44,.12),rgba(255,255,255,.025))}
body.combined-design .solve-panel .panel-icon{color:var(--v3-blue)!important}
body.combined-design .solve-panel .problem-grid article:nth-child(2) .panel-icon{transform:rotate(8deg)}
body.combined-design .solve-panel .problem-grid article:nth-child(3) .panel-icon{transform:rotate(-8deg)}

body.combined-design .work-rail{align-items:start!important}
body.combined-design .work-rail::before{top:29px!important}
body.combined-design .work-stage{text-align:center!important;padding-inline:0!important}
body.combined-design .work-stage>span{margin-inline:auto!important}
body.combined-design .work-stage strong{min-height:2.5em;margin-top:14px!important;font-size:15px!important;line-height:1.25}

body.combined-design .proof-tabs{gap:8px!important}
body.combined-design .proof-tabs button{
  padding:10px 14px!important;border:1px solid rgba(20,37,54,.44)!important;border-left-width:1px!important;border-radius:8px!important;
  background:rgba(255,255,255,.24)!important;background-image:none!important;color:#263b4d!important;text-decoration:none!important;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:400!important;
}
body.combined-design .proof-tabs button:is(:hover,:focus-visible){border-color:#0879b7!important;color:#0879b7!important}
body.combined-design .proof-tabs button[aria-selected=true]{border-color:#0879b7!important;color:#0879b7!important;background:linear-gradient(180deg,rgba(255,255,255,.28) 0 55%,rgba(141,221,255,.3) 100%)!important}
body.combined-design .client-case-logo:not(.logo-on-white){padding:0!important;border:0!important;background:transparent!important}

body.combined-design .who-engage>.adaptive-tabs{grid-template-columns:minmax(230px,330px) minmax(0,1fr)!important;gap:0!important;align-items:start!important}
body.combined-design .who-engage .vertical-tab-list{border:0!important;background:transparent!important}
body.combined-design .who-engage .vertical-tab-list [role=tab]{background:#f4f7f9!important}
body.combined-design .who-engage .vertical-tab-list [role=tab][aria-selected=true]{
  z-index:2;border-left-color:var(--v3-orange)!important;border-radius:8px 0 0 8px!important;
  background:linear-gradient(90deg,rgba(240,138,44,.32),rgba(240,138,44,.1))!important;color:#8b4305!important;
}
body.combined-design .who-engage .vertical-tab-panels{
  align-self:start!important;margin:0!important;padding:22px!important;border:1px solid rgba(240,138,44,.35)!important;
  border-radius:0 8px 8px 8px!important;background:rgba(240,138,44,.1)!important;
}
body.combined-design .engagement-explore{margin:16px 0!important;border-top:1px solid rgba(240,138,44,.3)!important}
body.combined-design .engagement-explore>summary{display:none!important}
body.combined-design .engagement-explore ul{display:grid!important;margin-top:14px!important;font-size:calc(var(--copy-size) - 2px)!important}

@media(max-width:900px){
  body.combined-design main>.ia-section{padding:40px 0!important}
  body.combined-design .work-rail,body.combined-design .work-detail{display:none!important}
  body.combined-design .mobile-work-slider{display:block!important;overflow:hidden;touch-action:pan-y}
}

/* September 10 staging: expertise, proof sphere and shared dashboard refinements. */
body.combined-design #capabilities-analytics-optimization .performance-dashboard{
  width:min(86%,920px)!important;margin:28px auto 34px!important;padding:18px!important;
}
body.combined-design #capabilities-analytics-optimization .dashboard-kpis article{padding:12px!important}
body.combined-design #capabilities-analytics-optimization .dashboard-main{min-height:190px!important}

body.combined-design .proof-tabs button,
body.combined-design .proof-tabs button[aria-selected=true]{
  background-image:none!important;background-color:rgba(255,255,255,.16)!important;
}
body.combined-design .proof-tabs button:is(:hover,:focus-visible){
  background-color:rgba(8,121,183,.14)!important;border-color:#0879b7!important;color:#0879b7!important;
}
body.combined-design .proof-tabs button[aria-selected=true]{
  background-color:rgba(141,221,255,.22)!important;border-color:#0879b7!important;color:#0879b7!important;
}
body.combined-design .sphere-motion-controls,body.combined-design .client-sphere-hint{display:none!important}
body.combined-design .client-case-brand>.client-case-logo{transform:translate(-20px,20px)!important}

body.combined-design .command-device-stage{min-height:clamp(360px,35vw,490px)!important}
body.combined-design .device-imac{width:80%!important}
body.combined-design .device-imac-screen{top:5.1%!important;height:66.6%!important}
body.combined-design .device-ipad{
  right:clamp(48px,7vw,100px)!important;bottom:clamp(48px,7vw,100px)!important;width:52%!important;
}
body.combined-design .device-iphone{right:1%!important;width:20%!important}
body.combined-design .device-report-mobile{padding:11% 7%!important}
body.combined-design .device-report-mobile .device-report-chart{height:10%!important;margin:5% 0!important}
body.combined-design .device-report-mobile .device-report-kpis{gap:2.5%!important}
body.combined-design .device-report-mobile .device-report-kpis span{padding:5%!important}

@media(max-width:900px){
  body.combined-design #capabilities-analytics-optimization .performance-dashboard{width:94%!important}
  body.combined-design .client-case-brand>.client-case-logo{transform:translate(-10px,10px)!important}
  body.combined-design .device-ipad{right:40px!important;bottom:58px!important;width:52%!important}
}
@media(max-width:820px) and (orientation:portrait){
  body.combined-design .device-imac{left:-20%!important;top:5%!important;width:132%!important}
  body.combined-design .device-imac-screen{height:66.6%!important}
  body.combined-design .device-iphone{right:4%!important;bottom:15%!important;width:42%!important}
}
@media(max-width:820px) and (orientation:portrait){
  body.combined-design .command-center-showcase{min-height:620px!important}
  body.combined-design .command-device-stage{opacity:.82!important;transform:none!important}
  body.combined-design .device-imac{left:-25%!important;top:4%!important;width:145%!important}
  body.combined-design .device-ipad{display:none!important}
  body.combined-design .device-iphone{right:7%!important;bottom:17%!important;width:37%!important;transform:none!important}
  body.combined-design .device-report-mobile .device-report-head span{font-size:4px!important}
  body.combined-design .device-report-mobile .device-report-head b{font-size:8px!important}
  body.combined-design .device-report-mobile .device-report-head small{font-size:4px!important}
  body.combined-design .command-center-copy{padding-top:130px!important}
}

/* September 10 staging: compact header, growth copy and connected engagement motion. */
body.combined-design .nav-inner{
  width:min(var(--wrap),calc(100% - var(--site-content-gutter)))!important;max-width:var(--wrap)!important;margin-inline:auto!important;padding-inline:0!important;
}
body.combined-design .nav,body.combined-design :is(.brand-wordmark,.optio-wordmark){transition:height .3s ease,max-width .3s ease,transform .3s ease,background-color .3s ease!important}
body.combined-design .nav.scrolled{height:calc(var(--nav) * .6)!important}
body.combined-design .nav.scrolled :is(.brand-wordmark,.optio-wordmark){transform:scale(.6)!important;transform-origin:left center!important}
body.combined-design .nav-right,body.combined-design .nav-right #commandLauncher,
body.combined-design .nav.on-light .nav-right #commandLauncher{
  background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;appearance:none!important;
}
body.combined-design .nav-right #commandLauncher::before,body.combined-design .nav-right #commandLauncher::after{content:none!important;display:none!important}

body.combined-design #outcome .outcome-detail{margin-top:40px!important}

body.combined-design .who-engage .vertical-tab-list [role=tab]{
  --rail-color:var(--v3-orange);border-radius:0!important;color:var(--v3-ink)!important;
  background-color:#f4f7f9!important;background-image:linear-gradient(90deg,rgba(240,138,44,.48),rgba(240,138,44,.14))!important;
  background-position:left center!important;background-repeat:no-repeat!important;background-size:0 100%!important;
  transition:background-size .38s cubic-bezier(.2,.75,.2,1),color .2s ease,border-color .2s ease!important;
}
body.combined-design .who-engage .vertical-tab-list [role=tab]:is(:hover,:focus-visible,[aria-selected=true]){
  border-left:3px solid var(--v3-orange)!important;border-radius:0!important;background-size:100% 100%!important;color:#fff!important;
}
body.combined-design .who-engage .vertical-tab-panels{
  border:0!important;border-radius:0 8px 8px 0!important;background:rgba(240,138,44,.1)!important;overflow:hidden!important;
}
body.combined-design .who-engage .vertical-tab-panels>[role=tabpanel]:not([hidden]){animation:v3-panel-in .38s cubic-bezier(.2,.75,.2,1) both!important}
body.combined-design #who .who-engage a.discuss-link{color:#0879b7!important}
body.combined-design #who .who-engage a.discuss-link:is(:hover,:focus-visible,.is-touch-active){color:#fff!important}

@media(max-width:900px){
  body.combined-design .nav.scrolled{height:calc(var(--nav) * .6)!important}
  body.combined-design .nav.scrolled :is(.brand-wordmark,.optio-wordmark){transform:scale(.6)!important}
}

body.combined-design #work .proof-tabs button,
body.combined-design #work .proof-tabs button:is(:hover,:focus-visible,[aria-selected=true]){
  background:rgba(255,255,255,.16)!important;background-image:none!important;
}
body.combined-design #work .proof-tabs button:is(:hover,:focus-visible){background-color:rgba(8,121,183,.14)!important}
body.combined-design #work .proof-tabs button[aria-selected=true]{background-color:rgba(141,221,255,.22)!important}

/* September 24 staging: header rhythm, interactive hero and responsive live reporting. */
body.combined-design .nav{height:auto!important;min-height:var(--nav)!important;padding-block:10px!important}
body.combined-design .nav.scrolled{height:auto!important;min-height:calc(var(--nav) * .6)!important;padding-block:6px!important}
body.combined-design .nav-inner{position:relative!important}
body.combined-design .nav .brand{margin-inline-start:0!important;translate:0!important}

body.combined-design .hero-copy{pointer-events:auto!important}
body.combined-design .hero-scene-controls{position:relative!important;z-index:20!important;pointer-events:auto!important}
body.combined-design .hero-scene-controls button{position:relative!important;z-index:21!important;touch-action:manipulation!important}
body.combined-design .hero-scene .hero-statement{min-height:5.25em;white-space:pre-wrap}
body.combined-design .hero-scene.is-active .hero-statement::after{content:"";display:inline-block;width:1px;height:1em;margin-left:3px;vertical-align:-.08em;background:#8dddff;animation:v3-type-caret .7s steps(1) infinite}
@keyframes v3-type-caret{50%{opacity:0}}
body.combined-design .hero-metric{animation-duration:6s!important}
body.combined-design .hero-neural-canvas,body.combined-design .hero-particle-canvas{position:absolute;inset:0;width:100%;height:100%}
body.combined-design .hero-neural-canvas{filter:drop-shadow(0 0 9px rgba(141,221,255,.18))}
body.combined-design .hero-particle-target{position:absolute;left:0;top:0;z-index:4;width:28px;height:28px;border:1.5px solid #8dddff;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 18px rgba(141,221,255,.65);transition:opacity .12s}
body.combined-design .hero-particle-target::before,body.combined-design .hero-particle-target::after{content:"";position:absolute;left:50%;top:50%;background:#ff7a1a;transform:translate(-50%,-50%)}
body.combined-design .hero-particle-target::before{width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:transparent}
body.combined-design .hero-particle-target::after{width:3px;height:3px;border-radius:50%}
body.combined-design .hero-particle-target.is-visible{opacity:1}
@media(pointer:fine){body.combined-design .hero.particle-scene-active{cursor:none}}

body.combined-design .device-imac{aspect-ratio:16/10;width:78%!important;padding:9px!important;border:3px solid #77838d!important;border-radius:18px!important;background:linear-gradient(145deg,#d7dde1,#5e6870 9%,#121922 10%)!important;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))!important}
body.combined-design .device-imac-screen{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;border-radius:10px!important;background:#090e15!important;transform:none!important}
body.combined-design .device-imac-screen .device-report{transform:none!important}
body.combined-design .device-ipad{transform:none!important}
body.combined-design .device-report-tablet{width:100%!important;height:100%!important;transform:none!important}
body.combined-design .device-report{overflow:hidden!important}
body.combined-design .dashboard-live-line{stroke-dasharray:620;stroke-dashoffset:620;animation:v3-dashboard-draw 6s linear infinite}
@keyframes v3-dashboard-draw{0%{stroke-dashoffset:620;opacity:.35}55%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-40;opacity:.5}}
body.combined-design .device-report-kpis span{background:#292b59!important;border-color:rgba(255,255,255,.1)!important}
body.combined-design .device-report-kpis span:nth-child(3n+1){box-shadow:inset 0 2px #25cdf5}
body.combined-design .device-report-kpis span:nth-child(3n+2){box-shadow:inset 0 2px #f4ce45}
body.combined-design .device-report-kpis span:nth-child(3n){box-shadow:inset 0 2px #ff7a1a}
body.combined-design .device-report-kpis small{font-size:clamp(3.5px,.32vw,5.5px)!important;line-height:1.1!important;white-space:normal!important;min-height:2.2em}
body.combined-design .device-report-kpis strong{font-size:clamp(6px,.74vw,11px)!important;line-height:1!important}
body.combined-design .device-report-kpis em{font-size:clamp(3px,.3vw,5px)!important;white-space:normal!important}
body.combined-design .device-mix-pie{display:block;width:clamp(8px,1.35vw,18px);aspect-ratio:1;border-radius:50%;margin:2px auto;background:conic-gradient(#25cdf5 0 58%,#ff7a1a 58% 100%)}
body.combined-design .device-mom-bars{display:flex!important;align-items:end;gap:2px;height:clamp(8px,1.2vw,17px);margin:2px 0}
body.combined-design .device-mom-bars b{display:block!important;flex:1;background:#ff7a1a;border-radius:1px 1px 0 0}
body.combined-design .device-mom-bars b:nth-child(1){height:36%}body.combined-design .device-mom-bars b:nth-child(2){height:52%}body.combined-design .device-mom-bars b:nth-child(3){height:47%}body.combined-design .device-mom-bars b:nth-child(4){height:74%}body.combined-design .device-mom-bars b:nth-child(5){height:100%}
body.combined-design .device-report-mobile .device-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.combined-design .device-report-mobile .device-report-kpis span:nth-child(n){display:block!important}

@media(max-width:820px) and (orientation:portrait){
  body.combined-design .device-imac{left:-18%!important;top:7%!important;width:126%!important}
  body.combined-design .device-ipad{display:block!important;left:-5%!important;right:auto!important;bottom:21%!important;width:58%!important}
  body.combined-design .device-iphone{right:5%!important;bottom:15%!important;width:38%!important}
}
@media(prefers-reduced-motion:reduce){
  body.combined-design .hero-scene.is-active .hero-statement::after{display:none}
  body.combined-design .dashboard-live-line{animation:none;stroke-dashoffset:0}
}

/* September 24 correction: align the wordmark to the viewport content gutter,
   not the previous centered max-width header boundary. */
body.combined-design .nav-inner{width:min(var(--wrap),calc(100% - var(--site-content-gutter)))!important;max-width:var(--wrap)!important;margin-inline:auto!important;padding-inline:0!important}
body.combined-design .platform-mark img[src*="helium10"],body.combined-design .platform-mark img[src*="pacvue"]{filter:grayscale(1) brightness(0) invert(1)!important;opacity:1!important}
body.combined-design .device-imac{aspect-ratio:auto!important;padding:9px 9px 0!important;background:linear-gradient(145deg,#d7dde1,#5e6870 9%,#121922 10%)!important}
body.combined-design .device-imac-screen{aspect-ratio:16/10!important}
body.combined-design .device-imac>i{display:block!important;width:11%!important;height:28px!important;margin:0 auto!important;background:linear-gradient(90deg,#66727a,#dce1e4 50%,#66727a)!important;clip-path:polygon(38% 0,62% 0,76% 100%,24% 100%)!important}
body.combined-design .device-imac>b{display:block!important;width:24%!important;height:5px!important;margin:0 auto!important;border-radius:5px 5px 2px 2px!important;background:linear-gradient(90deg,#68747c,#dce1e4 50%,#66727a)!important}


/* September 24 final optical wordmark alignment.
   The header and hero use the same content container; this compensates only
   for the SVG artwork's small internal left inset so the visible blue mark
   aligns with the hero eyebrow's visible left edge. */
body.combined-design .nav .brand{margin-inline-start:-2px!important}
@media(max-width:700px){body.combined-design .nav .brand{margin-inline-start:-1px!important}}


/* September 24 stable typed hero lines + measured header alignment. */
body.combined-design .hero-statement .hero-typed-line{display:block!important;white-space:nowrap!important;min-height:1.35em}
body.combined-design .nav .brand{margin-inline-start:0!important;translate:var(--brand-align-shift,0px) 0!important}


/* September 24 hero interaction + alignment correction. */
body.combined-design :is(.wrap,.nav-inner){
  width:min(var(--wrap),calc(100% - var(--site-content-gutter)))!important;
  max-width:var(--wrap)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
body.combined-design .nav .brand{
  margin-inline-start:0!important;
  translate:0 0!important;
  transform:none!important;
  justify-self:start!important;
}
body.combined-design .nav.scrolled .brand{translate:0 0!important}
body.combined-design .nav.scrolled .optio-wordmark{transform:scale(.6)!important;transform-origin:left center!important}

body.combined-design .hero-scene .hero-statement{
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-weight:400!important;
}
body.combined-design .hero-scene.is-active .hero-statement::after{display:none!important;content:none!important}
body.combined-design .hero-type-caret{
  display:inline-block!important;
  width:1px;height:1em;
  margin-left:3px;
  vertical-align:-.08em;
  background:#8dddff;
  animation:v3-type-caret .7s steps(1) infinite;
}
body.combined-design .hero-statement .hero-typed-line{
  display:block!important;
  white-space:nowrap!important;
  min-height:1.35em;
}

/* Hero 1: Growth expands from half-size to a larger final state. */
body.combined-design .hero-scene[data-scene="0"].is-kinetic .kinetic-title>.kinetic-accent{
  transform-origin:left bottom!important;
  animation:v3-growth-expand 4.8s .18s cubic-bezier(.18,.82,.2,1) forwards,v3-growth-glow 3.2s 1.1s ease-in-out infinite!important;
}
@keyframes v3-growth-expand{
  0%{opacity:0;transform:scale(.5);filter:blur(8px)}
  14%{opacity:1;filter:none}
  100%{opacity:1;transform:scale(1.18);filter:none}
}
@keyframes v3-growth-glow{50%{text-shadow:0 0 30px rgba(240,138,44,.35)}}

/* Hero 1 metrics wander farther and faster. */
body.combined-design .hero-metric{
  animation-name:v3-metric-wander!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-direction:alternate!important;
}
@keyframes v3-metric-wander{
  0%{transform:translate3d(0,0,-40px) rotate(-1deg);opacity:.34}
  33%{transform:translate3d(calc(var(--mx) * .55),calc(var(--my) * -.45),30px) rotate(1.5deg);opacity:.72}
  66%{transform:translate3d(calc(var(--mx) * -.35),calc(var(--my) * .7),65px) rotate(-1deg);opacity:.52}
  100%{transform:translate3d(var(--mx),var(--my),90px) rotate(1deg);opacity:.68}
}

/* Hero 2: remove any hard-edged treatment from AI Enhanced. */
body.combined-design .hero-scene[data-scene="1"] .kinetic-accent{
  background:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  filter:drop-shadow(0 0 9px rgba(141,221,255,.26))!important;
  text-shadow:0 0 18px rgba(141,221,255,.26)!important;
}

/* Hero 3: ecosystem title assembles Connected from two directions. */
body.combined-design .hero-scene[data-scene="2"] .kinetic-title{align-content:center!important}
body.combined-design .hero-scene[data-scene="2"] .ecosystem-prefix{flex:1 0 100%;max-width:11em}
body.combined-design .hero-scene[data-scene="2"] .connected-word{
  display:inline-flex!important;
  overflow:visible!important;
  color:#8dddff!important;
  background:none!important;
}
body.combined-design .hero-scene[data-scene="2"] .connected-word i{
  display:inline-block;
  font-style:normal;
  font:inherit;
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .ecosystem-prefix{animation:v3-ecosystem-build 1.15s cubic-bezier(.2,.82,.2,1) both!important}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .connected-word{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .connected-left{animation:v3-connect-left .9s .9s cubic-bezier(.2,.86,.2,1) both}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .connected-right{animation:v3-connect-right .9s .9s cubic-bezier(.2,.86,.2,1) both}
@keyframes v3-ecosystem-build{from{opacity:0;transform:translateY(.45em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes v3-connect-left{from{opacity:0;transform:translateX(-1.2em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes v3-connect-right{from{opacity:0;transform:translateX(1.2em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* Hero 3 bullseye owns the empty hero field, not navigation or links. */
@media(pointer:fine){
  body.combined-design .hero.particle-scene-active{cursor:none}
  body.combined-design .hero.particle-scene-active :is(a,button,.hero-scene-controls,.actions){cursor:pointer!important}
}
body.combined-design .hero-particle-target::before{border-color:#fff!important}
body.combined-design .hero-particle-target::after{background:#8dddff!important}

/* Keep mobile/sticky gutters identical to section wraps. */
@media(max-width:700px){
  body.combined-design{--site-content-gutter:32px}
  body.combined-design :is(.wrap,.nav-inner){width:calc(100% - var(--site-content-gutter))!important}
}
@media(max-width:380px){
  body.combined-design{--site-content-gutter:24px}
}


/* September 25 release: final alignment, hero motion and portrait accordions. */
body.combined-design .nav .brand{
  margin-inline-start:-4px!important;
  translate:0 0!important;
}
body.combined-design .nav.scrolled .brand{margin-inline-start:-4px!important}
@media(max-width:700px){
  body.combined-design .nav .brand,
  body.combined-design .nav.scrolled .brand{margin-inline-start:-3px!important}
}

/* Hero metric field: JS sends cards across the full field; charts animate vertically. */
body.combined-design .hero-metric{
  animation:none!important;
  transition:left 3.8s linear,top 3.8s linear,opacity .4s ease!important;
}
body.combined-design .hero-dash-fragment i{
  transform-origin:center bottom;
  animation:v3-live-bars 2.8s ease-in-out infinite alternate!important;
}
body.combined-design .hero-dash-fragment i:nth-of-type(2){animation-delay:-.6s!important}
body.combined-design .hero-dash-fragment i:nth-of-type(3){animation-delay:-1.25s!important}
body.combined-design .hero-dash-fragment i:nth-of-type(4){animation-delay:-1.8s!important}
body.combined-design .hero-dash-fragment i:nth-of-type(5){animation-delay:-2.3s!important}
@keyframes v3-live-bars{0%{transform:scaleY(.28)}45%{transform:scaleY(.7)}100%{transform:scaleY(1.18)}}

/* Hero 3 title. */
body.combined-design .hero-scene[data-scene="2"] .nexus-title{max-width:10.5em}
body.combined-design .hero-scene[data-scene="2"] .nexus-word{
  color:var(--v3-orange)!important;
  background:none!important;
  border:0!important;
  padding:0!important;
  text-shadow:0 0 22px rgba(240,138,44,.25);
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .nexus-word{
  animation:v3-nexus-emerge 1.1s .18s cubic-bezier(.18,.86,.2,1) both!important;
}
@keyframes v3-nexus-emerge{from{opacity:0;transform:scale(.55) translateY(.25em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* Mobile portrait accordion system. Desktop/tablet remain unchanged. */
body.combined-design .mobile-portrait-accordion{display:none}
body.combined-design .desktop-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
body.combined-design .agency-proof,body.combined-design .principal-proof{display:block}
body.combined-design .desktop-proof-grid>article{min-height:190px;padding:22px;border:1px solid rgba(18,37,55,.12);border-radius:14px;background:#fff}

@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #who>.wrap>.audience-tabs,
  body.combined-design #who>.wrap>.ia-tab-panels,
  body.combined-design #solve .problem-grid{display:none!important}

  body.combined-design .mobile-portrait-accordion{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:18px}
  body.combined-design .mobile-portrait-accordion>details{
    display:block;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:7px;background:rgba(255,255,255,.035);overflow:clip
  }
  body.combined-design .ia-light .mobile-portrait-accordion>details{background:rgba(255,255,255,.5);border-color:rgba(18,37,55,.16)}
  body.combined-design .mobile-portrait-accordion>details>summary{
    display:flex!important;align-items:center;gap:12px;min-height:58px;padding:13px 48px 13px 14px!important;
    list-style:none;position:relative;cursor:pointer;font-family:var(--font-body)!important;font-size:14px!important;font-weight:500!important
  }
  body.combined-design .mobile-portrait-accordion>details>summary::-webkit-details-marker{display:none}
  body.combined-design .mobile-portrait-accordion>details>summary .panel-icon{flex:0 0 24px;width:24px;height:24px;color:var(--v3-orange)}
  body.combined-design .mobile-portrait-accordion>details>summary .disclosure-chevron{right:15px}
  body.combined-design .mobile-portrait-accordion>details>summary[aria-expanded=true]{
    color:#fff!important;background:linear-gradient(90deg,rgba(240,138,44,.72),rgba(240,138,44,.14) 74%,transparent)!important;
    box-shadow:inset 3px 0 var(--v3-orange)
  }
  body.combined-design .mobile-portrait-accordion .slide-content>div{padding:16px 16px 20px}
  body.combined-design #who .mobile-who-accordion .audience-panel{padding:0!important}
  body.combined-design #who .mobile-who-accordion .audience-panel dl{grid-template-columns:1fr!important}
  body.combined-design #solve .mobile-solve-accordion>details{background:rgba(255,255,255,.035)}
  body.combined-design #solve .mobile-solve-accordion>details>summary[aria-expanded=true]{
    background:linear-gradient(90deg,rgba(240,138,44,.52),rgba(240,138,44,.08) 76%,transparent)!important
  }
  body.combined-design #solve .mobile-solve-accordion .slide-content p{margin:0 0 14px;font-size:14px!important}

  /* Existing Expertise and How/ways-to-help disclosures use the same one-open vertical behavior. */
  body.combined-design #capabilities .adaptive-tabs{display:block!important}
  body.combined-design #capabilities .vertical-tab-list,
  body.combined-design #capabilities .vertical-tab-panels{display:none!important}
  body.combined-design #capabilities .ia-disclosures{display:grid!important;gap:8px}
  body.combined-design #capabilities .ia-disclosure>summary{
    min-height:58px;padding:14px 48px 14px 16px!important;border-left:3px solid transparent;
    background-image:linear-gradient(90deg,rgba(141,221,255,.24),rgba(141,221,255,.05),transparent)!important;
    background-size:0 100%!important;background-repeat:no-repeat!important;
    transition:background-size .38s cubic-bezier(.2,.75,.2,1),border-color .2s,color .2s!important
  }
  body.combined-design #capabilities .ia-disclosure>summary[aria-expanded=true]{
    color:#fff!important;border-left-color:#8dddff!important;background-size:100% 100%!important
  }
  body.combined-design #capabilities .ia-disclosure .slide-content>div{padding:14px 16px 22px}

  body.combined-design #engage .adaptive-tabs{display:block!important}
  body.combined-design #engage .vertical-tab-list,
  body.combined-design #engage .vertical-tab-panels{display:none!important}
  body.combined-design #engage .engagement-list{display:grid!important;grid-template-columns:1fr!important;gap:8px}
  body.combined-design #engage .engagement-list>details>summary{min-height:58px}
  body.combined-design #engage .engagement-list>details>summary[aria-expanded=true]{color:#fff!important;background:linear-gradient(90deg,rgba(240,138,44,.72),rgba(240,138,44,.12),transparent)!important;box-shadow:inset 3px 0 var(--v3-orange)!important}

  body.combined-design .proof-panel .desktop-proof-grid{display:none!important}
  body.combined-design .proof-panel .mobile-proof-accordion{display:grid!important;margin-top:12px}
  body.combined-design .mobile-proof-accordion>details>summary{min-height:76px;background:#0b1623!important}
  body.combined-design .mobile-proof-accordion>details>summary[aria-expanded=true]{background:#10263b!important;box-shadow:inset 3px 0 #8dddff!important}
  body.combined-design .mobile-proof-accordion .agency-logo{display:flex!important;align-items:center;justify-content:flex-start;width:min(72%,230px);height:48px;margin:0!important}
  body.combined-design .mobile-proof-accordion .agency-logo img{display:block!important;max-width:100%!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  body.combined-design .mobile-proof-accordion .slide-content>div{padding:14px 16px 20px}
  body.combined-design .mobile-proof-accordion .panel-title{font-size:20px!important}
}


/* Mobile portrait How We Can Help accordion replaces the former slider. */
body.combined-design .mobile-how-help-accordion{display:none}
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design .who-engage>.adaptive-tabs,
  body.combined-design .mobile-engagement-slider{display:none!important}
  body.combined-design .mobile-how-help-accordion{display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:16px}
  body.combined-design .mobile-how-help-item{border:1px solid rgba(18,37,55,.16);border-radius:7px;background:rgba(255,255,255,.52);overflow:hidden}
  body.combined-design .mobile-how-help-trigger{
    width:100%;min-height:58px;display:grid!important;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:10px;
    padding:10px 14px!important;border:0!important;background:transparent!important;color:var(--v3-ink)!important;text-align:left!important
  }
  body.combined-design .mobile-how-help-trigger>span{font-family:var(--font-tech)!important;font-size:10px;color:var(--v3-orange)}
  body.combined-design .mobile-how-help-trigger>strong{font-size:14px!important;font-weight:500!important}
  body.combined-design .mobile-how-help-trigger>svg{width:20px;height:20px;transition:transform .32s ease}
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger{
    color:#fff!important;background-image:linear-gradient(90deg,rgba(240,138,44,.75),rgba(240,138,44,.16) 76%,transparent)!important;
    box-shadow:inset 3px 0 var(--v3-orange)!important
  }
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>svg{transform:rotate(180deg)}
  body.combined-design .mobile-how-help-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,.61,.36,1)}
  body.combined-design .mobile-how-help-panel>div{min-height:0;overflow:hidden;padding:0 16px}
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-panel{grid-template-rows:1fr}
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-panel>div{padding:16px}
  body.combined-design .mobile-how-help-panel p,body.combined-design .mobile-how-help-panel li,body.combined-design .mobile-how-help-panel .discuss-link{font-size:15px!important;line-height:1.55!important}
  body.combined-design .mobile-how-help-panel ul{padding-left:18px}
  body.combined-design .mobile-proof-accordion .agency-logo img{filter:grayscale(1) brightness(0) invert(1)}
}


/* Tablet landscape keeps the full desktop header and bento navigation when it fits. */
@media(min-width:900px) and (max-width:1180px) and (orientation:landscape){
  body.combined-design .global-nav{display:flex!important}
  body.combined-design:not(.nav-compact) .menu-toggle{display:none!important}
  body.combined-design:not(.nav-compact) .bento-panel:not([hidden]){display:block!important}
  body.combined-design .nav-inner{grid-template-columns:auto 1fr auto!important}
}


/* September 28 — Hero 1 unified executive growth dashboard.
   Replaces free-floating KPI cards while keeping slides 2/3 unchanged. */
body.combined-design .hero-scene-layer[data-layer="0"]{
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 44%,rgba(45,166,224,.08),transparent 31%),
    radial-gradient(circle at 24% 76%,rgba(240,138,44,.045),transparent 28%);
}
body.combined-design .hero-scene-layer[data-layer="0"]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(4,12,20,.72) 0%,rgba(4,12,20,.34) 39%,rgba(4,12,20,.2) 65%,rgba(4,12,20,.42) 100%),
    linear-gradient(180deg,rgba(4,12,20,.25),transparent 24%,transparent 75%,rgba(4,12,20,.4));
  pointer-events:none;
}
body.combined-design .hero-growth-dashboard{
  position:absolute;
  inset:clamp(22px,4vh,46px) clamp(18px,3.6vw,68px) clamp(24px,5vh,58px);
  z-index:1;
  padding:clamp(14px,1.7vw,22px);
  border:1px solid rgba(141,221,255,.11);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(10,22,34,.84),rgba(5,13,22,.78)),
    radial-gradient(circle at 70% 20%,rgba(45,166,224,.08),transparent 28%);
  box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);
  opacity:.52;
  filter:saturate(.9);
  transform:perspective(1500px) rotateX(.5deg) scale(.985);
  transform-origin:center;
  overflow:hidden;
}
body.combined-design .hero-growth-dashboard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
}
body.combined-design .hero-growth-dashboard-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:54px;
  padding:0 4px 13px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
body.combined-design .hero-growth-dashboard-head div{display:grid;gap:4px}
body.combined-design .hero-growth-dashboard-head small,
body.combined-design .hero-growth-module>small{
  color:rgba(141,221,255,.76);
  font:700 9px/1.2 'Doto',sans-serif;
  letter-spacing:.13em;
}
body.combined-design .hero-growth-dashboard-head strong{
  color:rgba(245,250,255,.86);
  font:400 17px/1.2 'Open Sans',sans-serif;
}
body.combined-design .hero-growth-dashboard-head>span{
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(190,207,221,.55);
  font:700 8px/1 'Doto',sans-serif;
  letter-spacing:.12em;
}
body.combined-design .hero-growth-dashboard-head>span i{
  width:6px;height:6px;border-radius:50%;
  background:#70dca8;
  box-shadow:0 0 10px rgba(112,220,168,.55);
  animation:v3-live-status 2.8s ease-in-out infinite;
}
body.combined-design .hero-growth-dashboard-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:clamp(7px,1vw,13px);
  height:calc(100% - 68px);
  padding-top:13px;
}
body.combined-design .hero-growth-module{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:clamp(12px,1.35vw,18px);
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
body.combined-design .hero-growth-module>strong,
body.combined-design .hero-growth-mix-row>strong{
  display:block;
  margin:8px 0 5px;
  color:rgba(247,251,255,.9);
  font:300 clamp(22px,2.25vw,36px)/1 'Open Sans',sans-serif;
  letter-spacing:-.035em;
}
body.combined-design .hero-growth-module>em{
  display:block;
  color:rgba(112,220,168,.66);
  font:300 9px/1.25 'Open Sans',sans-serif;
  font-style:normal;
}
body.combined-design .hero-growth-revenue svg{
  position:absolute;
  left:10px;right:10px;bottom:10px;
  width:calc(100% - 20px);height:46%;
}
body.combined-design .hero-growth-module>svg:not(.hero-growth-revenue svg){
  position:absolute;left:12px;right:12px;bottom:11px;width:calc(100% - 24px);height:35%;
}
body.combined-design .hero-growth-gridline{
  fill:none;stroke:rgba(255,255,255,.045);stroke-width:1
}
body.combined-design .hero-growth-line{
  fill:none;
  stroke:#8dddff;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:420;
  stroke-dashoffset:420;
  filter:drop-shadow(0 0 4px rgba(141,221,255,.25));
  animation:v3-hero-dashboard-line 9s linear infinite;
}
body.combined-design .hero-growth-line-down{stroke:#70dca8}
body.combined-design .hero-growth-line.orange-line{stroke:var(--v3-orange)}
body.combined-design .hero-growth-bars{
  position:absolute;left:12px;right:12px;bottom:12px;height:42%;
  display:flex;align-items:end;gap:5px;
}
body.combined-design .hero-growth-bars i{
  flex:1;
  min-width:4px;
  height:var(--bar,35%);
  border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,rgba(141,221,255,.74),rgba(44,166,224,.18));
  transform-origin:center bottom;
  animation:v3-hero-dashboard-bars 7.5s ease-in-out infinite alternate;
}
body.combined-design .hero-growth-bars i:nth-child(1){--bar:28%;animation-delay:-1.1s}
body.combined-design .hero-growth-bars i:nth-child(2){--bar:43%;animation-delay:-3.4s}
body.combined-design .hero-growth-bars i:nth-child(3){--bar:39%;animation-delay:-2s}
body.combined-design .hero-growth-bars i:nth-child(4){--bar:58%;animation-delay:-5.2s}
body.combined-design .hero-growth-bars i:nth-child(5){--bar:66%;animation-delay:-.4s}
body.combined-design .hero-growth-bars i:nth-child(6){--bar:75%;animation-delay:-4.4s}
body.combined-design .hero-growth-bars i:nth-child(7){--bar:88%;animation-delay:-2.8s}
body.combined-design .hero-growth-bars.mini{height:35%}
body.combined-design .hero-growth-progress{
  position:absolute;left:14px;right:14px;bottom:18px;height:4px;
  border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden
}
body.combined-design .hero-growth-progress b{
  display:block;width:var(--score);height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#2ca6e0,#8dddff);
  transform-origin:left center;
  animation:v3-hero-dashboard-progress 8s ease-in-out infinite alternate;
}
body.combined-design .hero-growth-progress.orange b{background:linear-gradient(90deg,#a95718,var(--v3-orange))}
body.combined-design .hero-growth-mix-row{display:flex;align-items:center;gap:12px;margin-top:8px}
body.combined-design .hero-growth-mix-row>strong{margin:0}
body.combined-design .hero-growth-donut{
  flex:0 0 44px;width:44px;height:44px;border-radius:50%;
  background:conic-gradient(#8dddff 0 42%,rgba(240,138,44,.58) 42% 100%);
  -webkit-mask:radial-gradient(circle,transparent 49%,#000 51%);
  mask:radial-gradient(circle,transparent 49%,#000 51%);
  opacity:.75;
  animation:v3-hero-dashboard-donut 12s ease-in-out infinite alternate;
}
@keyframes v3-live-status{50%{opacity:.38;box-shadow:0 0 4px rgba(112,220,168,.25)}}
@keyframes v3-hero-dashboard-line{
  0%{stroke-dashoffset:420;opacity:.3}
  45%,82%{stroke-dashoffset:0;opacity:.82}
  100%{stroke-dashoffset:-36;opacity:.4}
}
@keyframes v3-hero-dashboard-bars{
  0%{transform:scaleY(.62);opacity:.45}
  100%{transform:scaleY(1.08);opacity:.85}
}
@keyframes v3-hero-dashboard-progress{0%{transform:scaleX(.72);opacity:.48}100%{transform:scaleX(1);opacity:.82}}
@keyframes v3-hero-dashboard-donut{0%{transform:rotate(-5deg);opacity:.55}100%{transform:rotate(6deg);opacity:.82}}

/* The previous free-floating metric treatment is retired. */
body.combined-design :is(.hero-metric-field,.hero-metric,.hero-dash-fragment,.hero-ring-fragment){display:none!important}

@media(max-width:900px){
  body.combined-design .hero-growth-dashboard{
    inset:18px 12px 24px;
    opacity:.42;
    transform:scale(.99);
  }
  body.combined-design .hero-growth-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:6px;
  }
  body.combined-design .hero-growth-module{padding:10px 12px}
  body.combined-design .hero-growth-module>strong,
  body.combined-design .hero-growth-mix-row>strong{font-size:22px}
  body.combined-design .hero-growth-module>em{font-size:8px}
  body.combined-design .hero-growth-module:nth-child(n+7){opacity:.72}
}
@media(max-width:620px){
  body.combined-design .hero-growth-dashboard{
    inset:12px 6px 18px;
    padding:10px;
    opacity:.34;
    border-radius:14px;
  }
  body.combined-design .hero-growth-dashboard-head{min-height:42px;padding-bottom:8px}
  body.combined-design .hero-growth-dashboard-head strong{font-size:13px}
  body.combined-design .hero-growth-dashboard-head>span{display:none}
  body.combined-design .hero-growth-dashboard-grid{height:calc(100% - 50px);gap:5px;padding-top:8px}
  body.combined-design .hero-growth-module{padding:8px 9px;border-radius:8px}
  body.combined-design .hero-growth-module>strong,
  body.combined-design .hero-growth-mix-row>strong{font-size:18px;margin-top:5px}
  body.combined-design .hero-growth-module>small{font-size:7px}
  body.combined-design .hero-growth-module>em{font-size:7px}
  body.combined-design .hero-growth-revenue svg,
  body.combined-design .hero-growth-module>svg:not(.hero-growth-revenue svg),
  body.combined-design .hero-growth-bars{opacity:.72}
  body.combined-design .hero-growth-donut{width:32px;height:32px;flex-basis:32px}
}
@media(prefers-reduced-motion:reduce){
  body.combined-design :is(.hero-growth-line,.hero-growth-bars i,.hero-growth-progress b,.hero-growth-donut,.hero-growth-dashboard-head>span i){animation:none!important}
  body.combined-design .hero-growth-line{stroke-dashoffset:0}
  body.combined-design .hero-growth-progress b{transform:none}
}


/* September 28 mobile How We Can Help accordion sizing correction. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design .mobile-how-help-item{padding:0!important;min-height:0!important}
  body.combined-design .mobile-how-help-trigger{min-height:58px!important;padding-block:10px!important}
}


/* September 28 mobile UX corrections + exact wordmark alignment. */
body.combined-design .nav .brand,
body.combined-design .nav.scrolled .brand{
  margin-inline-start:0!important;
  translate:0!important;
  transform:translateX(var(--optio-logo-shift,0px))!important;
}

/* WHO WE HELP — compact heading rhythm and legible active accordion labels. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #who .who-engage-head{
    grid-template-columns:1fr!important;
    row-gap:7px!important;
    margin-bottom:12px!important;
  }
  body.combined-design #who .who-engage-head h3{margin:0!important}
  body.combined-design #who .who-engage-head p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.55!important;
  }
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger{
    color:#8dddff!important;
  }
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>span,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>strong,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>svg{
    color:#8dddff!important;
  }
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true],
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true] strong,
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true] .disclosure-chevron{
    color:#8dddff!important;
  }
}

/* WHAT WE SOLVE — three grouped accordion tabs on portrait mobile/tablet.
   The prior nine-item mobile-only list is intentionally retired. */
body.combined-design .mobile-solve-groups{display:none}
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #solve .solve-switcher,
  body.combined-design #solve .mobile-solve-accordion{display:none!important}
  body.combined-design #solve .mobile-solve-groups{
    display:grid!important;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:18px;
  }
  body.combined-design #solve .mobile-solve-group{
    overflow:hidden;
    border:1px solid rgba(141,221,255,.24);
    border-radius:8px;
    background:rgba(255,255,255,.025);
  }
  body.combined-design #solve .mobile-solve-trigger{
    width:100%;
    min-height:68px;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 22px;
    align-items:center;
    gap:12px;
    padding:12px 14px!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    text-align:left!important;
  }
  body.combined-design #solve .mobile-solve-icon{
    width:27px;height:27px;
    fill:none;stroke:var(--v3-orange);
    stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  }
  body.combined-design #solve .mobile-solve-trigger>span{display:block;min-width:0}
  body.combined-design #solve .mobile-solve-trigger strong{
    display:block;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:600!important;
    color:inherit!important;
  }
  body.combined-design #solve .mobile-solve-trigger small{
    display:block;
    margin-top:3px;
    font-size:12px!important;
    line-height:1.35!important;
    color:#aebdca!important;
  }
  body.combined-design #solve .mobile-solve-chevron{
    width:20px;height:20px;
    fill:none;stroke:currentColor;stroke-width:2;
    transition:transform .32s ease;
  }
  body.combined-design #solve .mobile-solve-group.is-open .mobile-solve-trigger{
    color:#8dddff!important;
    background:linear-gradient(90deg,rgba(240,138,44,.34),rgba(240,138,44,.09) 75%,rgba(8,22,34,.08))!important;
    box-shadow:inset 3px 0 var(--v3-orange)!important;
  }
  body.combined-design #solve .mobile-solve-group.is-open .mobile-solve-chevron{transform:rotate(180deg)}
  body.combined-design #solve .mobile-solve-panel-group{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .34s cubic-bezier(.22,.61,.36,1);
  }
  body.combined-design #solve .mobile-solve-panel-group>div{
    min-height:0;
    overflow:hidden;
    padding:0 12px;
  }
  body.combined-design #solve .mobile-solve-group.is-open .mobile-solve-panel-group{grid-template-rows:1fr}
  body.combined-design #solve .mobile-solve-group.is-open .mobile-solve-panel-group>div{padding:10px 12px 14px}
  body.combined-design #solve .mobile-solve-panel-group .problem-grid,
  body.combined-design #solve .mobile-solve-panel-group>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.combined-design #solve .mobile-solve-panel-group article{
    min-height:0!important;
    padding:14px!important;
    border:1px solid rgba(141,221,255,.1)!important;
    border-left:2px solid var(--v3-orange)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.025)!important;
  }
  body.combined-design #solve .mobile-solve-panel-group .panel-title{
    font-size:17px!important;
    line-height:1.3!important;
  }
  body.combined-design #solve .mobile-solve-panel-group p{
    font-size:15px!important;
    line-height:1.5!important;
  }
}

/* MEASURABLE GROWTH AT SCALE — consistent icon-above-copy treatment and larger mobile text. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #outcome .growth-steps>li,
  body.combined-design #outcome .growth-steps>li:last-child{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body.combined-design #outcome .growth-steps>li:last-child{grid-column:1 / -1!important}
  body.combined-design #outcome .growth-steps svg{
    width:30px!important;
    height:30px!important;
    margin:0 0 2px!important;
  }
  body.combined-design #outcome .growth-steps h3{
    font-size:22px!important;
    line-height:1.28!important;
  }
  body.combined-design #outcome .growth-steps p{
    font-size:16px!important;
    line-height:1.5!important;
  }
}

/* EXPERTISE — darker active gradient and high-contrast label/chevron. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #capabilities .ia-disclosure>summary[aria-expanded=true]{
    color:#8dddff!important;
    border-left-color:#8dddff!important;
    background-image:linear-gradient(90deg,#071725 0%,#0b2436 62%,#07131f 100%)!important;
    background-size:100% 100%!important;
  }
  body.combined-design #capabilities .ia-disclosure>summary[aria-expanded=true] strong,
  body.combined-design #capabilities .ia-disclosure>summary[aria-expanded=true] .disclosure-chevron{
    color:#8dddff!important;
  }
}

/* BUILT IN THE REAL WORLD — logos sit directly on the dark mobile accordion rows. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design .agency-mobile-accordion .agency-logo{
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
    height:48px!important;
  }
  body.combined-design .agency-mobile-accordion .agency-logo img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:46px!important;
    object-fit:contain!important;
    filter:grayscale(1) brightness(0) invert(1)!important;
    opacity:1!important;
  }
}


/* September 28 — active accordion legibility + final global logo position. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true],
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true] strong,
  body.combined-design #who .mobile-who-accordion>details>summary[aria-expanded=true] .disclosure-chevron,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>span,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>strong,
  body.combined-design .mobile-how-help-item.is-open .mobile-how-help-trigger>svg{
    color:#07131f!important;
  }
}

/* The brand is intentionally positioned left of the centered page-content container. */
body.combined-design .nav .brand,
body.combined-design .nav.scrolled .brand{
  margin-inline-start:0!important;
  translate:0!important;
  transform:translateX(var(--optio-logo-shift,0px))!important;
}


/* September 28 proof-logo correction:
   transparent monochrome marks stay white; raster/light-background marks use knockout blending. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design .agency-mobile-accordion .agency-logo,
  body.combined-design .principal-mobile-accordion .agency-logo{
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
    isolation:auto!important;
  }

  body.combined-design .agency-mobile-accordion .agency-logo img,
  body.combined-design .principal-mobile-accordion .agency-logo img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:46px!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:grayscale(1) brightness(0) invert(1)!important;
    mix-blend-mode:normal!important;
    background:transparent!important;
  }

  body.combined-design .agency-mobile-accordion .agency-logo img.logo-knockout,
  body.combined-design .principal-mobile-accordion .agency-logo img.logo-knockout{
    filter:invert(1) grayscale(1) contrast(1.12)!important;
    mix-blend-mode:screen!important;
  }
}


/* September 28 — make proof accordion affordance explicit on portrait layouts. */
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design .agency-mobile-accordion>details>summary>.disclosure-chevron,
  body.combined-design .principal-mobile-accordion>details>summary>.disclosure-chevron{
    display:block!important;
    color:#f7fbff!important;
    opacity:1!important;
    width:22px!important;
    height:22px!important;
    right:18px!important;
  }
  body.combined-design .agency-mobile-accordion>details>summary[aria-expanded=true]>.disclosure-chevron,
  body.combined-design .principal-mobile-accordion>details>summary[aria-expanded=true]>.disclosure-chevron{
    color:#8dddff!important;
    transform:translateY(-50%) rotate(180deg)!important;
  }
}


/* September 28 final session pass: CTA contrast, deterministic header alignment, hero motion. */

/* CTA consistency on light sections */
body.combined-design :is(.ia-light,.ia-work) :is(.text-link,.discuss-link,.audience-link,.early-proof>a){
  color:#163245!important;
  font-weight:500!important;
}
body.combined-design :is(.ia-light,.ia-work) :is(.text-link,.discuss-link,.audience-link,.early-proof>a):is(:hover,:focus-visible,.is-touch-active){
  color:#07131f!important;
  background-size:100% 100%!important;
}
body.combined-design .principal-proof>.discuss-link{
  margin-top:10px!important;
}

/* Exact header alignment: brand uses the same responsive left guide as page content. */
body.combined-design .nav-inner{
  position:relative!important;
}
body.combined-design .nav .brand,
body.combined-design .nav.scrolled .brand{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  margin:0!important;
  padding:0!important;
  translate:none!important;
  transform:translateY(-50%)!important;
  transform-origin:left center!important;
  z-index:3!important;
}
body.combined-design .nav.scrolled .brand{
  transform:translateY(-50%) scale(.6)!important;
}
body.combined-design .nav .brand .optio-wordmark{
  transform:none!important;
  transform-origin:left center!important;
}

/* Hero 1: Growth continues enlarging for the entire 8-second scene. */
body.combined-design .hero-scene[data-scene="0"].is-kinetic .kinetic-title>.kinetic-accent{
  animation:v3-growth-long 7.7s .18s cubic-bezier(.16,.72,.18,1) forwards,
            v3-growth-glow 3.2s 1.1s ease-in-out infinite!important;
}
@keyframes v3-growth-long{
  0%{opacity:0;transform:scale(.5);filter:blur(8px)}
  12%{opacity:1;filter:none}
  100%{opacity:1;transform:scale(1.32);filter:none}
}

/* Hero 2: sustained radiant pulse on AI Enhanced. */
body.combined-design .hero-scene[data-scene="1"].is-kinetic .kinetic-title>.kinetic-accent{
  animation:v3-ai-enhance 1.05s .22s cubic-bezier(.16,.9,.24,1) both,
            v3-ai-radiant-pulse 2.5s 1.25s ease-in-out infinite!important;
}
@keyframes v3-ai-radiant-pulse{
  0%,100%{
    text-shadow:0 0 10px rgba(141,221,255,.2),0 0 20px rgba(141,221,255,.1);
    filter:drop-shadow(0 0 5px rgba(141,221,255,.18));
  }
  50%{
    text-shadow:0 0 16px rgba(141,221,255,.72),0 0 34px rgba(141,221,255,.38),0 0 54px rgba(141,221,255,.18);
    filter:drop-shadow(0 0 13px rgba(141,221,255,.48));
  }
}
@media(max-width:700px) and (orientation:portrait){
  body.combined-design .hero-scene[data-scene="1"] .hero-statement{
    position:relative!important;
    z-index:2!important;
    padding:16px 18px!important;
    border-left:3px solid #8dddff!important;
    background:rgba(5,13,23,.62)!important;
    backdrop-filter:blur(9px) saturate(120%)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  }
}

/* Hero 3: Nexus assembles from the X outward. */
body.combined-design .hero-scene[data-scene="2"] .nexus-word{
  display:inline-flex!important;
  align-items:baseline!important;
  overflow:visible!important;
}
body.combined-design .hero-scene[data-scene="2"] .nexus-word i{
  display:inline-block!important;
  font:inherit!important;
  font-style:normal!important;
  line-height:inherit!important;
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .nexus-ne{
  animation:v3-nexus-ne 1.1s .32s cubic-bezier(.16,.86,.2,1) both!important;
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .nexus-us{
  animation:v3-nexus-us 1.1s .32s cubic-bezier(.16,.86,.2,1) both!important;
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .nexus-x{
  animation:v3-nexus-x 1.55s .05s cubic-bezier(.16,.86,.2,1) both!important;
  transform-origin:center!important;
}
@keyframes v3-nexus-ne{
  0%{opacity:0;transform:translateX(1.15em);filter:blur(7px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes v3-nexus-us{
  0%{opacity:0;transform:translateX(-1.15em);filter:blur(7px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes v3-nexus-x{
  0%{opacity:1;transform:scale(2.3);filter:drop-shadow(0 0 22px rgba(240,138,44,.55))}
  68%{opacity:1;transform:scale(2.3);filter:drop-shadow(0 0 22px rgba(240,138,44,.55))}
  100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 8px rgba(240,138,44,.24))}
}


/* October 1 header correction:
   keep the brand in normal flex flow so nav/bento/Command Center geometry stays intact.
   The brand anchor now starts exactly on the same content guide as .wrap/.hero-grid.
   Only a 2px optical correction is applied to the SVG artwork's internal viewBox inset. */
body.combined-design .nav-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  position:relative!important;
}
body.combined-design .nav .brand,
body.combined-design .nav.scrolled .brand{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  flex:0 0 auto!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  translate:none!important;
  transform:none!important;
  transform-origin:left center!important;
  z-index:auto!important;
}
body.combined-design .nav.scrolled .brand{
  transform:none!important;
}
body.combined-design .nav .brand .optio-wordmark{
  transform:translateX(-2px)!important;
  transform-origin:left center!important;
}
body.combined-design .nav.scrolled .brand .optio-wordmark{
  transform:translateX(-2px) scale(.6)!important;
  transform-origin:left center!important;
}
body.combined-design .global-nav{
  flex:1 1 auto!important;
  justify-content:center!important;
  min-width:0!important;
}
body.combined-design .nav-right{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
@media(max-width:700px){
  body.combined-design .nav .brand,
  body.combined-design .nav.scrolled .brand{
    margin-left:0!important;
  }
}

/* REQ-331: keep compact navigation at the top and show Command Center inside it. */
body.combined-design.nav-compact .nav-right #commandLauncher{
  display:none!important;
}
body.combined-design.nav-compact .nav-overlay-content{
  justify-content:flex-start!important;
  padding-top:calc(var(--header-height,var(--nav)) + 12px)!important;
}
body.combined-design.nav-compact .mobile-command-launcher>span{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#59b9ee,#f28a2c)!important;
  color:#07111e!important;
  font-size:18px!important;
  font-weight:800!important;
}
@media(max-width:620px){
  body.combined-design.nav-compact .mobile-command-launcher>span{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
    font-size:16px!important;
  }
}

/* REQ-332–334: align compact header artwork and defer section accordions until tabs need them. */
body.combined-design.nav-compact #menuToggle{
  justify-content:flex-end!important;
  align-items:center!important;
}
@media(min-width:901px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design #hero{height:auto!important;min-height:min(100svh,860px)!important}
  body.combined-design #hero .hero-grid{min-height:min(100svh,860px)!important;height:auto!important}
}
@media(min-width:1140px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design #who>.wrap>.audience-tabs{display:grid!important}
  body.combined-design #who>.wrap>.ia-tab-panels{display:block!important}
  body.combined-design #who .mobile-who-accordion{display:none!important}
  body.combined-design #who .audience-tabs [role=tab]{padding-inline:5px!important;white-space:nowrap!important}
}
@media(min-width:980px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design #solve .solve-switcher{display:block!important}
  body.combined-design #solve .solve-tabs{display:grid!important}
  body.combined-design #solve .problem-grid{display:grid!important}
  body.combined-design #solve .mobile-solve-groups{display:none!important}
  body.combined-design #solve .solve-tabs [role=tab] strong{white-space:nowrap!important}
}
@media(min-width:901px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design .who-engage>.adaptive-tabs{display:grid!important;grid-template-columns:minmax(300px,330px) minmax(0,1fr)!important}
  body.combined-design .who-engage>.adaptive-tabs .vertical-tab-list{display:flex!important}
  body.combined-design .who-engage>.adaptive-tabs .vertical-tab-panels{display:block!important}
  body.combined-design .who-engage .mobile-how-help-accordion,
  body.combined-design .who-engage .mobile-engagement-slider{display:none!important}
  body.combined-design #capabilities .adaptive-tabs{display:grid!important;grid-template-columns:390px minmax(0,1fr)!important;gap:28px!important}
  body.combined-design #capabilities .vertical-tab-list{display:flex!important}
  body.combined-design #capabilities .vertical-tab-panels{display:block!important}
  body.combined-design #capabilities .ia-disclosures{display:none!important}
  body.combined-design #capabilities .vertical-tab-list [role=tab]{white-space:nowrap!important}
  body.combined-design .proof-panel .desktop-proof-grid{display:grid!important}
  body.combined-design .proof-panel .mobile-proof-accordion{display:none!important}
}
@media(max-width:1180px) and (orientation:portrait){
  body.combined-design #outcome .growth-steps h3{font-size:16px!important}
  body.combined-design #outcome .growth-steps p{font-size:12px!important}
  body.combined-design #who .mobile-who-accordion>details>summary{font-size:13px!important}
  body.combined-design .mobile-how-help-trigger>strong{font-size:12px!important}
  body.combined-design #capabilities .ia-disclosure>summary{font-size:14px!important}
}

@media(min-width:901px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design .who-engage>.adaptive-tabs>.engagement-list{display:none!important}
}

/* REQ-335: compact portrait hero and balanced growth-step grid. */
@media(min-width:701px) and (max-width:1180px) and (orientation:portrait){
  body.combined-design #hero{height:auto!important;min-height:50svh!important}
  body.combined-design #hero .hero-grid{
    height:auto!important;
    min-height:50svh!important;
    padding:72px 0 24px!important;
  }
  body.combined-design .hero-copy>.eyebrow{margin-bottom:16px!important}
  body.combined-design #outcome .growth-steps>li:last-child{grid-column:auto!important}
}
@media(min-width:701px) and (max-width:900px) and (orientation:portrait){
  body.combined-design .hero-scenes{min-height:400px!important}
  body.combined-design .hero-scene{gap:18px!important}
  body.combined-design .hero-scene .kinetic-title,
  body.combined-design .hero-scene[data-scene="1"] .kinetic-title,
  body.combined-design .hero-scene[data-scene="2"] .kinetic-title{font-size:clamp(43px,6vw,52px)!important}
}
@media(max-width:700px) and (orientation:portrait){
  body.combined-design #outcome .growth-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.combined-design #outcome .growth-steps>li:last-child{grid-column:1 / -1!important}
}

/* REQ-336: desktop hero stays compact even on tall monitors. */
@media(min-width:1181px){
  body.combined-design #hero{height:580px!important;min-height:0!important}
  body.combined-design #hero .hero-grid{height:580px!important;min-height:0!important;padding:72px 0 24px!important}
}

/* October refinement: readable hero text and persistent eyebrow separators. */
body.combined-design .hero-scene[data-scene="1"] .hero-statement{background:none!important;box-shadow:none!important;text-shadow:2px 2px 3px #07111d,2px 2px 12px #07111d!important}
@media(max-width:700px) and (orientation:portrait){
  body.combined-design .hero-copy>.eyebrow{display:block!important;font-size:clamp(8px,2.2vw,11px)!important;line-height:1.55!important;white-space:normal!important}
  body.combined-design .hero-copy>.eyebrow i{display:inline!important;padding:0 2px!important}
}
/* Growth steps keep one compact card size while the active card advances in DOM order. */
body.combined-design #outcome .growth-steps{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 14px!important}
body.combined-design #outcome .growth-steps>li,body.combined-design #outcome .growth-steps>li:last-child{position:relative;z-index:1;grid-column:auto!important;min-height:150px!important;height:150px!important;padding:12px!important;grid-template-columns:26px minmax(0,1fr)!important;gap:10px!important;transition:none!important}
body.combined-design #outcome .growth-steps>li.is-current{background:rgba(230,126,34,.18)!important;box-shadow:0 0 0 1px rgba(230,126,34,.65),0 0 20px rgba(230,126,34,.25)!important}
body.combined-design #outcome .growth-steps h3{font-size:clamp(15px,1.35vw,18px)!important;line-height:1.2!important}
body.combined-design #outcome .growth-steps p{font-size:13px!important;line-height:1.35!important}
@media(max-width:800px){body.combined-design #outcome .growth-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.combined-design #outcome .growth-steps{grid-template-columns:minmax(0,1fr)!important}}
/* The engagement panel occupies the full tab-stack height. */
body.combined-design .who-engage>.adaptive-tabs{align-items:stretch!important}
body.combined-design .who-engage .vertical-tab-panels{height:100%!important;min-height:100%!important}
body.combined-design .who-engage .vertical-tab-list [role=tab]{display:flex!important;align-items:center!important;gap:12px!important}
body.combined-design .who-engage .vertical-tab-list [role=tab] .engagement-icon{width:22px;height:22px;flex:none;color:#a54e07}
body.combined-design .who-engage .vertical-tab-list [role=tab]::after{right:12px!important;color:#9d4704!important}
body.combined-design .mobile-how-help-trigger .engagement-icon{width:23px;height:23px;color:#a54e07}
body.combined-design .mobile-how-help-trigger>svg:last-child{color:#9d4704!important}
/* Problem titles use the same weight as the section heading. */
body.combined-design #solve .solve-tab strong,body.combined-design #solve .mobile-solve-trigger strong{font-weight:500!important;text-transform:none!important}
body.combined-design #solve .solve-tab small,body.combined-design #solve .mobile-solve-trigger small{text-transform:none!important}
body.combined-design .mobile-work-slider{overflow:hidden;touch-action:pan-y}
body.combined-design .mobile-work-card{will-change:transform}
/* Attached brand marks render as white against dark expertise panels. */
body.combined-design .platform-mark img[src*="adobe-commerce"],body.combined-design .platform-mark img[src*="google-tag-manager"]{filter:brightness(0) invert(1)!important}
body.combined-design .platform-mark img[src*="helium10-white"],body.combined-design .platform-mark img[src*="mirakl-white"]{filter:none!important}
@media(prefers-reduced-motion:reduce){body.combined-design #outcome .growth-steps>li.is-current{box-shadow:none!important}}
@media(max-width:1180px) and (orientation:portrait){
 body.combined-design #outcome .growth-steps>li>svg{width:26px!important;height:26px!important;margin-top:3px!important}
}
body.combined-design .hero-scene[data-scene="1"] .hero-statement{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.combined-design .platform-mark img[src*="midjourney"]{filter:brightness(0) invert(1)!important}


body.combined-design #outcome .growth-steps>li:focus-visible{outline:2px solid #e67e22;outline-offset:2px}


/* October 2 interactive 3D step carousels */
body.combined-design .step-carousel{
  position:relative!important;
  width:100%!important;
  height:clamp(320px,34vw,430px)!important;
  margin:28px 0 18px!important;
  overflow:hidden!important;
  perspective:1200px!important;
  perspective-origin:50% 48%!important;
  touch-action:pan-y!important;
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  contain:layout paint!important;
}
body.combined-design .step-carousel.is-dragging{cursor:grabbing!important}
body.combined-design .step-carousel-stage{
  position:absolute!important;inset:0!important;
  display:grid!important;place-items:center!important;
  transform-style:preserve-3d!important;
}
body.combined-design .step-carousel-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;
  list-style:none!important;
  transform-style:preserve-3d!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}
body.combined-design .step-carousel-card{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:clamp(225px,25vw,305px)!important;
  height:220px!important;
  margin:0!important;padding:22px!important;
  display:block!important;
  border-radius:14px!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transition:opacity .28s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease!important;
  overflow:hidden!important;
  outline:none!important;
}
body.combined-design .step-carousel-card:not(.is-front){
  opacity:.7!important;
  filter:saturate(.78) brightness(.82)!important;
}
body.combined-design .step-carousel-card.is-front{
  opacity:1!important;
  filter:none!important;
  z-index:5!important;
}
body.combined-design .step-carousel-card:focus-visible{
  outline:2px solid #8dddff!important;
  outline-offset:4px!important;
}
body.combined-design .step-carousel-card svg{
  width:34px!important;height:34px!important;
  margin:0 0 14px!important;
  color:#8dddff!important;
}
body.combined-design .step-carousel-card h3{
  margin:0 0 10px!important;
  font-family:var(--font-heading)!important;
  font-size:clamp(18px,1.65vw,22px)!important;
  line-height:1.14!important;
  font-weight:500!important;
}
body.combined-design .step-carousel-card h3 small{
  display:block!important;
  margin:0 0 5px!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  font-weight:500!important;
}
body.combined-design .step-carousel-card p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.48!important;
}
body.combined-design .step-carousel-dark::before,
body.combined-design .step-carousel-light::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:52%!important;
  width:min(82%,900px)!important;height:74%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
body.combined-design .step-carousel-dark::before{
  background:radial-gradient(ellipse at center,rgba(141,221,255,.08),rgba(7,17,29,0) 66%)!important;
}
body.combined-design .step-carousel-light::before{
  background:radial-gradient(ellipse at center,rgba(240,138,44,.12),rgba(255,255,255,0) 68%)!important;
}
body.combined-design .growth-step-carousel .growth-steps>li,
body.combined-design .growth-step-carousel .growth-steps>li:last-child{
  grid-column:auto!important;
  min-height:0!important;
  height:220px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:22px!important;
  border:1px solid rgba(141,221,255,.24)!important;
  background:linear-gradient(145deg,rgba(18,37,54,.96),rgba(7,17,29,.98))!important;
  box-shadow:0 22px 50px rgba(0,0,0,.3)!important;
  color:#f3f8fb!important;
}
body.combined-design .growth-step-carousel .growth-steps>li.is-front{
  border-color:rgba(240,138,44,.82)!important;
  box-shadow:0 25px 60px rgba(0,0,0,.42),0 0 0 1px rgba(240,138,44,.32),0 0 34px rgba(240,138,44,.16)!important;
}
body.combined-design .growth-step-carousel .growth-steps>li.is-current{background:linear-gradient(145deg,rgba(18,37,54,.96),rgba(7,17,29,.98))!important}
body.combined-design .growth-step-carousel .growth-steps>li>svg{width:34px!important;height:34px!important;margin:0 0 14px!important;color:#8dddff!important}
body.combined-design .growth-step-carousel .growth-steps h3{font-size:clamp(18px,1.65vw,22px)!important}
body.combined-design .growth-step-carousel .growth-steps p{font-size:13px!important;line-height:1.48!important}
body.combined-design .growth-step-carousel .growth-steps h3 small{color:#ff9a45!important}

body.combined-design .work-step-carousel{
  height:clamp(380px,39vw,500px)!important;
  margin-top:30px!important;
}
body.combined-design .work-carousel-card{
  height:290px!important;
  padding:24px!important;
  border:1px solid rgba(20,37,54,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,248,250,.98))!important;
  box-shadow:0 24px 55px rgba(38,57,72,.15)!important;
  color:#163245!important;
}
body.combined-design .work-carousel-card.is-front{
  border-color:rgba(240,138,44,.75)!important;
  box-shadow:0 28px 68px rgba(38,57,72,.2),0 0 0 1px rgba(240,138,44,.2)!important;
}
body.combined-design .work-carousel-card:not(.is-front){filter:saturate(.8) brightness(.96)!important}
body.combined-design .work-carousel-card .step-carousel-card-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-bottom:16px!important;
}
body.combined-design .work-carousel-card .step-carousel-card-head svg{
  width:32px!important;height:32px!important;margin:0!important;color:#0879b7!important;
}
body.combined-design .work-carousel-card .step-carousel-number{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:42px!important;border-radius:50%!important;
  border:1px solid rgba(8,121,183,.48)!important;color:#0879b7!important;
  font:500 12px/1 var(--font-heading)!important;
}
body.combined-design .work-carousel-card h3{
  color:#163245!important;
  font-size:clamp(20px,1.8vw,24px)!important;
}
body.combined-design .work-carousel-card .work-carousel-summary{
  color:#526777!important;
  font-size:13px!important;
  min-height:3.1em!important;
}
body.combined-design .work-carousel-card ul{
  margin:14px 0 0!important;padding:13px 0 0!important;
  border-top:1px solid rgba(20,37,54,.12)!important;
  list-style:none!important;
}
body.combined-design .work-carousel-card li{
  margin:0 0 8px!important;padding:0!important;
  font-size:12px!important;line-height:1.35!important;color:#526777!important;
}
body.combined-design .work-carousel-card li strong{
  display:block!important;margin-bottom:2px!important;color:#163245!important;font-weight:500!important;
}
body.combined-design .work-carousel-card li span{display:block!important}
body.combined-design #how .work-rail,
body.combined-design #how .work-detail,
body.combined-design #how .mobile-work-slider{display:none!important}

@media(max-width:820px){
  body.combined-design .step-carousel{height:330px!important;margin-top:20px!important}
  body.combined-design .step-carousel-card{width:min(72vw,270px)!important;height:210px!important;padding:20px!important}
  body.combined-design .growth-step-carousel .growth-steps>li,
  body.combined-design .growth-step-carousel .growth-steps>li:last-child{height:210px!important;padding:20px!important}
  body.combined-design .work-step-carousel{height:390px!important}
  body.combined-design .work-carousel-card{width:min(76vw,285px)!important;height:280px!important;padding:21px!important}
}
@media(max-width:520px){
  body.combined-design .step-carousel{height:315px!important}
  body.combined-design .step-carousel-card{width:min(76vw,250px)!important}
  body.combined-design .work-step-carousel{height:380px!important}
  body.combined-design .work-carousel-card{width:min(80vw,270px)!important;height:275px!important}
}
@media(prefers-reduced-motion:reduce){
  body.combined-design .step-carousel-card{transition:none!important}
}


/* October 2 REQ-349 refinement: angled presentation, added card padding, full-section autoplay trigger. */
body.combined-design .step-carousel-stage{
  transform:rotateX(-10deg)!important;
  transform-origin:50% 54%!important;
}
body.combined-design .step-carousel{
  perspective-origin:50% 58%!important;
}
body.combined-design .step-carousel-card{
  padding:28px!important;
}
body.combined-design .growth-step-carousel .growth-steps>li,
body.combined-design .growth-step-carousel .growth-steps>li:last-child{
  padding:28px!important;
}
body.combined-design .work-carousel-card{
  padding:28px!important;
}
body.combined-design .growth-step-carousel .step-carousel-card:not(.is-front){
  opacity:.8!important;
}
body.combined-design .growth-step-carousel .step-carousel-card.is-front{
  opacity:1!important;
}
@media(max-width:820px){
  body.combined-design .step-carousel-stage{transform:rotateX(-12deg)!important}
  body.combined-design .step-carousel-card{padding:24px!important}
  body.combined-design .growth-step-carousel .growth-steps>li,
  body.combined-design .growth-step-carousel .growth-steps>li:last-child{padding:24px!important}
  body.combined-design .work-carousel-card{padding:24px!important}
}


/* October 2 REQ-349 refinement 2: strict foreground ownership + visible rear face. */
body.combined-design .step-carousel-card{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
body.combined-design .step-carousel-card.is-front{
  z-index:300!important;
  opacity:1!important;
  filter:none!important;
}
body.combined-design .step-carousel-card.is-back{
  z-index:1!important;
}
body.combined-design .growth-step-carousel .step-carousel-card:not(.is-front){
  opacity:var(--carousel-opacity,.56)!important;
}
body.combined-design .growth-step-carousel .step-carousel-card.is-back{
  opacity:.28!important;
  filter:saturate(.58) brightness(.58)!important;
}
body.combined-design .work-step-carousel .step-carousel-card:not(.is-front),
body.combined-design .work-step-carousel .step-carousel-card.is-back{
  opacity:1!important;
}
body.combined-design .work-carousel-card{
  height:250px!important;
}
body.combined-design .work-carousel-card .work-carousel-summary{
  min-height:0!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.combined-design .work-carousel-card ul{display:none!important}

@media(max-width:820px){
  body.combined-design .work-step-carousel{height:360px!important}
  body.combined-design .work-carousel-card{
    width:min(78vw,285px)!important;
    height:250px!important;
  }
}
@media(max-width:520px){
  body.combined-design .work-step-carousel{height:350px!important}
  body.combined-design .work-carousel-card{
    width:min(80vw,270px)!important;
    height:245px!important;
  }
}


/* October 2 Hero 3 refinement: the capital X marks the intersection of
   business, marketing, technology and AI in the NeXus. */
body.combined-design .hero-scene[data-scene="2"] .nexus-x{
  color:#59b9ee!important;
}
@keyframes v3-nexus-x-blue{
  0%{opacity:1;transform:scale(2.3);filter:drop-shadow(0 0 22px rgba(89,185,238,.7))}
  68%{opacity:1;transform:scale(2.3);filter:drop-shadow(0 0 22px rgba(89,185,238,.7))}
  100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 8px rgba(89,185,238,.3))}
}
body.combined-design .hero-scene[data-scene="2"].is-kinetic .nexus-x{
  animation:v3-nexus-x-blue 1.55s .05s cubic-bezier(.16,.86,.2,1) both!important;
}