/* About page */
.ab-crumb-i{font-size:.6rem}
.ab-story{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.ab-story__copy{margin-top:1.5rem}
.ab-story__copy p{font-size:1.05rem}
.ab-story__copy p:last-child{margin:0}
.ab-story__media{position:relative;padding:0 0 2.2rem 2.2rem;isolation:isolate}
.ab-story__img{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/3.4;background:var(--sky-100)}
.ab-story__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ab-story__media:hover .ab-story__img img{transform:scale(1.05)}
.ab-story__media::before{content:'';position:absolute;right:-18px;top:-18px;width:55%;height:55%;border-radius:var(--r-xl);border:2px dashed var(--sky);z-index:-1;opacity:.7}
.ab-story__card{position:absolute;left:0;bottom:0;display:flex;gap:.9rem;align-items:center;padding:1rem 1.4rem;border-radius:var(--r-md);background:var(--grad-brand);color:#cfe2f7;box-shadow:var(--sh-lg);border-left:4px solid var(--orange);animation:abFloat 5s ease-in-out infinite}
.ab-story__card i{font-size:1.4rem;color:var(--orange-400)}
.ab-story__card strong{display:block;color:#fff;font-family:var(--f-display);font-size:1rem;line-height:1.3}
.ab-story__card span{font-size:.85rem}
@keyframes abFloat{50%{transform:translateY(-8px)}}
.ab-story__more{margin-top:clamp(2.5rem,5vw,4rem);display:flex;gap:1.5rem;padding:clamp(1.5rem,3vw,2.4rem) clamp(1.5rem,3vw,2.4rem) clamp(1.5rem,3vw,2.4rem) clamp(1.8rem,3.5vw,2.8rem);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);position:relative}
.ab-story__more>i{flex:0 0 auto;font-size:1.8rem;color:var(--orange);opacity:.8}
.ab-story__more p{margin:0 0 .8rem}
.ab-story__more p:last-child{margin:0}
.ab-story__more::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:var(--grad-warm)}

.ab-vm{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.ab-vm__card{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:clamp(1.8rem,3.5vw,3rem);transition:transform .4s var(--ease),box-shadow .4s}
.ab-vm__card:hover{transform:translateY(-6px)}
.ab-vm__card h3{font-size:clamp(1.7rem,2.6vw,2.2rem);font-weight:800;margin-bottom:1rem;position:relative}
.ab-vm__card p{margin:0;font-size:1.03rem;line-height:1.8;position:relative}
.ab-vm__icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;margin-bottom:1.4rem;position:relative}
.ab-vm__card::after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-100px;pointer-events:none}
.ab-vm__card--dark{background:linear-gradient(145deg,var(--navy-900),var(--navy));color:#c3d4ea;box-shadow:var(--sh-lg)}
.ab-vm__card--dark h3{color:#fff}
.ab-vm__card--dark .ab-vm__icon{background:rgba(97,185,240,.18);color:var(--sky)}
.ab-vm__card--dark::after{background:radial-gradient(circle,rgba(97,185,240,.3),transparent 65%)}
.ab-vm__card--light{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-md)}
.ab-vm__card--light:hover{box-shadow:var(--sh-lg)}
.ab-vm__card--light .ab-vm__icon{background:var(--orange-50);color:var(--orange)}
.ab-vm__card--light::after{background:radial-gradient(circle,rgba(255,108,0,.14),transparent 65%)}

.ab-grid{display:grid;gap:1.4rem}
.ab-grid--values,.ab-grid--3{grid-template-columns:repeat(3,1fr)}
.ab-value{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.8rem;box-shadow:var(--sh-sm);transition:opacity .8s var(--ease),transform .35s var(--ease),box-shadow .35s,border-color .35s}
.ab-value:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent}
.ab-value::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad-warm);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.ab-value:hover::after{transform:none}
.ab-value__no{position:absolute;right:1.2rem;top:.4rem;font-family:var(--f-display);font-weight:800;font-size:4.6rem;line-height:1;color:var(--sky-100);transition:color .35s;user-select:none}
.ab-value:hover .ab-value__no{color:var(--orange-50)}
.ab-value .icon-x{position:relative}
.ab-value h4{font-size:1.1rem;font-weight:700;margin-bottom:.6rem;position:relative}
.ab-value p{margin:0;font-size:.95rem;position:relative}

.ab-solutions{overflow:hidden}
.ab-solutions::before{content:'';position:absolute;width:600px;height:600px;left:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(97,185,240,.18),transparent 65%)}
.ab-solutions .container{position:relative}
.ab-lead{margin:1rem auto 0}
.ab-solutions .ab-lead{color:#b9c9df}
.ab-sol{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:2rem;transition:opacity .8s var(--ease),transform .35s var(--ease),background .35s,border-color .35s}
.ab-sol:hover{transform:translateY(-6px);background:rgba(255,255,255,.09);border-color:var(--orange)}
.ab-sol h4{color:#fff;font-size:1.2rem;margin-bottom:.6rem}
.ab-sol p{margin:0;color:#b9c9df}
.ab-sol .icon-x{background:rgba(255,108,0,.15)}

.ab-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:960px;margin:0 auto}
.ab-chip{display:inline-flex;align-items:center;gap:.7rem;padding:.6rem 1.3rem .6rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);font-weight:600;font-size:.95rem;color:var(--ink);transition:.3s var(--ease);cursor:default}
.ab-chip i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;background:var(--sky-100);color:var(--navy);transition:.3s}
.ab-chip:hover{transform:translateY(-4px);background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--sh-md)}
.ab-chip:hover i{background:var(--orange);color:#fff}

@media(max-width:991px){
  .ab-story{grid-template-columns:1fr}
  .ab-story__media{max-width:560px;margin:0 auto;width:100%}
  .ab-vm{grid-template-columns:1fr}
  .ab-grid--values,.ab-grid--3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575px){
  .ab-grid--values,.ab-grid--3{grid-template-columns:1fr}
  .ab-story__media{padding:0 0 1.6rem 0}
  .ab-story__card{left:12px;padding:.8rem 1.1rem}
  .ab-story__media::before{display:none}
  .ab-story__more{flex-direction:column;gap:.6rem}
  .ab-chip{font-size:.88rem;padding-right:1rem}
  .ab-value__no{font-size:3.8rem}
}

.ab-solutions .section-head{max-width:860px}