/* About Us Upgrade */

.about-section{
  position:relative;
  overflow:hidden;
  padding:70px 0 66px !important;
}

.about-section::before{
  content:"";
  position:absolute;
  inset:14px 0;
  border-radius:40px;
  background:
    radial-gradient(circle at 12% 16%,rgba(77,231,243,.20),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(239,93,168,.12),transparent 36%),
    linear-gradient(135deg,#ffffff 0%,#eefaff 55%,#ffffff 100%);
  z-index:0;
}

.about-section::after{
  content:"";
  position:absolute;
  width:400px;
  height:400px;
  right:-150px;
  bottom:30px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(139,92,246,.16),transparent 68%);
  animation:aboutGlow 7s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:1;
}

@keyframes aboutGlow{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-24px,-18px,0) scale(1.08);}
}

.about-section .container{
  position:relative;
  z-index:3;
}

/* Layout */
.about-section .split{
  display:grid !important;
  grid-template-columns:1.02fr .98fr !important;
  gap:28px !important;
  align-items:center !important;
}

/* Text panel */
.about-section .split-copy{
  position:relative;
  padding:34px;
  border-radius:34px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 26px 80px rgba(15,23,42,.11);
  backdrop-filter:blur(18px);
}

.about-section .split-copy::before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:24px;
  top:24px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(77,231,243,.20),transparent 70%);
  pointer-events:none;
}

.about-section .section-kicker{
  background:rgba(77,231,243,.16) !important;
  border-color:rgba(77,231,243,.26) !important;
  color:#2563eb !important;
}

.about-section .section-title{
  max-width:620px;
  margin:16px 0 16px !important;
  font-size:clamp(34px,4.2vw,58px) !important;
  line-height:.98 !important;
  color:#07111f !important;
}

.about-section .split-copy p{
  max-width:620px;
  color:#667085 !important;
}

/* injected highlight cards */
.about-highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:24px 0 6px;
}

.about-highlight{
  position:relative;
  padding:16px 16px 16px 52px;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(77,231,243,.13),transparent 34%),
    linear-gradient(135deg,#ffffff,#f7fbff);
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 14px 38px rgba(15,23,42,.07);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.about-highlight:hover{
  transform:translateY(-5px);
  border-color:rgba(77,231,243,.42);
  box-shadow:0 22px 56px rgba(15,23,42,.12);
}

.about-highlight::before{
  content:"✓";
  position:absolute;
  left:15px;
  top:16px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  background:linear-gradient(135deg,#4de7f3,#8b5cf6);
  box-shadow:0 10px 24px rgba(77,231,243,.24);
}

.about-highlight strong{
  display:block;
  color:#07111f;
  font-size:14.5px;
  line-height:1.25;
}

.about-highlight span{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:12.5px;
  line-height:1.45;
}

/* button spacing */
.about-section .split-copy .btn{
  margin-top:20px !important;
}

/* Image side */
.about-section .image-stack{
  position:relative;
  padding:12px !important;
  border-radius:34px !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 30px 90px rgba(15,23,42,.14) !important;
  overflow:visible;
}

.about-section .image-stack::before{
  content:"";
  position:absolute;
  inset:-10px;
  z-index:-1;
  border-radius:42px;
  background:linear-gradient(135deg,#4de7f3,#8b5cf6,#ef5da8);
  opacity:.30;
  filter:blur(1px);
}

.about-section .image-stack > img{
  height:440px !important;
  width:100%;
  object-fit:cover;
  border-radius:26px !important;
  filter:saturate(1.07) contrast(1.03);
  transition:transform .7s cubic-bezier(.22,1,.36,1), filter .7s ease;
}

.about-section .image-stack:hover > img{
  transform:scale(1.035);
  filter:saturate(1.14) contrast(1.05);
}

.about-section .image-badge{
  left:26px !important;
  right:26px !important;
  bottom:26px !important;
  padding:17px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 18px 46px rgba(15,23,42,.14);
  backdrop-filter:blur(16px);
}

.about-section .image-badge strong{
  color:#07111f !important;
}

.about-floating{
  position:absolute;
  right:-12px;
  top:32px;
  z-index:5;
  width:178px;
  padding:16px;
  border-radius:24px;
  background:rgba(7,17,31,.86);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 22px 56px rgba(15,23,42,.20);
  backdrop-filter:blur(16px);
  animation:aboutFloat 4.8s ease-in-out infinite alternate;
}

.about-floating strong{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:26px;
  line-height:1;
}

.about-floating span{
  display:block;
  margin-top:6px;
  color:#c8d6e8;
  font-size:12.5px;
  font-weight:800;
  line-height:1.45;
}

@keyframes aboutFloat{
  from{transform:translateY(0);}
  to{transform:translateY(-10px);}
}

/* legacy about fallback */
#aboutus .abt_flx{
  border-radius:34px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 26px 80px rgba(15,23,42,.11) !important;
}

/* reveal */
.about-section .split-copy,
.about-section .image-stack,
.about-highlight{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .75s cubic-bezier(.22,1,.36,1),
    transform .75s cubic-bezier(.22,1,.36,1),
    box-shadow .28s ease,
    border-color .28s ease;
}

.about-section .split-copy.is-about-visible,
.about-section .image-stack.is-about-visible,
.about-highlight.is-about-visible{
  opacity:1;
  transform:translateY(0);
}

/* Mobile */
@media(max-width:980px){
  .about-section{
    padding:58px 0 52px !important;
  }

  .about-section::before{
    inset:10px 0;
    border-radius:32px;
  }

  .about-section .split{
    grid-template-columns:1fr !important;
  }

  .about-section .image-stack{
    order:-1;
    max-width:620px;
    margin:auto;
  }

  .about-section .image-stack > img{
    height:360px !important;
  }

  .about-floating{
    right:16px;
    top:24px;
  }
}

@media(max-width:640px){
  .about-section{
    padding:46px 0 40px !important;
  }

  .about-section::before{
    border-radius:24px;
  }

  .about-section .split{
    gap:18px !important;
  }

  .about-section .split-copy{
    padding:22px 18px;
    border-radius:24px;
    text-align:center;
  }

  .about-section .section-kicker{
    margin-left:auto;
    margin-right:auto;
  }

  .about-section .section-title{
    font-size:33px !important;
    letter-spacing:-1.2px;
  }

  .about-highlights{
    grid-template-columns:1fr;
    gap:10px;
  }

  .about-highlight{
    text-align:left;
  }

  .about-section .image-stack{
    padding:9px !important;
    border-radius:24px !important;
  }

  .about-section .image-stack > img{
    height:300px !important;
    border-radius:18px !important;
  }

  .about-section .image-badge{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:10px;
    text-align:left;
  }

  .about-floating{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    margin-top:10px;
    text-align:center;
    border-radius:18px;
  }
}