/* Approved homepage mockup, 4 October 2026. Scoped to the homepage hero. */
body.marketing-page .hero.home-arches{background:#051e2c url('/home-purple-arch-20261004.webp') center center / cover no-repeat!important;}
body.marketing-page .home-arches .signal-strip{display:none}
body.marketing-page .home-arches .site-header{background:transparent!important;border-color:transparent!important}
body.marketing-page .home-arches .site-brand{color:#fff!important;display:flex;align-items:center;gap:10px}
body.marketing-page .home-arches .hero-layout{grid-template-columns:minmax(0,1fr)!important;padding-top:60px!important;padding-bottom:60px!important}
body.marketing-page .home-arches .hero-layout .hero-copy{max-width:100%!important}
body.marketing-page .home-arches .hero-layout-kicker{display:flex!important;color:#78e7eb!important;min-height:0!important}
body.marketing-page .home-arches .hero-copy h1{font-size:clamp(2.5rem,5.1vw,4.5rem)!important;line-height:1.12!important;letter-spacing:-.045em}
body.marketing-page .home-arches .hero-title-lead{display:block;white-space:nowrap}
body.marketing-page .home-arches .hero-copy h1 .accent{color:#78e7eb!important;display:block}
body.marketing-page .home-arches .hero-layout .hero-copy .lead{max-width:590px!important;color:#c0cdd8!important}
body.marketing-page .home-arches .actions .btn-primary{background:#42e4ec!important;color:#041e2c!important;border-color:#42e4ec!important;border-radius:999px!important}
body.marketing-page .home-arches .actions .btn-secondary{background:transparent!important;color:#fff!important;border:2px solid #42e4ec!important;border-radius:999px!important}
body.marketing-page .home-arches .actions .btn-primary:hover{background:#8af2f5!important}
body.marketing-page .home-arches .actions .btn-secondary:hover{background:#123b4b!important}
body.marketing-page .home-arches :is(a,button,summary):focus-visible{outline-color:#78e7eb!important}
@media(min-width:861px){
body.marketing-page .home-arches .site-links>a,body.marketing-page .home-arches .portal-menu>summary{color:#d1dbe2!important}
body.marketing-page .home-arches .site-links>a[aria-current=page]{color:#fff!important}
body.marketing-page .home-arches .portal-menu>summary{border:1px solid #42e4ec;border-radius:999px}
}
@media(max-width:860px){
body.marketing-page .hero.home-arches{background-image:linear-gradient(90deg,rgba(5,30,44,.9),rgba(5,30,44,.55)),url('/home-purple-arch-20261004.webp')!important;background-position:65% center!important}
body.marketing-page .home-arches .hero-layout{padding-top:44px!important;padding-bottom:38px!important}
body.marketing-page .home-arches .hero-title-lead{white-space:normal}
}

body.marketing-page .hero.home-arches{background-size:100% 100%!important}
body.marketing-page .home-arches .site-header{backdrop-filter:none!important}
body.marketing-page .home-arches .site-links>a:after{background:#42e4ec!important}

/* Approved full-height homepage. */
body.home-refined .hero.home-arches{display:flex;flex-direction:column;min-height:100vh!important;min-height:100svh!important}
body.home-refined .home-arches .site-header{flex:none}
body.home-refined .home-arches .hero-layout{flex:1;align-content:center!important}
body.home-refined .home-arches .hero-layout .hero-copy{align-self:center!important}
body.home-refined .home-arches .hero-layout-kicker:before{content:"";display:block;width:36px;height:2px;flex:none;background:#78e7eb!important}
body.home-refined .home-arches .hero-layout .lead{margin-bottom:64px!important}
body.home-refined .site-brand:before{background-image:url('/brand-insight-loop-cyan-20261004.svg')}
body.home-refined .site-brand .brand-i{color:#42e4ec}
body.home-refined .site-brand .x{color:#8b5cf6;-webkit-text-fill-color:#8b5cf6}
body.home-refined .home-arches .actions a{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
body.home-refined .home-arches .actions a:hover{transform:translateY(-2px)}
@media(max-width:860px){
body.home-refined .hero.home-arches{min-height:0!important}
body.home-refined .home-arches .hero-layout{flex:none}
}
@media(max-width:620px){
}
@media(prefers-reduced-motion:reduce){
body.home-refined .home-arches .actions a{transition:none!important;transform:none!important}
}

@media(min-width:861px){body.home-refined .home-arches .hero-layout{padding-bottom:128px!important}}