:root{
  --about-dark:#090d19;
  --about-purple:#6265fe;
  --about-lila:#b6bbff;
  --about-light-blue:#cfe7ff;
  --about-pale-blue:#e2f1ff;
  --about-yellow:#fffd98;
  --about-line:#dfdfdf;
  --about-grey:#4b5563;
  --about-container:1245px;
  --about-gradient:conic-gradient(from 24deg at 50% 50%,#0d1527 0deg,#090d19 42deg,#4950d6 108deg,#6265fe 148deg,#fffd98 222deg,#cfe7ff 280deg,#58779b 324deg,#162235 360deg);
}
.about-page{background:#fff;color:var(--about-dark);font-family:"Afacad Flux",sans-serif}
.about-page *{box-sizing:border-box}
.about-container{width:min(var(--about-container),calc(100% - 48px));margin-inline:auto}
.about-kicker{margin:0;color:var(--about-purple);font:500 16px/1.5 "Afacad Flux",sans-serif;letter-spacing:.01em;text-transform:uppercase}
.about-title{margin:0;font-family:Montserrat,sans-serif;color:var(--about-dark);letter-spacing:-.045em}

/* Intro */
.about-intro{padding:78px 0 58px;background:#fff}
.about-intro__content{max-width:1120px}
.about-intro h1{max-width:870px;margin:38px 0 0;font:500 clamp(43px,4.2vw,60px)/1.15 Montserrat,sans-serif;letter-spacing:-.05em}
.about-intro h1 strong{color:var(--about-purple);font-weight:700}
.about-intro__lead{max-width:1110px;margin:46px 0 0;font:500 24px/1.45 Montserrat,sans-serif;letter-spacing:-.015em}
.about-hero{height:376px;overflow:hidden;background:var(--about-dark)}
.about-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}

/* Values */
.about-values-section{padding:76px 0 66px;background:#fff}
.about-values-heading{max-width:980px}
.about-values-heading h2{margin:24px 0 0;font:500 clamp(38px,3.6vw,50px)/1.2 Montserrat,sans-serif;letter-spacing:-.045em}
.about-values-heading h2 strong{color:var(--about-purple);font-weight:600}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px}
.about-value{position:relative;min-height:240px;padding:32px;border:1px solid var(--about-line);border-radius:10px;background:#fff;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.about-value:hover,.about-value:focus-within{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--about-gradient) border-box;box-shadow:0 8px 20px rgba(9,13,25,.08)}
.about-value__top{display:flex;align-items:center;justify-content:space-between}
.about-value__icon{position:relative;display:block;width:39px;height:39px;flex:none;border-radius:8px;overflow:hidden}
.about-value__icon img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .22s ease}
.about-value__icon .is-hover{opacity:0}
.about-value:hover .about-value__icon .is-hover,.about-value:focus-within .about-value__icon .is-hover{opacity:1}
.about-value:hover .about-value__icon .is-default,.about-value:focus-within .about-value__icon .is-default{opacity:0}
.about-value__number{font:400 14px/1 "Afacad Flux",sans-serif;color:var(--about-dark)}
.about-value h3{margin:22px 0 0;font:600 24px/1.35 Montserrat,sans-serif;letter-spacing:-.025em}
.about-value p{margin:16px 0 0;font:400 18px/1.3 "Afacad Flux",sans-serif;color:#000}

/* Metrics / rolling figures */
.about-metrics{padding:40px 0 62px;background:#fff}
.about-metrics__grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);padding:70px 0 62px}
.about-metric{position:relative;text-align:center;padding:0 22px}
.about-metric:not(:last-child)::after{content:"";position:absolute;right:0;top:35%;width:1px;height:30%;background:repeating-linear-gradient(to bottom,var(--about-line) 0 3px,transparent 3px 7px)}
.about-odometer{display:flex;align-items:flex-start;justify-content:center;height:70px;overflow:hidden;color:var(--about-purple);font:200 71px/70px Montserrat,sans-serif;letter-spacing:-.08em}
.about-digit{position:relative;width:.66em;height:70px;overflow:hidden}
.about-digit__track{display:flex;flex-direction:column;align-items:center;will-change:transform;transform:translateY(0);transition:transform 1.55s cubic-bezier(.22,.75,.25,1)}
.about-digit__track span{display:flex;align-items:center;justify-content:center;width:100%;height:70px;flex:none}
.about-odometer__suffix{display:block;margin-left:2px;line-height:70px}
.about-metrics.is-visible .about-digit__track{transform:translateY(calc(var(--about-roll-offset,0) * -70px))}
.about-metric__label{margin:16px 0 0;font:400 14px/1.35 "Afacad Flux",sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#000}

/* Services */
.about-services{padding:72px 0 76px;background:var(--about-pale-blue)}
.about-services__heading{max-width:980px}
.about-services h2{margin:24px 0 0;font:500 clamp(38px,3.6vw,50px)/1.2 Montserrat,sans-serif;letter-spacing:-.045em}
.about-services h2 strong{color:var(--about-purple);font-weight:600}
.about-services__lead{max-width:760px;margin:25px 0 0;font:400 24px/1.45 "Afacad Flux",sans-serif}
.about-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
.about-service-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:130px;padding:30px 32px;border:1px solid var(--about-line);border-radius:10px;background:#fff;color:var(--about-dark);text-decoration:none;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.about-service-card:hover,.about-service-card:focus-visible{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--about-gradient) border-box;box-shadow:0 8px 20px rgba(9,13,25,.08);outline:none}
.about-service-card__text{max-width:270px;font:500 24px/1.35 Montserrat,sans-serif;letter-spacing:-.03em;cursor:text;user-select:text}
.about-service-card__arrow{display:grid;place-items:center;width:39px;height:39px;flex:none;margin-left:18px;border-radius:8px;background:var(--about-dark);transform:rotate(0);transform-origin:center;transition:transform .48s cubic-bezier(.22,.8,.32,1),background-color .24s ease}
.about-service-card__arrow img{display:block;width:12px;height:12px;object-fit:contain;pointer-events:none;user-select:none}
.about-service-card:hover .about-service-card__arrow,.about-service-card:focus-visible .about-service-card__arrow{background:var(--about-purple);transform:rotate(90deg)}

/* CTA */
.about-cta{padding:86px 0 90px;background:var(--about-dark);color:#fff;text-align:center}
.about-cta .about-kicker{color:var(--about-lila);text-transform:none}
.about-cta h2{margin:28px auto 0;max-width:850px;font:500 clamp(38px,3.7vw,50px)/1.4 Montserrat,sans-serif;letter-spacing:-.04em;color:#fff}
.about-cta h2 strong{display:block;color:var(--about-yellow);font-weight:600}
.about-cta__lead{max-width:760px;margin:24px auto 0;font:400 24px/1.45 "Afacad Flux",sans-serif}
.about-actions{display:flex;justify-content:center;gap:34px;margin-top:56px}
.about-page .home-footer{padding-top:64px}

@media(max-width:1050px){
  .about-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-metrics__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:54px}
  .about-metric:nth-child(2)::after{display:none}
  .about-metric:nth-child(-n+2){padding-bottom:32px;border-bottom:1px solid var(--about-line)}
}
@media(max-width:720px){
  .about-container{width:min(100% - 32px,var(--about-container))}
  .about-intro{padding:48px 0 42px}
  .about-intro h1{margin-top:24px;font-size:42px}
  .about-intro__lead{margin-top:28px;font-size:19px;line-height:1.45}
  .about-hero{height:260px}
  .about-values-section{padding:54px 0 48px}
  .about-values{grid-template-columns:1fr;margin-top:36px}
  .about-value{min-height:auto;padding:25px}
  .about-value h3{font-size:22px}
  .about-value p{font-size:17px}
  .about-metrics{padding:22px 0 48px}
  .about-metrics__grid{grid-template-columns:1fr;padding:46px 0;row-gap:0}
  .about-metric{padding:34px 14px;border-bottom:1px solid var(--about-line)}
  .about-metric:first-child{padding-top:0}
  .about-metric:last-child{padding-bottom:0;border-bottom:0}
  .about-metric::after{display:none!important}
  .about-metric:nth-child(-n+2){border-bottom:1px solid var(--about-line);padding-bottom:34px}
  .about-services{padding:54px 0 58px}
  .about-services__lead{font-size:20px}
  .about-services__grid{grid-template-columns:1fr;margin-top:38px}
  .about-service-card{min-height:112px;padding:24px}
  .about-service-card__text{font-size:21px}
  .about-cta{padding:68px 0}
  .about-cta__lead{font-size:20px}
  .about-actions{flex-direction:column;align-items:center;gap:14px;margin-top:38px}
}
@media(prefers-reduced-motion:reduce){
  .about-value,.about-value__icon img,.about-service-card,.about-service-card__arrow,.about-digit__track{transition:none!important}
}