
:root{--ink:#091B30;--ink-soft:#12334D;--paper:#F8F7F3;--brass:#886231;--brass-bright:#D7B57A;--slate:#48B9E7;--text-on-ink:#F4F7FA;--text-on-ink-dim:#B6C8D7;--text-on-paper:#172B40;--text-on-paper-dim:#4C5D6C;--blue:#48B9E7}
.hero{background:radial-gradient(ellipse at 95% 0%,#164969 0%,transparent 55%),linear-gradient(135deg,#091B30,#12334D);padding:76px 0 32px}
.hero h1{max-width:25ch;font-size:clamp(2.35rem,5.3vw,4.5rem);line-height:1.13;letter-spacing:-.025em}
.hero h1 em{color:var(--blue)}
.hero p.lede{max-width:68ch;font-size:1.13rem;line-height:1.7}
.hero .eyebrow,.on-ink .eyebrow,footer .eyebrow{color:var(--brass-bright)}
.hero .eyebrow::before,.on-ink .eyebrow::before,footer .eyebrow::before{background:var(--brass-bright)}
.btn-primary{background:var(--blue);color:#091B30;font-weight:600}
.btn-primary:hover{background:#8EDAFF;transform:translateY(-2px)}
.on-ink .chip{border-color:#496074;color:#D8E5EF}
section,footer{scroll-margin-top:110px}
.connection-map{display:grid;grid-template-columns:1fr .8fr 1fr;gap:24px;align-items:center;border-top:1px solid #456078;margin-top:42px;padding:28px 0;color:#D8E5EF}
.connection-map div{padding:16px 0}.connection-map .hub{border:1px solid #48B9E7;text-align:center;padding:22px 12px;background:#48B9E70D}
.connection-map strong{display:block;font-family:var(--serif);font-size:1.35rem;color:#F4F7FA;margin-bottom:8px}.connection-map small{display:block;font-size:.88rem;line-height:1.65}.connection-map .hub strong{color:var(--blue)}
.pillar{border-top:3px solid var(--blue)}.pillar a{color:#185F87;text-underline-offset:5px;font-weight:500}
.approach-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.approach-grid .section-head{margin-bottom:0}.approach-grid h2{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.25}
.company-quote{border-left:2px solid var(--brass-bright);padding:12px 0 12px 28px;margin:0}
.company-quote blockquote{font-family:var(--serif);font-size:1.6rem;line-height:1.4;color:#F4F7FA}.company-quote figcaption{margin-top:22px;color:var(--brass-bright);font-size:.88rem}.company-quote p{font-size:.91rem;color:var(--text-on-ink-dim);margin-top:14px;line-height:1.65}.company-quote a{color:inherit;text-underline-offset:4px}
.leader-info{min-width:0}.leader-card{border-radius:0}.leader-links a[href^="mailto"]{overflow-wrap:anywhere;color:#185F87}.leader-photo{border:3px solid #D7B57A}
.form-field select option{background:#12334D;color:#F4F7FA}footer a{overflow-wrap:anywhere}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px) and (min-width:781px){.navbar{flex-wrap:wrap;gap:16px}nav.links{flex-wrap:wrap;gap:14px}.lang-toggle{margin-left:0;padding-left:10px}}
@media(max-width:700px){.hero{padding-top:48px}.connection-map{grid-template-columns:1fr;gap:0;margin-top:32px}.connection-map .hub{text-align:left}.approach-grid{grid-template-columns:1fr;gap:32px}.pillar{padding:28px 22px}.leader-card{padding:24px}.step{grid-template-columns:36px 1fr;gap:15px}.navbar{padding:14px 20px}.brand .mark{width:56px;height:50px}.brand{font-size:1.35rem}section{padding:60px 0}.section-head{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}animateMotion{display:none}}

.on-ink .step p{color:var(--text-on-ink-dim)}.on-ink .step{border-color:#456078}.on-ink .step .num{color:var(--brass-bright)}

/* Balanced capability overview */
.capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.capability{border:1px solid var(--paper-line);border-top:3px solid var(--blue);padding:32px;display:flex;flex-direction:column;scroll-margin-top:120px}
.capability-number{font-family:var(--mono);font-size:.875rem;color:var(--brass);margin-bottom:16px}
.capability h3{font-size:1.55rem;line-height:1.3;margin-bottom:16px}.capability p{color:var(--text-on-paper-dim);font-size:1rem;margin-bottom:24px}.capability a{margin-top:auto;color:#185F87;font-size:1rem;text-underline-offset:5px;font-weight:500}
.capability:last-child{grid-column:1/-1}.capability:last-child p{max-width:85ch}
#services .section-head{max-width:800px}#financial-institutions .section-head{max-width:850px;margin-bottom:28px}
@media(max-width:700px){.capabilities-grid{grid-template-columns:1fr;gap:16px}.capability{padding:26px 22px}.capability:last-child{grid-column:auto}}
