.version-light {
  --shell: min(1300px, calc(100% - 48px));
}

.version-light body {
  color: #071a2d;
  background: #f6fcff;
}

.version-light .site-header::before {
  border-color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 #fff, 0 18px 50px rgba(25,91,124,.12);
}

.version-light .primary-nav a,
.version-light .phone-link {
  color: #102c43;
}

.version-light .phone-link span { color: #2e6988; opacity: 1; }

.version-light .hero {
  min-height: 0;
  padding-top: 132px;
  padding-bottom: 52px;
  color: #071a2d;
  background:
    radial-gradient(circle at 10% 18%, rgba(74,210,251,.2), transparent 25rem),
    radial-gradient(circle at 78% 75%, rgba(110,125,255,.12), transparent 28rem),
    linear-gradient(145deg, #fafeff, #eaf8ff 68%, #f3f7ff);
}

.version-light .hero-backdrop {
  display: none;
}

.version-light .hero-backdrop::after { display: none; }
.version-light .hero::before { background: radial-gradient(circle, rgba(62,196,244,.2), transparent 68%); }
.version-light .hero::after { background: radial-gradient(circle, rgba(109,124,255,.13), transparent 70%); }

.version-light .hero-grid {
  grid-template-columns: minmax(360px, 1fr) minmax(290px, .72fr) minmax(360px, .82fr);
  align-items: stretch;
  gap: 20px;
  min-height: 560px;
}

.version-light .hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 570px;
  padding: 28px 10px 28px 0;
  flex-direction: column;
  justify-content: center;
}

.version-light .hero .eyebrow--light,
.version-light .hero .text-link--light { color: #0d72ac; }
.version-light .hero .eyebrow--light span { background: #21a7da; }
.version-light .hero h1 { font-size: clamp(3.5rem, 4.8vw, 5.2rem); }
.version-light .hero h1 em {
  background-image: linear-gradient(105deg, #0688cf, #29bfe8 56%, #687cf2);
}
.version-light .hero-lede { color: #50677a; }
.version-light .hero-proof span { color: #15334a; }
.version-light .hero-proof img { filter: none; }

.version-light .hero-scene {
  position: relative;
  display: block;
  min-height: 560px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 40px;
  background: #dff3fb;
  box-shadow: inset 0 1px 0 #fff, 0 34px 80px rgba(10,75,108,.17);
}
.version-light .hero-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(3,24,42,.46));
  pointer-events: none;
}
.version-light .hero-scene img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 64% center;
}
.version-light .hero-scene figcaption {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: grid;
  gap: 4px;
  padding: 17px 18px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  background: rgba(4,29,49,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
  backdrop-filter: blur(18px) saturate(145%);
}
.version-light .hero-scene figcaption span {
  color: rgba(255,255,255,.7);
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .16em;
}
.version-light .hero-scene figcaption strong { font-size: 1.05rem; }

.version-light .quote-card {
  align-self: center;
  padding: 28px;
  color: #071a2d;
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(238,250,255,.7));
  border-color: rgba(255,255,255,.94);
  box-shadow: inset 0 1px 0 #fff, 0 34px 84px rgba(7,57,89,.2);
}
.version-light .quote-card::before { background: radial-gradient(circle, rgba(63,203,247,.25), transparent 67%); }
.version-light .quote-card h2 { color: #071a2d; }
.version-light .quote-card .field { color: #314e63; }
.version-light .quote-card .field input,
.version-light .quote-card .field select {
  color: #071a2d;
  background: rgba(255,255,255,.68);
  border-color: rgba(15,122,179,.14);
  box-shadow: inset 0 1px 0 #fff;
}
.version-light .quote-card .field input::placeholder { color: #8093a0; }
.version-light .quote-card .form-note { color: #6a7f8d; }

.version-light .trust-rail {
  position: relative;
  inset: auto;
  width: var(--shell);
  min-height: 100px;
  margin: 18px auto 0;
  color: #071a2d;
  background: linear-gradient(120deg, rgba(255,255,255,.86), rgba(238,249,253,.7));
  border-color: rgba(255,255,255,.94);
  box-shadow: inset 0 1px 0 #fff, 0 24px 65px rgba(11,74,105,.14);
}
.version-light .trust-rail > div + div { border-color: rgba(12,94,143,.12); }
.version-light .trust-rail img { filter: none; }
.version-light .trust-rail span { color: #657988; }
.version-light .trust-rail strong { color: #0c263b; }

/* Alternate services composition */
.version-light .services {
  padding-top: 118px;
  background:
    radial-gradient(circle at 82% 12%, rgba(75,210,250,.18), transparent 26rem),
    radial-gradient(circle at 8% 84%, rgba(108,125,248,.08), transparent 28rem),
    linear-gradient(180deg, #f9fdff, #edf9ff);
}

.version-light .services .section-heading--split {
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .55fr);
  gap: 110px;
}

.version-light .service-layout {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.version-light .service-feature {
  min-height: 560px;
  border-radius: 40px;
}

.version-light .service-feature > img {
  object-position: center 45%;
}

.version-light .service-feature__shade {
  background:
    linear-gradient(90deg, rgba(3,20,36,.86), rgba(3,20,36,.52) 43%, rgba(3,20,36,.05) 74%),
    linear-gradient(180deg, transparent 65%, rgba(3,20,36,.36));
}

.version-light .service-feature__content {
  inset: 22px auto 22px 22px;
  width: min(560px, 48%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 42px;
  background: linear-gradient(145deg, rgba(6,31,53,.7), rgba(6,31,53,.34));
  backdrop-filter: blur(24px) saturate(150%);
}

.version-light .service-feature h3 {
  font-size: clamp(2.5rem, 3.3vw, 4rem);
}

.version-light .service-side {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  grid-template-rows: 430px;
  gap: 22px;
}

.version-light .service-commercial {
  min-height: 0;
  height: 430px;
  border-radius: 34px;
}

.version-light .service-commercial__copy {
  width: 60%;
  padding: 40px 0 36px 42px;
}

.version-light .service-commercial__photo {
  width: 49%;
  mask-image: linear-gradient(90deg, transparent, #000 18%);
}

.version-light .service-detail {
  min-height: 0;
  height: 430px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 68% 32%;
  border-radius: 34px;
}

.version-light .service-detail img {
  width: 100%;
  height: 100%;
}

.version-light .service-detail p {
  padding: 22px 26px;
  background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(226,247,255,.64));
}

@media (max-width: 1160px) {
  .version-light .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .8fr);
    gap: 24px;
  }
  .version-light .hero-copy { max-width: none; }
  .version-light .hero-scene { min-height: 540px; }
  .version-light .quote-card {
    grid-column: 1 / -1;
    width: min(860px, 100%);
    margin: 0 auto;
  }
}

@media (max-width: 1020px) {
  .version-light .services .section-heading--split { gap: 44px; }
  .version-light .service-feature__content { width: min(580px, 62%); }
  .version-light .service-side { grid-template-columns: 1fr 1fr; }
  .version-light .service-commercial__copy { width: 70%; padding-left: 32px; }
}

@media (max-width: 760px) {
  .version-light { --shell: min(1300px, calc(100% - 28px)); }
  .version-light .site-header::before { background: rgba(255,255,255,.8); }
  .version-light .menu-toggle { background: rgba(8,75,111,.08); }
  .version-light .menu-toggle span:not(.sr-only) { background: #0b3854; }
  .version-light .hero { padding-top: 116px; }
  .version-light .hero-grid { display: block; }
  .version-light .hero-copy { padding: 26px 0 36px; }
  .version-light .hero-scene {
    min-height: 430px;
    margin-bottom: 20px;
    border-radius: 28px;
  }
  .version-light .quote-card { background: rgba(255,255,255,.82); }
  .version-light .trust-rail { margin-top: 24px; background: rgba(255,255,255,.88); }
  .version-light .services { padding-top: 96px; }
  .version-light .services .section-heading--split { display: block; }
  .version-light .service-feature { min-height: 590px; }
  .version-light .service-feature__content {
    inset: auto 14px 14px;
    width: auto;
    padding: 26px;
  }
  .version-light .service-side {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .version-light .service-commercial {
    height: auto;
    min-height: 0;
    grid-template-rows: auto 240px;
  }
  .version-light .service-commercial__copy {
    width: auto;
    padding: 30px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(236,249,255,.92));
  }
  .version-light .service-commercial__photo {
    position: static;
    width: 100%;
    height: 240px;
    mask-image: none;
  }
  .version-light .service-detail {
    height: 360px;
    grid-template-rows: 62% 38%;
  }
}

@media (max-width: 430px) {
  .version-light .hero { padding-bottom: 44px; }
  .version-light .hero-scene { min-height: 390px; }
  .version-light .services { padding-top: 90px; }
}