/* ServAI desktop + homepage visual system — 2026-08-16 */
@media (min-width:861px){
  header nav{max-width:1380px!important;padding:16px 28px!important;min-height:76px!important;height:auto!important;gap:18px!important}
  .nav-links.nav-mega{display:flex!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;overflow:visible!important;margin:0!important}
  .nav-group{position:relative!important;display:flex!important;align-items:center!important}
  .nav-trigger,.nav-direct{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:9px 11px!important;font-size:13px!important;line-height:1.2!important;background:transparent!important;border:0!important;border-radius:8px!important;color:var(--ink-dim,#999)!important;white-space:nowrap!important}
  .nav-menu,.nav-menu-wide,.nav-menu-right{display:block!important;position:absolute!important;top:calc(100% + 12px)!important;left:0!important;width:300px!important;padding:10px!important;margin:0!important;background:rgba(8,8,8,.985)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;z-index:250!important}
  .nav-menu-wide{width:360px!important}.nav-menu-right{left:auto!important;right:0!important}
  .nav-group:hover>.nav-menu,.nav-group:focus-within>.nav-menu,.nav-group.open>.nav-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .nav-menu a{display:block!important;padding:11px 12px!important;margin:0!important;border-radius:9px!important;white-space:normal!important;border:0!important}
  .nav-menu b{display:flex!important;gap:7px!important;align-items:center!important;font-size:13px!important;line-height:1.3!important;color:var(--ink,#f5f3ef)!important}
  .nav-menu span{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.4!important;color:var(--ink-faint,#706d68)!important}
  .mobile-menu-btn{display:none!important}
  .nav-right{gap:10px!important;flex:0 0 auto!important}
  .nav-right>.btn{padding:10px 15px!important;font-size:12px!important;white-space:nowrap!important}
  .lang-toggle,.lang-toggle-link{white-space:nowrap!important}

  .footer-grid{grid-template-columns:150px minmax(0,1fr)!important;gap:54px!important;max-width:1380px!important;margin:0 auto!important}
  .footer-links.footer-nav-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:32px!important}
}

/* Homepage: one consistent narrative axis. */
.homepage .wrap{width:min(1180px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
.homepage section:not(.hv-hero){scroll-margin-top:92px}
.homepage .section,.homepage .section-tight,.homepage .connections,.homepage .morning,.homepage .team-builder,.homepage .compare-simple,.homepage .rp-home{padding-top:108px!important;padding-bottom:108px!important}
.homepage .section-tight{padding-top:88px!important;padding-bottom:88px!important}
.homepage .section-head,.homepage .section-head.left,.homepage .connected-head{max-width:760px!important;margin:0 auto 54px!important;text-align:center!important}
.homepage .section-head h2,.homepage .section-head.left h2,.homepage .connected-head h2{max-width:18ch!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.homepage .section-head p,.homepage .section-head.left p,.homepage .connected-head p{max-width:62ch!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.homepage .section-head .path-label,.homepage .section-head.left .path-label,.homepage .connected-head .path-label{text-align:center!important}
.homepage .section-head+.hero-ctas{justify-content:center!important}

/* Week-in: structured centred story instead of loose left blocks. */
.homepage #a-week-in .two{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;gap:18px!important}
.homepage #a-week-in .two>div{padding:26px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(255,255,255,.018)!important}
.homepage #a-week-in .flow{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.homepage #a-week-in .article-cta{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}

/* Connector ecosystem had .mode-row on the outer section, which halved its usable width. */
.homepage #connector-ecosystem.mode-row{display:block!important;min-height:auto!important;padding:108px 0!important}
.homepage #connector-ecosystem .mode-grid{display:grid!important;grid-template-columns:1fr!important;gap:44px!important;max-width:980px!important;margin:0 auto!important}
.homepage #connector-ecosystem .mode-copy{text-align:center!important;max-width:780px!important;margin:0 auto!important}
.homepage #connector-ecosystem .mode-copy h2{font-size:clamp(2.25rem,4.2vw,4rem)!important;max-width:18ch!important;margin:0 auto!important;line-height:1.05!important}
.homepage #connector-ecosystem .mode-copy p{max-width:62ch!important;margin:20px auto 0!important;text-align:center!important}
.homepage #connector-ecosystem .mode-copy .path-label{text-align:center!important}
.homepage #connector-ecosystem .hero-ctas{justify-content:center!important}
.homepage #connector-ecosystem .mode-visual{width:100%!important;max-width:900px!important;margin:0 auto!important;grid-template-columns:repeat(4,1fr)!important}

/* Strategy flagship: headline first, organisation visual second. */
.homepage #strategy-consulting .strategy-hero-grid{grid-template-columns:1fr!important;gap:48px!important;max-width:1020px!important;margin:0 auto!important}
.homepage #strategy-consulting .strategy-hero-grid>div:first-child{text-align:center!important;max-width:820px!important;margin:0 auto!important}
.homepage #strategy-consulting .strategy-display{max-width:18ch!important;margin:20px auto!important;text-align:center!important}
.homepage #strategy-consulting .strategy-lead,.homepage #strategy-consulting .strategy-note{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.homepage #strategy-consulting .hero-ctas{justify-content:center!important}
.homepage #strategy-consulting .strategy-org{max-width:900px!important;width:100%!important;margin:0 auto!important}
.homepage #strategy-consulting .strategy-metric-row{max-width:1020px!important;margin-left:auto!important;margin-right:auto!important}

/* Role packs: remove arbitrary left/right hero split from the homepage. */
.homepage #role-packs .rp-home-grid{grid-template-columns:1fr!important;gap:42px!important;max-width:1020px!important;margin:0 auto!important}
.homepage #role-packs .rp-home-copy{text-align:center!important;max-width:840px!important;margin:0 auto!important}
.homepage #role-packs .rp-home-copy h2{max-width:18ch!important;margin:18px auto 22px!important;text-align:center!important}
.homepage #role-packs .rp-home-copy>p{max-width:62ch!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.homepage #role-packs .rp-home-stats{max-width:760px!important;margin:34px auto 0!important}
.homepage #role-packs .rp-home-connector-callout{max-width:820px!important;margin:26px auto 18px!important;text-align:left!important}
.homepage #role-packs .rp-role-card{max-width:900px!important;margin:0 auto!important;width:100%!important}
.homepage #role-packs .rp-home-role-grid{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}

/* Governance/verification CTAs align to the same centre axis. */
.homepage #control>.wrap>.hero-ctas,.homepage #verification>.wrap>.hero-ctas{justify-content:center!important;text-align:center!important}

/* Keep intentionally functional split layouts balanced, never edge-hugging. */
.homepage .two-col,.homepage .pb-grid,.homepage .hardware-proof,.homepage .builder-shell,.homepage .compare-grid,.homepage .connector-groups,.homepage .included-grid{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:900px){
 .homepage .wrap{width:min(100% - 32px,1180px)!important}
 .homepage #connector-ecosystem .mode-visual{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
 .homepage .section,.homepage .section-tight,.homepage .connections,.homepage .morning,.homepage .team-builder,.homepage .compare-simple,.homepage .rp-home{padding-top:72px!important;padding-bottom:72px!important}
 .homepage #connector-ecosystem .mode-visual{grid-template-columns:1fr!important}
 .homepage #a-week-in .two{grid-template-columns:1fr!important}
}