/* Section: about_stats (ABOUT + STATS) — nodes 1:390 "Group 212", 1:373 "Vector" (plus icon),
   1:303 "Ellipse 11" (decorative glow) — fileKey lweOnfp23FBRWjuK2mQ7cw
   Coordinates are frame-relative to design frame 1:300 (1280px content column), y NOT rebased,
   matching sibling sections (see trusted.css). All values derived exactly from get_design_context
   calc() expressions / get_metadata reads, no invented/traced values. */

.sec-about_stats {
  position: relative;
  width: 1280px;
  height: 1526px; /* content top ~767 to band bottom 1526 (measured) */
}


/* ---------- heading + wordmark (1:392, 1:399) ---------- */
.sec-about_stats__heading {
  position: absolute;
  left: 44.6px;
  top: 767px;
  width: 394px;
  height: 162px;
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 63px;
  text-transform: uppercase;
  color: #003159;
}

.sec-about_stats__heading-red {
  color: #80121d;
}

.sec-about_stats__wordmark {
  position: absolute;
  left: 34px;
  top: 839px;
  width: 204px;
  height: 88px;
}

/* ---------- paragraph + About Us button (1:398, 1:393) ---------- */
.sec-about_stats__paragraph {
  position: absolute;
  left: 791.6px;
  top: 784px;
  width: 423px;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  color: #333333;
}

.sec-about_stats__bold {
  font-weight: 700;
}

.sec-about_stats__btn {
  position: absolute;
  left: 760px;
  top: 871px;
  width: 166px;
  height: 46px;
  background: #ffffff;
  display: block;
  text-decoration: none;
}

.sec-about_stats__btn-label {
  position: absolute;
  left: 6.5px;
  top: 13px;
  width: 84px;
  height: 19px;
  font-family: 'Ailerons', sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  color: #80121d;
  line-height: normal;
}

.sec-about_stats__btn-arrow-box {
  position: absolute;
  left: 124.5px;
  top: 7.5px;
  width: 34px;
  height: 31px;
  background: #80121d;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec-about_stats__btn-arrow {
  width: 16px;
  height: 8.2px;
  transform: rotate(-45deg);
}

/* ---------- maroon-bordered bento grid (1:421) ---------- */
.sec-about_stats__band {
  position: absolute;
  left: 82px;
  top: 950px;
  width: 1117px;
  height: 576px;
  background: linear-gradient(240.34deg, #80121d 1.89%, #ffffff 42.89%, #80121d 99.04%);
  mix-blend-mode: multiply;
  box-shadow: 0px -1px 6.3px 0px rgba(0, 0, 0, 0.25);
}

/* ---------- stat cards (bg panels, 1:423/1:429/1:437/1:441) ---------- */
.sec-about_stats__card {
  position: absolute;
  background: #f6fbff;
  border-radius: 10px;
}

.sec-about_stats__card--1 { left: 108px; top: 990px; width: 320px; height: 244px; }
.sec-about_stats__card--2 { left: 108px; top: 1258px; width: 320px; height: 248px; }
.sec-about_stats__card--3 { left: 832px; top: 1214px; width: 348px; height: 136px; }
.sec-about_stats__card--4 { left: 832px; top: 1370px; width: 348px; height: 136px; }

/* ---------- stat labels (1:424/1:430/1:438/1:442) ---------- */
.sec-about_stats__label {
  position: absolute;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -0.07px;
  text-transform: capitalize;
}

.sec-about_stats__label--1 { left: 122px; top: 1071px; width: 213px; color: #213a5d; text-align: center; }
.sec-about_stats__label--2 { left: 120px; top: 1333px; width: 139px; color: #002444; text-align: center; }
.sec-about_stats__label--3 { left: 847px; top: 1296px; width: 115px; color: #002444; }
.sec-about_stats__label--4 { left: 842px; top: 1455px; width: 135px; color: #002444; }

/* ---------- stat numbers (1:425/1:431/1:439/1:443) ---------- */
.sec-about_stats__number {
  position: absolute;
  margin: 0;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 1;
  letter-spacing: -0.35px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #003159 0.65%, #6bbcff 129.71%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sec-about_stats__number--1 { left: 127px; top: 999px; width: 189px; }
.sec-about_stats__number--2 { left: 124px; top: 1265px; width: 133px; }
.sec-about_stats__number--3 { left: 855px; top: 1226px; width: 220px; }
.sec-about_stats__number--4 { left: 839px; top: 1384px; width: 116px; }

/* ---------- imagery (1:432 AI head, 1:427 sphere, 1:435 server racks) ---------- */
.sec-about_stats__img {
  position: absolute;
  object-fit: cover;
  border-radius: 11px;
}

.sec-about_stats__img--ai     { left: 444px; top: 990px;  width: 248px; height: 208px; }
.sec-about_stats__img--sphere { left: 444px; top: 1214px; width: 368px; height: 292px; }
.sec-about_stats__img--racks  { left: 708px; top: 990px;  width: 472px; height: 208px; border-radius: 10px; }

/* ---------- decorative plus icon (1:373 "Vector") ---------- */
.sec-about_stats__plus {
  position: absolute;
  left: 943px;
  top: 1310px;
  width: 23px;
  height: 23px;
  pointer-events: none;
}

/* Scale the WHOLE ABOUT section (heading, logo, text, button, red box) down
   as one group, uniformly, so it fits the screen. Anchored at the section's
   top (767) so the block stays in place and just shrinks proportionally.
   Tune --as-box-scale (1 = original size). Page background is untouched. */
.sec-about_stats .as-box{
  position:absolute; left:0; top:0; width:1280px;
  transform-origin:640px 767px;
  /* nudged down a touch so it isn't crowding the hero banner above */
  transform:translateY(var(--as-box-push, 38px)) scale(var(--as-box-scale, 0.9));
}