/* Selected brand moments. Corporate preview only. Source: approved YYForce blue,
   deep blue and the user's 28 October PDF composition references. */
:root{--brand-night:#0b2c49;--reverse-body:#e0eff9;--brand-band-ink:#06213b}
/* White reading surfaces make the selected blocks, rather than every tile, carry colour. */
.soft{background:#f5f7f8}
.brand-reverse{background:var(--brand-night);color:#fff}
.brand-reverse h2,.brand-reverse h3,.brand-reverse blockquote{color:#fff}
.brand-reverse p,.brand-reverse .lead,.brand-reverse dt{color:var(--reverse-body)}
.brand-reverse .eyebrow,.brand-reverse .brand-highlight,.brand-reverse .listing,.brand-reverse .text-link,.brand-reverse .document-link{color:var(--blue)}
.brand-reverse .eyebrow{font-weight:650}
.brand-reverse .metric-note{color:#b3cada}
.brand-reverse .stats dd{color:#fff;font-size:clamp(48px,5vw,68px)}
.brand-reverse .stats dt{font-size:14px;max-width:210px}
.brand-stats{padding-top:34px;border-top:1px solid #ffffff30}
.brand-reverse .document-link{font-size:14px}
.purpose-section.brand-reverse{padding-block:88px}
.purpose-section.brand-reverse h3{color:var(--blue);font-size:13px;letter-spacing:.02em;text-transform:none}
.purpose-section.brand-reverse blockquote{font-size:clamp(25px,2.5vw,36px);line-height:1.48;max-width:540px}
.purpose-section.brand-reverse .two-col{gap:8%;grid-template-columns:1.2fr 1fr}
#industries.brand-reverse .sector-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 36px;margin-top:42px}
#industries.brand-reverse .sector-list>span{color:#fff;border-top:2px solid var(--blue);padding-top:20px;font-size:18px;line-height:1.45}
/* Bright, flat corporate-blue conversion bands; dark ink gives normal text contrast. */
.brand-band{background:var(--blue);color:var(--brand-band-ink);padding-block:56px}
.brand-band h2,.brand-band p,.brand-band label,.brand-band .brand-highlight,.brand-band a:not(.button){color:var(--brand-band-ink)}
.brand-band h2{font-size:clamp(28px,3vw,40px);margin:0;line-height:1.2}
.brand-band .eyebrow{font-weight:650;margin-bottom:12px;color:var(--brand-band-ink)}
.brand-band .contact-line{gap:32px;align-items:center}
.brand-band :focus-visible{outline-color:var(--brand-band-ink)}
.subscribe.brand-band h2{margin-bottom:14px}.subscribe.brand-band .small{margin-top:14px;margin-bottom:0}.subscribe.brand-band .small a{text-decoration:underline}
.subscribe.brand-band input{background:#fff;border-color:transparent;color:var(--ink)}
/* A branded information panel gives Contact the same visual hierarchy without adding another CTA. */
.brand-panel{background:var(--brand-night);color:#fff;padding:40px;align-self:start}
.brand-panel h2{color:#fff;font-size:34px}
.brand-panel p{color:var(--reverse-body)}
.brand-panel .eyebrow,.brand-panel a{color:var(--blue)}
.brand-panel p:last-child{margin-bottom:0}
/* Carry a small, consistent accent into every article, profile and legal page. */
.site-footer{border-top:0;background:var(--brand-night)}
.brand-reading-page .release-back,.brand-reading-page .breadcrumbs{border:0;padding:0}
.brand-reading-page .legal h1::after{display:none}
@media(max-width:900px){#industries.brand-reverse .sector-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.purpose-section.brand-reverse{padding-block:64px}.purpose-section.brand-reverse .two-col{grid-template-columns:1fr;gap:36px}.purpose-section.brand-reverse blockquote{font-size:26px}.brand-band{padding-block:40px}.brand-band .contact-line{align-items:flex-start;gap:24px}.brand-band h2{font-size:32px;max-width:440px}.brand-stats{padding-top:28px}.brand-reverse .stats dd{font-size:48px}.brand-reverse .stats dt{font-size:13px}.brand-panel{padding:30px 26px}.brand-panel h2{font-size:30px}#industries.brand-reverse .sector-list{gap:28px 24px}#industries.brand-reverse .sector-list>span{font-size:16px;padding-top:16px}.subscribe.brand-band .intro-grid{gap:28px}}
@media(max-width:374px){.brand-reverse .stats dd{font-size:42px}.brand-panel{padding:28px 22px}.brand-band h2{font-size:29px}#industries.brand-reverse .sector-list{grid-template-columns:1fr}}
/* Latest review: quieter editorial hierarchy for the approved direction statements. */
.purpose-layout{display:grid;grid-template-columns:.8fr 1.65fr;gap:9%;align-items:start}
.purpose-section .purpose-heading h2{font-size:clamp(34px,3.4vw,46px);line-height:1.17;max-width:340px}
.purpose-statements article{display:grid;grid-template-columns:104px minmax(0,1fr);gap:28px;padding-block:30px;border-top:1px solid #ffffff30}
.purpose-statements article:first-child{padding-top:0;border-top:0}
.purpose-statements article:last-child{padding-bottom:0}
.purpose-section.brand-reverse .purpose-statements h3{font-size:14px;line-height:24px;font-weight:600;margin:6px 0 0;color:var(--blue)}
.purpose-section.brand-reverse .purpose-statements blockquote{font-size:clamp(23px,2.1vw,30px);line-height:1.5;max-width:none;margin:0;color:#fff}
.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:40px}
.sector-grid article{padding-top:22px;border-top:2px solid var(--blue)}
.sector-grid h3{font-size:19px;line-height:1.4;margin:0 0 12px;color:#fff}
.sector-grid p{font-size:15px;line-height:1.65;margin:0;max-width:270px}
@media(max-width:1000px){.purpose-layout{grid-template-columns:1fr;gap:40px}.purpose-section .purpose-heading h2{max-width:none}.purpose-heading h2 br{display:none}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.purpose-statements article{grid-template-columns:1fr;gap:12px;padding-block:26px}.purpose-section.brand-reverse .purpose-statements h3{margin:0}.purpose-section.brand-reverse .purpose-statements blockquote{font-size:24px;line-height:1.5}.sector-grid{gap:30px 24px;margin-top:32px}.sector-grid h3{font-size:18px}.sector-grid p{font-size:14px}}
@media(max-width:760px){.sector-grid{grid-template-columns:1fr}.sector-grid p{max-width:none}}

/* Current surface rhythm: white / pale blue-grey, with deliberate navy anchors. */
.service-section--tint,.industry-section,#future{background:#f0f8fd}
.contact-band.brand-band{background:#f0f8fd;color:var(--ink);padding-block:48px}
.contact-band.brand-band h2,.contact-band.brand-band p,.contact-band.brand-band .brand-highlight{color:var(--ink)}
.contact-band.brand-band .eyebrow{color:var(--blue);margin-bottom:10px}
.purpose-section.brand-reverse{padding-block:72px}
.purpose-section .purpose-heading h2{font-size:36px}
@media(max-width:760px){.contact-band.brand-band{padding-block:36px}.contact-band.brand-band h2{font-size:28px}.purpose-section.brand-reverse{padding-block:52px}.purpose-section .purpose-heading h2{font-size:30px}}
.home-page .corporate-masthead{background:var(--brand-night)}