:root { --value-accent: var(--teal); --value-light: var(--light-teal); }

/* Customer value additions. Existing visual identity is preserved. */
:root {
  --value-label: clamp(.75rem,.72rem + .12vw,.875rem);
  --value-body: clamp(1rem,.96rem + .16vw,1.125rem);
  --value-lead: clamp(1.125rem,1rem + .35vw,1.375rem);
  --value-title: clamp(2.1rem,1.15rem + 2.8vw,3.5rem);
  --value-small-title: clamp(1.25rem,1rem + .5vw,1.625rem);
  --value-s2: .5rem; --value-s3: .75rem; --value-s4: 1rem;
  --value-s6: 1.5rem; --value-s8: 2rem; --value-s12: 3rem;
  --value-s16: 4rem; --value-s24: 6rem;
}
html { scroll-padding-top: 84px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 1000; padding: 12px 20px; background: #fff; color: var(--navy); font-weight: 700; }
.skip-link:focus { top: 12px; }
.whitepaper-meta { margin: 16px 0 0; font-size: 14px; line-height: 1.5; opacity: .85; }
.form-note { max-width: 48ch; font-size: 14px; line-height: 1.5; }
main { display: block; }
.value-section {
  display: block; min-height: 0; position: relative;
  padding: clamp(var(--value-s16),8vw,var(--value-s24)) var(--pad-x);
  background: var(--value-light); color: var(--navy);
}
.value-wrap { width: 100%; max-width: var(--max); margin: 0 auto; }
.value-kicker {
  margin: 0 0 var(--value-s6); font-size: var(--value-label); font-weight: 700;
  letter-spacing: .17em; text-transform: uppercase; line-height: 1.5;
}
.value-grid { display: grid; grid-template-columns: 1.02fr 1fr; gap: clamp(var(--value-s8),6vw,var(--value-s24)); align-items: start; }
.value-heading { margin: 0; font-size: var(--value-title); font-weight: 800; letter-spacing: -.045em; line-height: 1.09; text-wrap: balance; }
.value-intro { margin: var(--value-s8) 0 0; font-size: var(--value-lead); line-height: 1.6; max-width: 44ch; }
.value-rows { border-top: 1px solid color-mix(in srgb,var(--navy) 35%,transparent); }
.value-row { display: grid; grid-template-columns: 28px 1fr; gap: var(--value-s4); padding: var(--value-s6) 0; border-bottom: 1px solid color-mix(in srgb,var(--navy) 25%,transparent); }
.value-number { font-size: var(--value-label); font-weight: 600; padding-top: 5px; font-variant-numeric: tabular-nums; }
.value-row h3 { margin: 0; font-size: var(--value-small-title); letter-spacing: -.02em; line-height: 1.2; font-weight: 800; }
.value-row .value-subhead { display: block; font-weight: 500; }
.value-row p { margin: var(--value-s3) 0 0; font-size: var(--value-body); line-height: 1.65; }
.value-link { display: inline-flex; align-items: center; gap: var(--value-s6); min-height: 48px; margin-top: var(--value-s8); border-bottom: 1px solid currentColor; font-size: var(--value-body); font-weight: 700; transition: opacity .2s; }
.value-link:hover { opacity: .7; }
.value-link:focus-visible,.value-button:focus-visible { outline: 3px solid currentColor; outline-offset: 6px; }
.value-hero-link { margin-top: var(--value-s4); }
.value-result { background: var(--navy); color: #E8EEF0; margin-top: var(--value-s16); padding: clamp(var(--value-s6),4vw,var(--value-s12)); }
.value-result .value-kicker { color: var(--value-light); }
.value-result-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(var(--value-s8),5vw,var(--value-s16)); }
.value-result h3 { font-size: clamp(1.8rem,1.25rem + 1.5vw,2.75rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.15; margin: 0; text-wrap: balance; }
.value-result-list { padding: 0; margin: 0; list-style: none; }
.value-result-list li { display: grid; grid-template-columns: 22px 1fr; gap: var(--value-s4); padding: var(--value-s4) 0; border-top: 1px solid #ffffff40; font-size: var(--value-body); }
.value-result-list strong { display: block; color: inherit; margin-bottom: var(--value-s2); }
.value-result-list p { margin: 0; line-height: 1.6; }
.value-check { color: var(--value-light); font-size: var(--value-lead); }
.value-scope { margin: var(--value-s6) 0 0; font-size: var(--value-body); line-height: 1.6; }
.value-button { display: inline-flex; justify-content: space-between; align-items: center; gap: var(--value-s6); padding: var(--value-s4) var(--value-s6); margin-top: var(--value-s8); min-height: 48px; background: var(--value-light); color: var(--navy); font-weight: 700; font-size: var(--value-body); line-height: 1.4; }
.value-button:hover { background: #fff; }
.value-person { margin: var(--value-s8) 0; padding-top: var(--value-s6); border-top: 1px solid #ffffff45; }
.value-person h3 { margin: 0 0 var(--value-s3); color: var(--value-light); font-size: var(--value-label); font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.value-person p { margin: 0; color: #E8EEF0; font-size: var(--value-lead); line-height: 1.65; }
@media(max-width: 1000px) {
 .value-grid,.value-result-grid { grid-template-columns: 1fr; }
 .value-heading { max-width: 22ch; } .value-intro { max-width: 60ch; }
}
@media(max-width: 600px) {
 .value-section { padding: var(--value-s16) var(--value-s6); }
 .value-result { margin-top: var(--value-s12); padding: var(--value-s6); }
 .value-row { grid-template-columns: 22px 1fr; gap: var(--value-s3); }
 .value-button { width: 100%; padding: var(--value-s4); }
 .value-grid,.value-result-grid { gap: var(--value-s8); }
}
@media(max-width: 768px) {
 body:not(.nav-open) .top-links { visibility: hidden; box-shadow: none; }
 body.nav-open .top-links { visibility: visible; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior: auto; } .reveal { opacity: 1 !important; transform: none !important; }
}