
/* =========================================================
   ANTIBE ABOUT
   ========================================================= */

.about-page { color:var(--ink); background:#fff; }
.about-page .section-shell { width:min(calc(100% - 56px),var(--content-max)); }

.about-hero {
  position:relative;
  overflow:hidden;
  min-height:900px;
  background:#eaf5fb;
}
.about-hero__backdrop {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 11% 89%,rgba(255,103,48,.42),transparent 29%),
    radial-gradient(circle at 87% 13%,rgba(74,177,255,.60),transparent 31%),
    radial-gradient(circle at 70% 88%,rgba(31,170,160,.16),transparent 30%),
    linear-gradient(135deg,#e3f3fb,#f4f9fb 49%,#fff4ec);
}
.about-hero__shell {
  position:relative;
  z-index:2;
  width:min(calc(100% - 56px),var(--page-max));
  min-height:900px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
}
.about-hero__content {
  width:min(calc(100% - 80px),1440px);
  margin:auto;
  padding:90px 0 65px;
}
.about-hero h1 {
  max-width:1200px;
  margin:20px 0 0;
  color:#050505;
  font-size:clamp(60px,5.2vw,88px);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:400;
}
.about-hero__lead {
  max-width:980px;
  margin:28px 0 0;
  color:#405961;
  font-size:19px;
  line-height:1.65;
}
.about-hero__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:36px;
}
.about-hero__proof {
  width:min(calc(100% - 80px),1320px);
  margin:0 auto 35px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(8,45,50,.08);
  border-radius:18px;
  background:rgba(255,255,255,.57);
  backdrop-filter:blur(12px);
}
.about-hero__proof article {
  min-height:115px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 24px;
  border-right:1px solid rgba(8,45,50,.07);
}
.about-hero__proof article:last-child { border-right:0; }
.about-hero__proof strong {
  color:var(--ink);
  font-size:27px;
  font-weight:500;
}
.about-hero__proof span {
  margin-top:5px;
  color:#6b7e83;
  font-size:15px;
  line-height:1.45;
}

.about-story {
  padding:115px 0 125px;
  background:#fff;
}
.about-story__layout {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);
  gap:80px;
  align-items:center;
}
.about-story__copy h2,
.about-section-head h2 {
  margin:16px 0 0;
  color:var(--ink);
  font-size:clamp(45px,3.8vw,63px);
  line-height:1.07;
  letter-spacing:-.047em;
  font-weight:400;
}
.about-story__lead {
  margin:24px 0 0;
  color:#3d5962;
  font-size:19px;
  line-height:1.68;
}
.about-story__copy > p:not(.about-story__lead) {
  margin:19px 0 0;
  color:#687a7f;
  font-size:16px;
  line-height:1.72;
}
.about-story__visual {
  min-height:650px;
  display:flex;
  flex-direction:column;
  padding:36px;
  border:1px solid rgba(8,45,50,.08);
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 12%,rgba(74,177,255,.22),transparent 31%),
    radial-gradient(circle at 11% 90%,rgba(255,103,48,.14),transparent 30%),
    linear-gradient(145deg,#edf8fd,#fff 54%,#fff6f0);
  box-shadow:0 26px 58px rgba(18,58,82,.10);
}
.about-story__visual-head > span,
.about-story__quote > span {
  color:#74868a;
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.about-story__visual-head strong {
  display:block;
  margin-top:12px;
  color:var(--ink);
  font-size:38px;
  font-weight:400;
}
.about-story__visual-head small {
  display:block;
  margin-top:8px;
  color:#65787d;
  font-size:15px;
}
.about-story__visual-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:42px;
}
.about-story__visual-grid > div {
  min-height:130px;
  padding:20px;
  border:1px solid rgba(8,45,50,.07);
  border-radius:17px;
  background:rgba(255,255,255,.66);
}
.about-story__visual-grid strong,
.about-story__visual-grid span { display:block; }
.about-story__visual-grid strong {
  color:var(--ink);
  font-size:18px;
  font-weight:500;
}
.about-story__visual-grid span {
  margin-top:8px;
  color:#718287;
  font-size:15px;
  line-height:1.45;
}
.about-story__quote {
  margin-top:auto;
  padding-top:35px;
}
.about-story__quote p {
  max-width:520px;
  margin:11px 0 0;
  color:var(--ink);
  font-size:28px;
  line-height:1.3;
}

.about-principles {
  padding:115px 0 125px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 12%,rgba(74,177,255,.22),transparent 31%),
    radial-gradient(circle at 10% 90%,rgba(31,170,160,.14),transparent 29%),
    linear-gradient(135deg,#15131b,#102432 63%,#07383a);
}
.about-section-head { max-width:1050px; }
.about-section-head--center { margin-inline:auto; text-align:center; }
.about-principles .about-section-head h2 { color:#fff; }
.about-section-head > p {
  max-width:760px;
  margin:22px 0 0;
  color:rgba(255,255,255,.64);
  font-size:16px;
  line-height:1.65;
}
.about-principles__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:58px;
}
.about-principles__grid article {
  min-height:340px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:rgba(255,255,255,.05);
}
.about-principles__grid article > span {
  color:#79c8ff;
  font-size:15px;
  font-weight:600;
}
.about-principles__grid h3 {
  margin:auto 0 0;
  padding-top:55px;
  color:#fff;
  font-size:27px;
  line-height:1.18;
  font-weight:400;
}
.about-principles__grid p {
  margin:14px 0 0;
  color:rgba(255,255,255,.61);
  font-size:15px;
  line-height:1.6;
}

.about-capabilities {
  padding:115px 0 125px;
  background:#f6f9fb;
}
.about-capabilities__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:58px;
}
.about-capabilities__grid a {
  min-height:430px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid rgba(8,45,50,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 12%,rgba(74,177,255,.12),transparent 30%),
    #fff;
}
.about-capabilities__grid a:nth-child(2) {
  background:
    radial-gradient(circle at 14% 88%,rgba(31,170,160,.10),transparent 31%),
    #fff;
}
.about-capabilities__grid a:nth-child(3) {
  background:
    radial-gradient(circle at 88% 12%,rgba(255,103,48,.10),transparent 31%),
    #fff;
}
.about-capabilities__grid > a > span {
  color:#73858a;
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.about-capabilities__grid h3 {
  margin:38px 0 0;
  color:var(--ink);
  font-size:31px;
  line-height:1.14;
  font-weight:400;
}
.about-capabilities__grid p {
  margin:15px 0 0;
  color:#687a7f;
  font-size:15px;
  line-height:1.62;
}
.about-capabilities__grid strong {
  margin-top:auto;
  padding-top:28px;
  color:var(--ink);
  font-size:15px;
}

.about-reviews {
  padding:115px 0 125px;
  background:#fff;
}
.about-reviews__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:56px;
}
.about-reviews__grid article {
  min-height:390px;
  display:flex;
  flex-direction:column;
  padding:32px;
  border:1px solid rgba(8,45,50,.08);
  border-radius:24px;
  background:#f8fafb;
}
.about-review__stars {
  color:#ff6b38;
  font-size:16px;
  letter-spacing:.12em;
}
.about-reviews blockquote {
  margin:30px 0 0;
  color:var(--ink);
  font-size:22px;
  line-height:1.55;
}
.about-reviews article footer {
  margin-top:auto;
  padding-top:30px;
  border-top:1px solid rgba(8,45,50,.08);
}
.about-reviews article footer strong,
.about-reviews article footer span {
  display:block;
  font-size:15px;
}
.about-reviews article footer strong { color:var(--ink); }
.about-reviews article footer span { margin-top:4px; color:#718287; }

.about-video-reviews {
  padding:115px 0 125px;
  background:#f6f9fb;
}
.about-video-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:58px;
}
.about-video-grid article {
  padding:14px;
  border:1px solid rgba(8,45,50,.08);
  border-radius:24px;
  background:#fff;
}
.about-video {
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:17px;
  background:#132a38;
}
.about-video iframe {
  width:100%;
  height:100%;
  border:0;
}
.about-video-grid article > span,
.about-video-grid article > a {
  display:block;
  padding:15px 5px 4px;
  color:var(--ink);
  font-size:15px;
  font-weight:600;
}
.about-video--reference {
  display:grid;
  place-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 82% 14%,rgba(74,177,255,.26),transparent 31%),
    radial-gradient(circle at 12% 88%,rgba(255,103,48,.18),transparent 30%),
    linear-gradient(145deg,#172432,#0a4042);
}
.about-video--reference > div { text-align:center; }
.about-video__play {
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.10);
  font-size:20px;
}
.about-video--reference strong,
.about-video--reference small { display:block; }
.about-video--reference strong { font-size:24px; }
.about-video--reference small { margin-top:5px; color:rgba(255,255,255,.62); font-size:15px; }

.about-fit {
  padding:115px 0 125px;
  background:#fff;
}
.about-fit__card {
  padding:58px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 85% 14%,rgba(74,177,255,.27),transparent 29%),
    radial-gradient(circle at 9% 90%,rgba(255,103,48,.20),transparent 30%),
    linear-gradient(135deg,#151822,#102d3d 58%,#07383a);
}
.about-fit__card > span {
  color:#9bd5ff;
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.about-fit__card h2 {
  max-width:1120px;
  margin:16px 0 0;
  color:#fff;
  font-size:clamp(45px,3.75vw,63px);
  line-height:1.07;
  letter-spacing:-.047em;
  font-weight:400;
}
.about-fit__paths {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:48px;
  border-top:1px solid rgba(255,255,255,.14);
}
.about-fit__paths a {
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:28px 28px 0 0;
  border-right:1px solid rgba(255,255,255,.14);
}
.about-fit__paths a:last-child { border-right:0; padding-left:28px; }
.about-fit__paths a:nth-child(2) { padding-left:28px; }
.about-fit__paths strong,
.about-fit__paths span { display:block; }
.about-fit__paths strong { color:#fff; font-size:20px; }
.about-fit__paths span { margin-top:9px; color:rgba(255,255,255,.62); font-size:15px; }

.about-final-cta h2 {
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:1120px) {
  .about-story__layout { grid-template-columns:1fr; }
  .about-principles__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-capabilities__grid { grid-template-columns:1fr; }
  .about-capabilities__grid a { min-height:310px; }
}
@media (max-width:980px) {
  .about-hero,.about-hero__shell { min-height:auto; }
  .about-hero__shell { width:calc(100% - 40px); }
  .about-hero__content,.about-hero__proof { width:100%; }
  .about-page .section-shell { width:calc(100% - 40px); }
  .about-hero__proof { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-hero__proof article:nth-child(2) { border-right:0; }
  .about-hero__proof article:nth-child(-n+2) { border-bottom:1px solid rgba(8,45,50,.07); }
}
@media (max-width:720px) {
  .about-hero__shell,.about-page .section-shell { width:calc(100% - 30px); }
  .about-hero__content { padding-top:50px; }
  .about-hero h1 { font-size:8vw; line-height:1.08; }
  .about-hero__lead { font-size:17px; }
  .about-hero__actions { flex-direction:column; }
  .about-hero__actions .btn { width:100%; }
  .about-reviews__grid,.about-video-grid,.about-fit__paths { grid-template-columns:1fr; }
  .about-fit__paths a,
  .about-fit__paths a:nth-child(2),
  .about-fit__paths a:last-child {
    padding:24px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .about-fit__paths a:last-child { border-bottom:0; }
}
@media (max-width:560px) {
  .about-story,.about-principles,.about-capabilities,.about-reviews,.about-video-reviews,.about-fit {
    padding-top:80px;
    padding-bottom:86px;
  }
  .about-story__copy h2,.about-section-head h2,.about-fit__card h2 { font-size:40px; }
  .about-story__visual { min-height:0; padding:28px 22px; }
  .about-story__visual-grid,.about-principles__grid { grid-template-columns:1fr; }
  .about-story__quote { margin-top:35px; }
  .about-reviews blockquote { font-size:19px; }
  .about-fit__card { padding:36px 24px; }
}


/* =========================================================
   V43 — ABOUT REFINEMENTS
   ========================================================= */

.about-story__visual-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}

.about-story__visual-head > div {
  min-width:0;
}

.about-story__founder-photo {
  width:96px;
  height:96px;
  flex:0 0 96px;
  object-fit:cover;
  object-position:center 22%;
  border:4px solid rgba(255,255,255,.88);
  border-radius:50%;
  box-shadow:0 12px 28px rgba(17,55,78,.14);
}

.about-principles__grid article {
  min-height:310px;
}

.about-principle__icon {
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:19px;
  color:#b7e3ff;
  background:
    radial-gradient(circle at 82% 15%,rgba(74,177,255,.28),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.about-principles__grid article:nth-child(2) .about-principle__icon {
  color:#ffd1bf;
  background:
    radial-gradient(circle at 84% 15%,rgba(255,103,48,.30),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
}

.about-principles__grid article:nth-child(3) .about-principle__icon {
  color:#b8f0e7;
  background:
    radial-gradient(circle at 18% 84%,rgba(31,170,160,.28),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
}

.about-principles__grid article:nth-child(4) .about-principle__icon {
  color:#d9d3ff;
  background:
    radial-gradient(circle at 82% 14%,rgba(136,117,255,.28),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
}

.about-principle__icon svg {
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.about-principles__grid h3 {
  margin:24px 0 0;
  padding-top:0;
}

.about-principles__grid p {
  margin-top:12px;
}

/* Keep capability CTA closer to the supporting copy. */
.about-capabilities__grid strong {
  margin-top:18px;
  padding-top:0;
}

/* Written reviews — scrolling carousel, 3 visible on desktop. */
.about-review-carousel {
  margin-top:56px;
}

.about-review-carousel__viewport {
  overflow:hidden;
}

.about-review-carousel__track {
  display:flex;
  gap:18px;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}

.about-review__slide {
  min-width:calc((100% - 36px) / 3);
  min-height:410px;
  display:flex;
  flex-direction:column;
  padding:30px;
  border:1px solid rgba(8,45,50,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 12%,rgba(74,177,255,.09),transparent 30%),
    linear-gradient(145deg,#fff,#f8fafb);
}

.about-review__stars {
  color:#ff6b38;
  font-size:16px;
  letter-spacing:.12em;
}

.about-review__slide blockquote {
  margin:28px 0 0;
  color:var(--ink);
  font-size:20px;
  line-height:1.55;
}

.about-review__slide footer {
  margin-top:auto;
  padding-top:26px;
  border-top:1px solid rgba(8,45,50,.08);
}

.about-review__slide footer strong,
.about-review__slide footer span {
  display:block;
  font-size:15px;
}

.about-review__slide footer strong {
  color:var(--ink);
}

.about-review__slide footer span {
  margin-top:4px;
  color:#718287;
}

.about-review-carousel__controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
}

.about-review-carousel__count {
  color:#718287;
  font-size:15px;
}

.about-review-carousel__buttons {
  display:flex;
  gap:9px;
}

.about-review-carousel__buttons button {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(8,45,50,.10);
  border-radius:50%;
  color:var(--ink);
  background:#fff;
  font:inherit;
  font-size:17px;
  cursor:pointer;
}

.about-review-carousel__buttons button:hover {
  background:#f0f6f9;
}

@media (max-width:1120px) {
  .about-review__slide {
    min-width:calc((100% - 18px) / 2);
  }
}

@media (max-width:720px) {
  .about-story__founder-photo {
    width:82px;
    height:82px;
    flex-basis:82px;
  }

  .about-review-carousel__track {
    gap:14px;
  }

  .about-review__slide {
    min-width:100%;
  }
}

@media (max-width:560px) {
  .about-story__visual-head {
    gap:18px;
  }

  .about-story__founder-photo {
    width:72px;
    height:72px;
    flex-basis:72px;
  }

  .about-review__slide {
    min-height:390px;
    padding:26px 22px;
  }

  .about-review__slide blockquote {
    font-size:18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-review-carousel__track {
    transition:none;
  }
}


/* =========================================================
   V44 — ABOUT DESKTOP SPACING REFINEMENTS
   ========================================================= */

@media (min-width: 1121px) {
  .about-principles__grid article {
    min-height: 280px;
  }

  .about-principles__grid h3 {
    margin-top: 32px;
  }

  .about-capabilities__grid a {
    min-height: 300px;
  }
}


/* =========================================================
   V52 — ABOUT PAGE RESTORE + CONTINUOUS CLIENT CAROUSEL
   ========================================================= */

.about-review-carousel__viewport {
  overflow: hidden !important;
}

.about-review-carousel__track {
  transition: none !important;
  will-change: auto;
}

.about-review__slide {
  flex: 0 0 calc((100% - 36px) / 3);
}

@media (max-width:1120px) {
  .about-review__slide {
    flex-basis: calc((100% - 18px) / 2);
  }
}

@media (max-width:720px) {
  .about-review__slide {
    flex-basis: 100%;
  }
}
