/* Licensed electronics photograph: decorative texture, never behind translucent cards. */
body { position: relative; isolation: isolate; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(110deg, rgba(7, 24, 33, .92), rgba(7, 28, 37, .79)),
    url('/assets/electronics-background.webp') center / cover no-repeat;
}
.hero {
  background:
    radial-gradient(ellipse at 85% 39%, #16424e44, transparent 55%),
    linear-gradient(90deg, #091c2566, transparent 85%);
}
.materials { background: rgba(13, 34, 44, .52); }
.partnership { background: radial-gradient(ellipse at 20% 70%, #15433844, transparent 60%), rgba(7, 24, 32, .45); }
.compliance { background: rgba(16, 43, 50, .76); }
.contact { background: radial-gradient(ellipse at 5% 55%, #16484d44, transparent 50%), rgba(9, 28, 37, .45); }
.ils-spotlight { padding: 0 0 80px; background: rgba(13, 34, 44, .52); }
.ils-banner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 44px;
  padding: 43px 46px;
  border-color: #527a64;
  background: radial-gradient(ellipse at 100% 0, #345b39, transparent 66%), linear-gradient(145deg, #173b3d, #0e3038);
  box-shadow: 0 24px 55px -17px #000b, inset 0 1px 0 #dcffba30, 0 0 38px -18px #b8e28b40;
}
.ils-banner .eyebrow { color: var(--lime); margin-bottom: 16px; font-size: 9px; letter-spacing: 1.6px; }
.ils-banner h2 { font-size: 33px; line-height: 1.24; letter-spacing: -1.2px; }
.ils-banner h2 span { color: var(--ink); }
.ils-banner-copy > p:last-child { margin-top: 15px; max-width: 475px; font-size: 13px; color: #bed3c9; }
.ils-official-button { min-width: 340px; min-height: 80px; padding: 24px 30px; font-size: 17px; gap: 24px; border-radius: 13px; }
.ils-official-button svg { width: 26px; height: 26px; }
.ils-official-button:focus-visible { outline-color: white; outline-offset: 7px; }
@media (max-width: 1100px) {
  .ils-banner { gap: 25px; padding: 34px; }
  .ils-banner h2 { font-size: 29px; }
  .ils-official-button { min-width: 285px; padding: 22px; font-size: 15px; gap: 16px; }
}
@media (max-width: 800px) {
  body::before {
    background-image: linear-gradient(110deg, rgba(7, 24, 33, .93), rgba(7, 28, 37, .83)), url('/assets/electronics-background-mobile.webp');
  }
  .ils-banner { grid-template-columns: 1fr; gap: 27px; }
  .ils-official-button { justify-self: start; }
  .ils-spotlight { padding-bottom: 64px; }
}
@media (max-width: 540px) {
  .ils-banner { padding: 29px 23px; gap: 25px; }
  .ils-banner h2 { font-size: 28px; letter-spacing: -.8px; }
  .ils-banner .eyebrow { font-size: 8px; line-height: 1.7; letter-spacing: 1.2px; }
  .ils-banner-copy > p:last-child { font-size: 12px; }
  .ils-official-button { width: 100%; min-width: 0; min-height: 76px; white-space: normal; text-align: left; justify-content: space-between; padding: 19px 21px; font-size: 15px; line-height: 1.5; }
  .ils-spotlight { padding-bottom: 56px; }
}