/* About only. Native sticky cards follow the homepage's content-fit pattern. */
.about-page{--about-blue:#245bdd;--about-muted:#52647a;--about-line:#dce3ed}
.about-page h1,.about-page h2{line-height:1.08;letter-spacing:-.04em}
.about-page h2{font-size:clamp(30px,3vw,42px)}
.about-page p{color:var(--about-muted);line-height:1.65}
.about-hero,.about-final{background:#090909;color:#fff}
.about-hero{padding:64px 0}
.about-hero h1{font-size:clamp(38px,4.15vw,58px);max-width:900px}
.about-hero .about-intro,.about-final p{color:#d3dae4;margin-top:24px;max-width:670px}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:999px;background:#fff;color:#090909;padding:12px 23px;font-size:14px;font-weight:700;min-height:48px}
.about-button-outline{background:transparent;color:#fff;border-color:#6c717a}
.about-button:hover{background:#e6edff;color:#090909}
.about-button-outline:hover{border-color:#fff}
.about-stories{padding:72px 0;display:grid;gap:32px;isolation:isolate}
.about-card{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#f4f6f9;border:1px solid var(--about-line);border-radius:24px;scroll-margin-top:110px;position:relative}
.about-card:nth-child(even){background:#fff}
.about-card-image{position:relative;min-width:0;border-radius:23px 0 0 23px;overflow:hidden}
.about-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.about-card:nth-child(even) .about-card-image{order:2;border-radius:0 23px 23px 0}
.about-card-devices .about-card-image{background:#f4f6f9}
.about-card-devices .about-card-image img{object-fit:contain;padding:16px}
.about-card-body{padding:44px;align-self:center;min-width:0}
.about-card-body h2{margin-bottom:22px}
.about-card-body p{margin-top:14px;font-size:15px}
.about-capabilities{padding:16px 0 80px;scroll-margin-top:110px}
.about-capabilities h2{max-width:650px;margin-bottom:36px}
.about-capabilities ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:28px}
.about-capabilities li{display:flex;gap:16px;border-top:1px solid var(--about-line);padding-top:24px;min-width:0}
.about-capabilities svg{width:28px;height:28px;flex-shrink:0;color:var(--about-blue)}
.about-capabilities h3{font-size:19px;line-height:1.35;margin-bottom:8px}
.about-capabilities a:hover{color:var(--about-blue)}
.about-capabilities li p{font-size:14px}
.about-final{padding:72px 0}
.about-final h2{max-width:720px;font-size:clamp(34px,4vw,52px)}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){
  .about-stack-ready{grid-auto-rows:1fr}
  .about-stack-ready .about-card{position:sticky;top:var(--about-stack-top);z-index:calc(var(--card-index) + 1)}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
  .about-stack-ready .about-card{position:sticky;top:var(--about-card-stack-top);z-index:calc(var(--card-index) + 1)}
}
@media(max-width:1100px){
  .about-card-body{padding:32px}
  .about-card{min-height:0}
}
@media(max-width:900px){
  .about-card{grid-template-columns:1fr}
  .about-card-image,.about-card:nth-child(even) .about-card-image{order:0;aspect-ratio:1.75;border-radius:23px 23px 0 0}
}
@media(max-width:700px){
  .about-hero{padding:40px 0}
  .about-hero h1{font-size:clamp(34px,8.8vw,48px)}
  .about-stories{padding:36px 0 48px;gap:24px}
  .about-card{grid-template-columns:1fr;border-radius:20px}
  .about-card-image,.about-card:nth-child(even) .about-card-image{order:0;aspect-ratio:1.4;border-radius:19px 19px 0 0}
  .about-card-body{padding:28px 22px}
  .about-page h2{font-size:30px}
  .about-card-body h2{margin-bottom:20px}
  .about-capabilities{padding:0 0 48px;text-align:center}
  .about-capabilities h2{margin-left:auto;margin-right:auto}
  .about-capabilities ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
  .about-capabilities li{display:block;padding-top:20px}
  .about-capabilities svg{display:block;margin:0 auto 12px}
  .about-capabilities h3{font-size:18px}
  .about-final{padding:48px 0}
}
/* Preserve the full country rather than cropping its northern/southern tips. */
@media(max-width:900px){
  .about-card-country .about-card-image{aspect-ratio:4/3}
}
@media print{
  .about-page .about-card{position:relative!important;break-inside:avoid}
}