/* Arc Blue = product. Aubergine = brand depth. Citron = human authority. */
:root{--aubergine:#39235b;--citron:#e8f29c;--lavender-paper:#f0ecf5;--citron-paper:#f2f5e5}
body{background:#fff}.site-header,[data-page="home"] .site-header{background:#fffffff5;border-bottom:1px solid #ece9f0}
/* Alternate content bands, independently of each page's content and layout. */
:where(main)>section:nth-of-type(odd):not(.cta){background:var(--lavender-paper)}
:where(main)>section:nth-of-type(even):not(.cta){background:#fff}
main>section.wrap:nth-of-type(odd){box-shadow:0 0 0 100vmax var(--lavender-paper);clip-path:inset(0 -100vmax)}
main>.page-intro{padding-top:80px;padding-bottom:80px}
.page-intro h1 span{color:var(--aubergine)}
[data-page="governance"] main>.page-intro,[data-page="design-systems"] main>.page-intro{background:var(--aubergine);color:#fff}
[data-page="governance"] .page-intro h1 span,[data-page="design-systems"] .page-intro h1 span{color:var(--citron)}
[data-page="governance"] .page-intro p,[data-page="design-systems"] .page-intro p,[data-page="governance"] .page-intro .eyebrow,[data-page="design-systems"] .page-intro .eyebrow{color:#e0d8eb}
[data-page="company"] main>.page-intro,[data-page="adapt"] main>.page-intro,[data-page="contact"] main>.page-intro{background:var(--citron)}
[data-page="company"] .page-intro p,[data-page="adapt"] .page-intro p,[data-page="contact"] .page-intro p{color:#4c513e}
/* Homepage: light grey / white / blue / white / citron / white. */
[data-page="home"] main>.agency-hero{background:#f5f5f7;color:#191b20;padding-top:82px;padding-bottom:85px;position:relative;isolation:isolate;overflow:hidden}
[data-page="home"] .agency-hero::before{content:none}
[data-page="home"] .agency-hero h1{color:#191b20;font-weight:550}
[data-page="home"] .agency-hero h1>span{color:#0071e3;background:none;animation:none}
[data-page="home"] .agency-hero .position-line{color:#626c7b}
[data-page="home"] .agency-hero .hero-bottom p{color:#62666e}
[data-page="home"] .agency-hero .button{background:#191b20;color:#fff}
[data-page="home"] .agency-hero .button>span{background:#0071e3;color:#fff}
[data-page="home"] .agency-hero .button:hover{background:#0071e3}
[data-page="home"] .agency-hero .button:hover>span{background:#fff;color:#0071e3}
[data-page="home"] .agency-hero .text-link{color:#191b20}
[data-page="home"] .execution-gap-band{background:#fff}
[data-page="home"] main>.platform-overview{background:#0071e3}
[data-page="home"] .platform-overview-heading h2{color:#fff}
[data-page="home"] .platform-overview-heading>p,[data-page="home"] .platform-overview-foot>span{color:#e8f3ff}
[data-page="home"] .platform-overview-foot .text-link{color:#fff}
[data-page="home"] .platform-overview-foot .text-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
[data-page="home"] main>.dina-editorial{background:#fff}
[data-page="home"] main>.product-section{background:var(--citron-paper)}
[data-page="home"] main>.foundation-teaser{background:#fff}
[data-page="home"] .platform-pillar>span,[data-page="home"] .platform-overview .eyebrow{color:var(--aubergine)}
/* Keep the function-led blue hero, but vary the rest of the journey. */
[data-page="colleagues"] main>.colleagues-hero{background:#0071e3}
[data-page="colleagues"] main>.compact-roster{background:#fff}
[data-page="colleagues"] .function-card-dina{background:var(--citron);border-color:var(--citron)}
[data-page="colleagues"] .function-card-dina:hover{background:#f2f7bd}
[data-page="colleagues"] .function-card-dina .function-status{color:var(--aubergine)}
/* Methodology accents: engineering in aubergine, delivery in citron. */
[data-page="governance"] main>.engineering-method{background:#fff}
[data-page="governance"] main>.delivery-method{background:var(--citron-paper)}
.discipline-tile[aria-pressed=true]{background:var(--lavender-paper);box-shadow:inset 0 3px var(--aubergine)}
.discipline-tile:hover{background:#f3eff8}.discipline-index,.method-kicker,.discipline-application>span{color:var(--aubergine)}
.discipline-read{background:var(--aubergine)}.discipline-read .method-kicker,.discipline-read p{color:#e0d8eb}
.delivery-tabs button[aria-selected=true] .delivery-letter{background:var(--citron);color:var(--aubergine);box-shadow:0 0 0 5px #f3f7dc}
.delivery-tabs button[aria-selected=true] .delivery-name{color:var(--aubergine)}
.delivery-progress>span{background:var(--aubergine)}.delivery-big-letter{background:none;color:var(--aubergine);-webkit-text-fill-color:var(--aubergine)}
.delivery-footer a{color:var(--aubergine)}
.method-letter{color:var(--aubergine)}
/* The closing invitation also alternates with its preceding section. */
main>.cta{background:var(--aubergine);color:white}
main>.cta .eyebrow{color:#ddd3e8}main>.cta .button{background:var(--citron);color:var(--aubergine)}main>.cta .button>span{background:var(--aubergine);color:var(--citron)}
main>.cta:nth-of-type(even){background:#fff;color:var(--aubergine)}main>.cta:nth-of-type(even) .eyebrow{color:#6b587b}main>.cta:nth-of-type(even) .button{background:var(--aubergine);color:white}main>.cta:nth-of-type(even) .button>span{background:var(--citron);color:var(--aubergine)}
[data-page="home"] main>.cta{background:#232831;color:#fff}
[data-page="home"] main>.cta .eyebrow{color:#bac5d3}[data-page="home"] main>.cta .button{background:var(--citron);color:#232831}[data-page="home"] main>.cta .button>span{background:#232831;color:var(--citron)}
/* Closing invitation: citron band with an aubergine action. */
main>.cta,main>.cta:nth-of-type(even),[data-page="home"] main>.cta{background:var(--citron);color:var(--aubergine)}
main>.cta .eyebrow,main>.cta:nth-of-type(even) .eyebrow,[data-page="home"] main>.cta .eyebrow{color:#6b587b}
main>.cta .button,main>.cta:nth-of-type(even) .button,[data-page="home"] main>.cta .button{background:var(--aubergine);color:var(--citron)}
main>.cta .button>span,main>.cta:nth-of-type(even) .button>span,[data-page="home"] main>.cta .button>span{background:var(--citron);color:var(--aubergine)}
main>.cta .button:hover{background:#2f1c4b;color:#fff}
main>.cta .button:hover>span{background:#fff;color:var(--aubergine)}
main>.cta:after{border-color:#39235b12}
/* Homepage closing band returns to the original graphite treatment. */
[data-page="home"] main>.cta{background:#232831;color:#fff}
[data-page="home"] main>.cta .eyebrow{color:#bac5d3}
[data-page="home"] main>.cta .button{background:var(--citron);color:#232831}
[data-page="home"] main>.cta .button>span{background:#232831;color:var(--citron)}
[data-page="home"] main>.cta .button:hover{background:#fff;color:#232831}
[data-page="home"] main>.cta .button:hover>span{background:var(--citron);color:#232831}
[data-page="home"] main>.cta:after{border-color:#ffffff12}
/* Platform closes on its governed-foundation palette. */
[data-page="platform"] main>.cta{background:var(--aubergine);color:#fff}
[data-page="platform"] main>.cta .eyebrow{color:#ddd3e8}
[data-page="platform"] main>.cta .button{background:var(--citron);color:var(--aubergine)}
[data-page="platform"] main>.cta .button>span{background:var(--aubergine);color:var(--citron)}
[data-page="platform"] main>.cta .button:hover{background:#fff;color:var(--aubergine)}
[data-page="platform"] main>.cta .button:hover>span{background:var(--citron);color:var(--aubergine)}
[data-page="platform"] main>.cta:after{border-color:#ffffff12}
/* Company closes with its own invitation and the reversed aubergine/citron palette. */
[data-page="company"] main>.cta{background:var(--aubergine);color:#fff}
[data-page="company"] main>.cta .eyebrow{color:#ddd3e8}
[data-page="company"] main>.cta .button{background:var(--citron);color:var(--aubergine)}
[data-page="company"] main>.cta .button>span{background:var(--aubergine);color:var(--citron)}
[data-page="company"] main>.cta .button:hover{background:#fff;color:var(--aubergine)}
[data-page="company"] main>.cta .button:hover>span{background:var(--citron);color:var(--aubergine)}
[data-page="company"] main>.cta:after{border-color:#ffffff12}
.site-footer{background:#f5f5f7}
@media(prefers-reduced-motion:no-preference){@supports(background-clip:text){[data-page="home"] .agency-hero h1>span{background:linear-gradient(100deg,#0071e3 0%,#217eeb 22%,#6c50db 48%,#1b46c8 72%,#0071e3 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:onearc-decision-gradient 8s linear infinite}}}
@media(max-width:760px){[data-page="home"] main>.agency-hero{padding-top:55px;padding-bottom:58px}main>.page-intro{padding-top:55px;padding-bottom:55px}}

/* Refined header identity and clearer navigation. */
.site-header .brand .brand-wordmark{width:200px;height:38px}
.site-header nav a{font-weight:600;color:#353b45}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:#0071e3}
.site-header .menu-button{font-weight:650;color:#232831;background:#f5f5f7;border-color:#949ca8;min-height:44px;padding:10px 19px}
.site-header .menu-button[aria-expanded="true"]{background:#232831;color:#fff;border-color:#232831}
@media(max-width:850px){.site-header .brand .brand-wordmark{width:165px;height:32px}.site-header nav a{font-size:17px;font-weight:600}}
@media(max-width:600px){.site-header .brand .brand-wordmark{width:152px;height:30px}}