/* ===================== ABOUT US PAGE ===================== */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ----- hero ----- */
.auhero{position:relative;padding:calc(var(--h-head) + 44px) 0 64px;background:#fff;overflow:hidden}
.auhero .hero-mesh .h1b{top:-220px;right:-40px}.auhero .hero-mesh .h2b{bottom:-180px;left:-70px}
.auh-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.auh-copy .eyebrow{margin-bottom:14px}
.auh-copy h1{font-size:clamp(2.05rem,4.2vw,3.15rem);line-height:1.08;letter-spacing:-.02em;margin-bottom:16px}
.auh-copy .sub{color:var(--slate);font-size:1.06rem;max-width:530px;margin-bottom:24px}
.auh-cta{display:flex;gap:13px;flex-wrap:wrap}
.auh-visual{position:relative;display:flex;justify-content:center}
.auh-visual::before{display:none}
.auh-frame{position:relative;z-index:2;width:100%;max-width:600px;animation:floaty 6.5s ease-in-out infinite}
.auh-frame .img-frame{aspect-ratio:16/11;box-shadow:none}
.au-chip{position:absolute;z-index:4;background:#fff;border:1px solid var(--blue-12);border-radius:13px;padding:9px 13px;box-shadow:var(--shadow-blue);display:flex;align-items:center;gap:9px;animation:floaty 5s ease-in-out infinite}
.au-chip .bi{width:30px;height:30px;border-radius:9px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.au-chip .bi svg{width:17px;height:17px}
.au-chip b{font-family:var(--font-head);font-size:.95rem;display:block;line-height:1}
.au-chip span{font-size:.68rem;color:var(--slate)}
.au-chip.c1{top:6%;left:-4%}.au-chip.c2{bottom:8%;right:-3%;animation-delay:1.2s}

/* ----- who we are ----- */
.auwho-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:46px}
.auwho-grid .img-frame{aspect-ratio:16/12;animation:floaty 7s ease-in-out infinite;box-shadow:0 24px 58px rgba(24,104,251,.16)}
.auwho-copy h2{font-size:clamp(1.6rem,3.1vw,2.3rem);margin-bottom:14px}
.auwho-copy p{color:var(--slate);font-size:1rem;margin-bottom:14px}
.au-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.au-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px 14px;text-align:center;box-shadow:var(--shadow-soft)}
.au-stat .num{font-family:var(--font-head);font-weight:800;font-size:1.8rem;color:var(--blue);line-height:1}
.au-stat .lbl{font-size:.78rem;color:var(--slate);margin-top:6px}

/* ----- journey timeline ----- */
.aujourney{background:var(--bg-tint)}
.au-tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:26px}
.au-tl::before{content:"";position:absolute;top:0;left:4%;right:4%;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--blue-deep))}
.au-tl .tli{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 20px;transition:.28s}
.au-tl .tli:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.au-tl .tli::before{content:"";position:absolute;top:-31px;left:26px;width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-18)}
.au-tl .yr{display:inline-flex;font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:5px 13px;margin-bottom:12px}
.au-tl h4{font-size:1.02rem;margin-bottom:7px}
.au-tl p{font-size:.86rem;color:var(--slate)}

/* ----- vision & mission ----- */
.au-vm{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.au-vmc{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;overflow:hidden;transition:.28s}
.au-vmc::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue-deep))}
.au-vmc:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.au-vmc .ic{width:54px;height:54px;border-radius:14px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:16px}
.au-vmc .ic svg{width:27px;height:27px}
.au-vmc h3{font-size:1.35rem;margin-bottom:10px}
.au-vmc p{color:var(--slate);font-size:.96rem}

/* ----- what we offer ----- */
.au-offer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.au-ocard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;transition:.28s;display:flex;flex-direction:column}
.au-ocard:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.au-ocard .ic{width:48px;height:48px;border-radius:13px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.au-ocard .ic svg{width:24px;height:24px}
.au-ocard h4{font-size:1.06rem;margin-bottom:12px}
.au-ocard ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.au-ocard li{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;color:var(--slate)}
.au-ocard li svg{width:15px;height:15px;color:var(--blue);flex:0 0 auto;margin-top:3px}
.au-ocard li b{color:var(--ink)}

/* ----- why choose ----- */
.auwhy{background:var(--bg-tint)}
.au-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.au-wcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;transition:.28s}
.au-wcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.au-wcard .ic{width:48px;height:48px;border-radius:13px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.au-wcard .ic svg{width:24px;height:24px}
.au-wcard h4{font-size:1.04rem;margin-bottom:7px}
.au-wcard p{font-size:.87rem;color:var(--slate)}

/* ----- team collage ----- */
.au-team{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.au-collage{position:relative;min-height:380px}
.au-collage .cfr{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(24,104,251,.18);background:#fff;border:1px solid var(--blue-12)}
.au-collage .cfr .img-frame{width:100%;height:100%;border-radius:18px}
.au-collage .cfr.main{width:66%;aspect-ratio:4/3.4;top:0;left:0;animation:floaty 7s ease-in-out infinite}
.au-collage .cfr.sub{width:46%;aspect-ratio:4/3.6;bottom:0;right:0;animation:floaty 7s ease-in-out infinite;animation-delay:1.4s;z-index:2}
.au-team-copy h2{font-size:clamp(1.6rem,3.1vw,2.3rem);margin-bottom:14px}
.au-team-copy p{color:var(--slate);font-size:1rem;margin-bottom:22px}

/* ----- responsive ----- */
@media(max-width:1024px){
  .auh-grid{grid-template-columns:1fr;gap:32px;text-align:center}
  .auh-copy .sub{margin-left:auto;margin-right:auto}
  .auh-cta{justify-content:center}
  .au-chip.c1{left:0}.au-chip.c2{right:0}
  .auwho-grid{grid-template-columns:1fr;gap:28px}
  .au-stats{grid-template-columns:repeat(2,1fr)}
  .au-tl{grid-template-columns:1fr;padding-top:0;padding-left:26px}
  .au-tl::before{top:2%;bottom:2%;left:6px;right:auto;width:3px;height:auto;background:linear-gradient(180deg,var(--blue),var(--blue-deep))}
  .au-tl .tli::before{top:24px;left:-26px}
  .au-vm{grid-template-columns:1fr}
  .au-offer,.au-why{grid-template-columns:repeat(2,1fr)}
  .au-team{grid-template-columns:1fr;gap:30px}
}
@media(max-width:640px){
  .au-offer,.au-why{grid-template-columns:1fr}
  .au-stats{grid-template-columns:1fr !important;gap:12px}
  .au-collage{min-height:300px}
  .auh-cta{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}
  
  /* Center all buttons on mobile view */
  .btn, button.btn, a.btn {
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:100%;
    max-width:320px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  
  /* Happy Customer Cards Stack */
  .auh-visual {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
  }
  .au-chip {
    position: relative;
    width: 100%;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    animation: none;
    transform: none !important;
  }
  .auh-frame {
    order: -1;
    margin-bottom: 8px;
  }
}

/* Responsive Image replacements */
.au-img-responsive {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  animation: floaty 6.5s ease-in-out infinite;
}
.au-img-responsive-who {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 18px;
  box-shadow: 0 24px 58px rgba(24,104,251,.16);
  animation: floaty 7s ease-in-out infinite;
}