/* Data Intelligence PH — local revision r1 (2026-09-22).
   Layered after sites-v4.css / document-intake.css / community.css. Repo is authoritative from r1;
   see sites-source.json "localRevision". Scope: hierarchy, first-viewport hero, spacing, contrast,
   target sizes, anchor offset under the fixed nav, reduced shadows. Tokens unchanged (navy / cyan). */
:root{--di-max:1280px;--muted:#5f7284;--di-accent:#007a8f;--di-link:#007d8d}
/* Contrast: #5f7284 on white/cloud >= 4.70:1; #007a8f on white/cloud >= 4.78:1; #007d8d >= 4.62:1 (WCAG 2.2 AA 4.5:1 for normal text). */
.eyebrow,.cap-grid article>span,.industry-list b,.insight-grid small,.community-services article>span,.evidence-cards small,.evidence-cards .measures dt,.mechanism-list b,.mechanism-list .lesson span,.community-aside h4,.community-refs h3,.di-plan small,.di-scenarios small,.di-account h4{color:var(--di-accent)}
.evidence-cards cite a,.mechanism-list cite a,.community-refs a,.di-account a{color:var(--di-link);border-bottom-color:var(--di-link)}
.community-status{color:#7a5a0e}
/* Anchors open below the fixed 64px header. */
[id]{scroll-margin-top:88px}
/* Content width and alignment. */
.section>*,.dark-section>*,.impact>*,.contact>*,.product-section>*,.tech-band>*,.di-subnav>nav{max-width:var(--di-max);margin-inline:auto}
.impact{display:grid}
/* First-viewport hero: headline, copy, primary action and one visual together. */
.hero{min-height:auto;grid-template-columns:1.02fr .98fr;align-items:center}
.hero-copy{padding-top:clamp(56px,7vh,88px);padding-bottom:56px}
.hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.04;letter-spacing:-.05em;max-width:14ch}
.lede{font-size:18px;line-height:1.65;max-width:62ch;color:#40586c}
.hero-visual{min-height:520px}
.hero-visual>img{top:6%;height:86%}
.map-note{position:absolute;left:4%;bottom:8%;z-index:3;max-width:300px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffe6;color:var(--muted);font-size:11px;line-height:1.5}
.map-note b{color:var(--ink)}
/* Rhythm. */
.section{padding-block:clamp(72px,8vw,96px)}
.dark-section,.impact,.contact{padding-block:clamp(72px,8vw,96px)}
.section-head{margin-bottom:44px}
.section-head>p:last-child{font-size:16px;line-height:1.7;max-width:60ch}
/* Cards: subtle borders, fewer shadows, content-driven heights. */
.cap-grid article{min-height:0;padding:26px 24px 22px}
.cap-grid article:hover{transform:none}
.cap-grid h3{margin:22px 0 10px;font-size:21px}
.cap-grid p{font-size:14px;line-height:1.65}
.cap-grid p+p{margin-top:10px;color:#40586c}
.cap-grid a{padding-top:18px;color:var(--di-link)}
.insight-grid article{min-height:0;border-radius:6px}
.insight-grid h3{margin:28px 0 12px}
.button{min-height:44px;padding:13px 18px}
.button:hover{transform:none;box-shadow:var(--shadow-fluent-8)}
.pulse:hover,.pulse.active{transform:translateX(-4px);box-shadow:var(--shadow-fluent-8)}
/* Sub-navigation: one primary business action + a distinct community entry. */
.di-subnav nav a{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}
.di-subnav-community{margin-left:auto;padding:10px 14px!important;border:1px solid var(--di-accent);border-radius:999px;color:var(--di-accent)!important;font-weight:800}
.di-subnav-community:hover{background:#eafcff;border-color:var(--di-accent)!important}
.di-subnav-community+.di-subnav-cta{margin-left:0}
.di-subnav-cta{min-height:44px;display:inline-flex;align-items:center}
/* Architecture detail stays available beneath the customer-facing copy. */
details.di-arch{margin-top:10px}
details.di-arch summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--di-link);list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
details.di-arch summary::-webkit-details-marker{display:none}
details.di-arch summary::before{content:"+";display:inline-block;width:16px;text-align:center}
details.di-arch[open] summary::before{content:"−"}
details.di-arch p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
/* Motion: brief and functional; honoured by the existing prefers-reduced-motion block in sites-v4.css. */
.cap-grid article,.button,.pulse,.industry-list article{transition-duration:.15s}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{min-height:480px}}
@media(max-width:700px){.hero h1{font-size:clamp(36px,9.5vw,42px);max-width:none}.lede{font-size:17px}.hero-copy{padding-top:48px;padding-bottom:40px}.hero-visual{min-height:420px}.section,.dark-section,.impact,.contact{padding-block:clamp(40px,10vw,56px)}.di-subnav-community{margin-left:0}.hero-visual{display:flex;flex-direction:column;gap:12px;min-height:auto;padding:8px 0 4px}.hero-visual>img{position:static;width:100%;height:auto;max-height:300px;object-fit:contain;filter:none}.hero-visual .live{position:static;margin:0}.hero-visual .pulse-stack{position:static;width:100%}.hero-visual .source-note{position:static;margin:0;max-width:none;text-align:left}.map-note{position:static;margin:0;max-width:none}}
.di-subnav-cta,.button{gap:10px}
.di-subnav-cta b{font-weight:700}
/* Mobile (<=700px): the hero visual is a single column — image, caption, status, cards, data note — so no overlay covers another. */

/* Prevent the existing impact headline from widening the page on mobile. */
@media(max-width:700px){.impact h2{font-size:clamp(40px,10vw,54px)}}