/* =========================================================
   ABOUT PAGE - EditPixel Studio
   Kept page-specific so the existing site remains untouched.
========================================================= */
.about-page{font-family:Arial,sans-serif;color:#102a43;background:#fff;overflow:hidden}
.about-page *{box-sizing:border-box}
.about-page img{display:block;width:100%;height:100%;object-fit:cover}
.about-page .container{width:min(1200px,calc(100% - 40px));margin:0 auto}
.about-kicker{display:inline-block;font-size:12px;line-height:1;font-weight:700;letter-spacing:1.6px;color:#2563eb;margin-bottom:16px}
.about-page h1,.about-page h2,.about-page h3,.about-page p{margin-top:0}
.about-page h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:24px;color:#102a43}
.about-page h1 span,.about-page h2 span{color:#2563eb}
.about-page h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-1px;margin-bottom:20px}
.about-page h3{font-size:18px;line-height:1.25;color:#102a43;margin-bottom:9px}
.about-page p{font-size:15px;line-height:1.75;color:#5b6b7d}
.about-btn{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:14px 21px;background:#2563eb;color:#fff;text-decoration:none;font-weight:700;font-size:13px;border-radius:5px;box-shadow:0 10px 24px rgba(37,99,235,.16);transition:.2s ease}
.about-btn:hover{background:#174ea6;transform:translateY(-2px)}
.about-btn-red{background:#d9282f;box-shadow:0 10px 24px rgba(217,40,47,.14)}
.about-btn-red:hover{background:#bd2027}

/* intro */
.about-intro{padding:78px 0 70px;background:#fff}
.about-intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.about-intro-copy{padding-right:18px}
.about-lead{font-size:17px!important;line-height:1.75!important;color:#35536e!important;margin-bottom:14px!important}
.about-intro-visual{min-height:500px;position:relative}
.about-photo{position:absolute;overflow:hidden;border-radius:14px;box-shadow:0 18px 50px rgba(15,42,67,.12)}
.about-photo-main{left:0;top:0;width:78%;height:430px}
.about-photo-small{right:0;width:42%;height:180px}
.about-photo-small-top{top:0}
.about-photo-small-bottom{bottom:0}
.about-photo-small img{object-position:center}

/* clients */
.about-clients{padding:28px 0 34px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;text-align:center;background:#fff}
.about-clients-title{font-size:30px;font-weight:700;line-height:1.2;color:#173b5c;margin-bottom:26px}
.about-client-carousel{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px}
.client-viewport{overflow:hidden;width:100%}
.client-track{display:flex;transition:transform .35s ease;will-change:transform}
.client-name{flex:0 0 20%;max-width:20%;padding:10px 12px;font-size:22px;line-height:1;letter-spacing:.2px;font-weight:700;color:#202a35;white-space:nowrap;text-align:center}
.client-name:nth-child(1),.client-name:nth-child(5){font-family:Georgia,serif;font-weight:500;letter-spacing:.5px}
.client-name:nth-child(2){letter-spacing:1px}
.client-name:nth-child(3){font-style:italic;font-size:20px}
.client-name:nth-child(4){font-weight:400;color:#e16b74}
.client-arrow{width:30px;height:30px;border:0;background:transparent;color:#dfe4e9;font-size:34px;line-height:24px;cursor:pointer;display:grid;place-items:center;padding:0;transition:color .2s ease}
.client-arrow:hover{color:#2563eb}
@media(max-width:900px){.about-clients-title{font-size:25px}.client-name{flex-basis:33.333%;max-width:33.333%;font-size:18px}.client-name:nth-child(3){font-size:17px}}
@media(max-width:600px){.about-clients{padding:22px 0 28px}.about-clients-title{font-size:21px;margin-bottom:18px}.about-client-carousel{grid-template-columns:26px 1fr 26px;gap:4px}.client-name{flex-basis:50%;max-width:50%;font-size:14px;padding:8px 5px}.client-name:nth-child(3){font-size:13px}.client-arrow{font-size:30px}}

/* service */
.about-service-promise{padding:92px 0;background:#f2f6fa}
.about-service-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.about-service-copy h2{max-width:600px}
.about-service-lead{max-width:690px;margin-bottom:30px}
.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 42px}
.about-feature{position:relative;padding-left:2px}
.feature-number{font-size:12px;font-weight:800;color:#e02d34;letter-spacing:1px;margin-bottom:10px}
.about-feature h3{font-size:17px}
.about-feature p{font-size:13px;line-height:1.65;margin-bottom:0}
.about-service-image{height:560px;position:relative}
.about-service-image>img{border-radius:2px 18px 18px 2px}
.about-image-badge{position:absolute;left:-25px;bottom:28px;background:#fff;padding:18px 22px;border-left:4px solid #d9282f;box-shadow:0 15px 35px rgba(15,42,67,.14);display:flex;flex-direction:column;min-width:180px}
.about-image-badge strong{font-size:21px;color:#102a43}.about-image-badge span{font-size:12px;color:#6a7c8f;margin-top:3px}

/* stats */
.about-stats-banner{position:relative;min-height:260px;background-image:url('../images/about/stats-bg.jpg');background-size:cover;background-position:center}
.about-stats-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,54,.82),rgba(11,64,103,.78))}
.about-stats-row{position:relative;z-index:1;min-height:260px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}
.about-stats-row>div{text-align:center;padding:25px 18px;border-right:1px solid rgba(255,255,255,.22)}
.about-stats-row>div:last-child{border-right:0}
.about-stats-row strong{display:block;color:#fff;font-size:40px;line-height:1;margin-bottom:10px;letter-spacing:-1px}
.about-stats-row span{display:block;color:#fff;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.2px}

/* process */
.about-process{padding:92px 0;background:#f7fafc}
.about-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-process-image{height:460px;overflow:hidden;border-radius:12px;box-shadow:0 16px 40px rgba(15,42,67,.12)}
.about-process-copy h2{margin-bottom:30px}
.process-list{display:grid;gap:18px}
.process-item{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.process-item>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf2fb;color:#2563eb;font-size:11px}
.process-item h3{margin-bottom:5px;font-size:16px}.process-item p{font-size:13px;line-height:1.6;margin:0}

/* benefits */
.about-benefits{padding:88px 0;background:#fff}
.about-section-heading.centered{text-align:center;margin-bottom:45px}
.about-section-heading.centered h2{margin-bottom:0}
.about-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #dfe8f0;border-bottom:1px solid #dfe8f0}
.about-benefit-grid article{padding:28px 18px;border-right:1px solid #dfe8f0;text-align:center}
.about-benefit-grid article:last-child{border-right:0}
.about-benefit-grid article>span{font-size:11px;color:#2563eb;font-weight:800;letter-spacing:1px}
.about-benefit-grid h3{font-size:15px;margin:11px 0 7px}.about-benefit-grid p{font-size:12px;line-height:1.55;margin:0}

/* story */
.about-story{padding:92px 0;background:#fff}
.about-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.about-story-copy p{max-width:560px}.about-story-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:24px}.about-story-points span{font-size:13px;color:#24445f;font-weight:600}.about-story-points span:first-letter{color:#2563eb}
.about-story-visual{height:500px;position:relative}.about-story-visual img{border-radius:14px;box-shadow:0 18px 45px rgba(15,42,67,.12)}
.story-large{width:75%;height:380px;position:absolute;top:0;right:0}.story-small{width:46%;height:220px;position:absolute;bottom:0;left:0;border:10px solid #fff}

/* CTA */
.about-cta{padding:0;background:#1268e8;color:#fff}
.about-cta-grid{display:grid;grid-template-columns:1fr 1fr;min-height:350px;align-items:stretch}
.about-cta-grid>div:first-child{padding:60px 45px 60px 0;display:flex;flex-direction:column;justify-content:center}
.about-cta-grid>div:first-child>span{font-size:11px;letter-spacing:1px;font-weight:700;opacity:.9;margin-bottom:10px}
.about-cta-grid h2{font-size:39px;line-height:1.12;color:#fff;margin-bottom:14px}.about-cta-grid p{color:rgba(255,255,255,.86);max-width:560px;font-size:13px;margin-bottom:8px}
.about-cta-btn{align-self:flex-start;display:inline-flex;gap:10px;align-items:center;background:#fff;color:#173b5c;text-decoration:none;padding:14px 20px;border-radius:4px;font-size:12px;font-weight:800;margin-top:14px}
.about-cta-image{min-height:350px}.about-cta-image img{filter:saturate(.9)}

@media(max-width:1000px){
 .about-intro-grid,.about-service-grid,.about-process-grid,.about-story-grid{grid-template-columns:1fr;gap:50px}
 .about-intro-copy{padding-right:0}.about-intro-visual{min-height:500px}.about-service-image{height:480px}.about-benefit-grid{grid-template-columns:repeat(3,1fr)}.about-benefit-grid article:nth-child(3){border-right:0}.about-benefit-grid article:nth-child(-n+3){border-bottom:1px solid #dfe8f0}.about-story-visual{max-width:760px;width:100%;margin:auto}
}
@media(max-width:800px){
 .about-client-strip{grid-template-columns:repeat(3,1fr)}.about-client-strip span:nth-child(3){border-right:0}.about-client-strip span:nth-child(-n+3){border-bottom:1px solid #e6edf3}
 .about-stats-row{grid-template-columns:repeat(3,1fr);padding:25px 0}.about-stats-row>div:nth-child(3){border-right:0}.about-stats-row>div:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.22)}.about-stats-banner,.about-stats-row{min-height:360px}
 .about-feature-grid{gap:24px}.about-cta-grid{grid-template-columns:1fr}.about-cta-grid>div:first-child{padding:55px 0}.about-cta-image{min-height:300px}
}
@media(max-width:600px){
 .about-page .container{width:min(100% - 28px,1200px)}.about-intro,.about-service-promise,.about-process,.about-benefits,.about-story{padding:65px 0}.about-intro-visual{min-height:420px}.about-photo-main{width:78%;height:350px}.about-photo-small{height:145px;width:43%}.about-feature-grid{grid-template-columns:1fr}.about-service-image{height:380px}.about-image-badge{left:12px;bottom:18px}.about-client-strip{grid-template-columns:1fr 1fr}.about-client-strip span:nth-child(odd){border-right:1px solid #e6edf3}.about-client-strip span:nth-child(3),.about-client-strip span:nth-child(4){border-bottom:1px solid #e6edf3}.about-client-strip span:nth-child(2),.about-client-strip span:nth-child(4),.about-client-strip span:nth-child(6){border-right:0}
 .about-stats-row{grid-template-columns:1fr 1fr;min-height:0;padding:20px 0}.about-stats-row>div,.about-stats-row>div:nth-child(-n+3){border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.about-stats-row>div:nth-child(even){border-right:0}.about-stats-row>div:nth-child(5){grid-column:1/-1;border-right:0;border-bottom:0}.about-stats-row strong{font-size:30px}
 .about-process-image{height:320px}.about-benefit-grid{grid-template-columns:1fr 1fr}.about-benefit-grid article{border-right:1px solid #dfe8f0!important;border-bottom:1px solid #dfe8f0!important}.about-benefit-grid article:nth-child(even){border-right:0!important}.about-benefit-grid article:nth-last-child(-n+2){border-bottom:0!important}.about-story-points{grid-template-columns:1fr}.about-story-visual{height:400px}.story-large{height:300px}.story-small{height:170px}.about-cta-grid h2{font-size:32px}
}

/* Request Free Trial - clear mouse hover indication */
.about-cta-btn:hover {
  background-color: #0b3d91 !important;
  color: #ffffff !important;
  border-color: #0b3d91 !important;
  box-shadow: 0 0 0 3px rgba(11, 61, 145, 0.25) !important;
  transform: translateY(-2px) !important;
  cursor: pointer !important;
}

.about-cta-btn:hover span {
  color: #ffffff !important;
}