:root {
 --navy: #0F3155;
 --navy-deep: #0B2948;
 --orange: #F47721;
 --ivory: #F5F3EE;
 --ink: #182638;
 --muted: #657386;
 --line: #E1E6EC;
 --white: #FFFFFF;
 --max: 1160px;
 }
 * { box-sizing: border-box; }
 html { scroll-behavior: smooth; }
 body {
 margin: 0; color: var(--ink); background: var(--white);
 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 line-height: 1.6; -webkit-font-smoothing: antialiased;
 }
 a { color: inherit; text-decoration: none; }
 .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
 .topbar { border-bottom: 1px solid var(--line); background: #fff; }
 nav { min-height: 82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
 .brand { display:flex; align-items:center; color:var(--navy-deep); min-width:0; }
 .brand-logo { width:220px; max-width:34vw; height:auto; display:block; flex:none; }
 .brand-text { line-height:1.02; }
 .brand-text strong { display:block; font-size:20px; letter-spacing:.14em; font-weight:800; }
 .brand-text span { display:block; font-size:9px; letter-spacing:.25em; margin-top:7px; font-weight:600; }
 .nav-links { display:flex; align-items:center; gap:28px; font-size:13px; color:#435267; }
 .nav-links a:hover { color:var(--orange); }
 .nav-cta, .button { display:inline-flex; justify-content:center; align-items:center; border-radius:5px; padding:12px 18px; font-weight:650; font-size:13px; transition:.2s ease; }
 .nav-cta, .button.primary { color:#fff; background:var(--navy); }
 .nav-cta:hover, .button.primary:hover { background:var(--navy-deep); transform:translateY(-1px); }
 .button.secondary { border:1px solid #C9D3DE; color:var(--navy); background:#fff; }
 .button.secondary:hover { border-color:var(--orange); }
 .hero { background:linear-gradient(115deg, #F7F8FA 0%, #fff 58%, #F8F4EF 100%); padding:92px 0 88px; overflow:hidden; }
 .hero-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; }
 .eyebrow { color:var(--navy); text-transform:uppercase; letter-spacing:.16em; font-size:13px; font-weight:800; }
 h1 { font-size:clamp(34px, 4.2vw, 52px); line-height:1.08; letter-spacing:-.045em; margin:18px 0 22px; color:var(--navy-deep); max-width:720px; }
 h1 em { color:var(--orange); font-style:normal; }
 .hero p { color:#526174; font-size:18px; max-width:620px; margin:0 0 28px; }
 .hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
 .trust-note { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:12px; margin-top:24px; }
 .trust-note:before { content:""; width:28px; height:2px; background:var(--orange); }
 .hero-art { min-height:360px; position:relative; display:grid; place-items:center; }
 .orb { position:absolute; width:310px; height:310px; border:1px solid #DDE4EC; border-radius:50%; }
 .orb:before, .orb:after { content:""; position:absolute; border:1px solid #E7D8CB; border-radius:50%; inset:28px; }
 .orb:after { inset:58px; border-color:#DDE4EC; }
 .hero-card { z-index:1; width:min(100%, 350px); background:#fff; border:1px solid #E7EBF0; box-shadow:0 24px 65px #102d5012; border-radius:12px; padding:28px; }
 .mini-label { font-size:10px; letter-spacing:.15em; color:var(--muted); text-transform:uppercase; font-weight:750; }
 .hero-card h3 { margin:10px 0 20px; font-size:21px; color:var(--navy-deep); line-height:1.25; }
 .metric { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid var(--line); font-size:13px; color:#4E5E70; }
 .metric-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:#FCEFE6; color:#B85E21; font-weight:800; }
 section { padding:84px 0; }
 .section-head { max-width:700px; margin-bottom:42px; }
 .section-head h2 { color:var(--navy-deep); font-size:clamp(27px, 2.7vw, 36px); line-height:1.15; letter-spacing:-.03em; margin:12px 0 14px; }
 .section-head p { color:var(--muted); font-size:16px; margin:0; }
 .problem { background:var(--ivory); }
 .three-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
 .info-card { background:#fff; border:1px solid #E7E5DF; border-radius:9px; padding:26px; }
 .card-number { color:var(--orange); font-weight:800; font-size:12px; letter-spacing:.12em; }
 .info-card h3 { color:var(--navy); font-size:18px; line-height:1.3; margin:13px 0 10px; }
 .info-card p { color:var(--muted); font-size:14px; margin:0; }
 .callout { border-left:3px solid var(--orange); padding:18px 22px; background:#fff; margin-top:22px; color:#435267; }
 .services-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
 .service-card { border:1px solid var(--line); border-radius:9px; padding:28px; }
 .service-icon { width:42px; height:42px; display:grid; place-items:center; background:#EEF3F8; color:var(--navy); border-radius:9px; font-size:18px; font-weight:800; }
 .service-card h3 { color:var(--navy-deep); font-size:19px; margin:18px 0 10px; }
 .service-card p { font-size:14px; color:var(--muted); margin:0 0 15px; }
 .service-card ul { margin:0; padding-left:18px; color:#435267; font-size:13px; }
 .service-card li { margin:7px 0; }
 .process { background:#F7F9FB; }
 .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
 .step { border-top:2px solid var(--orange); padding-top:18px; }
 .step b { color:var(--navy); font-size:12px; letter-spacing:.12em; }
 .step h3 { color:var(--navy-deep); margin:10px 0 8px; font-size:17px; }
 .step p { color:var(--muted); font-size:13px; margin:0; }
 .why-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:start; }
 .why-grid h2 { color:var(--navy-deep); font-size:clamp(30px,3vw,42px); line-height:1.15; letter-spacing:-.03em; margin:12px 0 18px; }
 .why-grid p { color:var(--muted); }
 .check-list { list-style:none; margin:0; padding:0; }
 .check-list li { display:flex; gap:13px; padding:16px 0; border-bottom:1px solid var(--line); color:#405064; font-size:14px; }
 .check-list li:before { content:"✓"; color:var(--orange); font-weight:900; font-size:17px; }
 .cta-section { background:var(--navy-deep); color:#fff; padding:72px 0; }
 .cta-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
 .cta-inner h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.03em; margin:0 0 12px; }
 .cta-inner p { color:#D1DCE7; margin:0; max-width:650px; }
 .cta-section .button { background:var(--orange); color:#1C2B3D; white-space:nowrap; }
 .cta-section .button:hover { background:#F39A5E; }
 footer { padding:30px 0; background:#0B223D; color:#C5D0DC; font-size:12px; }
 .footer-row { display:flex; justify-content:space-between; align-items:center; gap:20px; }
 .footer-brand { color:#fff; font-weight:800; letter-spacing:.12em; }
 .footer-note { max-width:620px; text-align:right; }

 .who-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:start; }
 .who-story p { color:var(--muted); font-size:15px; margin:0 0 17px; }
 .who-story .who-lead { color:var(--navy-deep); font-size:22px; line-height:1.35; font-weight:650; letter-spacing:-.02em; }
 .experience-panel { border:1px solid var(--line); border-radius:10px; padding:8px 24px; background:#FAFBFC; }
 .experience-item { display:flex; flex-direction:column; gap:4px; padding:17px 0; border-bottom:1px solid var(--line); }
 .experience-item:last-child { border-bottom:0; }
 .experience-stat { color:var(--navy); font-weight:750; font-size:18px; letter-spacing:-.02em; }
 .experience-label { color:var(--muted); font-size:12px; }
 .experience-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
 .proof-card { padding:24px; border:1px solid var(--line); border-radius:9px; }
 .proof-topline { font-size:10px; letter-spacing:.13em; color:var(--orange); font-weight:800; }
 .proof-card h3 { color:var(--navy-deep); font-size:18px; line-height:1.3; margin:13px 0 10px; }
 .proof-card p { color:var(--muted); font-size:13px; margin:0; }
 .who-quote { display:flex; gap:16px; align-items:flex-start; background:var(--ivory); border-radius:9px; padding:22px 26px; margin-top:22px; }
 .quote-mark { color:var(--orange); font-size:44px; line-height:.9; font-family:Georgia,serif; }
 .who-quote p { color:var(--navy-deep); font-size:17px; font-weight:600; margin:0; max-width:850px; }


 .founder-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
 .founder-card { border:1px solid var(--line); border-radius:10px; padding:28px; background:#fff; }
 .founder-initial { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--navy); font-size:15px; font-weight:800; letter-spacing:.04em; margin-bottom:20px; border-bottom:3px solid var(--orange); }
 .founder-role { color:var(--orange); font-size:10px; font-weight:800; letter-spacing:.13em; }
 .founder-card h3 { color:var(--navy-deep); font-size:24px; margin:8px 0 12px; }
 .founder-summary { color:var(--muted); font-size:14px; margin:0 0 16px; }
 .founder-card ul { margin:0; padding-left:18px; color:#435267; font-size:13px; }
 .founder-card li { margin:8px 0; }
 .founder-note { background:var(--ivory); border-left:3px solid var(--orange); padding:20px 23px; margin-top:20px; color:#435267; font-size:14px; }

 @media (max-width: 850px) {
 .hero-grid, .why-grid, .who-grid { grid-template-columns:1fr; gap:35px; }
 .founder-grid { grid-template-columns:1fr; }
 .experience-proof-grid { grid-template-columns:1fr 1fr; }
 .hero { padding:65px 0; }
 .hero-art { min-height:300px; }
 .three-grid, .services-grid { grid-template-columns:1fr 1fr; }
 .steps { grid-template-columns:1fr 1fr; }
 .nav-links { gap:14px; }
 .nav-links a:not(.nav-cta) { display:inline-flex; }
 }
 @media (max-width: 560px) {
 nav { height:auto; min-height:0; padding:14px 0; align-items:flex-start; flex-direction:column; gap:12px; }
 .nav-links { display:flex !important; visibility:visible !important; opacity:1 !important; position:static !important; width:100%; height:auto; flex-wrap:wrap; gap:8px 16px; font-size:13px; }
 .nav-links a, .nav-links a:not(.nav-cta) { display:inline-flex !important; visibility:visible !important; opacity:1 !important; width:auto; height:auto; padding:5px 0; color:var(--navy, #0f3155); background:transparent !important; border:0 !important; box-shadow:none !important; }
 .nav-links .nav-cta { display:inline-flex !important; }
 .container { width:min(var(--max), calc(100% - 28px)); }
 nav { min-height:72px; }
 .brand-logo { width:190px; max-width:55vw; }
 .hero { padding:52px 0 42px; }
 .hero p { font-size:16px; }
 section { padding:60px 0; }
 .three-grid, .services-grid, .steps, .experience-proof-grid { grid-template-columns:1fr; }
 .hero-art { min-height:260px; }
 .orb { width:240px; height:240px; }
 .hero-card { padding:22px; }
 .cta-inner, .footer-row { align-items:flex-start; flex-direction:column; }
 .footer-note { text-align:left; }
 }
 
.nav-links a.active { color: var(--orange); font-weight: 750; }
.page-hero { padding: 64px 0 42px; background: linear-gradient(115deg, #F7F8FA 0%, #fff 65%, #F8F4EF 100%); }
.page-hero h1 { font-size: clamp(30px, 3.5vw, 42px); margin: 12px 0 14px; }
.page-hero p { max-width: 760px; color: var(--muted); font-size: 17px; }
.page-content { padding: 54px 0 78px; }
.contact-card { border: 1px solid var(--line); border-radius: 10px; padding: 28px; background: #fff; }

/* Services page introductory statement */
.services-intro-heading {
 font-size: clamp(1.5rem, 2.5vw, 2.1rem);
 line-height: 1.25;
 font-weight: 700;
 letter-spacing: -0.025em;
 margin: 0 0 1rem;
}

/* Tighten the Services intro-to-steps spacing */
.services-intro-heading {
 margin-bottom: 0.5rem;
}
.services-intro-heading + p {
 margin-bottom: 1rem;
}

/* Minimize the gap between the Services engagement intro and 01 / Assessment */
.services-intro-heading {
 margin-bottom: 0.25rem !important;
}
.services-intro-heading + p {
 margin-top: 0 !important;
 margin-bottom: 0.35rem !important;
 padding-bottom: 0 !important;
}

/* Improve contrast for the Services page description on white backgrounds */
.services-description-readable {
 color: #303846;
 opacity: 1;
}

/* Stronger high-contrast text for the Services description */
.services-description-readable {
 color: #171717 !important;
 opacity: 1 !important;
 font-weight: 500;
}

/* High-contrast readability for the initial operational assessment copy */
.assessment-intro-readable {
 color: #111827 !important;
 opacity: 1 !important;
 font-weight: 500 !important;
 font-size: 1.05rem;
 line-height: 1.7;
}

/* Maximum contrast for the initial operational assessment paragraph, consistently across all pages */
.assessment-intro-readable,
p.assessment-intro-readable,
span.assessment-intro-readable {
 color: #000000 !important;
 opacity: 1 !important;
 font-weight: 600 !important;
 font-size: 1.08rem !important;
 line-height: 1.7 !important;
 text-shadow: none !important;
}

/* Founder profile experience totals */
.founder-experience {
 margin: 0.25rem 0 0.85rem;
 color: #171717;
 font-size: 0.95rem;
 font-weight: 600;
}

/* Services page spacing and card layout refinement */
.page-hero {
 padding: 54px 0 34px;
}
.page-hero h1 {
 margin: 10px 0 12px;
}
.services-intro-copy {
 max-width: 800px;
 margin: 0;
 color: #273548;
 font-size: 17px;
 line-height: 1.65;
}
.page-content {
 padding: 34px 0 64px;
}
.page-content + .page-content {
 padding-top: 44px;
}
.info-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 20px;
}
.info-card {
 padding: 24px 26px;
}
.info-card h3 {
 margin: 10px 0 8px;
}
.info-card p {
 margin: 0 0 14px;
}
.info-card ul {
 margin: 0;
 padding-left: 19px;
 color: #273548;
 font-size: 14px;
 line-height: 1.6;
}
.info-card li {
 margin: 6px 0;
}
@media (max-width: 700px) {
 .page-hero {
 padding: 42px 0 24px;
 }
 .page-content {
 padding: 26px 0 44px;
 }
 .info-grid {
 grid-template-columns: 1fr;
 gap: 14px;
 }
 .info-card {
 padding: 21px;
 }
}


/* Cross-page spacing and rhythm refinement */
.topbar nav {
 min-height: 78px;
}
.page-hero {
 padding: 56px 0 36px;
}
.page-hero .eyebrow {
 display: block;
 margin-bottom: 8px;
}
.page-hero h1 {
 margin: 8px 0 14px;
 max-width: 820px;
}
.page-hero p {
 margin: 0;
 line-height: 1.68;
}
.page-content {
 padding: 48px 0 62px;
}
.page-content + .page-content {
 padding-top: 24px;
}
.page-content > .container > .section-head {
 margin-bottom: 30px;
}
.page-content .section-head h2 {
 margin-top: 8px;
 margin-bottom: 12px;
}
.page-content .section-head p {
 line-height: 1.7;
}
.page-content .who-grid,
.page-content .founder-grid,
.page-content .experience-proof-grid,
.page-content .info-grid {
 align-items: stretch;
}
.page-content .who-story p:last-child,
.page-content .contact-card p:last-child,
.page-content .info-card p:last-child {
 margin-bottom: 0;
}
.page-content .experience-proof-grid {
 margin-top: 28px;
}
.page-content .who-quote {
 margin-top: 24px;
}
.page-content .founder-note {
 margin-top: 22px;
}
.page-content .contact-card {
 padding: 30px;
 line-height: 1.7;
}
.page-content .contact-card h2,
.page-content .contact-card h3 {
 margin-top: 0;
 margin-bottom: 12px;
}
.page-content .contact-card p {
 margin-top: 0;
 margin-bottom: 16px;
}
.page-content .contact-card .button {
 margin-top: 4px;
}
.page-content .check-list li:first-child {
 padding-top: 8px;
}
.page-content .check-list li:last-child {
 padding-bottom: 8px;
}
footer {
 padding: 26px 0;
}
@media (max-width: 850px) {
 .page-hero {
 padding: 48px 0 30px;
 }
 .page-content {
 padding: 40px 0 50px;
 }
 .page-content + .page-content {
 padding-top: 18px;
 }
}
@media (max-width: 560px) {
 .topbar nav {
 min-height: 68px;
 }
 .page-hero {
 padding: 38px 0 24px;
 }
 .page-hero h1 {
 margin: 8px 0 11px;
 }
 .page-hero p {
 font-size: 16px;
 line-height: 1.65;
 }
 .page-content {
 padding: 30px 0 42px;
 }
 .page-content + .page-content {
 padding-top: 12px;
 }
 .page-content > .container > .section-head {
 margin-bottom: 22px;
 }
 .page-content .who-grid {
 gap: 26px;
 }
 .page-content .experience-proof-grid {
 margin-top: 22px;
 }
 .page-content .contact-card {
 padding: 22px;
 }
}


/* Services page: structured list layout avoids uneven card rows */
.services-list-grid,
.value-list-grid {
 display: flex;
 flex-direction: column;
 gap: 0;
}
.services-list-grid .info-card {
 display: grid;
 grid-template-columns: minmax(245px, 0.8fr) minmax(0, 1.5fr);
 column-gap: 34px;
 row-gap: 0;
 padding: 30px 0;
 border: 0;
 border-bottom: 1px solid var(--line);
 border-radius: 0;
 background: transparent;
}
.services-list-grid .info-card:first-child {
 padding-top: 8px;
}
.services-list-grid .info-card:last-child {
 border-bottom: 0;
 padding-bottom: 8px;
}
.services-list-grid .info-card .card-number {
 grid-column: 1;
 grid-row: 1;
 margin: 2px 0 10px;
}
.services-list-grid .info-card h3 {
 grid-column: 1;
 grid-row: 2;
 align-self: start;
 margin: 0;
 max-width: 330px;
 font-size: 21px;
 line-height: 1.35;
}
.services-list-grid .info-card p,
.services-list-grid .info-card ul {
 grid-column: 2;
}
.services-list-grid .info-card p {
 grid-row: 1 / span 2;
 border-left: 1px solid var(--line);
 padding-left: 28px;
 margin: 0 0 16px;
 color: var(--ink);
 font-size: 15px;
 line-height: 1.7;
}
.services-list-grid .info-card ul {
 grid-row: 3;
 margin-left: 28px;
 padding-left: 18px;
 border-left: 1px solid var(--line);
 color: var(--muted);
 font-size: 14px;
 line-height: 1.7;
}
.services-list-grid .info-card li {
 margin: 7px 0;
 padding-left: 3px;
}
.value-list-grid .info-card {
 display: grid;
 grid-template-columns: minmax(245px, 0.8fr) minmax(0, 1.5fr);
 align-items: center;
 gap: 34px;
 padding: 22px 0;
 border: 0;
 border-bottom: 1px solid var(--line);
 border-radius: 0;
 background: transparent;
}
.value-list-grid .info-card:first-child {
 padding-top: 4px;
}
.value-list-grid .info-card:last-child {
 border-bottom: 0;
 padding-bottom: 4px;
}
.value-list-grid .info-card h3 {
 margin: 0;
 font-size: 19px;
}
.value-list-grid .info-card p {
 border-left: 1px solid var(--line);
 padding-left: 28px;
 color: var(--ink);
 font-size: 15px;
 line-height: 1.7;
}
@media (max-width: 700px) {
 .services-list-grid .info-card,
 .value-list-grid .info-card {
 display: block;
 padding: 22px 0;
 }
 .services-list-grid .info-card .card-number {
 margin-bottom: 8px;
 }
 .services-list-grid .info-card h3,
 .value-list-grid .info-card h3 {
 margin: 0 0 14px;
 max-width: none;
 }
 .services-list-grid .info-card p,
 .value-list-grid .info-card p {
 border-left: 0;
 padding-left: 0;
 margin-bottom: 12px;
 }
 .services-list-grid .info-card ul {
 border-left: 0;
 margin-left: 0;
 padding-left: 20px;
 }
}


/* Restore the four core service offerings to the original card layout */
.main-services-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 20px;
}
.main-services-grid .info-card {
 display: block;
 padding: 26px;
 border: 1px solid #E7E5DF;
 border-radius: 9px;
 background: #fff;
}
.main-services-grid .info-card .card-number {
 display: block;
 margin: 0;
}
.main-services-grid .info-card h3 {
 margin: 13px 0 10px;
 max-width: none;
 font-size: 18px;
}
.main-services-grid .info-card p {
 border-left: 0;
 padding-left: 0;
 margin: 0 0 14px;
 color: var(--muted);
 font-size: 14px;
 line-height: 1.6;
}
.main-services-grid .info-card ul {
 border-left: 0;
 margin-left: 0;
 padding-left: 19px;
 color: #273548;
 font-size: 14px;
 line-height: 1.6;
}
.main-services-grid .info-card li {
 margin: 6px 0;
 padding-left: 0;
}
@media (max-width: 700px) {
 .main-services-grid {
 grid-template-columns: 1fr;
 gap: 14px;
 }
 .main-services-grid .info-card {
 padding: 21px;
 }
}

/* Add a little visual polish to the lower value rows */
.value-list-grid .info-card {
 position: relative;
 grid-template-columns: minmax(230px, 0.78fr) minmax(0, 1.5fr);
 gap: 30px;
 padding: 23px 24px;
 border: 1px solid #E4EAF0;
 border-left: 3px solid var(--orange);
 border-radius: 8px;
 background: linear-gradient(105deg, #F7F9FC 0%, #FFFFFF 72%);
 margin-bottom: 12px;
 transition: border-color 160ms ease, transform 160ms ease;
}
.value-list-grid .info-card:hover {
 border-color: #CBD7E3;
 transform: translateX(2px);
}
.value-list-grid .info-card h3 {
 position: relative;
 padding-left: 30px;
 color: var(--navy-deep);
}
.value-list-grid .info-card h3::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0.35em;
 width: 15px;
 height: 15px;
 border-radius: 4px;
 background: var(--navy);
 box-shadow: inset 0 0 0 4px #E5ECF3;
}
.value-list-grid .info-card p {
 border-left: 1px solid #D8E1EA;
 padding-left: 26px;
}
.value-list-grid .info-card:last-child {
 margin-bottom: 0;
}
@media (max-width: 700px) {
 .value-list-grid .info-card {
 padding: 19px 18px;
 margin-bottom: 10px;
 }
 .value-list-grid .info-card h3 {
 padding-left: 27px;
 margin-bottom: 10px;
 }
 .value-list-grid .info-card p {
 border-left: 0;
 padding-left: 0;
 }
}


/* Use checkmarks for the styled benefit rows */
.value-list-grid .info-card h3 {
 padding-left: 30px;
}
.value-list-grid .info-card h3::before {
 content: "✓";
 display: grid;
 place-items: center;
 width: 20px;
 height: 20px;
 top: 0.15em;
 border-radius: 50%;
 background: var(--navy);
 color: #fff;
 box-shadow: none;
 font-size: 12px;
 font-weight: 800;
 line-height: 1;
}


/* Align all updated client-value rows consistently across Services, Approach, and Who We Are */
.value-list-grid {
 width: 100%;
 align-items: stretch;
}
.value-list-grid .info-card {
 width: 100%;
 box-sizing: border-box;
 min-height: 118px;
 grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1.5fr);
 align-items: center;
}
.value-list-grid .info-card h3 {
 align-self: center;
 margin-top: 0;
 margin-bottom: 0;
 line-height: 1.35;
}
.value-list-grid .info-card p {
 align-self: center;
 margin-top: 0;
 margin-bottom: 0;
}
@media (max-width: 700px) {
 .value-list-grid .info-card {
 min-height: 0;
 }
 .value-list-grid .info-card h3 {
 margin-bottom: 12px;
 }
}


/* Final visual polish: more compact benefit cards and more even page spacing */
.value-list-grid .info-card {
 min-height: 94px;
 padding: 17px 20px;
 margin-bottom: 9px;
 gap: 24px;
 grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.5fr);
}
.value-list-grid .info-card h3 {
 font-size: 17px;
 line-height: 1.35;
 padding-left: 29px;
}
.value-list-grid .info-card h3::before {
 width: 19px;
 height: 19px;
 font-size: 11px;
}
.value-list-grid .info-card p {
 font-size: 14px;
 line-height: 1.6;
 padding-left: 22px;
}
.value-list-grid .info-card:last-child {
 margin-bottom: 0;
}

/* Normalize vertical rhythm between section headings and their content */
.page-content > .container > .section-head {
 margin-bottom: 24px;
}
.page-content .section-head h2 {
 margin-bottom: 10px;
}
.page-content .section-head p {
 margin-top: 0;
 margin-bottom: 0;
}
.page-content + .page-content {
 padding-top: 20px;
}
.page-content {
 padding-bottom: 54px;
}
@media (max-width: 700px) {
 .value-list-grid .info-card {
 min-height: 0;
 padding: 16px 16px;
 margin-bottom: 8px;
 gap: 0;
 }
 .value-list-grid .info-card h3 {
 font-size: 16px;
 padding-left: 27px;
 margin-bottom: 9px;
 }
 .value-list-grid .info-card p {
 font-size: 14px;
 line-height: 1.58;
 padding-left: 0;
 }
 .page-content > .container > .section-head {
 margin-bottom: 20px;
 }
 .page-content + .page-content {
 padding-top: 14px;
 }
 .page-content {
 padding-bottom: 42px;
 }
}


/* Final alignment correction: center each text block vertically within its card */
.value-list-grid .info-card {
 align-items: stretch;
}
.value-list-grid .info-card h3,
.value-list-grid .info-card p {
 align-self: center;
}
.value-list-grid .info-card h3 {
 display: flex;
 align-items: center;
 min-height: 100%;
}
.value-list-grid .info-card p {
 display: flex;
 align-items: center;
 min-height: 100%;
 margin-top: 0;
 margin-bottom: 0;
}
@media (max-width: 700px) {
 .value-list-grid .info-card h3,
 .value-list-grid .info-card p {
 display: block;
 min-height: 0;
 }
}


/* Screenshot-based fix: keep the checkmark centered beside the title, not at the row top */
.value-list-grid .info-card {
 display: grid;
 grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.5fr);
 align-items: center;
 min-height: 0;
 padding: 16px 20px;
}
.value-list-grid .info-card h3 {
 position: relative;
 display: flex;
 align-items: center;
 align-self: stretch;
 min-height: 58px;
 margin: 0;
 padding-left: 34px;
 line-height: 1.35;
}
.value-list-grid .info-card h3::before {
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 20px;
 height: 20px;
 margin: 0;
 display: grid;
 place-items: center;
}
.value-list-grid .info-card p {
 display: flex;
 align-items: center;
 align-self: stretch;
 min-height: 58px;
 margin: 0;
 padding-left: 22px;
 line-height: 1.6;
}
@media (max-width: 700px) {
 .value-list-grid .info-card {
 display: block;
 padding: 16px;
 }
 .value-list-grid .info-card h3 {
 display: flex;
 align-items: center;
 min-height: 0;
 margin: 0 0 10px;
 padding-left: 29px;
 }
 .value-list-grid .info-card h3::before {
 top: 50%;
 transform: translateY(-50%);
 }
 .value-list-grid .info-card p {
 display: block;
 min-height: 0;
 padding-left: 0;
 }
}


/* Rework benefit rows as a clean, unboxed list for reliable vertical alignment */
.value-list-grid {
 display: flex;
 flex-direction: column;
 gap: 0;
 width: 100%;
 align-items: stretch;
}
.value-list-grid .info-card {
 display: grid;
 grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.5fr);
 align-items: center;
 width: 100%;
 box-sizing: border-box;
 min-height: 0;
 padding: 22px 12px;
 margin: 0;
 border: 0;
 border-bottom: 1px solid #DCE4EC;
 border-radius: 0;
 background: transparent;
 gap: 28px;
 transform: none;
 transition: none;
}
.value-list-grid .info-card:first-child {
 border-top: 1px solid #DCE4EC;
}
.value-list-grid .info-card:hover {
 border-color: #DCE4EC;
 transform: none;
}
.value-list-grid .info-card h3 {
 display: flex;
 align-items: center;
 align-self: center;
 position: relative;
 min-height: 0;
 margin: 0;
 padding: 0 0 0 34px;
 color: var(--navy-deep);
 font-size: 18px;
 line-height: 1.4;
}
.value-list-grid .info-card h3::before {
 content: "✓";
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 display: grid;
 place-items: center;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: var(--navy);
 color: #fff;
 box-shadow: none;
 font-size: 11px;
 font-weight: 800;
 line-height: 1;
}
.value-list-grid .info-card p {
 display: block;
 align-self: center;
 min-height: 0;
 margin: 0;
 padding: 0 0 0 24px;
 border-left: 1px solid #D8E1EA;
 color: var(--ink);
 font-size: 14px;
 line-height: 1.65;
}
@media (max-width: 700px) {
 .value-list-grid .info-card {
 display: block;
 padding: 18px 4px;
 }
 .value-list-grid .info-card h3 {
 display: flex;
 margin: 0 0 10px;
 padding-left: 30px;
 font-size: 17px;
 }
 .value-list-grid .info-card h3::before {
 top: 50%;
 transform: translateY(-50%);
 }
 .value-list-grid .info-card p {
 display: block;
 border-left: 0;
 padding-left: 30px;
 font-size: 14px;
 }
}


/* Fix first-row-only alignment: remove special first-row spacing and center the same way as every row */
.value-list-grid .info-card:first-child {
 padding-top: 22px;
 border-top: 1px solid #DCE4EC;
}
.value-list-grid .info-card:first-child h3,
.value-list-grid .info-card:first-child p {
 align-self: center;
 margin-top: 0;
 margin-bottom: 0;
 transform: none;
}
.value-list-grid .info-card:first-child h3::before {
 top: 50%;
 transform: translateY(-50%);
}
@media (max-width: 700px) {
 .value-list-grid .info-card:first-child {
 padding-top: 18px;
 }
}


/* Subtle table-like treatment for client-benefit lists; preserves existing row spacing */
.value-list-grid {
 padding: 5px 12px;
 border: 1px solid #DCE5EF;
 border-radius: 12px;
 background: #F7F9FC;
 overflow: hidden;
}
.value-list-grid .info-card {
 padding: 22px 12px;
 border-bottom: 1px solid #DCE5EF;
 background: transparent;
}
.value-list-grid .info-card:first-child {
 border-top: 0;
 padding-top: 22px;
}
.value-list-grid .info-card:last-child {
 border-bottom: 0;
}
@media (max-width: 700px) {
 .value-list-grid {
 padding: 3px 12px;
 border-radius: 10px;
 }
 .value-list-grid .info-card,
 .value-list-grid .info-card:first-child {
 padding: 17px 4px;
 }
}


/* Match the last benefit row's spacing to the first and middle rows */
.value-list-grid .info-card:last-child {
 padding-top: 22px;
 padding-bottom: 22px;
 margin-bottom: 0;
 border-bottom: 0;
}
@media (max-width: 700px) {
 .value-list-grid .info-card:last-child {
 padding-top: 17px;
 padding-bottom: 17px;
 }
}


/* Orange checkmarks on client-benefit rows */
.value-list-grid .info-card h3::before {
 background: var(--orange);
 color: #fff;
}


/* Founders section heading */
.founders-section-title {
 margin: 0 0 12px;
 color: var(--navy-deep);
 font-size: clamp(1.35rem, 2vw, 1.7rem);
 line-height: 1.25;
 font-weight: 800;
 letter-spacing: 0.045em;
}


/* Refined founders heading: title case and slightly smaller */
.founders-section-title {
 font-size: clamp(1.2rem, 1.7vw, 1.45rem);
 letter-spacing: 0;
 margin-bottom: 10px;
}


/* Match The Founders label to the site's existing eyebrow headings, with breathing room below */
.founders-section-title {
 display: block;
 margin: 0 0 16px;
 font-size: 12px;
 font-weight: 800;
 letter-spacing: .12em;
 line-height: 1.4;
 text-transform: uppercase;
 color: var(--orange);
}
.founders-section-title + p {
 margin-top: 0;
 margin-bottom: 0;
}


/* Founder profile systems list */
.founder-card ul {
 overflow-wrap: anywhere;
}
.founder-card li {
 line-height: 1.6;
}


/* Clear label treatment for founder system expertise */
.founder-card li strong {
 color: var(--navy-deep);
 font-weight: 700;
}


/* Contact page: add breathing room between the intro paragraph and email button. */
.contact-email-button { display: inline-block; margin-top: 16px; }


/* Consistent site footer */
.footer-row {
 display: grid;
 grid-template-columns: auto minmax(280px, 1fr) auto;
 align-items: center;
 gap: 28px;
}
.footer-brand {
 white-space: nowrap;
}
.footer-note {
 max-width: none;
 text-align: left;
 line-height: 1.6;
}
.footer-contact-button {
 display: inline-block;
 white-space: nowrap;
 text-decoration: none;
}
@media (max-width: 850px) {
 .footer-row {
 display: flex;
 align-items: flex-start;
 flex-direction: column;
 gap: 14px;
 }
 .footer-note {
 text-align: left;
 }
}


/* Minimal consistent footer: brand and copyright only */
.footer-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
}
.footer-copyright {
 color: #C5D0DC;
 text-align: right;
 font-size: 12px;
 line-height: 1.6;
}
@media (max-width: 850px) {
 .footer-row {
 align-items: flex-start;
 flex-direction: column;
 gap: 10px;
 }
 .footer-copyright {
 text-align: left;
 }
}


/* Readability improvements: stronger contrast and clearer supporting text */
:root {
 --muted: #46566A;
}
.hero p,
.section-head p,
.info-card p,
.service-card p,
.step p,
.callout,
.page-hero p,
.page-content p,
.founder-card p,
.who-story p {
 color: #46566A;
 font-weight: 450;
}
.hero p {
 color: #435267;
}
.section-head p,
.page-hero p,
.page-content p {
 font-size: 16px;
 line-height: 1.7;
}
.info-card p,
.service-card p,
.step p {
 font-size: 15px;
 line-height: 1.65;
}
.service-card ul {
 color: #435267;
 font-size: 14px;
 line-height: 1.65;
}
.nav-links {
 color: #34465B;
 font-weight: 550;
}


/* Stronger contrast for introductory and supporting copy */
.hero p,
.section-head p,
.page-hero p,
.page-content p,
.info-card p,
.service-card p,
.step p,
.founder-card p,
.who-story p,
.callout,
.metric {
 color: #34465B;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.7;
}
.hero p {
 font-size: 18px;
}

/* Targeted fix: CTA copy was still rendering too pale */
.cta-inner p,
.cta-section .cta-inner p,
section .cta-inner p {
 color: #263D55 !important;
 font-size: 17px;
 font-weight: 500;
 line-height: 1.7;
 opacity: 1;
}

/* Modern, sharper wordmark paired with the original Brisk emblem */
.brand {
 display: flex;
 align-items: center;
 gap: 12px;
}
.brand-mark {
 width: 44px;
 height: 48px;
 object-fit: contain;
 display: block;
 flex: none;
}
.brand-wordmark {
 display: flex;
 flex-direction: column;
 line-height: 1;
 color: #0B2948;
}
.brand-wordmark strong {
 display: block;
 font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
 font-size: 25px;
 line-height: 1;
 letter-spacing: .095em;
 font-weight: 800;
}
.brand-wordmark span {
 display: block;
 margin-top: 6px;
 font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
 font-size: 8px;
 line-height: 1;
 letter-spacing: .205em;
 font-weight: 650;
 white-space: nowrap;
}
@media (max-width: 560px) {
 .brand-mark { width: 36px; height: 40px; }
 .brand-wordmark strong { font-size: 21px; }
 .brand-wordmark span { font-size: 7px; letter-spacing: .16em; }
}

/* Use the supplied Brisk Financial Group wordmark image */
.brand {
 display: flex;
 align-items: center;
 gap: 0;
}
.brand-logo {
 display: block;
 width: 220px;
 max-width: 34vw;
 height: auto;
 object-fit: contain;
 flex: none;
}
@media (max-width: 560px) {
 .brand-logo {
 width: 190px;
 max-width: 48vw;
 }
}

/* Updated horizontal Brisk logo: original B emblem plus clean wordmark */
.brand-logo {
 width: 250px;
 max-width: 36vw;
 height: auto;
 object-fit: contain;
}
@media (max-width: 560px) {
 .brand-logo {
 width: 205px;
 max-width: 52vw;
 }
}

/* Latest approved Connection logo */
.brand-logo {
 display: block;
 width: 250px;
 max-width: 36vw;
 height: auto;
 object-fit: contain;
 flex: none;
}
@media (max-width: 560px) {
 .brand-logo {
 width: 205px;
 max-width: 52vw;
 }
}


/* Final launch refinements: readable supporting copy and keyboard focus */
.services-description-readable, .page-hero p, .hero p, .info-card p, .info-card li, .section-head p, .cta-inner p, .contact-intro p {
 color: #34465B;
 line-height: 1.7;
}
.cta-inner p, .cta-section .cta-inner p, section .cta-inner p {
 color: #263D55 !important;
 font-size: 17px;
 font-weight: 500;
 line-height: 1.7;
 opacity: 1;
}
a:focus-visible, button:focus-visible {
 outline: 3px solid #D97732;
 outline-offset: 3px;
}