/* Capasight v1.1 shared brand presentation; data-status colours are independent. */
:root { --ink:#082A50; --body:#486581; --mute:#486581; --paper:#EFF7FF;
 --card:#FFFFFF; --line:#D5E7F5; --accent:#006AC6; --deep:#031C30;
 --sans:system-ui,"Segoe UI",Arial,sans-serif; --serif:var(--sans); }
.cs-site-header, .masthead { background:#fff !important; }
.cs-site-header > div, .cs-site-header > div > div { flex-wrap:wrap; }
.cs-site-header span { flex-wrap:wrap; }
.brand img { display:block; width:185px; height:auto; max-width:100%; }
.cs-site-footer, body > footer { background:#E2F2FF; }
.cs-brand-hero { background:#031C30 url('/brand/v1.1/04-backgrounds/hero-horizon-dark.svg') center bottom/cover no-repeat;
 border-radius:20px; margin-top:24px !important; padding:48px 32px 100px !important; }
.cs-brand-hero h1 { color:#fff !important; }
.cs-brand-hero p { color:#D5E7F5 !important; }
.cs-brand-hero a:not([style*="background"]) { color:#41D7FF !important; }
a:focus-visible,button:focus-visible { outline:3px solid #006AC6; outline-offset:4px; }
@media(max-width:700px) {
 .cs-site-header > div > div, .cs-site-header > div { gap:16px !important; }
 .cs-site-header span { gap:12px !important; }
 .cs-brand-hero { border-radius:0; margin-top:0 !important; padding:32px 20px 90px !important; }
}

.cs-site-footer, body > footer { background:#031C30 !important; color:#D5E7F5 !important; }
.cs-site-footer a,.cs-site-footer p, body > footer a,body > footer p,body > footer span { color:#D5E7F5 !important; }
.cs-site-header > div > div > span:last-child { flex-wrap:wrap; }
.masthead > .wrap { flex-wrap:wrap; }
body > main h1,body > main h2 { font-weight:600; }
body { margin:0; } .cs-brand-hero h1 em { color:#41D7FF !important; }
/* v1.2 extends the shared foundation with reference-aligned page structure. */
.concept-page-lead { position:relative; isolation:isolate; padding:48px 0 76px !important; margin:0 0 38px; color:white; }
.concept-page-lead::before { content:''; position:absolute; inset:0 calc((100% - 100vw)/2); z-index:-1; background:#031c30 url('/brand/v1.2/04-backgrounds/cta-atmosphere.svg') center bottom/cover no-repeat; }
.concept-page-lead h1,.concept-page-lead h2 { color:white !important; }
.concept-page-lead p,.concept-page-lead a { color:#d5e7f5 !important; }
.concept-page-lead .eyebrow { color:#41d7ff !important; }
body:has(.concept-page-lead) main.wrap { padding-top:0 !important; }
body:has(.concept-page-lead) { overflow-x:clip; background:#fff; }
.concept-page-lead .btn.ghost { background:transparent; border-color:#9ac6e5; }
.concept-about-lead { background:#031c30 url('/brand/v1.2/04-backgrounds/cta-atmosphere.svg') center bottom/cover no-repeat; padding:56px 0 90px !important; color:white; }
.concept-about-lead h1 { color:white; }.concept-about-lead p { color:#d5e7f5; }.concept-about-lead .eyebrow { color:#41d7ff; }
@media(max-width:600px) { .concept-page-lead { padding:36px 0 96px !important; }.concept-page-lead h1 { font-size:36px; } }
