/* ProLoad Athlete — editorial visual layer.
   Loaded after landing.css so the core layout, logo and bilingual copy remain untouched. */

.pl-land .lnd-hero {
  min-height: min(790px, calc(100vh - 68px));
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(4, 6, 11, 0.99) 0%, rgba(4, 6, 11, 0.95) 30%, rgba(4, 6, 11, 0.72) 48%, rgba(4, 6, 11, 0.24) 74%, rgba(4, 6, 11, 0.12) 100%),
    linear-gradient(180deg, rgba(4, 6, 11, 0.06) 55%, #04060b 100%),
    url('/media/proload-morning.webp') 65% 50% / cover no-repeat;
}

.pl-land .lnd-hero::before {
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, transparent 0%, rgba(4, 6, 11, 0.65) 55%, #04060b 100%);
}

.pl-land .lnd-hero::after {
  inset: 0;
  background:
    radial-gradient(42% 60% at 73% 42%, rgba(27, 198, 239, 0.1), transparent 72%),
    radial-gradient(35% 45% at 8% 18%, rgba(39, 68, 167, 0.24), transparent 74%);
}

.pl-land .lnd-hero-inner {
  min-height: 580px;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  align-items: center;
}

.pl-land .lnd-hero-inner > div:first-child {
  position: relative;
  z-index: 3;
  max-width: 600px;
}

.pl-land .lnd-hero h1 {
  max-width: 10.5ch;
  text-wrap: balance;
  text-shadow: 0 18px 52px rgba(0, 0, 0, 0.36);
}

.pl-land .lnd-hero-copy {
  max-width: 43ch;
  color: #a5b3c8;
}

.pl-land .lnd-hero-trust {
  max-width: 42ch;
  border-top-color: rgba(255, 255, 255, 0.11);
}

.pl-land .lnd-hero-media {
  position: relative;
  z-index: 3;
  align-self: end;
  justify-self: end;
  width: min(31vw, 278px);
  margin: 0 1.5vw -48px 0;
  filter: drop-shadow(0 36px 42px rgba(0, 0, 0, 0.48));
}

.pl-land .lnd-hero-media .lnd-phone {
  max-width: 250px;
  transform: rotate(1.5deg);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.035));
  box-shadow: 0 45px 100px -38px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* The core brand statement becomes a quiet editorial lifestyle moment. */
.pl-land .lnd-brand-moment {
  position: relative;
  overflow: hidden;
  min-height: 690px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(4, 6, 11, 0.9) 0%, rgba(4, 6, 11, 0.52) 48%, rgba(4, 6, 11, 0.84) 100%),
    linear-gradient(180deg, rgba(4, 6, 11, 0.08) 0%, rgba(4, 6, 11, 0.2) 55%, #04060b 100%),
    url('/media/proload-locker.webp') 38% 44% / cover no-repeat;
  background-color: #04060b;
}

.pl-land .lnd-brand-moment::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(48% 48% at 30% 45%, rgba(27, 198, 239, 0.09), transparent 72%),
    linear-gradient(180deg, rgba(4, 6, 11, 0.12), rgba(4, 6, 11, 0.5));
  pointer-events: none;
}

.pl-land .lnd-brand-moment .lnd-wrap {
  position: relative;
  z-index: 2;
}

.pl-land .lnd-brand-moment h2 {
  text-shadow: 0 18px 60px rgba(0, 0, 0, 0.7);
}

.pl-land .lnd-brand-lines {
  color: rgba(204, 217, 235, 0.58);
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.8);
}

.pl-land .lnd-brand-moment p {
  color: #aebbcf;
  text-shadow: 0 10px 34px rgba(0, 0, 0, 0.75);
}

/* A restrained third-party lifestyle image adds rhythm without turning the page into a gallery. */
.pl-land #science {
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, #04060b 0%, #04060b 47%, rgba(4, 6, 11, 0.92) 61%, rgba(4, 6, 11, 0.34) 100%),
    url('https://images.pexels.com/photos/5274800/pexels-photo-5274800.jpeg?auto=compress&cs=tinysrgb&w=1600') right 38% center / 42% auto no-repeat;
}

.pl-land #science::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #04060b 0%, transparent 22%, transparent 72%, #04060b 100%);
  pointer-events: none;
}

.pl-land #science .lnd-reveal {
  max-width: 58%;
}

/* Human support section: a quiet mobility moment on the left, text on the right. */
.pl-land #about + .lnd-section {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(4, 6, 11, 0.32) 0%, rgba(4, 6, 11, 0.7) 38%, #04060b 60%, #04060b 100%),
    url('https://images.pexels.com/photos/7187815/pexels-photo-7187815.jpeg?auto=compress&cs=tinysrgb&w=1600') left 45% center / 46% auto no-repeat;
}

.pl-land #about + .lnd-section .lnd-wrap {
  display: flex;
  justify-content: flex-end;
}

.pl-land #about + .lnd-section .lnd-reveal {
  width: min(58%, 680px);
}

/* Slightly richer panels so imagery and product UI feel part of the same system. */
.pl-land .lnd-pillars,
.pl-land .lnd-status-col,
.pl-land .lnd-insight-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.pl-land .lnd-pillar {
  background: linear-gradient(180deg, rgba(7, 11, 19, 0.98), rgba(4, 6, 11, 0.98));
}

@media (max-width: 980px) {
  .pl-land .lnd-hero {
    min-height: 760px;
    background:
      linear-gradient(90deg, rgba(4, 6, 11, 0.97) 0%, rgba(4, 6, 11, 0.86) 44%, rgba(4, 6, 11, 0.36) 100%),
      linear-gradient(180deg, rgba(4, 6, 11, 0.08) 46%, #04060b 100%),
      url('/media/proload-morning.webp') 58% center / cover no-repeat;
  }

  .pl-land .lnd-hero-inner {
    grid-template-columns: minmax(0, 1fr) 240px;
  }

  .pl-land .lnd-hero-media {
    order: initial;
    width: 220px;
    margin-right: 0;
  }

  .pl-land #science {
    background:
      linear-gradient(90deg, #04060b 0%, rgba(4, 6, 11, 0.94) 68%, rgba(4, 6, 11, 0.58) 100%),
      url('https://images.pexels.com/photos/5274800/pexels-photo-5274800.jpeg?auto=compress&cs=tinysrgb&w=1200') right center / cover no-repeat;
  }

  .pl-land #science .lnd-reveal {
    max-width: 72%;
  }
}

@media (max-width: 820px) {
  .pl-land .lnd-hero {
    min-height: auto;
    padding-top: 76px;
    background:
      linear-gradient(180deg, rgba(4, 6, 11, 0.65) 0%, rgba(4, 6, 11, 0.78) 38%, #04060b 84%),
      url('/media/proload-morning.webp') 66% top / auto 420px no-repeat;
  }

  .pl-land .lnd-hero-inner {
    display: block;
    min-height: 690px;
  }

  .pl-land .lnd-hero-inner > div:first-child {
    max-width: 590px;
    padding-top: 190px;
  }

  .pl-land .lnd-hero-media {
    position: absolute;
    right: 22px;
    bottom: -10px;
    width: 154px;
    margin: 0;
    opacity: 0.92;
  }

  .pl-land .lnd-brand-moment {
    min-height: 650px;
    background:
      linear-gradient(180deg, rgba(4, 6, 11, 0.48) 0%, rgba(4, 6, 11, 0.72) 48%, #04060b 100%),
      url('/media/proload-locker.webp') center 34% / cover no-repeat;
  }

  .pl-land #science {
    background:
      linear-gradient(180deg, #04060b 0%, rgba(4, 6, 11, 0.88) 68%, rgba(4, 6, 11, 0.62) 100%),
      url('https://images.pexels.com/photos/5274800/pexels-photo-5274800.jpeg?auto=compress&cs=tinysrgb&w=1000') center bottom / cover no-repeat;
  }

  .pl-land #science .lnd-reveal {
    max-width: 100%;
  }

  .pl-land #about + .lnd-section {
    background:
      linear-gradient(180deg, rgba(4, 6, 11, 0.58) 0%, rgba(4, 6, 11, 0.9) 58%, #04060b 100%),
      url('https://images.pexels.com/photos/7187815/pexels-photo-7187815.jpeg?auto=compress&cs=tinysrgb&w=1000') center 28% / cover no-repeat;
  }

  .pl-land #about + .lnd-section .lnd-wrap {
    display: block;
    padding-top: 230px;
  }

  .pl-land #about + .lnd-section .lnd-reveal {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .pl-land .lnd-hero-inner > div:first-child {
    padding-top: 150px;
  }

  .pl-land .lnd-hero-media {
    width: 132px;
    right: 16px;
    bottom: 2px;
  }

  .pl-land .lnd-brand-moment {
    min-height: 600px;
  }
}