/* Integral Analytics — v6 website design.
   Generated from "Integral Analytics — Website Preview v6" (the approved
   single-file preview); preview-only chrome (banner, component labels)
   removed. WordPress-specific overrides live at the end of style.css. */
/* ════════════════════════════════════════════════════════════
   INTEGRAL ANALYTICS — Website Preview v6
   Design: GridCARE-inspired layout, Inter throughout,
   IA brand palette, light blue backgrounds, no white
   ════════════════════════════════════════════════════════════ */
:root {
  --navy:   #012a5a;
  --blue:   #005cb9;
  --gold:   #ffd100;
  --lb:     #7faddc;
  --teal:   #00778B;
  --text:   #1a2332;
  --muted:  #5a6a7e;
  --border: #c8d4e8;
  --bg:     #e8f0fa;   /* light blue — no white sections */
  --bg2:    #dce8f7;   /* slightly deeper for alternating */
  --white:  #ffffff;
  --nav-h:  68px;
  --font:   'Aptos', 'Aptos Display', 'Inter', 'Segoe UI', system-ui, sans-serif; /* IA brand guide: Aptos; Inter fallback */
  --font-brand: 'Aptos', 'Aptos Display', 'Inter', 'Segoe UI', system-ui, sans-serif; /* IA brand guide: Aptos; Inter fallback */
  --max:    980px;
  --max-w:  1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);line-height:1.65;background:#012a5a;font-size:16px;-webkit-font-smoothing:antialiased}

/* ── Banner ─────────────────────────────────────────────── */

/* ── Nav ─────────────────────────────────────────────────── */
#nav{background:#005cb9;position:sticky;top:0;z-index:999;height:var(--nav-h);display:flex;align-items:center;box-shadow:0 2px 20px rgba(0,0,0,.2)}
#nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;display:flex;align-items:center;width:100%}
.nav-links{display:flex;align-items:center;flex:1}
.nl{position:relative}
.nl-a{display:flex;align-items:center;gap:5px;padding:0 15px;height:var(--nav-h);font-size:13.5px;font-weight:500;color:rgba(255,255,255,.9);text-decoration:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}
.nl-a:hover,.nl-a.act{color:#fff;border-bottom-color:var(--gold)}
.caret{font-size:8px;opacity:.5}
.nav-cta{margin-left:auto;background:#05152b;color:#fff!important;padding:9px 22px!important;height:auto!important;border-radius:4px;border-bottom:none!important;font-size:13.5px!important;font-weight:600!important} /* per review: #05152B */
.nav-cta:hover{background:#0c2347!important}
/* Dropdowns */
.dd{display:none;position:absolute;top:var(--nav-h);left:0;background:#002e5d;border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--gold);box-shadow:0 16px 40px rgba(0,0,0,.4);border-radius:0 0 8px 8px;padding:22px;min-width:220px;z-index:1000}
.nl:hover .dd{display:block}
.dd.wide{min-width:680px;display:none;flex-direction:row}
.nl:hover .dd.wide{display:flex}
.dd-col{flex:1;padding:0 20px;border-right:1px solid rgba(255,255,255,.1)}
.dd-col:first-child{padding-left:0}
.dd-col:last-child{border-right:none;padding-right:0}
.dd-col h4{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.dd-a{display:block;padding:8px 10px;border-radius:5px;text-decoration:none;margin-bottom:2px;transition:background .1s}
.dd-a:hover{background:rgba(255,255,255,.08)}
.dd-a strong{display:block;font-size:13px;color:#fff;font-weight:600}
.dd-a span{display:block;font-size:11.5px;color:rgba(255,255,255,.55);margin-top:1px}

/* ── Page shell ──────────────────────────────────────────── */
#page{min-height:60vh}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.wrap-w{max-width:var(--max-w);margin:0 auto;padding:0 32px}

/* ── Breadcrumb ──────────────────────────────────────────── */
.bc{font-size:12px;color:rgba(255,255,255,.55);padding:16px 0 0;background:linear-gradient(160deg,#002e5d 0%,#005cb9 65%,#012a5a 100%);padding:12px 32px 0}
.bc a{color:rgba(255,255,255,.55);text-decoration:none}.bc a:hover{color:var(--gold)}
.bc span{color:#fff;font-weight:500}

/* ── Typography ──────────────────────────────────────────── */
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lb);display:block;margin-bottom:16px}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:64px 0 56px;background:transparent}
.hero h1{font-size:clamp(1.9rem,4.2vw,2.7rem);font-weight:700;line-height:1.12;color:#fff;margin:0 0 20px;max-width:740px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero-lead{font-size:1.06rem;color:rgba(255,255,255,.78);max-width:640px;margin:0 0 30px;line-height:1.85}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-row,.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.btn-p{background:var(--gold);color:var(--navy)!important;padding:13px 26px;border-radius:4px;font-weight:700;font-size:14.5px;text-decoration:none;display:inline-block;transition:opacity .15s}
.btn-p:hover{opacity:.88}
.btn-s{background:transparent;color:var(--navy);padding:13px 26px;border-radius:4px;font-weight:600;font-size:14.5px;text-decoration:none;border:1.5px solid var(--border);display:inline-block;transition:all .15s}
.btn-s:hover{border-color:var(--navy)}
.btn-gold{background:var(--gold);color:var(--navy)!important;padding:14px 34px;border-radius:4px;font-weight:700;font-size:15px;text-decoration:none;display:inline-block}
.btn-gold:hover{opacity:.88}
.btn-outline-gold{background:transparent;color:#fff;padding:13px 28px;border:2px solid var(--gold);border-radius:4px;font-weight:700;font-size:14.5px;text-decoration:none;display:inline-block}
.btn-outline-gold:hover{background:rgba(255,209,0,.12)}

/* ── Sections ────────────────────────────────────────────── */
.sec{padding:64px 0;background:transparent}
.sec:last-of-type{border-bottom:none}
.sec-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lb);margin:0 0 12px;display:block}
.sec h2{font-size:clamp(1.55rem,3vw,2rem);font-weight:700;color:#fff;margin:0 0 14px;line-height:1.15}
.sec h2 em{font-style:italic;color:var(--gold)}
.sec-intro{font-size:1.02rem;color:rgba(255,255,255,.72);max-width:680px;margin:0 0 36px;line-height:1.85}
.sec p{font-size:1rem;color:rgba(255,255,255,.72);line-height:1.85;margin:0 0 16px;max-width:700px}

/* ── Cap grid ────────────────────────────────────────────── */
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.cap{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px;background:rgba(255,255,255,.06);transition:background .15s}
.cap-bar{display:none}
.cap-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lb);margin-bottom:8px;display:block}
.cap h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 5px;line-height:1.3}
.cap p{font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.55;margin:0}

/* ── Dark block ──────────────────────────────────────────── */
.dark{background:var(--navy);border-radius:10px;padding:40px 44px;margin:32px 0}
.dark h2{font-size:1.55rem;font-weight:700;color:var(--gold);margin:0 0 14px;line-height:1.2}
.dark p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.85;margin:0 0 12px}
.dark p:last-child{margin:0}

/* ── Insight / option-value box ─────────────────────────── */
.insight{background:rgba(255,255,255,.06);border-left:4px solid var(--lb);border-radius:0 8px 8px 0;padding:24px 28px;margin:28px 0}
.insight h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}
.insight p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.8;margin:0 0 8px}
.insight p:last-child{margin:0}
.insight-box{background:rgba(255,255,255,.06);border-left:4px solid var(--lb);border-radius:0 8px 8px 0;padding:24px 28px;margin:28px 0}
.insight-box h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}
.insight-box p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.8;margin:0 0 8px}
.ov-box{background:var(--navy);border-radius:10px;padding:36px 40px;margin:32px 0}
.ov-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:block}
.ov-box h3{font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.ov-box p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.85;margin:0 0 10px}
.ov-box p:last-child{margin:0}

/* ── Quote ───────────────────────────────────────────────── */
.quote{border-left:3px solid var(--lb);padding:16px 24px;margin:24px 0;background:rgba(255,255,255,.06);border-radius:0 8px 8px 0}
.quote p{font-size:1.05rem;font-style:italic;color:#fff;line-height:1.65;margin:0 0 8px}
.quote cite{font-size:12px;color:rgba(255,255,255,.6);font-style:normal;font-weight:600}
.quote-block{border-left:3px solid var(--lb);padding:16px 24px;margin:24px 0;background:rgba(255,255,255,.06);border-radius:0 8px 8px 0}
.quote-block p{font-size:1.05rem;font-style:italic;color:#fff;line-height:1.65;margin:0 0 8px}
.quote-block cite{font-size:12px;color:rgba(255,255,255,.6);font-style:normal;font-weight:600}

/* ── Rel grid ────────────────────────────────────────────── */
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.rel{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px;background:rgba(255,255,255,.06);text-decoration:none;display:block;transition:background .15s}
.rel:hover{background:rgba(255,255,255,.12)}
.rel-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lb);margin-bottom:8px}
.rel h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 5px}
a.rel h3{color:#fff}
a.rel:visited h3{color:#fff}
.rel-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lb);margin-bottom:8px}
.rel p{font-size:12.5px;color:rgba(255,255,255,.65);margin:0;line-height:1.55}

/* ── CTA footer ──────────────────────────────────────────── */
.cta-ft{background:var(--navy);border-radius:10px;padding:52px 44px;text-align:center;margin:60px 0}
.cta-ft h2{font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;color:#fff;margin:0 0 12px}
.cta-ft p{color:rgba(255,255,255,.65);font-size:1rem;margin:0 auto 26px;max-width:480px;line-height:1.8}

/* ── Stats row ───────────────────────────────────────────── */
.stats,.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;margin:36px 0}
.stat{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.stat:last-child{border-right:none}
.stat-n,.stat-val{font-size:2.6rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px;display:block}
.stat-l,.stat-label{font-size:12px;color:rgba(255,255,255,.65);line-height:1.4}

/* ── Pills ───────────────────────────────────────────────── */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.pill{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:5px 15px;font-size:13px;font-weight:500;color:var(--navy)}

/* ── UC grid ─────────────────────────────────────────────── */
.uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.uc{border-left:3px solid var(--lb);padding-left:20px}
.uc h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 7px}
.uc p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0}

/* ── Steps ───────────────────────────────────────────────── */
.steps{display:flex;flex-direction:column}
.step{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}
.step:last-child{border-bottom:none}
.step-n{width:38px;height:38px;border-radius:50%;background:transparent;border:2px solid var(--gold);color:var(--gold);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 7px}
.step p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0}

/* ── Process strip ───────────────────────────────────────── */
.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:24px 0 32px}
.ps{padding:20px;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}
.ps:last-child{border-right:none}
.ps-n{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.ps h3{font-size:13.5px;font-weight:600;color:var(--navy);margin:0 0 5px}
.ps p{font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.6;margin:0}

/* ── Compare table ───────────────────────────────────────── */
.compare-table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0 28px}
.compare-table th{background:var(--navy);color:#fff;padding:12px 16px;text-align:left;font-weight:600;font-size:13px}
.compare-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top;background:rgba(255,255,255,.06);color:rgba(255,255,255,.88)}
.compare-table tr:nth-child(odd) td{background:rgba(255,255,255,.04)}
.check{color:#1a7a3a;font-weight:700}
.partial{color:#b45309;font-weight:700}

/* ── Formula ─────────────────────────────────────────────── */
.formula-box{background:var(--bg2);border-radius:8px;padding:28px 32px;margin:28px 0}
.formula-box h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 10px}
.formula-box p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.8;margin:0 0 10px}
.formula{font-family:Consolas,'Courier New',monospace;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px 16px;font-size:13.5px;color:var(--navy);margin:12px 0;display:inline-block}

/* ── Timeline ────────────────────────────────────────────── */
.timeline{display:flex;flex-direction:column}
.tl{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.tl:last-child{border-bottom:none}
.tl-year{font-size:1.1rem;font-weight:700;color:var(--gold);padding-top:2px}
.tl h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 5px}
.tl p{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.65;margin:0}
.tl-body h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 5px}
.tl-body p{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.65;margin:0}

/* ── Values ──────────────────────────────────────────────── */
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.value{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:26px;background:rgba(255,255,255,.06)}
.value-bar{width:28px;height:3px;background:var(--lb);border-radius:2px;margin-bottom:14px}
.value h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 7px}
.value p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0}

/* ── Audience ────────────────────────────────────────────── */
.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.audience{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:26px;background:rgba(255,255,255,.06);border-top:4px solid var(--lb)}
.audience h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.audience .role{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lb);margin-bottom:10px;display:block}
.audience p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0 0 10px}
.audience p:last-child{margin:0}
.audience .tools{font-size:12.5px;color:var(--gold);font-weight:600}

/* ── Clients ─────────────────────────────────────────────── */
.client-sec,.client-section{margin-bottom:36px}
.client-sec h3,.client-section h3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:10px;margin:0 0 18px}
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:8px}
.client{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:12px 16px;font-size:13px;font-weight:500;color:#fff}
.client .parent{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.55);display:block;margin-top:2px}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.partner{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:rgba(255,255,255,.06)}
.partner h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 7px}
.partner p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.65;margin:0}
.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.org-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:12px 16px;font-size:13px;font-weight:500;color:#fff;text-decoration:none;display:block}
.org-item:hover{background:rgba(255,255,255,.12)}
.org-type,.org-item span{font-size:11px;font-weight:400;color:rgba(255,255,255,.55);display:block;margin-top:2px}

/* ── Resources ───────────────────────────────────────────── */
.res-grid,.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}


.res-type,.card-type{background:var(--navy);color:var(--gold);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:9px 18px;display:block}
.res-body,
.res-body h3,
.res-body p,
.res-meta,.card-meta{font-size:12px;color:var(--lb);font-weight:600}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.topic{border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:14px 18px;background:rgba(255,255,255,.06);text-decoration:none;display:block;transition:background .15s}
.topic:hover{background:rgba(255,255,255,.12)}
.topic h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}
.topic p{font-size:12px;color:rgba(255,255,255,.65);margin:0}
.pipeline-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:28px 32px}
.pipeline-box h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}
.pipeline-box p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.8;margin:0 0 16px}
.pipeline-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.pipeline-list li{font-size:13px;color:rgba(255,255,255,.80);padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:5px}
.pipeline-list li strong{color:var(--gold);display:block;font-size:11.5px;margin-bottom:2px}
.newsletter{background:var(--navy);border-radius:10px;padding:40px;text-align:center;margin:40px 0}
.newsletter h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 10px}
.newsletter p{color:rgba(255,255,255,.65);margin:0 auto 24px;max-width:480px;line-height:1.75}

/* ── Stakeholder ─────────────────────────────────────────── */
.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ch{border-left:3px solid var(--lb);padding-left:20px}
.ch h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 7px}
.ch p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.prod{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:24px;background:rgba(255,255,255,.06);text-decoration:none;display:block;border-top:4px solid var(--lb);transition:background .15s}
.prod:hover{background:rgba(255,255,255,.12)}
.prod-lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.prod h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 8px}
.prod p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.65;margin:0}

/* ── FAQ ─────────────────────────────────────────────────── */
.faq-q{border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0}
.faq-q:first-child{padding-top:0}
.faq-q h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px}
.faq-q p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.8;margin:0}

/* ── Badge ───────────────────────────────────────────────── */
.badge{display:inline-block;background:var(--bg2);border:1px solid var(--border);border-radius:4px;font-size:12px;font-weight:700;color:var(--navy);padding:4px 10px;margin-bottom:14px}

/* ── Charger grid ────────────────────────────────────────── */
.charger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}
.charger{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:rgba(255,255,255,.06);border-top:3px solid var(--lb)}
.charger h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 6px}
.charger-kw{font-size:1.55rem;font-weight:800;color:var(--blue);margin-bottom:4px;line-height:1}
.charger-sub{font-size:11.5px;color:var(--muted);margin-bottom:10px}
.charger p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.65;margin:0}

/* ── Misc disk-page classes ──────────────────────────────── */
.load-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}
.load-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:rgba(255,255,255,.06);border-top:3px solid var(--lb)}
.load-mw{font-size:1.55rem;font-weight:800;color:var(--gold);margin-bottom:4px;line-height:1}
.load-sub{font-size:11.5px;color:rgba(255,255,255,.55);margin-bottom:10px}
.challenge-grid,.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.challenge-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:rgba(255,255,255,.06)}
.scout-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:24px}
.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.util,.utility-type{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;background:rgba(255,255,255,.06)}
.util h3,.utility-type h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 7px}
.util p,.utility-type p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0}

/* ── Footer ──────────────────────────────────────────────── */
#footer{background:var(--navy);color:rgba(255,255,255,.6);padding:52px 32px 32px}
.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px}
.fc h4{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}
.fc a{display:block;color:rgba(255,255,255,.55);text-decoration:none;font-size:13px;margin-bottom:8px;transition:color .15s}
.fc a:hover{color:#fff}
.fc p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.75;margin:0 0 10px}
.footer-bot{max-width:var(--max-w);margin:24px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:768px){
  .hero h1,.sec h2{font-size:1.65rem}
  .dark,.cta-ft,.ov-box{padding:26px 22px}
  .process{grid-template-columns:1fr}
  .ps{border-right:none;border-bottom:1px solid var(--border)}
  .ps:last-child{border-bottom:none}
  .step{grid-template-columns:40px 1fr;gap:14px}
  .stats,.stats-row{grid-template-columns:repeat(2,1fr)}
  .dd.wide{min-width:320px;flex-direction:column}
}

/* ── DEV COMPONENT OVERLAY ───────────────────────────────── */
[data-cid]{position:relative}
.client-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:12px 16px;font-size:13px;font-weight:500;color:#fff}
.client-item .parent{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.55);display:block;margin-top:2px}

.cap:hover{background:rgba(255,255,255,.12)}
.step-num{width:38px;height:38px;border-radius:50%;background:transparent;border:2px solid var(--gold);color:var(--gold);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:38px}
.test-table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0 28px;table-layout:fixed}
.test-table th{background:rgba(0,20,60,.6);color:#fff;padding:12px 16px;text-align:left;font-weight:600;font-size:13px;border-bottom:1px solid rgba(255,255,255,.2)}
.test-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top;color:rgba(255,255,255,.88);background:rgba(255,255,255,.04)}
.test-table tr:nth-child(even) td{background:rgba(255,255,255,.08)}
.test-table td:first-child{font-weight:600;color:#fff}
.load-card h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 8px}

/* ── Resource cards ─────────────────────────────────────── */
.card,.res-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06);text-decoration:none;display:block;transition:background .15s}
.card:hover,.res-card:hover{background:rgba(255,255,255,.12)}
.card-body{padding:22px;background:transparent}
.card-body h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.35}
.card-body p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.7;margin:0 0 12px}

a:link,a:visited{color:inherit}

a.topic,a.topic:link,a.topic:visited{color:#fff!important;text-decoration:none!important}
a.topic h3,a.topic:link h3,a.topic:visited h3{color:#fff!important;text-decoration:none!important}
a.topic p{color:rgba(255,255,255,.65)}
a.rel,a.rel:link,a.rel:visited{color:#fff;text-decoration:none}
a.rel h3{color:#fff}
a.prod,a.prod:link,a.prod:visited{color:#fff;text-decoration:none}
a.prod h3{color:#fff}
a.org-item,a.org-item:link,a.org-item:visited{color:#fff;text-decoration:none}

.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}
a.type-link,a.type-link:link,a.type-link:visited{text-decoration:none;color:#fff!important;display:block;padding:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;transition:background .15s}
a.type-link:hover{background:rgba(255,255,255,.12)}
a.type-link h3{font-size:15px;font-weight:600;color:var(--gold)!important;margin:0 0 7px}
a.type-link p{font-size:13px;color:rgba(255,255,255,.65)!important;margin:0;line-height:1.6}

a.rel *,a.rel:link *,a.rel:visited *{color:inherit!important}
a.rel,a.rel:link,a.rel:visited{color:#fff!important}

/* ── Parallax photo layer (replaces the fixed body background) ─ */
#parallax{position:fixed;left:0;top:0;width:100%;height:130vh;z-index:0;overflow:hidden;pointer-events:none;will-change:transform;background:#012a5a}
#parallax img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
#parallax::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,92,185,.10),rgba(0,92,185,.10)),linear-gradient(160deg,rgba(1,42,90,.90) 0%,rgba(0,92,185,.62) 55%,rgba(1,42,90,.96) 100%)} /* homepage tint, now site-wide: gradient + flat 10% brand-blue layer */
#page,#footer{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#parallax{transform:none!important}}

/* ── HOME v7 — brand type, white/photo alternation ──────────── */
.h7{color:#0c0c0c}
.h7-wrap{max-width:1160px;margin:0 auto;padding:0 40px}
.h7 h1,.h7 h2,.h7 h3{font-weight:700;letter-spacing:-.012em}
.h7-eyebrow{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:600;color:#005cb9;margin:0 0 18px;letter-spacing:0}
.h7-eyebrow::before{content:"";width:28px;height:3px;background:#ffd100;border-radius:2px;flex-shrink:0}
.h7-eyebrow-light{color:#7faddc}

/* hero */
.h7-hero{position:relative;color:#fff;padding-top:120px}
.h7-hero-inner{padding-bottom:104px}
.h7-hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.06;max-width:980px;margin:0 0 26px;color:#fff}
.h7-hero h1 em{font-style:italic;color:#ffd100}
.h7-lead{font-size:1.125rem;line-height:1.7;max-width:58ch;color:#fff;margin:0 0 36px}
.h7-actions{display:flex;gap:14px;flex-wrap:wrap}
.h7-btn{display:inline-block;padding:14px 30px;border-radius:4px;font-weight:700;font-size:.95rem;line-height:1.2;text-decoration:none}
.h7-btn-gold,.h7-btn-gold:link,.h7-btn-gold:visited{background:#ffd100;color:#012a5a}
.h7-btn-gold:hover{background:#ffdb33}
.h7-btn-navy,.h7-btn-navy:link,.h7-btn-navy:visited{background:#05152b;color:#fff} /* per review: #05152B */
.h7-btn-navy:hover{background:#0c2347}

/* stats strip (bottom edge of the hero) */
.h7-stats{background:rgba(1,42,90,.66);border-top:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.h7-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.h7-stat{padding:30px 28px 30px 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.14)}
.h7-stat:last-child{border-right:none;margin-right:0}
.h7-stat strong{display:block;font-size:2.3rem;font-weight:700;line-height:1;color:#fff;letter-spacing:-.02em;margin-bottom:8px}
.h7-stat span{display:block;font-size:.9rem;line-height:1.45;color:#fff}

/* bands */
.h7-band{padding:96px 0}
.h7-white{background:#fff;color:#0c0c0c}
.h7-photo{color:#fff;background:rgba(1,42,90,.34)}
.h7 h2{font-size:clamp(1.75rem,3.1vw,2.4rem);line-height:1.15;margin:0 0 18px;max-width:24ch}
.h7-white h2{color:#012a5a}
.h7-photo h2{color:#fff}
.h7-intro{font-size:1.08rem;line-height:1.7;max-width:62ch;margin:0 0 44px}
.h7-white .h7-intro{color:#3a3f47}
.h7-photo .h7-intro{color:#fff}

/* two-column narrative */
.h7-cols{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.h7-col-head{position:sticky;top:calc(var(--nav-h) + 40px)}
.h7-col-head h2{max-width:none}
.h7-col-body p{font-size:1.08rem;line-height:1.75;color:#2b2f36;margin:0 0 22px;max-width:62ch}
.h7-pull{margin:30px 0;padding:6px 0 6px 24px;border-left:4px solid #ffd100;font-size:1.35rem;line-height:1.4;font-weight:700;color:#012a5a;max-width:28ch}

/* product cards — solid white on the photo */
.h7-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h7-card{background:#fff;color:#0c0c0c;border-radius:6px;padding:34px 30px 30px;display:flex;flex-direction:column}
.h7-logo-box{height:40px;display:flex;align-items:center;margin:0 0 26px}
.h7-logo{display:block;width:auto}
.h7-logo-loadseer{height:40px}
.h7-logo-dsmore{height:30px}
.h7-logo-idrop{height:30px}
.h7-card-tag{font-size:.85rem;font-weight:600;color:#005cb9;margin:0 0 10px}
.h7-card h3{font-size:1.2rem;line-height:1.3;color:#012a5a;margin:0 0 12px}
.h7-card p{font-size:.98rem;line-height:1.65;color:#3a3f47;margin:0 0 22px;flex:1}
.h7-link,.h7-link:link,.h7-link:visited{font-weight:700;color:#005cb9;text-decoration:none;font-size:.95rem}
.h7-link:hover{text-decoration:underline}

/* use cases — hairline grid on white */
.h7-uc{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px;border-top:1px solid #d6d8dd}
.h7-uc-item,.h7-uc-item:link,.h7-uc-item:visited{display:block;padding:28px 0 30px;border-bottom:1px solid #d6d8dd;text-decoration:none;color:#0c0c0c}
.h7-uc-item h3{font-size:1.1rem;line-height:1.3;color:#005cb9;margin:0 0 8px}
.h7-uc-item:hover h3{text-decoration:underline}
.h7-uc-item p{font-size:.95rem;line-height:1.6;color:#3a3f47;margin:0}

/* testimonials + user map on the photo */
.h7-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0 56px;background:rgba(1,42,90,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:6px;padding:24px} /* same translucent navy + blur as the stats strip (.h7-stats), 24px padding all around */
.h7-quote{margin:0;padding:0 24px;border-left:3px solid #ffd100;display:flex;flex-direction:column;justify-content:space-between} /* gold dividers with 24px on each side */
.h7-quote:first-of-type{border-left:none;padding-left:0}
.h7-quote:last-of-type{padding-right:0}
.h7-quote blockquote{margin:0 0 18px;font-size:1.12rem;line-height:1.55;color:#fff}
.h7-quote blockquote::before{content:"\201C"}
.h7-quote blockquote::after{content:"\201D"}
.h7-quote figcaption strong{display:block;font-size:.95rem;color:#fff}
.h7-quote figcaption span{display:block;font-size:.85rem;color:#fff;margin-top:2px}
.h7-map{margin:0}
.h7-map img{width:100%;display:block;border-radius:6px;border:1px solid rgba(255,255,255,.18)}
.h7-map figcaption{font-size:.85rem;color:#fff;margin-top:12px}

/* closing CTA — brand blue, full width */
.h7-cta{background:#05152b;color:#fff;padding:88px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.16)} /* per review: #05152B (off-guide); hairline separates it from the navy footer */
.h7-cta h2{color:#fff;margin:0 auto 14px;max-width:none}
.h7-cta p{color:#fff;font-size:1.08rem;line-height:1.7;margin:0 auto 32px;max-width:52ch}

/* keyboard focus */
.h7 a:focus-visible{outline:3px solid #ffd100;outline-offset:3px}
.h7-white a:focus-visible{outline-color:#005cb9}

/* responsive */
@media(max-width:1024px){
  .h7-cards,.h7-uc{grid-template-columns:1fr 1fr}
  .h7-cols{gap:48px}
}
@media(max-width:860px){
  .h7-hero h1 br{display:none}
}
@media(max-width:768px){
  .h7-wrap{padding:0 22px}
  .h7-hero{padding-top:72px}
  .h7-hero-inner{padding-bottom:64px}
  .h7-hero h1{font-size:2.1rem}
  .h7-stats-grid{grid-template-columns:1fr 1fr}
  .h7-stat{padding:22px 0;margin:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.14)}
  .h7-stat:nth-child(odd){padding-right:20px;border-right:1px solid rgba(255,255,255,.14)}
  .h7-stat:nth-child(even){padding-left:20px}
  .h7-stat:nth-last-child(-n+2){border-bottom:none}
  .h7-band{padding:60px 0}
  .h7-cols{grid-template-columns:1fr;gap:28px}
  .h7-col-head{position:static}
  .h7-cards,.h7-quotes,.h7-uc{grid-template-columns:1fr}
  .h7-quote{padding:24px 0;border-left:none;border-top:3px solid #ffd100}
  .h7-quote:first-of-type{border-top:none;padding-top:0}
  .h7-quote:last-of-type{padding-bottom:0}
  .h7-cta{padding:60px 0}
}


/* ══ INNER PAGES v8 — homepage band system applied site-wide ═══════════ */
.bc.wrap{max-width:1160px;padding:14px 40px 0;background:transparent;font-size:12.5px;color:rgba(255,255,255,.7)}
.bc.wrap a{color:rgba(255,255,255,.7)}
.bc.wrap span{color:#fff}
/* hero */
.h7-ihero{position:relative;color:#fff;padding:84px 0 92px}
.h7-ihero .hero{padding:0;background:transparent}
.h7-ihero .eyebrow{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;color:#7faddc;margin:0 0 18px}
.h7-ihero .eyebrow::before{content:"";width:28px;height:3px;background:#ffd100;border-radius:2px;flex-shrink:0}
.h7-ihero .hero h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.08;letter-spacing:-.012em;max-width:900px;margin:0 0 24px}
.h7-ihero .hero-lead{font-size:1.125rem;line-height:1.7;color:#fff;max-width:58ch;margin:0 0 34px}
.h7-ihero .hero svg{display:block}
/* section labels become the homepage eyebrow device */
.h7-band .sec-label{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;margin:0 0 18px;color:#7faddc}
.h7-band .sec-label::before{content:"";width:28px;height:3px;background:#ffd100;border-radius:2px;flex-shrink:0}
.h7-inner .h7-white .sec-label{color:#005cb9}
/* the original blocks lose their own spacing; the band provides it */
.h7-band .sec,.h7-band .dark,.h7-band .scout-box,.h7-cta .cta-ft,.h7-cta .newsletter,.h7-stats-band .stats-row{padding:0;margin:0;background:transparent;border-radius:0;border:none}
.h7-inner .h7-photo .dark h2,.h7-inner .h7-photo .dark p,.h7-inner .h7-photo .scout-box h2,.h7-inner .h7-photo .scout-box p{color:#fff}
.h7-band .sec h2{font-size:clamp(1.75rem,3.1vw,2.4rem);line-height:1.15;letter-spacing:-.012em;margin:0 0 18px;max-width:26ch}
.h7-band .sec h2 em{color:#ffd100}
.h7-band .sec-intro{font-size:1.08rem;line-height:1.7;max-width:62ch;margin:0 0 40px}
.h7-band .sec p,.h7-band .dark p,.h7-band .scout-box p{font-size:1.02rem;line-height:1.75;max-width:66ch}
/* ── photo bands: 100% white copy, darker translucent panels ───────── */
.h7-inner .h7-photo .sec h2,.h7-inner .h7-photo h3,.h7-inner .h7-photo .quote-block p,.h7-inner .h7-photo .stat-n,.h7-inner .h7-photo .stat-val{color:#fff}
.h7-inner .h7-photo :is(.sec p,.sec-intro,.cap p,.rel p,.uc p,.ch p,.value p,.audience p,.partner p,.topic p,.pipeline-box p,.faq-q p,.tl-body p,.util p,.utility-type p,.charger p,.card-body p,.insight p,.insight-box p,.prod p,.load-sub,.stat-l,.stat-label,.client .parent,.client-item .parent,.org-type,.org-item span,.pipeline-list li,.compare-table td,.test-table td,.quote-block cite,.load-card p,.challenge-card p){color:#fff}
.h7-inner .h7-photo :is(.cap,.rel,.prod,.value,.audience,.partner,.org-item,.topic,.client,.client-item,.pipeline-box,.pipeline-list li,.card,.res-card,.challenge-card,.utility-type,.util,.load-card,.charger,.scout-box,.insight,.insight-box,.quote-block,.stat){background:rgba(1,42,90,.58);border-color:rgba(255,255,255,.18)}
.h7-inner .h7-photo :is(.cap:hover,.rel:hover,.prod:hover,.topic:hover,.org-item:hover,.card:hover,.res-card:hover){background:rgba(1,42,90,.78)}
.h7-inner .h7-photo :is(.stats,.stats-row){border-color:rgba(255,255,255,.18)}
.h7-inner .h7-photo .compare-table th{background:#05152b} /* header row matches the closing CTA band */
.h7-inner .h7-photo .compare-table td{background:#0c3569} /* opaque body, light navy */
.h7-inner .h7-photo .compare-table tr:nth-child(odd) td{background:#012a5a} /* opaque body, Accent 2 navy */
.h7-band .sec > img + div{margin-top:32px} /* breathing room between a section image and the grid that follows it */
/* ── white bands: dark copy, light panels ───────────────────────────── */
.h7-inner .h7-white{color:#0c0c0c}
.h7-inner .h7-white .sec h2,.h7-inner .h7-white h3,.h7-inner .h7-white .quote-block p,.h7-inner .h7-white .stat-n,.h7-inner .h7-white .stat-val,.h7-inner .h7-white .compare-table td:first-child,.h7-inner .h7-white .test-table td:first-child{color:#012a5a}
.h7-inner .h7-white :is(.sec p,.sec-intro,.cap p,.rel p,.uc p,.ch p,.value p,.audience p,.partner p,.topic p,.pipeline-box p,.faq-q p,.tl-body p,.util p,.utility-type p,.charger p,.card-body p,.insight p,.insight-box p,.prod p,.compare-table td,.test-table td,.pipeline-list li,.load-card p,.challenge-card p,.client,.client-item,.org-item){color:#3a3f47}
.h7-inner .h7-white :is(.load-sub,.stat-l,.stat-label,.client .parent,.client-item .parent,.org-type,.org-item span,.quote-block cite,.charger-sub){color:#5f6670}
.h7-inner .h7-white :is(.cap-lbl,.rel-lbl,.rel-label,.prod-lbl,.res-meta,.card-meta,.audience .role,.tl-year,.audience .tools,.load-mw,.pipeline-list li strong,.client-section h3,.client-sec h3,.charger-kw){color:#005cb9}
.h7-inner .h7-white :is(.cap,.rel,.prod,.value,.audience,.partner,.org-item,.topic,.client,.client-item,.pipeline-box,.pipeline-list li,.card,.res-card,.challenge-card,.utility-type,.util,.load-card,.charger,.scout-box,.insight,.insight-box,.quote-block,.stat){background:#f4f6f9;border-color:#dfe3ea}
.h7-inner .h7-white :is(.cap:hover,.rel:hover,.prod:hover,.topic:hover,.org-item:hover,.card:hover,.res-card:hover){background:#e9edf3}
.h7-inner .h7-white :is(.stats,.stats-row){border-color:#dfe3ea}
.h7-inner .h7-white .stat{border-right-color:#dfe3ea}
.h7-inner .h7-white :is(.uc,.ch){border-left-color:#005cb9}
.h7-inner .h7-white :is(.audience,.prod,.charger,.load-card){border-top-color:#005cb9}
.h7-inner .h7-white :is(.insight,.insight-box){border-left-color:#005cb9}
.h7-inner .h7-white .quote-block{border-left-color:#ffd100;background:transparent;border-radius:0}
.h7-inner .h7-white .value-bar{background:#ffd100}
.h7-inner .h7-white .faq-q{border-bottom-color:#dfe3ea}

/* ══ Solutions pages: tables and FAQs share the Studio comparison-table design ══ */
/* tables: #05152B header row, opaque navy body (alternating), white text */
.h7-inner .h7-band table{width:100%;border-collapse:collapse}
.h7-inner .h7-band table th{background:#05152b!important;color:#fff!important;border-bottom:none!important;border-right:1px solid rgba(255,255,255,.12)!important}
.h7-inner .h7-band table th:last-child{border-right:none!important}
.h7-inner .h7-band table td{background:#0c3569!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-right:1px solid rgba(255,255,255,.1)!important}
.h7-inner .h7-band table td:last-child{border-right:none!important}
.h7-inner .h7-band table tbody tr:nth-child(odd) td{background:#012a5a!important}
.h7-inner .h7-band table .check{color:#4ade80}
.h7-inner .h7-band table .partial{color:#fbbf24}

/* FAQ (all Solutions pages, matching the Studio FAQ): title on top, one column of gray rectangles, one per question */
.h7-inner .sec:has(> .faq){display:block}
.h7-inner .sec:has(> .faq) > h2{margin-bottom:32px}
.h7-inner .h7-band .faq{counter-reset:faq;display:flex;flex-direction:column;gap:12px;background:transparent;border:none;border-radius:0;padding:0}
.h7-inner .h7-band .faq-q{background:#eef1f5;border-radius:6px;padding:28px 32px;border-bottom:none;overflow:visible}
.h7-inner .h7-white .faq-q{border:1px solid #dfe3ea}
.h7-inner .h7-band .faq-q:first-child{padding-top:28px}
.h7-inner .h7-band .faq-q:last-child{border-bottom:none}
.h7-inner .h7-band .faq .faq-q h3{position:relative;background:transparent;font-size:1.15rem;line-height:1.35;color:#012a5a;margin:0 0 10px;padding:0 0 0 44px}
.h7-inner .h7-band .faq-q h3::before{counter-increment:faq;content:counter(faq,decimal-leading-zero);position:absolute;left:0;top:.15em;transform:none;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#005cb9}
.h7-inner .h7-band .faq .faq-q p{font-size:1.02rem;line-height:1.75;color:#2b2f36;margin:0;padding:0 0 0 44px;max-width:70ch}
@media(max-width:860px){
  .h7-inner .h7-band .faq-q{padding:22px 20px}
  .h7-inner .h7-band .faq .faq-q h3,.h7-inner .h7-band .faq .faq-q p{padding:0 0 0 36px}
}
.h7-inner .h7-white :is(.client-section h3,.client-sec h3){border-bottom-color:#dfe3ea}
.h7-inner .h7-white .compare-table td{background:#f4f6f9;border-bottom-color:#dfe3ea}
.h7-inner .h7-white .compare-table tr:nth-child(odd) td{background:#fff}
.h7-inner .h7-white .test-table th{background:#012a5a;border-bottom-color:#012a5a}
.h7-inner .h7-white .test-table td{background:#f4f6f9;border-bottom-color:#dfe3ea}
.h7-inner .h7-white .test-table tr:nth-child(even) td{background:#fff}
.h7-inner .h7-white .res-type,.h7-inner .h7-white .card-type{background:#012a5a;color:#ffd100}
.h7-inner .h7-white .badge{background:#eaf1fb;border-color:#c8d4e8}
.h7-inner .h7-white a:focus-visible{outline-color:#005cb9}
/* ── navy band (former .dark panels) ────────────────────────────────── */
.h7-navy{background:#012a5a;color:#fff;padding:88px 0}
.h7-navy .dark h2,.h7-navy h2,.h7-navy h3{color:#fff}
.h7-navy .dark p,.h7-navy p,.h7-navy li{color:#fff}
.h7-navy .sec-label{color:#7faddc}
.h7-navy :is(.cap,.rel,.prod,.value,.partner,.topic,.insight-box,.quote-block,.stat){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.h7-navy .scout-box{background:transparent} /* text sits directly on the navy band, no inner tint */
.h7-wrap .wrap{max-width:none;padding:0} /* an original inner container nested inside a band keeps the band's width */
/* ── stats band (who-we-are) — same strip as the homepage ───────────── */
.h7-stats-band{background:rgba(1,42,90,.66);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}
.h7-stats-band .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow:visible}
.h7-stats-band .stat{background:transparent;text-align:left;padding:30px 28px 30px 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.14)}
.h7-stats-band .stat:last-child{border-right:none;margin-right:0}
.h7-stats-band .stat-val,.h7-stats-band .stat-n{font-size:2.3rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.h7-stats-band .stat-label,.h7-stats-band .stat-l{font-size:.9rem;color:#fff;line-height:1.45}
/* ── closing CTA band — same as the homepage ────────────────────────── */
.h7-cta .cta-ft h2,.h7-cta .newsletter h2{font-size:clamp(1.75rem,3.1vw,2.4rem);color:#fff;margin:0 auto 14px}
.h7-cta .cta-ft p,.h7-cta .newsletter p{color:#fff;font-size:1.08rem;line-height:1.7;margin:0 auto 32px;max-width:52ch}
/* ── buttons: secondary buttons match the homepage's #05152B ────────── */
.btn-outline-gold,.btn-outline-gold:link,.btn-outline-gold:visited{background:#05152b;border-color:#05152b;color:#fff}
.btn-outline-gold:hover{background:#0c2347;border-color:#0c2347}

/* ── responsive ─────────────────────────────────────────────────────── */
@media(max-width:768px){
.h7-ihero{padding:56px 0 60px}
.h7-navy{padding:60px 0}
.h7-stats-band .stat{padding:22px 0;margin:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.14)}
.bc.wrap{padding:12px 22px 0}
}
/* ── anchor-card components that carry !important colors ─────────────── */
.h7-inner .h7-white a.prod,.h7-inner .h7-white a.prod:link,.h7-inner .h7-white a.prod:visited,.h7-inner .h7-white a.rel,.h7-inner .h7-white a.rel:link,.h7-inner .h7-white a.rel:visited,.h7-inner .h7-white a.topic,.h7-inner .h7-white a.topic:link,.h7-inner .h7-white a.topic:visited,.h7-inner .h7-white a.org-item,.h7-inner .h7-white a.org-item:link,.h7-inner .h7-white a.org-item:visited,.h7-inner .h7-white a.type-link,.h7-inner .h7-white a.type-link:link,.h7-inner .h7-white a.type-link:visited{color:#3a3f47!important}
.h7-inner .h7-white a.prod h3,.h7-inner .h7-white a.rel h3,.h7-inner .h7-white a.rel:visited h3,.h7-inner .h7-white a.topic h3,.h7-inner .h7-white a.topic:link h3,.h7-inner .h7-white a.topic:visited h3{color:#012a5a!important}
.h7-inner .h7-white a.type-link h3{color:#005cb9!important}
.h7-inner .h7-white a.rel .rel-lbl,.h7-inner .h7-white a.rel .rel-label{color:#005cb9!important}
.h7-inner .h7-white a.rel p,.h7-inner .h7-white a.topic p,.h7-inner .h7-white a.type-link p,.h7-inner .h7-white a.prod p{color:#3a3f47!important}
.h7-inner .h7-white a.type-link{background:#f4f6f9;border-color:#dfe3ea}
.h7-inner .h7-white a.type-link:hover{background:#e9edf3}
.h7-inner .h7-photo a.type-link p,.h7-navy a.type-link p,.h7-inner .h7-photo a.topic p,.h7-navy a.topic p{color:#fff!important}
.h7-inner .h7-photo a.type-link,.h7-navy a.type-link{background:rgba(1,42,90,.58);border-color:rgba(255,255,255,.18)}
.h7-inner .h7-photo .partial,.h7-navy .partial{color:#fbbf24}

/* ══ Mobile navigation ═══════════════════════════════════════════════════ */
#nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;border-radius:6px;background:transparent;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
#nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
#nav-toggle:focus-visible{outline:2px solid #ffd100;outline-offset:2px}
body.nav-open #nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open #nav-toggle span:nth-child(2){opacity:0}
body.nav-open #nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){
  #nav-inner{padding:0 18px}
  #nav-toggle{display:inline-flex}
  .nav-links{display:none}
  body.nav-open{overflow:hidden}
  body.nav-open .nav-links{display:block;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--nav-h));background:#002e5d;border-top:1px solid rgba(255,255,255,.12);overflow-y:auto;padding:8px 22px calc(40px + env(safe-area-inset-bottom,0px));z-index:998;-webkit-overflow-scrolling:touch;box-shadow:0 24px 40px rgba(0,0,0,.35)}
  .nav-links .nl{position:static;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav-links .nl-a{height:auto;padding:16px 0 10px;font-size:1.05rem;font-weight:700;color:#fff;border-bottom:none;white-space:normal}
  .nav-links .nl-a .caret{display:none}
  .nav-links .dd,.nav-links .dd.wide,.nav-links .nl:hover .dd,.nav-links .nl:hover .dd.wide{display:block;position:static;min-width:0;background:transparent;border:none;box-shadow:none;border-radius:0;padding:0 0 10px}
  .nav-links .dd-col{padding:0;border:none;margin-bottom:8px}
  .nav-links .dd-col h4{margin:8px 0 6px}
  .nav-links .dd-a{padding:9px 10px}
  .nav-links .nav-cta{display:inline-block;margin:20px 0 0}
}