.about-page{background:#fff;color:var(--ink)}
.about-page em{font-style:normal;color:var(--blue)}
.about-wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}
.about-page .main-nav a[aria-current="page"]{color:var(--blue)}
.breadcrumb{display:inline-flex;gap:8px;margin-bottom:30px;color:#77899a;font-size:11px}
.breadcrumb span{color:#a8b5c3}

.about-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#edf5ff 0%,#fbfdff 64%,#eef5fc 100%);padding:72px 0;border-bottom:1px solid #dce7f3}
.about-hero:after{content:"";position:absolute;right:-170px;top:-280px;width:560px;height:560px;border:90px solid rgba(11,87,183,.035);border-radius:50%}
.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:85px;align-items:center}
.about-hero .eyebrow{margin-bottom:14px}
.about-hero h1{margin:0;font-size:43px;line-height:1.28;letter-spacing:-2px}
.about-hero-copy{max-width:670px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.experience-card{border:1px solid #d6e4f2;border-radius:15px;background:#fff;padding:30px 31px;box-shadow:0 18px 45px rgba(14,54,101,.09)}
.experience-card>p{margin:0;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:2px}
.experience-card h2{margin:9px 0 17px;color:var(--deep);font-size:20px;line-height:1.45;letter-spacing:-.7px}
.experience-card ul{list-style:none;margin:0;padding:0}
.experience-card li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.experience-card li span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--sky);color:var(--blue);font-size:8px;font-weight:900}
.experience-card li b{color:#50657b;font-size:11px}
.experience-card>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:23px;border-top:1px solid var(--line);padding-top:17px}
.experience-card b{color:#50657b;font-size:9px}
.experience-card i{color:#a4b3c2;font-style:normal}

.about-intro{padding:88px 0}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}
.intro-title h2{margin:0;font-size:32px;line-height:1.4;letter-spacing:-1.2px}
.intro-copy{border-left:1px solid #dbe5ef;padding-left:45px}
.intro-copy p{margin:0;color:#5f7184;font-size:14px;line-height:1.95}
.intro-copy p+p{margin-top:17px}

.principles-section{padding:78px 0 90px;background:#f5f8fc;border-top:1px solid #e5edf5}
.section-title-center{text-align:center}
.section-title-center .eyebrow{justify-content:center}
.section-title-center h2{margin:0;font-size:30px;letter-spacing:-1px}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 9px 30px rgba(8,42,82,.04)}
.principle-grid article{position:relative;min-height:255px;padding:25px 23px;border-left:1px solid var(--line)}
.principle-grid article:first-child{border-left:0}
.principle-grid article>span{color:#7caee9;font-size:9px;font-weight:900}
.principle-grid h3{margin:26px 0 10px;color:var(--deep);font-size:15px}
.principle-grid p{margin:0;color:#718295;font-size:10px;line-height:1.75}
.principle-mark{position:relative;width:44px;height:44px;margin-top:25px;border-radius:10px;background:var(--sky);color:var(--blue)}
.principle-mark i,.principle-mark:before,.principle-mark:after{content:"";position:absolute;display:block}
.mark-purpose i{left:12px;top:10px;width:18px;height:22px;border:2px solid currentColor;border-radius:2px}
.mark-purpose i:before{content:"";position:absolute;left:4px;top:5px;width:8px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}
.mark-document i{left:10px;top:9px;width:20px;height:24px;border:2px solid currentColor;border-radius:50%}
.mark-document:after{right:8px;bottom:8px;width:12px;height:2px;background:currentColor;transform:rotate(45deg)}
.mark-guide i{left:9px;top:11px;width:25px;height:18px;border:2px solid currentColor;border-radius:3px}
.mark-guide i:before{content:"";position:absolute;left:5px;top:5px;width:13px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor}
.mark-lock i{left:10px;top:17px;width:24px;height:18px;border:2px solid currentColor;border-radius:3px}
.mark-lock:before{left:15px;top:8px;width:14px;height:12px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}

.experience-section{padding:78px 0;background:#092f65;color:#fff}
.experience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}
.experience-copy h2{margin:0;font-size:36px;line-height:1.3;letter-spacing:-1.5px}
.experience-copy>p:not(.eyebrow){margin:22px 0 0;color:#b9c9dc;font-size:14px;line-height:1.8}
.light-link{display:inline-flex;margin-top:25px;color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.experience-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;border:1px solid rgba(255,255,255,.15);border-radius:11px;overflow:hidden}
.experience-stats>div{display:flex;min-height:145px;flex-direction:column;justify-content:center;padding:25px;border-left:1px solid rgba(255,255,255,.13)}
.experience-stats>div:first-child{border-left:0}
.experience-stats strong{font-size:26px;letter-spacing:-1px}
.experience-stats span{margin-top:8px;color:#b9cce2;font-size:10px}

.about-services{padding:85px 0}
.about-services-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}
.about-services-heading h2{margin:0;font-size:30px;letter-spacing:-1px}
.about-services-heading>a{color:var(--blue);font-size:11px;font-weight:850}
.about-service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:37px;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 9px 30px rgba(8,42,82,.04)}
.about-service-grid a{display:flex;min-height:150px;flex-direction:column;padding:25px 23px;border-left:1px solid var(--line);background:#fff}
.about-service-grid a:first-child{border-left:0}
.about-service-grid a:hover{background:#f7fbff}
.about-service-grid span{color:#7caee9;font-size:9px;font-weight:900}
.about-service-grid strong{margin-top:auto;color:var(--deep);font-size:14px}
.about-service-grid small{margin-top:7px;color:#798999;font-size:9px}

.company-section{padding:82px 0;background:#f5f8fc;border-top:1px solid #e5edf5}
.company-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start}
.company-heading h2{margin:0;font-size:30px;letter-spacing:-1px}
.company-heading>p:last-child{margin:17px 0 0;color:#718295;font-size:11px;line-height:1.7}
.company-info{border-top:1px solid #cfdbe7;border-bottom:1px solid #cfdbe7}
.company-info>div{display:grid;grid-template-columns:135px 1fr;align-items:center;min-height:0;padding:16px 2px;border-top:1px solid #dfe7ef}
.company-info>div:first-child{border-top:0}
.company-info span{color:#8493a2;font-size:10px}
.company-info strong,.company-info a{margin:0;color:var(--deep);font-size:12px;line-height:1.6;font-weight:800}
.company-info a{color:var(--blue)}

.about-cta{padding:62px 0;background:#eef5fd}
.about-cta>div{display:flex;align-items:center;justify-content:space-between;gap:35px}
.about-cta p{margin:0;color:var(--blue);font-size:10px;font-weight:850}
.about-cta h2{margin:8px 0 0;font-size:23px;letter-spacing:-.7px}
.about-cta>div>div:last-child{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.cta-phone{color:var(--deep);font-size:11px;font-weight:850}

@media(max-width:900px){
  .about-hero-grid{grid-template-columns:1fr;gap:35px}
  .experience-card{max-width:500px}
  .principle-grid,.about-service-grid{grid-template-columns:1fr 1fr}
  .principle-grid article:nth-child(3),.about-service-grid a:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .principle-grid article:nth-child(4),.about-service-grid a:nth-child(4){border-top:1px solid var(--line)}
  .experience-grid{grid-template-columns:1fr;gap:38px}
  .company-grid{grid-template-columns:1fr;gap:35px}
  .about-cta>div{align-items:flex-start;flex-direction:column}
}

@media(max-width:650px){
  .about-wrap{width:min(100% - 32px,1100px)}
  .about-page .brand-words small{display:none}
  .about-hero{padding:42px 0}
  .breadcrumb{margin-bottom:23px}
  .about-hero h1{font-size:31px;letter-spacing:-1.3px}
  .about-hero-copy{font-size:12px}
  .experience-card{padding:24px 21px}
  .experience-card h2{font-size:18px}
  .about-intro{padding:58px 0}
  .intro-grid{grid-template-columns:1fr;gap:28px}
  .intro-title h2{font-size:25px}
  .intro-copy{border-left:0;border-top:1px solid #dbe5ef;padding:25px 0 0}
  .intro-copy p{font-size:12px}
  .principles-section{padding:55px 0 65px}
  .section-title-center h2{font-size:24px}
  .principle-grid,.about-service-grid{grid-template-columns:1fr}
  .principle-grid article,.about-service-grid a{border-left:0;border-top:1px solid var(--line)}
  .principle-grid article:first-child,.about-service-grid a:first-child{border-top:0}
  .principle-grid article{min-height:220px}
  .experience-section{padding:55px 0}
  .experience-copy h2{font-size:29px}
  .experience-stats{grid-template-columns:1fr}
  .experience-stats>div{min-height:100px;border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .experience-stats>div:first-child{border-top:0}
  .about-services{padding:58px 0}
  .about-services-heading{align-items:flex-start;flex-direction:column}
  .about-services-heading h2{font-size:24px}
  .about-service-grid a{min-height:115px}
  .company-section{padding:58px 0}
  .company-heading h2{font-size:25px}
  .company-info>div{grid-template-columns:1fr;gap:5px;padding:14px 0}
  .about-cta{padding:47px 0}
  .about-cta h2{font-size:20px;line-height:1.5}
  .about-cta>div>div:last-child{align-items:stretch;flex-direction:column;width:100%;gap:13px}
  .about-cta .button{width:100%}
  .cta-phone{text-align:center}
}

/* Small-text readability refinements */
.breadcrumb,.experience-card li b,.experience-stats span,.about-services-heading>a,.company-heading>p:last-child,.cta-phone{font-size:12px}
.experience-card>p,.experience-card b,.principle-grid article>span,.about-service-grid span{font-size:10px}
.experience-card li span{font-size:9px}
.principle-grid p,.about-service-grid small,.company-info span,.about-cta p{font-size:12px}
.company-info strong,.company-info a{font-size:13px}
@media(max-width:650px){
  .about-hero-copy,.intro-copy p{font-size:13px}
}