/* Business Voice About Us — page-specific styles.
   Shared header/footer shell comes from the approved Homepage V4 stylesheet. */
:root {
  --about-red: #c60f2f;
  --about-navy: #071d31;
  --about-gold: #f2ac13;
  --about-green: #078d49;
  --about-blue: #1666d8;
  --about-cream: #fffaf2;
  --about-ice: #f5f9fd;
}

.about-page { text-shadow:none !important; font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif; color:#13243a; font-size:16px; line-height:1.62; }
.about-page h1, .about-page h2, .about-page h3, .about-page h4, .about-page h5, .about-page h6, .about-page .btn { font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif; }
.about-page *, .about-page *::before, .about-page *::after { box-sizing:border-box; }
.about-page a { text-decoration:none; }
.about-page .container { width:min(1480px,calc(100% - 48px)); margin-inline:auto; }
.about-page .icon { width:1.25em; height:1.25em; flex:0 0 auto; }
.about-page .btn { min-height:48px; padding:0 21px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:800; font-size:14px; border:1px solid transparent; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.about-page .btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(7,29,49,.16); }
.about-page .btn--primary { background:linear-gradient(135deg,#c60f2f,#a50d29); color:#fff; }
.about-page .btn--green { background:linear-gradient(135deg,#08a858,#079149); color:#fff; }
.about-page .btn--navy { background:linear-gradient(135deg,#0d3871,#071d31); color:#fff; }
.about-page .btn--hero-red, .about-page .btn--hero-green { min-height:54px; border-radius:10px; color:#fff; justify-content:flex-start; font-size:15px; padding:0 20px; }
.about-page .btn--hero-red { background:linear-gradient(135deg,#d71c3c,#a90b2a); }
.about-page .btn--hero-green { background:linear-gradient(135deg,#09a95a,#087d3f); border-color:rgba(255,255,255,.6); }
.about-page .icon--arrow { margin-left:auto; }
.about-page .text-btn { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; border:1px solid #f0a8b5; color:#c60f2f; min-height:42px; padding:0 15px; border-radius:9px; font-weight:800; font-size:13px; background:#fff; }
.about-page .btn--blue { background: linear-gradient(135deg,#1e6eed,#0d4fca); color:#fff; }

.about-hero {
  position: relative;
  min-height: 600px;
  background: #061b2d;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}
.about-hero__image { position:absolute; inset:0; z-index:-3; }
.about-hero__image img { width:100%; height:100%; object-fit:cover; object-position:63% 45%; }
.about-hero__shade {
  position:absolute; inset:0; z-index:-2;
  background:
    linear-gradient(90deg, rgba(4,19,32,.98) 0%, rgba(4,19,32,.94) 31%, rgba(4,19,32,.36) 50%, rgba(4,19,32,.05) 68%, rgba(125,13,35,.12) 72%, rgba(125,13,35,.86) 100%);
}
.about-hero::after {
  content:""; position:absolute; top:0; right:0; bottom:0; width:22%; z-index:-1;
  background:linear-gradient(155deg,rgba(192,13,45,.96),rgba(104,7,29,.98));
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
}
.about-hero__grid { min-height:600px; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:48px; align-items:center; }
.about-hero__copy { max-width:760px; padding:48px 0 44px; }
.breadcrumbs { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:650; color:rgba(255,255,255,.84); margin-bottom:18px; }
.breadcrumbs a:hover { color:#fff; }
.about-hero h1 { margin:0; font-size:clamp(54px,5vw,80px); line-height:.96; letter-spacing:-.055em; font-weight:800; text-transform:uppercase; }
.about-hero h1 span { color:var(--about-gold); }
.about-hero h2 { margin:17px 0 10px; max-width:700px; font-size:clamp(24px,2vw,32px); line-height:1.18; letter-spacing:-.03em; font-weight:800; }
.about-hero__copy > p { margin:0; max-width:690px; color:rgba(255,255,255,.92); font-size:16px; line-height:1.65; font-weight:500; }
.about-hero__actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
.about-hero__actions .btn { min-width:230px; }
.about-hero__quote { justify-self:end; width:260px; position:relative; z-index:2; padding:18px 4px 18px 14px; }
.about-hero__quote .quote-mark { color:var(--about-gold); font-size:84px; line-height:.62; font-weight:800; }
.about-hero__quote blockquote { margin:18px 0 18px; font-size:22px; line-height:1.32; font-weight:800; letter-spacing:-.02em; }
.about-hero__quote p { margin:0; position:relative; padding-left:38px; font-size:13px; font-weight:700; }
.about-hero__quote p::before { content:""; position:absolute; left:0; top:9px; width:25px; height:2px; background:#fff; }
.about-hero__quote p span { color:rgba(255,255,255,.78); font-weight:500; }

.about-section { padding:64px 0; content-visibility:auto; contain-intrinsic-size:700px; }
.about-kicker { margin:0 0 7px; color:var(--about-red); text-transform:uppercase; letter-spacing:.105em; font-size:11px; font-weight:800; }
.about-heading h2, .about-copy-block h2, .eligibility-card h2, .ecosystem-card h2, .dashboard-card h2, .principles-card h2, .not-card h2 {
  margin:0; color:var(--about-navy); font-size:clamp(30px,3vw,44px); line-height:1.08; letter-spacing:-.04em; font-weight:800;
}
.about-heading h2 span, .about-copy-block h2 span, .eligibility-card h2 span, .ecosystem-card h2 span, .dashboard-card h2 span, .principles-card h2 span, .not-card h2 span { color:var(--about-red); }
.about-heading > p:last-child { max-width:720px; margin:9px 0 0; color:#5a687a; font-size:15px; font-weight:550; }
.about-heading--center { text-align:center; max-width:860px; margin:0 auto 30px; }
.about-heading--center > p:last-child { margin-inline:auto; }

.about-intro { background:#fff; }
.about-intro__grid { display:grid; grid-template-columns:.82fr 1.5fr; gap:48px; align-items:start; }
.about-copy-block { padding:4px 0; }
.about-copy-block > p:last-child { margin:14px 0 0; color:#41516a; font-size:16px; line-height:1.72; }
.purpose-wrap .about-heading { margin-bottom:18px; }
.purpose-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.purpose-card { min-height:205px; border:1px solid #dfe6ee; border-radius:15px; padding:20px 15px 18px; text-align:center; background:#fff; box-shadow:0 10px 24px rgba(7,29,49,.045); }
.about-icon { width:58px; height:58px; border-radius:16px; display:grid; place-items:center; margin:0 auto 12px; }
.about-icon .icon { width:31px; height:31px; }
.purpose-card h3, .work-card h3 { margin:0; color:var(--about-navy); font-size:16px; line-height:1.28; font-weight:800; }
.purpose-card p, .work-card p { margin:7px 0 0; color:#5b6778; font-size:13px; line-height:1.48; }
.purpose-card--red .about-icon, .work-card--red .about-icon { color:var(--about-red); background:#fff0f3; }
.purpose-card--gold .about-icon, .work-card--gold .about-icon { color:#d98d00; background:#fff8e4; }
.purpose-card--green .about-icon, .work-card--green .about-icon { color:var(--about-green); background:#eaf9f1; }
.purpose-card--blue .about-icon, .work-card--blue .about-icon { color:var(--about-blue); background:#edf5ff; }

.about-work { background:linear-gradient(180deg,#f9fbfd 0%,#f3f7fb 100%); }
.work-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.work-card { min-height:230px; border:1px solid #dce4ed; border-radius:15px; padding:23px 15px 20px; text-align:center; background:#fff; box-shadow:0 8px 20px rgba(7,29,49,.035); }
.work-card .about-icon { width:62px; height:62px; }
.work-card .about-icon .icon { width:33px; height:33px; }
.work-card h3 { font-size:15px; }
.work-card p { font-size:12.5px; }

.about-ecosystem { background:#fff; }
.ecosystem-grid { display:grid; grid-template-columns:.9fr 1.4fr; gap:20px; align-items:stretch; }
.eligibility-card { border:1px solid #f1d9de; background:linear-gradient(135deg,#fff 0%,#fff7f8 100%); border-radius:18px; padding:30px; }
.eligibility-card__body { margin-top:24px; display:grid; grid-template-columns:88px 1fr; align-items:center; gap:20px; }
.eligibility-icon { width:78px; height:78px; border-radius:20px; background:#fff0f3; color:var(--about-red); display:grid; place-items:center; }
.eligibility-icon .icon { width:44px; height:44px; }
.eligibility-card__body p { margin:0; color:#43526a; line-height:1.65; font-size:15px; }
.ecosystem-card { border-radius:18px; padding:28px; background:linear-gradient(140deg,#7a071f 0%,#a90a2c 54%,#72071f 100%); color:#fff; overflow:hidden; }
.ecosystem-card .about-kicker { color:#ffd56c; }
.ecosystem-card h2 { color:#fff; font-size:clamp(27px,2.4vw,38px); }
.ecosystem-card h2 span { color:#ffd04a; }
.ecosystem-flow { margin-top:22px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:10px; align-items:center; }
.ecosystem-node { min-width:0; height:150px; padding:14px 12px; border-radius:12px; background:#fff; color:var(--about-navy); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.ecosystem-node img { max-width:138px; max-height:54px; object-fit:contain; margin-bottom:8px; }
.ecosystem-node strong { font-size:12px; line-height:1.25; }
.ecosystem-plus { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#d20d35; color:#fff; border:2px solid rgba(255,255,255,.85); font-size:18px; font-weight:800; }
.ecosystem-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:14px; }
.ecosystem-actions .btn { min-height:42px; padding-inline:14px; font-size:12px; }

.about-services { background:linear-gradient(180deg,#f8fbfd,#f3f7fb); }
.service-grid--about { margin-top:26px; display:grid; grid-template-columns:1fr 1.08fr 1.08fr .65fr; gap:16px; align-items:stretch; }
.service-card, .service-note { border:1px solid #dce4ed; border-radius:17px; padding:22px; background:#fff; min-width:0; }
.service-card--green { background:linear-gradient(180deg,#f5fffa,#fff); border-color:#cae9d7; }
.service-card--blue { background:linear-gradient(180deg,#f3f8ff,#fff); border-color:#d2e0f4; }
.service-card--gold { background:linear-gradient(180deg,#fffaf0,#fff); border-color:#f0dfb9; }
.service-card__head { display:flex; align-items:center; gap:13px; margin-bottom:15px; }
.service-card__head .about-icon { margin:0; width:54px; height:54px; border-radius:50%; color:#fff; background:var(--about-green); }
.service-card--blue .service-card__head .about-icon { background:var(--about-blue); }
.service-card--gold .service-card__head .about-icon { background:#eda000; }
.service-card__head .about-icon .icon { width:28px; height:28px; }
.service-card h3, .service-note h3 { margin:0; color:var(--about-navy); font-size:15px; line-height:1.3; font-weight:800; }
.service-pill { display:inline-flex; margin-top:5px; padding:3px 8px; border-radius:5px; color:#fff; background:var(--about-green); font-size:9px; text-transform:uppercase; font-weight:800; letter-spacing:.04em; }
.service-card--blue .service-pill { background:var(--about-blue); }
.service-card--gold .service-pill { background:#c98100; }
.service-card ul { list-style:none; margin:0 0 18px; padding:0; }
.service-card li { position:relative; padding-left:23px; margin:7px 0; color:#4c5a70; font-size:12px; line-height:1.42; }
.service-card li::before { content:"✓"; position:absolute; left:0; top:0; width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:var(--about-green); color:#fff; font-size:10px; font-weight:900; }
.service-card--blue li::before { background:var(--about-blue); }
.service-card--gold li::before { background:#e59b00; }
.service-action { margin-top:auto; min-height:43px; border:1px solid currentColor; border-radius:8px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--about-green); font-size:11px; font-weight:800; }
.service-card--blue .service-action { background:var(--about-blue); border-color:var(--about-blue); color:#fff; }
.service-card--gold .service-action { background:#e99b00; border-color:#e99b00; color:#fff; }
.service-card { display:flex; flex-direction:column; }
.service-note { background:linear-gradient(180deg,#fff5f6,#fff); display:flex; flex-direction:column; align-items:flex-start; }
.service-note__icon { width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:var(--about-red); color:#fff; margin-bottom:13px; }
.service-note__icon .icon { width:28px; height:28px; }
.service-note p { color:#596679; font-size:12px; line-height:1.55; }
.service-note .text-btn { margin-top:auto; }

.about-dashboard { background:#fff; }
.dashboard-principles-grid { display:grid; grid-template-columns:1.65fr .78fr .72fr; gap:18px; align-items:stretch; }
.dashboard-card, .principles-card, .not-card { border:1px solid #dfe6ee; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(7,29,49,.045); min-width:0; }
.dashboard-card { padding:25px; display:grid; grid-template-columns:1.05fr .95fr; gap:18px; align-items:center; }
.dashboard-card h2 { font-size:clamp(28px,2.3vw,38px); }
.dashboard-card__copy > p:not(.about-kicker) { margin:8px 0 13px; color:#5c6979; font-size:13px; }
.dashboard-list { list-style:none; margin:0; padding:0; }
.dashboard-list li { position:relative; margin:6px 0; padding-left:21px; color:#40506a; font-size:11.5px; }
.dashboard-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--about-red); font-weight:900; }
.dashboard-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:15px; }
.dashboard-actions .btn { min-height:40px; padding-inline:13px; font-size:11px; }
.dashboard-card__visual img { width:100%; height:auto; filter:saturate(.98) contrast(1.02); }
.principles-card, .not-card { padding:24px; }
.principles-card h2, .not-card h2 { font-size:clamp(27px,2vw,34px); }
.principles-list, .not-list { list-style:none; margin:18px 0 0; padding:0; }
.principles-list li { display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:start; margin:11px 0; }
.principles-list li > span { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:#fff0f3; color:var(--about-red); }
.principles-list li > span .icon { width:18px; height:18px; }
.principles-list strong { display:block; color:var(--about-navy); font-size:12px; line-height:1.25; }
.principles-list p { margin:2px 0 0; color:#687487; font-size:10.5px; line-height:1.35; }
.not-list li { position:relative; padding-left:25px; margin:11px 0; color:#566477; font-size:11px; line-height:1.42; }
.not-list li::before { content:"×"; position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%; display:grid; place-items:center; background:var(--about-red); color:#fff; font-size:12px; font-weight:900; }

.about-cta { background:linear-gradient(90deg,#93091f,#ca1134 56%,#8d0c25); color:#fff; padding:19px 0; }
.about-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.about-cta__message { display:flex; align-items:center; gap:16px; }
.about-cta__icon { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--about-red); }
.about-cta__icon .icon { width:30px; height:30px; }
.about-cta h2 { margin:0; font-size:24px; line-height:1.1; letter-spacing:-.025em; }
.about-cta p { margin:3px 0 0; color:rgba(255,255,255,.88); font-size:13px; }
.about-cta__actions { display:flex; gap:11px; }
.about-page .btn--cta-light, .about-page .btn--cta-ghost { min-width:190px; color:#fff; border-color:rgba(255,255,255,.8); }
.about-page .btn--cta-light { background:rgba(255,255,255,.12); }
.about-page .btn--cta-ghost { background:transparent; }

@media (max-width: 1280px) {
  .about-hero__grid { grid-template-columns:minmax(0,1fr) 260px; gap:30px; }
  .about-intro__grid { grid-template-columns:1fr 1.5fr; gap:30px; }
  .purpose-card { min-height:215px; }
  .work-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-grid--about { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-note { grid-column:1 / -1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; }
  .service-note__icon { margin:0; }
  .service-note p { margin:0; }
  .dashboard-principles-grid { grid-template-columns:1.5fr .8fr; }
  .not-card { grid-column:1 / -1; }
  .not-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
}

@media (max-width: 980px) {
  .about-hero { min-height:auto; }
  .about-hero::after { width:100%; height:230px; top:auto; clip-path:none; }
  .about-hero__shade { background:linear-gradient(90deg,rgba(4,19,32,.97),rgba(4,19,32,.80) 58%,rgba(4,19,32,.38)); }
  .about-hero__grid { min-height:0; grid-template-columns:1fr; padding-top:10px; padding-bottom:0; }
  .about-hero__copy { max-width:720px; padding-bottom:40px; }
  .about-hero__quote { justify-self:stretch; width:auto; padding:28px 18px 32px; max-width:620px; }
  .about-hero__quote blockquote { font-size:19px; }
  .about-intro__grid, .ecosystem-grid { grid-template-columns:1fr; }
  .purpose-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-principles-grid { grid-template-columns:1fr 1fr; }
  .dashboard-card { grid-column:1 / -1; }
  .about-cta__inner { flex-direction:column; align-items:flex-start; }
}

@media (max-width: 720px) {
  .about-section { padding:46px 0; }
  .about-hero__image img { object-position:62% 40%; }
  .about-hero h1 { font-size:clamp(44px,13vw,64px); }
  .about-hero h2 { font-size:22px; }
  .about-hero__copy > p { font-size:14px; }
  .about-hero__actions { display:grid; grid-template-columns:1fr; }
  .about-hero__actions .btn { min-width:0; }
  .purpose-grid, .work-grid, .service-grid--about, .dashboard-principles-grid { grid-template-columns:1fr; }
  .ecosystem-flow { grid-template-columns:1fr; }
  .ecosystem-plus { margin:auto; }
  .ecosystem-actions { justify-content:stretch; }
  .ecosystem-actions .btn { flex:1 1 100%; }
  .service-note { grid-column:auto; display:flex; }
  .dashboard-card { grid-template-columns:1fr; padding:20px; }
  .not-card { grid-column:auto; }
  .not-list { grid-template-columns:1fr; }
  .about-cta__actions { display:grid; width:100%; grid-template-columns:1fr; }
  .about-page .btn--cta-light, .about-page .btn--cta-ghost { min-width:0; width:100%; }
}

/* ============================================================
   V2 — Visual parity polish (approved Homepage V4 system kept)
   Focus: hero composition, brighter surfaces, stronger icons,
   dashboard prominence and readability. No heavy text shadows.
   ============================================================ */

/* Hero: keep the subject at a natural editorial scale instead of
   stretching one portrait across the full viewport. */
.about-hero {
  min-height: 610px;
  background:
    radial-gradient(circle at 54% 34%, rgba(255,255,255,.06), transparent 29%),
    #061b2d;
}
.about-hero__image {
  inset: 0 18% 0 41%;
  z-index: -3;
}
.about-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 51% 52%;
}
.about-hero__shade {
  background:
    linear-gradient(90deg,
      rgba(4,19,32,.99) 0%,
      rgba(4,19,32,.98) 34%,
      rgba(4,19,32,.73) 43%,
      rgba(4,19,32,.12) 55%,
      rgba(4,19,32,.03) 70%,
      rgba(97,8,28,.18) 81%,
      rgba(97,8,28,.72) 100%);
}
.about-hero::after {
  width: 24%;
  clip-path: polygon(24% 0,100% 0,100% 100%,0 100%);
  background: linear-gradient(155deg,#c60f2f 0%,#9f0a28 48%,#69071c 100%);
}
.about-hero__grid {
  min-height: 610px;
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 42px;
}
.about-hero__copy {
  max-width: 720px;
  padding: 44px 0;
}
.about-hero h1 {
  font-size: clamp(52px,4.6vw,76px);
  letter-spacing: -.05em;
}
.about-hero h2 {
  max-width: 665px;
  font-size: clamp(23px,1.8vw,30px);
  line-height: 1.2;
}
.about-hero__copy > p {
  max-width: 660px;
  font-size: 15.5px;
  line-height: 1.68;
}
.about-hero__quote {
  width: 250px;
  padding-right: 0;
}
.about-hero__quote blockquote {
  font-size: 21px;
}

/* Brighter, cleaner body surfaces. */
.about-section { padding: 68px 0; }
.about-intro,
.about-ecosystem,
.about-dashboard { background: #fff; }
.about-work,
.about-services {
  background: linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%);
}
.about-copy-block > p:last-child,
.eligibility-card__body p {
  font-size: 16px;
  line-height: 1.76;
}
.about-heading > p:last-child {
  font-size: 15.5px;
  line-height: 1.65;
}

/* Purpose + work cards: stronger premium icons, cleaner surfaces. */
.purpose-grid { gap: 16px; }
.purpose-card,
.work-card {
  border-radius: 13px;
  border-color: #dbe4ed;
  box-shadow: 0 8px 20px rgba(7,29,49,.032);
}
.purpose-card {
  min-height: 215px;
  padding: 22px 17px 20px;
}
.work-card {
  min-height: 238px;
  padding: 24px 16px 21px;
}
.purpose-card .about-icon,
.work-card .about-icon {
  width: 64px;
  height: 64px;
  border-radius: 17px;
  box-shadow: inset 0 0 0 1px rgba(7,29,49,.025);
}
.purpose-card .about-icon .icon,
.work-card .about-icon .icon {
  width: 35px;
  height: 35px;
  stroke-width: 1.85;
}
.purpose-card h3 { font-size: 16.5px; }
.work-card h3 { font-size: 15.5px; }
.purpose-card p,
.work-card p {
  font-size: 13.5px;
  line-height: 1.55;
}

/* Ecosystem: give the logos/panel more presence. */
.ecosystem-grid {
  grid-template-columns: .86fr 1.44fr;
  gap: 22px;
}
.eligibility-card { padding: 32px; }
.ecosystem-card { padding: 31px; }
.ecosystem-flow { gap: 12px; }
.ecosystem-node {
  height: 164px;
  border-radius: 11px;
  padding: 16px 14px;
}
.ecosystem-node img {
  max-width: 156px;
  max-height: 62px;
  margin-bottom: 10px;
}
.ecosystem-node strong { font-size: 12.5px; }

/* Services: keep approved structure, improve readability. */
.service-grid--about { gap: 18px; }
.service-card,
.service-note {
  padding: 24px;
  border-radius: 15px;
}
.service-card__head .about-icon {
  width: 58px;
  height: 58px;
}
.service-card__head .about-icon .icon {
  width: 30px;
  height: 30px;
}
.service-card h3,
.service-note h3 { font-size: 16px; }
.service-card li {
  margin: 8px 0;
  font-size: 12.8px;
  line-height: 1.5;
}
.service-note p {
  font-size: 12.8px;
  line-height: 1.55;
}

/* Dashboard: make the approved sharp laptop image a primary visual. */
.dashboard-principles-grid {
  grid-template-columns: 1.9fr .72fr .72fr;
  gap: 20px;
}
.dashboard-card,
.principles-card,
.not-card {
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(7,29,49,.035);
}
.dashboard-card {
  padding: 28px;
  grid-template-columns: .78fr 1.35fr;
  gap: 24px;
  align-items: center;
}
.dashboard-card h2 { font-size: clamp(30px,2.4vw,40px); }
.dashboard-card__copy > p:not(.about-kicker) {
  font-size: 14px;
  line-height: 1.55;
}
.dashboard-list li {
  margin: 7px 0;
  padding-left: 22px;
  font-size: 12.5px;
  line-height: 1.45;
}
.dashboard-actions .btn {
  min-height: 42px;
  padding-inline: 14px;
  font-size: 11.5px;
}
.dashboard-card__visual {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-card__visual img {
  width: 112%;
  max-width: none;
  margin-right: -6%;
  filter: saturate(1.01) contrast(1.025);
}
.principles-card,
.not-card { padding: 26px; }
.principles-list li {
  grid-template-columns: 38px 1fr;
  gap: 11px;
  margin: 13px 0;
}
.principles-list li > span {
  width: 34px;
  height: 34px;
}
.principles-list strong { font-size: 12.8px; }
.principles-list p {
  font-size: 11.2px;
  line-height: 1.45;
}
.not-list li {
  font-size: 11.8px;
  line-height: 1.48;
}

@media (max-width:1280px) {
  .about-hero__image { inset:0 17% 0 39%; }
  .dashboard-principles-grid { grid-template-columns:1.55fr .8fr; }
  .not-card { grid-column:1 / -1; }
  .dashboard-card { grid-template-columns:.9fr 1.2fr; }
  .dashboard-card__visual img { width:106%; margin-right:-3%; }
}

@media (max-width:980px) {
  .about-hero__image { inset:0; }
  .about-hero__image img { object-position:59% 45%; }
  .about-hero__shade { background:linear-gradient(90deg,rgba(4,19,32,.97),rgba(4,19,32,.80) 58%,rgba(4,19,32,.38)); }
  .dashboard-card { grid-template-columns:1fr 1.12fr; }
  .dashboard-card__visual img { width:100%; margin:0; }
}

@media (max-width:720px) {
  .about-section { padding:48px 0; }
  .about-hero__image { inset:0; }
  .about-hero__image img { object-position:61% 43%; }
  .dashboard-card { grid-template-columns:1fr; }
  .dashboard-card__visual img { width:100%; margin:0; }
}

/* ============================================================
   V2 HF1 — Hero left-side gradient blend
   User-requested isolated hotfix: remove the hard navy/image seam
   by extending the hero image beneath the copy and fading the navy
   overlay naturally into the photograph. Right quote panel unchanged.
   ============================================================ */
@media (min-width: 981px) {
  .about-hero {
    background: #061b2d;
  }

  /* Pull the photograph underneath the left copy so there is no
     visible vertical edge where the navy area meets the image. */
  .about-hero__image {
    inset: 0 18% 0 24%;
  }

  .about-hero__image img {
    object-position: 52% 52%;
  }

  /* Deep navy at the far left, then a long soft transparent fade
     into the photo. Burgundy on the right is preserved. */
  .about-hero__shade {
    background:
      linear-gradient(90deg,
        rgba(4,19,32,.995) 0%,
        rgba(4,19,32,.98) 19%,
        rgba(4,19,32,.92) 31%,
        rgba(4,19,32,.72) 40%,
        rgba(4,19,32,.40) 48%,
        rgba(4,19,32,.15) 56%,
        rgba(4,19,32,.03) 67%,
        rgba(97,8,28,.16) 81%,
        rgba(97,8,28,.72) 100%);
  }
}

/* ============================================================
   V2 HF2 — True full-width navy-to-photo hero blend
   Fixes the remaining visible vertical seam by placing the hero
   photo beneath the ENTIRE hero, then using only an overlay gradient
   to create the navy copy zone. Right burgundy panel is unchanged.
   ============================================================ */
@media (min-width: 981px) {
  .about-hero {
    background: #061b2d;
  }

  /* The image now spans the whole hero. This removes any physical
     image edge that could appear as a solid vertical border. */
  .about-hero__image {
    inset: 0;
  }

  .about-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 63% 52%;
  }

  /* Navy is now an overlay, not a separate visual column. It starts
     fully opaque on the left and gradually becomes transparent over
     the photograph. The burgundy/right area remains untouched. */
  .about-hero__shade {
    background:
      linear-gradient(90deg,
        rgba(3,18,31,1) 0%,
        rgba(3,18,31,.995) 16%,
        rgba(3,18,31,.97) 28%,
        rgba(3,18,31,.88) 38%,
        rgba(3,18,31,.68) 47%,
        rgba(3,18,31,.43) 55%,
        rgba(3,18,31,.22) 62%,
        rgba(3,18,31,.08) 69%,
        rgba(3,18,31,.015) 74%,
        rgba(97,8,28,.12) 82%,
        rgba(97,8,28,.60) 100%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08));
  }
}


/* HF16 screenshot-parity refinements. */
.about-heading--work{margin-bottom:22px;}
.about-heading--work>p:last-child{margin-top:2px;}
.about-page--hf2 .about-kicker{display:none;}
.about-page--hf2 .service-note{justify-content:flex-start;}
.about-page--hf2 .service-note p{margin-top:0;}
@media(max-width:767px){.about-page .container{width:min(100% - 28px,1480px);}}

/* ============================================================
   C10 R1 HF17 — About dashboard/principles screenshot parity
   Isolated repair for the lower About composition only.
   Restores the compact approved screenshot geometry:
   heading across dashboard card, laptop left, details right,
   and all three cards on one desktop row down to 901px.
   ============================================================ */
.about-page--hf2 .about-dashboard {
  padding: 12px 0 14px;
  background: #fff;
}

.about-page--hf2 .dashboard-principles-grid {
  grid-template-columns: minmax(0,1.72fr) minmax(205px,.78fr) minmax(190px,.70fr);
  gap: 10px;
  align-items: stretch;
}

.about-page--hf2 .dashboard-card,
.about-page--hf2 .principles-card,
.about-page--hf2 .not-card {
  min-width: 0;
  border: 1px solid #e1e6ec;
  border-radius: 7px;
  background: #fff;
  box-shadow: none;
}

.about-page--hf2 .dashboard-card {
  display: block;
  padding: 12px 13px 11px;
}

.about-page--hf2 .dashboard-card__heading {
  margin: 0 0 7px;
}

.about-page--hf2 .dashboard-card__heading h2,
.about-page--hf2 .principles-card h2,
.about-page--hf2 .not-card h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.025em;
  color: var(--about-navy);
}

.about-page--hf2 .dashboard-card__heading h2 {
  font-size: clamp(18px,1.55vw,24px);
  line-height: 1.02;
  white-space: nowrap;
}

.about-page--hf2 .dashboard-card__heading > p {
  margin: 2px 0 0;
  color: #506075;
  font-size: 10.5px;
  line-height: 1.3;
}

.about-page--hf2 .dashboard-card__body {
  display: grid;
  grid-template-columns: minmax(165px,.78fr) minmax(0,1.18fr);
  gap: 10px;
  align-items: center;
}

.about-page--hf2 .dashboard-card__visual {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-page--hf2 .dashboard-card__visual img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  filter: saturate(1.01) contrast(1.025);
}

.about-page--hf2 .dashboard-card__copy {
  min-width: 0;
}

.about-page--hf2 .dashboard-list {
  margin: 0;
}

.about-page--hf2 .dashboard-list li {
  margin: 3px 0;
  padding-left: 15px;
  color: #3f4f66;
  font-size: 9.6px;
  line-height: 1.28;
}

.about-page--hf2 .dashboard-list li::before {
  top: -1px;
  font-size: 11px;
}

.about-page--hf2 .dashboard-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 7px;
  margin-top: 8px;
}

.about-page--hf2 .dashboard-actions .btn {
  flex: 0 1 auto;
  min-width: 0;
  min-height: 31px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 9px;
  line-height: 1;
  white-space: nowrap;
}

.about-page--hf2 .dashboard-actions .icon {
  width: 12px;
  height: 12px;
}

.about-page--hf2 .principles-card,
.about-page--hf2 .not-card {
  padding: 12px 12px 10px;
}

.about-page--hf2 .principles-card h2,
.about-page--hf2 .not-card h2 {
  font-size: clamp(18px,1.45vw,22px);
  line-height: 1.02;
}

.about-page--hf2 .principles-list,
.about-page--hf2 .not-list {
  margin-top: 8px;
}

.about-page--hf2 .principles-list li {
  grid-template-columns: 23px minmax(0,1fr);
  gap: 6px;
  margin: 5px 0;
  align-items: start;
}

.about-page--hf2 .principles-list li > span {
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: transparent;
  color: var(--about-red);
}

.about-page--hf2 .principles-list li > span .icon {
  width: 19px;
  height: 19px;
}

.about-page--hf2 .principles-list strong {
  font-size: 9.8px;
  line-height: 1.15;
}

.about-page--hf2 .principles-list p {
  margin-top: 1px;
  font-size: 8.7px;
  line-height: 1.22;
  color: #5d6a7d;
}

.about-page--hf2 .not-list li {
  margin: 7px 0;
  padding-left: 18px;
  color: #4c5c71;
  font-size: 9px;
  line-height: 1.28;
}

.about-page--hf2 .not-list li::before {
  top: 0;
  width: 13px;
  height: 13px;
  font-size: 9px;
}

/* The approved 1024px screenshot keeps the three-card composition.
   Only collapse it below tablet/desktop width. */
@media (min-width: 901px) and (max-width: 1280px) {
  .about-page--hf2 .dashboard-principles-grid {
    grid-template-columns: minmax(0,1.72fr) minmax(185px,.78fr) minmax(175px,.70fr);
    gap: 9px;
  }
  .about-page--hf2 .not-card { grid-column: auto; }
  .about-page--hf2 .dashboard-card { display: block; }
  .about-page--hf2 .dashboard-card__body { grid-template-columns: minmax(150px,.78fr) minmax(0,1.18fr); }
  .about-page--hf2 .dashboard-card__visual img { width:100%; max-width:100%; margin:0; }
}

@media (max-width: 900px) {
  .about-page--hf2 .about-dashboard { padding: 24px 0; }
  .about-page--hf2 .dashboard-principles-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .about-page--hf2 .dashboard-card {
    grid-column: 1 / -1;
  }
  .about-page--hf2 .not-card { grid-column: auto; }
  .about-page--hf2 .dashboard-card__heading h2 { white-space: normal; }
  .about-page--hf2 .dashboard-card__body {
    grid-template-columns: minmax(220px,.9fr) minmax(0,1.1fr);
  }
  .about-page--hf2 .dashboard-list li { font-size: 10.5px; }
  .about-page--hf2 .principles-list strong { font-size: 10.5px; }
  .about-page--hf2 .principles-list p,
  .about-page--hf2 .not-list li { font-size: 9.5px; }
}

@media (max-width: 620px) {
  .about-page--hf2 .dashboard-principles-grid { grid-template-columns: 1fr; }
  .about-page--hf2 .dashboard-card,
  .about-page--hf2 .not-card { grid-column: auto; }
  .about-page--hf2 .dashboard-card { padding: 16px; }
  .about-page--hf2 .dashboard-card__body { grid-template-columns: 1fr; gap: 10px; }
  .about-page--hf2 .dashboard-card__visual { order: 0; }
  .about-page--hf2 .dashboard-card__copy { order: 1; }
  .about-page--hf2 .dashboard-list li { font-size: 11.5px; line-height: 1.4; }
  .about-page--hf2 .dashboard-actions { flex-wrap: wrap; }
  .about-page--hf2 .dashboard-actions .btn { min-height: 38px; font-size: 10.5px; }
  .about-page--hf2 .principles-card,
  .about-page--hf2 .not-card { padding: 16px; }
  .about-page--hf2 .principles-list strong { font-size: 11.5px; }
  .about-page--hf2 .principles-list p,
  .about-page--hf2 .not-list li { font-size: 10.5px; }
}


/* ============================================================
   C10 R1 HF18 — About lower-flow screenshot parity
   User screenshot follow-up to HF17. Isolated to the bottom of
   About Us: remove the oversized service-to-dashboard gap, improve
   small-text readability without re-expanding the cards, tighten
   the dashboard-to-CTA transition, and restore the approved compact
   burgundy CTA proportions/serif heading.
   ============================================================ */
.about-page--hf2 .about-services {
  padding-bottom: 6px;
}

.about-page--hf2 .about-dashboard {
  padding-top: 7px;
  padding-bottom: 5px;
}

.about-page--hf2 .dashboard-list li {
  margin: 2.5px 0;
  font-size: 10.3px;
  line-height: 1.24;
}

.about-page--hf2 .principles-list li {
  margin: 4px 0;
}

.about-page--hf2 .principles-list strong {
  font-size: 10.4px;
}

.about-page--hf2 .principles-list p {
  font-size: 9.2px;
  line-height: 1.18;
}

.about-page--hf2 .not-list li {
  margin: 6px 0;
  font-size: 9.8px;
  line-height: 1.23;
}

.about-page--hf2 .about-cta {
  padding: 7px 0;
}

.about-page--hf2 .about-cta__inner {
  gap: 18px;
}

.about-page--hf2 .about-cta__message {
  gap: 12px;
}

.about-page--hf2 .about-cta__icon {
  width: 46px;
  height: 46px;
}

.about-page--hf2 .about-cta__icon .icon {
  width: 24px;
  height: 24px;
}

.about-page--hf2 .about-cta h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -.018em;
}

.about-page--hf2 .about-cta p {
  margin-top: 2px;
  font-size: 11.2px;
  line-height: 1.2;
}

.about-page--hf2 .about-cta__actions {
  gap: 9px;
}

.about-page--hf2 .about-cta__actions .btn {
  min-width: 170px;
  min-height: 39px;
  padding: 0 15px;
  border-radius: 6px;
  font-size: 10.7px;
}

.about-page--hf2 .about-cta__actions .icon {
  width: 13px;
  height: 13px;
}

@media (min-width: 901px) and (max-width: 1280px) {
  .about-page--hf2 .about-services { padding-bottom: 5px; }
  .about-page--hf2 .about-dashboard { padding-top: 6px; padding-bottom: 5px; }
  .about-page--hf2 .dashboard-list li { font-size: 9.9px; }
  .about-page--hf2 .principles-list strong { font-size: 10px; }
  .about-page--hf2 .principles-list p { font-size: 8.9px; }
  .about-page--hf2 .not-list li { font-size: 9.35px; }
  .about-page--hf2 .about-cta__actions .btn { min-width: 158px; }
}

@media (max-width: 900px) {
  .about-page--hf2 .about-services { padding-bottom: 24px; }
  .about-page--hf2 .about-dashboard { padding: 24px 0; }
  .about-page--hf2 .about-cta { padding: 16px 0; }
  .about-page--hf2 .about-cta h2 { font-size: 22px; }
  .about-page--hf2 .about-cta__icon { width: 52px; height: 52px; }
}

/* ============================================================
   C10 R1 HF19 — About readability repair
   User follow-up: the approved compact lower layout is retained,
   but body copy and controls must remain comfortably readable on
   real desktop screens. This pass increases service/dashboard/
   principles/boundary text and button hit areas without returning
   to HF16's oversized vertical composition.
   ============================================================ */
.about-page--hf2 .service-card h3,
.about-page--hf2 .service-note h3 {
  font-size: 17px;
  line-height: 1.28;
}

.about-page--hf2 .service-pill {
  font-size: 10.5px;
  padding: 4px 9px;
}

.about-page--hf2 .service-card li,
.about-page--hf2 .service-note p {
  font-size: 13.5px;
  line-height: 1.48;
}

.about-page--hf2 .service-action,
.about-page--hf2 .service-note .text-btn {
  min-height: 44px;
  padding-inline: 15px;
  font-size: 13px;
  line-height: 1.15;
}

.about-page--hf2 .dashboard-card__heading h2 {
  font-size: clamp(22px,1.8vw,28px);
}

.about-page--hf2 .dashboard-card__heading > p {
  font-size: 12.5px;
  line-height: 1.4;
  margin-top: 4px;
}

.about-page--hf2 .dashboard-list li {
  margin: 4px 0;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.36;
}

.about-page--hf2 .dashboard-list li::before {
  top: 0;
  font-size: 13px;
}

.about-page--hf2 .dashboard-actions {
  gap: 9px;
  margin-top: 12px;
}

.about-page--hf2 .dashboard-actions .btn {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 7px;
  font-size: 12.5px;
  line-height: 1.15;
}

.about-page--hf2 .dashboard-actions .icon {
  width: 14px;
  height: 14px;
}

.about-page--hf2 .principles-card h2,
.about-page--hf2 .not-card h2 {
  font-size: clamp(21px,1.65vw,26px);
  line-height: 1.04;
}

.about-page--hf2 .principles-list,
.about-page--hf2 .not-list {
  margin-top: 11px;
}

.about-page--hf2 .principles-list li {
  grid-template-columns: 28px minmax(0,1fr);
  gap: 7px;
  margin: 7px 0;
}

.about-page--hf2 .principles-list li > span {
  width: 26px;
  height: 26px;
}

.about-page--hf2 .principles-list li > span .icon {
  width: 21px;
  height: 21px;
}

.about-page--hf2 .principles-list strong {
  font-size: 12.5px;
  line-height: 1.25;
}

.about-page--hf2 .principles-list p {
  margin-top: 2px;
  font-size: 11.2px;
  line-height: 1.34;
}

.about-page--hf2 .not-list li {
  margin: 8px 0;
  padding-left: 21px;
  font-size: 12px;
  line-height: 1.42;
}

.about-page--hf2 .not-list li::before {
  top: 1px;
  width: 15px;
  height: 15px;
  font-size: 10px;
}

.about-page--hf2 .about-cta {
  padding: 11px 0;
}

.about-page--hf2 .about-cta h2 {
  font-size: 24px;
}

.about-page--hf2 .about-cta p {
  font-size: 12.5px;
}

.about-page--hf2 .about-cta__actions .btn {
  min-width: 184px;
  min-height: 44px;
  padding: 0 17px;
  border-radius: 7px;
  font-size: 13px;
}

.about-page--hf2 .about-cta__actions .icon {
  width: 14px;
  height: 14px;
}

/* Keep the screenshot's three-card desktop composition while
   protecting readability at the 1024–1280px authority widths. */
@media (min-width: 901px) and (max-width: 1280px) {
  .about-page--hf2 .service-card li,
  .about-page--hf2 .service-note p { font-size: 13px; }
  .about-page--hf2 .service-action,
  .about-page--hf2 .service-note .text-btn { font-size: 12.5px; min-height: 43px; }
  .about-page--hf2 .dashboard-card__heading > p { font-size: 12px; }
  .about-page--hf2 .dashboard-list li { font-size: 12.3px; line-height: 1.34; }
  .about-page--hf2 .dashboard-actions .btn { min-height: 40px; font-size: 12px; }
  .about-page--hf2 .principles-list strong { font-size: 12px; }
  .about-page--hf2 .principles-list p { font-size: 10.7px; line-height: 1.32; }
  .about-page--hf2 .not-list li { font-size: 11.4px; line-height: 1.38; }
  .about-page--hf2 .about-cta__actions .btn { min-width: 172px; min-height: 43px; font-size: 12.5px; }
}

@media (max-width: 900px) {
  .about-page--hf2 .service-card li,
  .about-page--hf2 .service-note p { font-size: 14px; }
  .about-page--hf2 .service-action,
  .about-page--hf2 .service-note .text-btn { font-size: 13.5px; min-height: 46px; }
  .about-page--hf2 .dashboard-card__heading > p { font-size: 13px; }
  .about-page--hf2 .dashboard-list li { font-size: 13.5px; line-height: 1.42; }
  .about-page--hf2 .dashboard-actions .btn { min-height: 44px; font-size: 13px; }
  .about-page--hf2 .principles-list strong { font-size: 13px; }
  .about-page--hf2 .principles-list p,
  .about-page--hf2 .not-list li { font-size: 12px; line-height: 1.4; }
  .about-page--hf2 .about-cta__actions .btn { min-height: 46px; font-size: 13.5px; }
}

@media (max-width: 620px) {
  .about-page--hf2 .dashboard-list li { font-size: 14px; }
  .about-page--hf2 .principles-list strong { font-size: 13.5px; }
  .about-page--hf2 .principles-list p,
  .about-page--hf2 .not-list li { font-size: 12.5px; }
  .about-page--hf2 .dashboard-actions .btn { min-height: 46px; font-size: 13px; }
}