/* v1.37 — reference navy/cyan presentation; content and fundamental colours retained. */
:root{--bg:rgb(var(--dgu-color-050511,5 5 17));--surface:rgb(var(--dgu-color-0c1221,12 18 33));--surface-2:rgb(var(--dgu-color-101b2d,16 27 45));--border:rgb(var(--dgu-color-263247,38 50 71));--cyan:rgb(var(--dgu-color-22cde5,34 205 229));--muted:rgb(var(--dgu-color-c0ccd9,192 204 217));--dim:rgb(var(--dgu-color-9baac0,155 170 192));--nav-gold:rgb(var(--dgu-color-22cde5,34 205 229));--nav-gold-rgb:34,205,229;--nav-gold-surface:rgb(var(--dgu-color-090e1b,9 14 27));--nav-gold-highlight:rgb(var(--dgu-color-123041,18 48 65));--nav-gold-shadow:0 0 0 1px rgb(var(--dgu-color-22cde5,34 205 229) / 0.4),0 0 15px rgb(var(--dgu-color-22cde5,34 205 229) / 0.102)}
.site-header{background:rgb(var(--dgu-color-050511,5 5 17) / 0.97);border-bottom:1px solid rgb(var(--dgu-color-243044,36 48 68));backdrop-filter:blur(12px)}
.site-header .header-inner{width:min(1800px,calc(100% - 40px));display:grid;grid-template-columns:200px minmax(0,1fr) 178px;grid-template-areas:"brand nav tools";gap:15px;padding-block:12px;min-height:82px}
.site-header .brand-controls{gap:7px}.site-header .brand-logo{width:168px;max-height:none}.site-header .site-motion-toggle{width:22px;height:22px;flex-basis:22px;padding:4px}
.site-header .brand-backdrop{opacity:1}.site-header .brand{--brand-glow:drop-shadow(0 0 6px rgb(var(--dgu-color-22cde5,34 205 229) / 0.3333))}
.site-header .brand:is(:focus-visible,:active){outline-color:var(--cyan)}
.site-header #main-nav{grid-area:nav;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0;min-width:0}
#main-nav .nav-group{width:auto;flex:0 1 auto;min-width:0}
#main-nav .nav-item-row{width:auto;min-height:38px;height:auto;min-width:0;border-radius:5px;background:rgb(var(--dgu-color-090d19,9 13 25));border:1px solid transparent}
#main-nav .nav-group .nav-link{font-size:.73rem;line-height:1.25;white-space:nowrap;hyphens:none;min-height:36px;padding:7px 5px;border-radius:4px;color:rgb(var(--dgu-color-c9d4df,201 212 223));flex:1 1 auto}
#main-nav .nav-submenu-toggle{flex:0 0 17px;width:17px;padding:3px;color:rgb(var(--dgu-color-a6b8c9,166 184 201))}
#main-nav .nav-submenu-toggle .icon{width:11px;height:11px}
#main-nav .nav-link.active{color:#fff}
#main-nav .nav-link:not(.contact-nav)::after{height:2px;bottom:0;background:var(--cyan);box-shadow:0 0 10px rgb(var(--dgu-color-22cde5,34 205 229) / 0.251)}
#main-nav .nav-item-row:has(.contact-nav){border-color:rgb(var(--dgu-color-267488,38 116 136));background:transparent}
#main-nav .nav-group .contact-nav{color:var(--cyan)}
#main-nav .nav-item-row:is(:hover,:focus-within,:active){background:rgb(var(--dgu-color-102432,16 36 50));box-shadow:0 0 0 1px rgb(var(--dgu-color-22cde5,34 205 229) / 0.302)}
#main-nav .nav-item-row:is(:hover,:focus-within,:active)>:is(.nav-link,.nav-submenu-toggle){color:rgb(var(--dgu-color-ecfcff,236 252 255))}
.header-tools{grid-area:tools;display:flex;flex-direction:column;align-items:flex-end;gap:7px;justify-content:center;min-width:0}
.site-header .header-tools .site-search{width:178px;max-width:100%;height:32px;min-height:32px;border-radius:5px}
.site-header .site-search input{font-size:.7rem;padding:6px 9px;min-height:30px}
.site-header .site-search button{width:30px;height:30px;min-height:30px;padding:6px}
.site-header .site-search .icon{width:16px;height:16px}
.header-tools .language-picker{padding:2px 5px;gap:4px;min-height:20px}
.header-tools .language-picker select{font-size:.62rem;height:18px;min-height:18px;max-width:105px;padding:0 2px}
.header-tools .language-icon{width:12px;height:12px}
#main-nav .nav-submenu{border:1px solid rgb(var(--dgu-color-283a51,40 58 81));border-top:2px solid var(--cyan);background:rgb(var(--dgu-color-0c1424,12 20 36))}
#submenu-data-at-work{max-height:calc(100dvh - var(--submenu-top,100px) - 20px)}
.practice-topic-summary,.practice-foundation-summary{color:rgb(var(--dgu-color-e1ecf4,225 236 244))}.practice-topic-summary{background:rgb(var(--dgu-color-102231,16 34 49))}.practice-topic-list{border-color:rgb(var(--dgu-color-22cde5,34 205 229) / 0.251)}
.page-content>.section-nav a{background:rgb(var(--dgu-color-0c1421,12 20 33));color:rgb(var(--dgu-color-c9ddeb,201 221 235));border-color:rgb(var(--dgu-color-2a4358,42 67 88))}.example-link{color:rgb(var(--dgu-color-c9ddeb,201 221 235))}
.page-content>.section-nav a:is(:hover,:focus-visible),.example-link:is(:hover,:focus-visible){color:#fff;background:rgb(var(--dgu-color-103043,16 48 67));box-shadow:0 0 0 1px rgb(var(--dgu-color-22cde5,34 205 229) / 0.2667)}
.hero.hero--flow{min-height:calc(100svh - 100px);max-height:none;overflow:hidden;background:transparent}
.hero--flow .hero-content{min-height:inherit;align-items:center;padding-block:72px 82px}
.hero--flow .hero-copy{max-width:660px;width:55%;position:relative}
.hero--flow .eyebrow{font-size:.77rem;letter-spacing:.17em;margin:0 0 20px;color:var(--cyan)}
.hero--flow h1.hero-reference-title{font-size:clamp(2.9rem,4.7vw,4.4rem);font-weight:750;line-height:1.045;letter-spacing:-.045em;max-width:650px;margin:0 0 23px;overflow-wrap:normal}
.hero-title-one,.hero-title-value{display:block}.hero-title-one{max-width:11ch;color:#fff}.hero-title-value{color:var(--cyan);max-width:15ch}
.hero--flow .hero-brandline{font-size:1.08rem;color:rgb(var(--dgu-color-edf4f8,237 244 248));font-weight:500;line-height:1.45;margin:0 0 13px;max-width:590px}
.hero--flow .lead{font-size:.99rem;line-height:1.75;max-width:530px;margin:0;color:rgb(var(--dgu-color-d6dfe9,214 223 233))}
.hero--flow .actions{gap:12px;margin-top:25px;flex-wrap:wrap}
.hero--flow .button{border-radius:5px;min-height:44px;padding:12px 17px;font-size:.85rem;background:var(--cyan);color:rgb(var(--dgu-color-03121b,3 18 27));border-color:var(--cyan);box-shadow:none}
.hero--flow .button-secondary{background:rgb(var(--dgu-color-050914,5 9 20) / 0.702);color:rgb(var(--dgu-color-e1e8f1,225 232 241));border-color:rgb(var(--dgu-color-2d384c,45 56 76))}
.hero--flow .hero-backdrop img{object-position:center;object-fit:cover}
.hero--flow .hero-backdrop::after{background:linear-gradient(90deg,rgb(var(--dgu-color-050511,5 5 17) / 0.7804) 0%,rgb(var(--dgu-color-050511,5 5 17) / 0.6392) 24%,rgb(var(--dgu-color-050511,5 5 17) / 0.3608) 44%,rgb(var(--dgu-color-050511,5 5 17) / 0.0196) 76%),linear-gradient(0deg,rgb(var(--dgu-color-050511,5 5 17)) 0%,rgb(var(--dgu-color-050511,5 5 17) / 0.0) 25%,rgb(var(--dgu-color-050511,5 5 17) / 0.0) 85%,rgb(var(--dgu-color-050511,5 5 17) / 0.2) 100%)}
.page-banner--flow .hero-backdrop::after{background:linear-gradient(90deg,rgb(var(--dgu-color-050511,5 5 17) / 0.9412) 0%,rgb(var(--dgu-color-050511,5 5 17) / 0.6902) 43%,rgb(var(--dgu-color-050511,5 5 17) / 0.2196) 76%),linear-gradient(0deg,rgb(var(--dgu-color-050511,5 5 17)),rgb(var(--dgu-color-050511,5 5 17) / 0.0) 42%)}
.site-release-badge{border-color:rgb(var(--dgu-color-254253,37 66 83));background:rgb(var(--dgu-color-07101b,7 16 27) / 0.9098);color:var(--cyan)}
@media(min-width:1600px){.site-header .header-inner{grid-template-columns:238px minmax(0,1fr) 210px;gap:22px}.site-header .brand-logo{width:205px}#main-nav .nav-group .nav-link{font-size:.86rem;padding-inline:8px}.site-header .header-tools .site-search{width:210px}.hero--flow .hero-copy{max-width:720px}}
@media(min-width:1100px) and (max-width:1279px){.site-header .header-inner{grid-template-columns:170px minmax(0,1fr) 145px;width:calc(100% - 24px);gap:9px}.site-header .brand-logo{width:141px}.site-header #main-nav{gap:2px}#main-nav .nav-group .nav-link{font-size:.65rem;padding-inline:3px}#main-nav .nav-submenu-toggle{width:14px;flex-basis:14px}.site-header .header-tools .site-search{width:145px}}
@media(max-width:1099px){
 .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "nav nav";gap:8px 14px;padding-block:8px}
 .site-header .brand-logo{width:170px}.header-tools{flex-direction:row;align-items:center;gap:9px}.site-header .header-tools .site-search{width:200px}
 .site-header #main-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:6px;padding:2px 1px 7px;scrollbar-width:thin;scrollbar-color:rgb(var(--dgu-color-287586,40 117 134)) rgb(var(--dgu-color-090e19,9 14 25))}
 #main-nav .nav-group{width:auto;flex:0 0 auto}#main-nav .nav-group .nav-link{font-size:.79rem;padding-inline:9px;white-space:nowrap}#main-nav .nav-submenu-toggle{width:22px;flex-basis:22px}
 .hero--flow .hero-content{padding-block:65px 76px}.hero--flow .hero-copy{width:66%}.hero--flow h1.hero-reference-title{font-size:3.5rem}
}
@media(max-width:699px){
 .site-header .header-inner{width:calc(100% - 28px);grid-template-areas:"brand tools" "search search" "nav nav";grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding-block:7px 3px}
 .site-header .brand-logo{width:151px}.site-header .brand-controls{gap:5px}.header-tools{display:contents}.header-tools .language-picker{grid-area:tools;justify-self:end;max-width:115px}.header-tools .language-picker select{font-size:.72rem;height:24px;min-height:24px}
 .site-header .header-tools .site-search{grid-area:search;width:100%;max-width:none;height:30px;min-height:30px}.site-header .site-search input{font-size:.78rem}
 .site-header #main-nav{gap:5px;padding-bottom:6px}#main-nav .nav-group .nav-link{font-size:.78rem;min-height:35px;padding:7px 9px}#main-nav .nav-item-row{min-height:37px}
 .hero.hero--flow{min-height:calc(100svh - 140px)}.hero--flow .hero-content{padding-block:46px 58px;align-items:center}
 .hero--flow .hero-copy{width:100%;max-width:570px}.hero--flow .eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:17px}
 .hero--flow h1.hero-reference-title{font-size:clamp(2.5rem,9.5vw,3.5rem);line-height:1.07;letter-spacing:-.04em;margin-bottom:23px}.hero-title-value{max-width:15ch}
 .hero--flow .hero-brandline{font-size:1rem;margin-bottom:12px}.hero--flow .lead{font-size:.9rem;line-height:1.7;max-width:500px}
 .hero--flow .actions{gap:10px;margin-top:23px}.hero--flow .button{font-size:.78rem;padding:11px 12px;min-height:44px}
 .hero--flow .hero-backdrop img{object-position:68% center}.hero--flow .hero-backdrop::after{background:linear-gradient(90deg,rgb(var(--dgu-color-050511,5 5 17) / 0.851),rgb(var(--dgu-color-050511,5 5 17) / 0.5647)),linear-gradient(0deg,rgb(var(--dgu-color-050511,5 5 17)),rgb(var(--dgu-color-050511,5 5 17) / 0.0) 30%)}
}
@media print{.hero.hero--flow{min-height:0}.hero--flow .hero-content{padding-block:20px}.hero--flow .hero-copy{width:100%}.hero--flow .hero-title-one{color:#111}.hero--flow .hero-title-value{color:rgb(var(--dgu-color-147589,20 117 137))}}
/* The brand phrase remains white; only business value uses the cyan accent. */
.hero--flow h1.hero-reference-title .hero-title-one{color:#fff}
.hero--flow h1.hero-reference-title .hero-title-value{color:var(--cyan)}
@media(min-width:1100px){.site-header #main-nav{flex-wrap:nowrap}}
@media(min-width:1280px) and (max-width:1399px){#main-nav .nav-group .nav-link{font-size:.66rem;padding-inline:4px}.site-header #main-nav{gap:2px}#main-nav .nav-submenu-toggle{width:15px;flex-basis:15px}}

/* Slow, irregular night-sky twinkles around the brand perimeter. */
.site-header .brand-stars{position:absolute;inset:-4px -3px;z-index:3;pointer-events:none;overflow:visible}
.brand-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#edf6ff;box-shadow:0 0 3px 1px #c4dfff66;opacity:0;animation:brand-starlight var(--duration) ease-in-out var(--delay) infinite}
@keyframes brand-starlight{0%,100%{opacity:0;transform:scale(.6)}35%{opacity:.12}55%{opacity:.85;transform:scale(1.1)}75%{opacity:.18}}
html[data-motion-paused="true"] .brand-stars i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-stars i{animation:none;opacity:.3}}
@media print{.brand-stars{display:none}}