#page-about .hero{padding-top:78px;padding-bottom:70px}
#page-about .hero h1{font-size:clamp(33px,5vw,48px);font-weight:700;max-width:820px}
#page-about .hero p.lead{font-size:19px;max-width:640px;margin-top:22px;color:var(--slate)}
#page-about .sec{padding-top:74px;padding-bottom:74px}
#page-about .sec>h2,#page-about .band-soft h2{font-size:clamp(26px,3.2vw,34px);font-weight:700;max-width:640px}
#page-about p.body{font-size:17px;max-width:700px;margin-top:16px;color:var(--slate)}

#page-about .name-grid{display:grid;grid-template-columns:46px 1fr;gap:18px;margin-top:28px;max-width:720px}
#page-about .name-grid .ic{color:var(--cyan-ink)}
#page-about .name-grid .k{font-family:var(--display);font-weight:700;color:var(--navy);font-size:18px}
#page-about .name-grid .d{font-size:15px;color:var(--slate);margin-top:2px}

/* Bordered pull-quote line, used to close both "Our name" and "Why we exist" */
#page-about .pullquote{font-family:var(--display);font-weight:600;color:var(--navy);font-size:19px;border-left:3px solid var(--cyan);padding-left:16px;margin-top:30px;max-width:560px}

/* "Why we exist" stat tile: coded typography, no image asset */
#page-about .stat-tile{margin-top:28px;padding:22px 26px;background:var(--bg);border:.5px solid var(--line);border-radius:14px;max-width:420px}
#page-about .stat-tile .st-num{font-family:var(--display);font-weight:800;font-size:40px;color:var(--navy);letter-spacing:-.02em}
#page-about .stat-tile .st-line{font-size:15px;color:var(--slate);margin-top:6px}
#page-about .stat-tile .st-attr{font-size:12px;color:var(--muted);margin-top:8px}

#page-about .values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:30px}
#page-about .val{border:.5px solid var(--line);border-radius:12px;padding:22px;background:var(--bg)}
#page-about .val .gic{color:var(--cyan-ink)}
#page-about .val h3{font-size:17px;font-weight:600;margin:12px 0 5px;color:var(--navy)}
#page-about .val p{font-size:14px;line-height:1.55}

#page-about .heritage{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center}
#page-about .heritage .h-item{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--navy);font-weight:500}
#page-about .heritage .h-item .gic{color:var(--cyan-ink)}

#page-about .cta-inner .ci{display:flex;gap:26px;flex-wrap:wrap;margin-top:6px}
#page-about .cta-inner .ci a{display:flex;align-items:center;gap:9px;color:var(--saas-text);font-size:15px}
#page-about .cta-inner .ci a:hover{color:var(--bg)}
#page-about .cta-inner .ci .gic{color:var(--cyan)}