/* LightNet clean/pro pass, 2026-07-29 */
:root {
  --black: #050607;
  --white: #f4f1eb;
  --muted: #a8afb5;
  --red: #d71920;
  --red-dark: #7b0d12;
  --line: rgba(244, 241, 235, .18);
}

html,
body {
  background:
    linear-gradient(90deg, rgba(2, 3, 4, .96), rgba(2, 3, 4, .82) 48%, rgba(2, 3, 4, .68)),
    url("lightnet-pro-interface.png") center / cover fixed no-repeat,
    var(--black) !important;
  color: var(--white);
}

body::before,
body::after {
  opacity: .18 !important;
  box-shadow: none !important;
}

.site-header,
.site-footer,
.home-panel,
.service-card,
.value-item,
.shortcut-grid a,
.news-grid article,
.status-card,
.service-signal {
  border-color: var(--line) !important;
  background:
    linear-gradient(180deg, rgba(12, 14, 16, .78), rgba(4, 5, 6, .88)),
    rgba(5, 6, 7, .78) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .22) !important;
}

.site-header {
  gap: 26px !important;
}

.brand {
  min-width: min(236px, 56vw);
  min-height: 64px;
  align-items: center !important;
  background: url("lightnet-wing-logo.svg") left center / contain no-repeat !important;
}

.brand .mark,
.brand > span:not(.mark) {
  opacity: 0 !important;
}

.site-nav {
  gap: 22px !important;
}

.site-nav a {
  white-space: nowrap;
}

.service-hero .brush-title {
  font-size: 78px !important;
  line-height: .92 !important;
  max-width: 760px;
}

.home-hero,
.service-hero,
.partner-hero,
.fivedays-hero,
.business-hero {
  min-height: min(760px, calc(100vh - 84px));
  border-color: rgba(244, 241, 235, .16) !important;
  background:
    linear-gradient(90deg, rgba(3, 4, 5, .92), rgba(3, 4, 5, .68) 46%, rgba(3, 4, 5, .38)),
    url("lightnet-pro-hero.png") center / cover no-repeat !important;
  box-shadow: inset 0 0 90px rgba(0, 0, 0, .55) !important;
}

.brand .mark,
.kicker,
.eyebrow,
.site-nav a:hover,
.site-nav a.is-active,
.panel-head a,
.panel-button,
.button,
.shortcut-grid span,
.status-pill {
  color: var(--red) !important;
}

.brush-title,
.home-title,
h1,
h2,
h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase;
  text-shadow: none !important;
  transform: none !important;
}

.brush-title span,
.brush-title strong {
  color: var(--white) !important;
  display: inline !important;
}

.button,
.panel-button,
.login-button,
.icon-button {
  border-color: rgba(244, 241, 235, .22) !important;
  background: rgba(244, 241, 235, .06) !important;
  color: var(--white) !important;
  box-shadow: none !important;
}

.button.primary,
.panel-button:hover,
.login-button:hover {
  border-color: rgba(215, 25, 32, .48) !important;
  background: rgba(215, 25, 32, .2) !important;
}

.home-page .kicker,
.home-page .subline,
.home-page .lead,
.home-page .status-card,
.home-page .section-heading p:not(.eyebrow),
.home-page .value-item small,
.home-page .event-list p,
.home-page .release-list small,
.home-page .lightbot-entry p,
.home-page .news-grid p,
.home-page .shortcut-grid small,
.site-footer p,
.copyright span:last-child,
.services-page .lead,
.services-page .service-signal p,
.services-page .service-card p {
  display: none !important;
}

.home-page .actions {
  margin-top: 28px;
}

.home-dashboard,
.news-grid,
.shortcut-grid,
.service-grid,
.value-strip {
  gap: 14px !important;
}

.news-grid article:nth-child(1) img,
.news-grid article:nth-child(2) img,
.news-grid article:nth-child(3) img {
  content: url("lightnet-pro-interface.png");
  filter: saturate(.72) contrast(1.06) brightness(.82);
}

.service-card::before,
.home-panel::before,
.value-item::before {
  opacity: .22 !important;
}

@media (max-width: 760px) {
  .home-hero,
  .service-hero {
    min-height: 620px;
  }

  .service-hero .brush-title {
    font-size: 48px !important;
  }

  .brand {
    min-width: 190px;
    min-height: 56px;
  }
}