:root {
  --ink: #071018;
  --navy: #071722;
  --navy-2: #102a3a;
  --black: #0a0d10;
  --gold: #d7b56d;
  --gold-2: #9b7530;
  --ivory: #f7f2e7;
  --paper: #fffdf7;
  --steel: #60707d;
  --line: rgba(215, 181, 109, .34);
  --white-line: rgba(255, 255, 255, .14);
  --max: 1180px;
  --shadow: 0 28px 80px rgba(7, 16, 24, .22);
  --about-header-height: 198px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width: 100%; overflow-x: hidden; }
body {
  margin: 0;
  padding-top: var(--about-header-height);
  color: var(--ink);
  background: var(--ivory);
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.58;
  max-width: 100%;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.text-link {
  color: #8b6422;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.text-link.light { color: #f4dfad; }

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  border-bottom: 1px solid var(--line);
  background: rgba(7, 16, 24, .94);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 14px 32px rgba(7, 16, 24, .22);
}
.nav {
  width: min(1320px, calc(100% - 40px));
  min-height: 162px;
  padding: 18px 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 390px minmax(360px, max-content) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: center;
  column-gap: 28px;
  row-gap: 8px;
  color: #fff;
}
.brand {
  display: contents;
}
.brand-mark {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  width: 390px;
  height: 136px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0;
  mix-blend-mode: lighten;
  filter: none;
}
.brand-title {
  display: contents;
}
.brand-title strong {
  grid-column: 2 / 4;
  grid-row: 1;
  align-self: end;
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 4vw, 4.1rem);
  line-height: .98;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.brand-title span {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  display: block;
  margin-top: 0;
  color: #dce7eb;
  font-size: clamp(1.05rem, 1.25vw, 1.35rem);
  white-space: nowrap;
}
.nav-links {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  gap: 6px;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.nav-links a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  color: #eaf2f4;
  border: 1px solid transparent;
  white-space: nowrap;
}
.nav-links a:hover,
.nav-links a.active {
  color: #fff;
  border-color: rgba(215, 181, 109, .38);
  background: rgba(255, 255, 255, .07);
}
.nav-links a.nav-upload {
  color: #071018;
  border-color: transparent;
  background: linear-gradient(135deg, #f8e8bd, #c79c42);
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}
.nav-cta,
.nav-return {
  color: #071018 !important;
  background: linear-gradient(135deg, #f8e8bd, #c79c42) !important;
  border-color: transparent !important;
}

.hero {
  position: relative;
  min-height: calc(100vh - 162px);
  display: grid;
  align-items: start;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(100deg, rgba(7, 16, 24, .96), rgba(7, 16, 24, .68) 54%, rgba(7, 16, 24, .32)),
    url("lco-logo.png") 74% 88% / min(760px, 50vw) auto no-repeat,
    var(--navy);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 16, 24, .9) 0%, rgba(7, 16, 24, .18) 54%, rgba(7, 16, 24, .46) 100%);
  opacity: 1;
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(0deg, rgba(7, 16, 24, .36), transparent 42%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 76px);
  pointer-events: none;
}
.hero-inner,
.section-inner,
.footer-inner {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}
.hero-inner {
  position: relative;
  z-index: 1;
  padding: 42px 0 230px;
  display: grid;
  width: min(1520px, calc(100% - 40px));
  grid-template-columns: minmax(0, 540px) minmax(650px, 780px);
  justify-content: space-between;
  gap: clamp(42px, 5vw, 86px);
  align-items: start;
}
.hero-client-marquee {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 0;
  right: 0;
  pointer-events: none;
}
.client-marquee-compact {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  padding: 0;
  opacity: .9;
}
.client-marquee-compact .client-track {
  gap: 10px;
  animation-duration: 55s;
}
.client-marquee-compact .client-logo-card {
  min-width: 142px;
  height: 42px;
  padding: 0 14px;
  gap: 8px;
  font-size: .68rem;
  letter-spacing: .055em;
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}
.client-marquee-compact .client-logo-card img {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}
.hero-copy { width: min(650px, 100%); }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f4dfad;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow::before {
  content: "";
  width: 48px;
  height: 1px;
  background: var(--gold);
}
h1, h2, h3 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.08;
  letter-spacing: 0;
}
h1 {
  margin-top: 18px;
  font-size: clamp(3rem, 4.8vw, 5.1rem);
  max-width: 760px;
}
h2 { color: #0a1720; font-size: clamp(2.1rem, 4vw, 4rem); }
h3 { color: #0d2230; font-size: 1.42rem; }
.hero-lede {
  width: min(650px, 100%);
  margin: 22px 0 0;
  color: #d9e6ea;
  font-size: clamp(1.02rem, 1.45vw, 1.22rem);
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  border: 1px solid transparent;
  font-weight: 900;
}
.button.primary { color: #071018; background: linear-gradient(135deg, #f8e8bd, #c89d42); }
.button.secondary { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.hero-intake-card {
  width: min(620px, 100%);
  margin-top: 28px;
  padding: 24px;
  color: #fff;
  border: 1px solid rgba(215,181,109,.48);
  background:
    linear-gradient(145deg, rgba(7,16,24,.92), rgba(16,42,58,.82)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 18px);
  box-shadow: 0 26px 64px rgba(0,0,0,.34);
}
.intake-card-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: baseline;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(215,181,109,.34);
}
.intake-card-head span {
  color: #f4dfad;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.intake-card-head strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.42rem;
  color: #fff;
}
.hero-intake-card ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 18px 0 20px;
  padding: 0;
  list-style: none;
  counter-reset: intake;
}
.hero-intake-card li {
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 9px 12px 9px 44px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #e9f2f4;
  font-weight: 800;
}
.hero-intake-card li::before {
  counter-increment: intake;
  content: counter(intake, decimal-leading-zero);
  position: absolute;
  left: 12px;
  color: #f4dfad;
  font-size: .75rem;
  font-weight: 950;
}
.hero-upload-button {
  width: 100%;
  min-height: 58px;
  font-size: 1.02rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.hero-authority-note {
  width: min(620px, 100%);
  margin: 18px 0 0;
  color: #f4dfad;
  font-weight: 800;
}
.hero-visual {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(360px, 430px);
  gap: 34px;
  align-items: stretch;
  justify-content: end;
  margin-top: -22px;
}
.hero-building {
  align-self: stretch;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(215, 181, 109, .42);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
}
.hero-building img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(.08) contrast(1.08) brightness(.92);
}
.hero-pillars {
  justify-self: end;
  width: min(430px, 100%);
  border: 1px solid rgba(215, 181, 109, .42);
  background:
    linear-gradient(145deg, rgba(7,16,24,.78), rgba(16,42,58,.44)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.075) 0 1px, transparent 1px 18px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
  backdrop-filter: blur(10px);
}
.hero-pillars h2 {
  margin: 0;
  padding: 24px 24px 18px;
  color: #f8e8bd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: .02em;
}
.hero-pillar {
  appearance: none;
  font: inherit;
  width: 100%;
  min-height: 76px;
  display: flex;
  align-items: center;
  padding: 17px 24px;
  border-bottom: 1px solid rgba(215, 181, 109, .28);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: rgba(255,255,255,.02);
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, color .18s ease;
}
.hero-pillar:hover,
.hero-pillar.is-active {
  background: linear-gradient(90deg, rgba(215,181,109,.18), rgba(255,255,255,.04));
  transform: translateX(4px);
}
.hero-pillar strong {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.3rem, 2vw, 1.85rem);
  letter-spacing: .02em;
}
.pillar-scroll-pane {
  position: relative;
  height: 148px;
  overflow: hidden;
  border-top: 1px solid rgba(215,181,109,.32);
  border-bottom: 1px solid rgba(215,181,109,.22);
  background:
    linear-gradient(180deg, rgba(2,8,13,.36), rgba(15,36,49,.54)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px);
}
.pillar-scroll-pane::before,
.pillar-scroll-pane::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  z-index: 2;
  pointer-events: none;
}
.pillar-scroll-pane::before {
  top: 0;
  background: linear-gradient(180deg, rgba(7,16,24,.96), transparent);
}
.pillar-scroll-pane::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(7,16,24,.96), transparent);
}
.pillar-scroll-track {
  animation: pillar-auto-scroll 26s linear infinite;
}
.pillar-scroll-pane:hover .pillar-scroll-track {
  animation-play-state: paused;
}
.pillar-scroll-item {
  min-height: 148px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pillar-scroll-item strong {
  color: #f8e8bd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.28rem;
}
.pillar-scroll-item p {
  margin: 9px 0 0;
  color: #d9e6ea;
  font-size: .94rem;
  line-height: 1.48;
}
.hero-pillar-detail {
  padding: 20px 24px 24px;
  color: #dbe7ec;
  border-top: 1px solid rgba(215,181,109,.32);
  background: rgba(2, 8, 13, .36);
}
.hero-pillar-detail strong {
  display: block;
  margin-bottom: 8px;
  color: #f8e8bd;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
}
.hero-pillar-detail p {
  margin: 0;
  color: #d7e3e8;
  line-height: 1.55;
  font-size: .95rem;
}
@keyframes pillar-auto-scroll {
  0%, 12% { transform: translateY(0); }
  20%, 32% { transform: translateY(-148px); }
  40%, 52% { transform: translateY(-296px); }
  60%, 72% { transform: translateY(-444px); }
  80%, 92% { transform: translateY(-592px); }
  100% { transform: translateY(-740px); }
}
@media (prefers-reduced-motion: reduce) {
  .pillar-scroll-track { animation: none; }
}

.docket {
  position: relative;
  z-index: 2;
  width: min(var(--max), calc(100% - 40px));
  margin: clamp(14px, 2vw, 24px) auto clamp(14px, 2vw, 24px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  background: rgba(7, 16, 24, .92);
  box-shadow: var(--shadow);
}
.docket div { padding: 20px; border-right: 1px solid rgba(215,181,109,.25); }
.docket div:last-child { border-right: 0; }
.docket span { display: block; color: #f4dfad; font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.docket strong { display: block; margin-top: 8px; color: #fff; font-size: 1.02rem; }

.platform-section {
  position: relative;
  overflow: hidden;
  padding: 94px 0 102px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 10%, rgba(215,181,109,.24), transparent 24rem),
    linear-gradient(135deg, #071018 0%, #102a3a 54%, #071018 100%);
  border-top: 1px solid rgba(215,181,109,.28);
  border-bottom: 1px solid rgba(215,181,109,.28);
}
.platform-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  pointer-events: none;
}
.platform-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .72fr);
  gap: 48px;
  align-items: end;
  margin-bottom: 42px;
}
.platform-head h2 {
  max-width: 760px;
  color: #fff;
}
.platform-head p {
  margin: 0;
  color: #d8e6eb;
  font-size: 1.06rem;
}
.platform-flow {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(360px, .92fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: center;
}
.platform-steps {
  display: grid;
  gap: 14px;
}
.platform-step {
  min-height: 132px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)),
    rgba(255,255,255,.045);
  border: 1px solid rgba(215,181,109,.3);
  box-shadow: 0 20px 52px rgba(0,0,0,.24);
}
.platform-step span {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #071018;
  background: linear-gradient(135deg, #f8e8bd, #c89d42);
  border-radius: 50%;
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(0,0,0,.25);
}
.platform-step h3 {
  color: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 1.08rem;
  letter-spacing: .01em;
}
.platform-step p {
  margin: 7px 0 0;
  color: #d3e1e5;
  font-size: .93rem;
  line-height: 1.55;
}
.platform-core {
  min-height: 468px;
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid rgba(215,181,109,.34);
  background:
    radial-gradient(circle at 50% 0%, rgba(215,181,109,.16), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow: 0 34px 90px rgba(0,0,0,.38);
}
.platform-screen {
  width: min(100%, 430px);
  padding: 22px;
  color: #071018;
  background:
    linear-gradient(180deg, rgba(255,253,247,.98), rgba(226,235,238,.96));
  border: 11px solid #0a0d10;
  box-shadow: 0 24px 46px rgba(0,0,0,.36);
}
.screen-bar {
  display: flex;
  gap: 7px;
  margin-bottom: 22px;
}
.screen-bar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9b7530;
}
.screen-title {
  color: #102a3a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.screen-subtitle {
  margin-top: 5px;
  color: #60707d;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.screen-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}
.screen-grid strong {
  min-height: 72px;
  display: grid;
  place-items: center;
  padding: 14px;
  color: #fff;
  background:
    linear-gradient(145deg, #102a3a, #071018);
  border: 1px solid rgba(215,181,109,.45);
  text-align: center;
}
.screen-metric {
  margin-top: 14px;
  padding: 15px;
  border-left: 4px solid var(--gold);
  background: rgba(215,181,109,.14);
}
.screen-metric span,
.screen-metric b {
  display: block;
}
.screen-metric span {
  color: #52626d;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.screen-metric b {
  margin-top: 3px;
  font-size: 1.05rem;
}

.portal-section {
  padding: 78px 0 88px;
  background:
    linear-gradient(180deg, rgba(255,253,247,.98), rgba(247,242,231,.98)),
    repeating-linear-gradient(90deg, rgba(7,16,24,.03) 0 1px, transparent 1px 76px);
}
.portal-shell {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(560px, 1.18fr);
  gap: 34px;
  align-items: stretch;
}
.portal-copy {
  padding: 34px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(7,16,24,.96), rgba(16,42,58,.9)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 18px);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.portal-copy h2 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 3.25rem);
}
.portal-copy p {
  color: #d7e4e8;
  font-size: 1.02rem;
}
.portal-model,
.upload-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.portal-model article,
.upload-workflow article {
  min-height: 178px;
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(7,16,24,.12);
  box-shadow: 0 18px 46px rgba(16,43,56,.08);
}
.portal-model span,
.upload-workflow span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  color: #071018;
  background: linear-gradient(135deg, #f8e8bd, #c89d42);
  border-radius: 50%;
  font-weight: 950;
}
.portal-model h3,
.upload-workflow h3 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: .01em;
}
.portal-model p,
.upload-workflow p {
  margin: 8px 0 0;
  color: #53626d;
  font-size: .92rem;
  line-height: 1.52;
}
.upload-workflow {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.intake-form {
  display: grid;
  gap: 18px;
  padding: 28px;
  background: #fff;
  border: 1px solid rgba(7,16,24,.12);
  box-shadow: 0 22px 54px rgba(16,43,56,.1);
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.intake-form label {
  display: grid;
  gap: 7px;
  color: #263744;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.intake-form input,
.intake-form select,
.intake-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  color: #071018;
  background: #f8fafb;
  border: 1px solid rgba(16,43,56,.22);
  font: 600 .95rem "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
.intake-form textarea {
  min-height: 126px;
  resize: vertical;
}
.form-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.form-actions span {
  color: #64727c;
  font-size: .92rem;
}

.section { padding: 86px 0; background: var(--ivory); }
.section.paper { background: var(--paper); }
.section.dark {
  color: #fff;
  background:
    radial-gradient(circle at 80% 0%, rgba(215,181,109,.18), transparent 28rem),
    linear-gradient(145deg, #071018, #122d3b);
}
.section.dark h2,
.section.dark h3 { color: #fff; }
.section.dark .section-lede,
.section.dark p,
.section.dark li { color: #cbd9de; }
.client-marquee-section {
  overflow: hidden;
  padding: 74px 0 66px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(7,16,24,.98), rgba(16,42,58,.94)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 1px, transparent 1px 18px);
  border-top: 1px solid rgba(215,181,109,.28);
  border-bottom: 1px solid rgba(215,181,109,.28);
}
.client-marquee-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 36px;
  align-items: end;
  margin-bottom: 34px;
}
.client-marquee-head h2 {
  margin: 8px 0 0;
  max-width: 760px;
  color: #fff;
}
.client-marquee-head p {
  margin: 0;
  color: #d9e5ea;
  font-size: 1.02rem;
}
.client-marquee {
  position: relative;
  width: 100%;
  padding: 10px 0 14px;
}
.client-marquee::before,
.client-marquee::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 12vw;
  pointer-events: none;
}
.client-marquee::before {
  left: 0;
  background: linear-gradient(90deg, #071018, transparent);
}
.client-marquee::after {
  right: 0;
  background: linear-gradient(270deg, #102a3a, transparent);
}
.client-track {
  display: flex;
  gap: 18px;
  width: max-content;
  animation: client-scroll 42s linear infinite;
}
.client-marquee:hover .client-track { animation-play-state: paused; }
.client-logo-card {
  min-width: 210px;
  height: 78px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  place-items: center;
  padding: 0 24px;
  color: #10202b;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(233,239,241,.9));
  border: 1px solid rgba(215,181,109,.55);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 900;
  letter-spacing: .045em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.client-logo-card img {
  width: 58px;
  height: 44px;
  object-fit: contain;
  flex: 0 0 58px;
  filter: saturate(.94) contrast(1.05);
}
.client-logo-card.text-logo {
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,239,226,.94));
}
.client-logo-card.text-logo span {
  font-size: 1.12rem;
  letter-spacing: .07em;
}
.client-logo-card.dark-logo img {
  padding: 6px;
  background: #10202b;
  border-radius: 5px;
}
.client-logo-card span {
  display: block;
}
.client-logo-card:nth-child(3n) { color: #7a1d25; }
.client-logo-card:nth-child(4n) { color: #1a4f60; }
@keyframes client-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.section-head {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(280px, .72fr);
  gap: 46px;
  align-items: end;
  margin-bottom: 36px;
}
.kicker {
  margin-bottom: 10px;
  color: #9b7530;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.section.dark .kicker { color: #f4dfad; }
.section-lede { margin: 0; color: #52626d; font-size: 1.05rem; }

.grid { display: grid; gap: 18px; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
  min-height: 100%;
  padding: 25px;
  border: 1px solid rgba(7,16,24,.12);
  background: #fff;
  box-shadow: 0 18px 46px rgba(16,43,56,.08);
}
.card.dark-card { border-color: rgba(215,181,109,.28); background: rgba(255,255,255,.06); box-shadow: none; }
.card p { color: #53626d; margin: 13px 0 0; }
.card ul { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.card li { display: flex; gap: 10px; color: #455561; }
.card li::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; margin-top: 10px; background: var(--gold); }
.quantum-section {
  position: relative;
  overflow: hidden;
}
.quantum-section::before {
  content: "LCO QUANTUM";
  position: absolute;
  right: -1.2rem;
  top: 1.5rem;
  color: rgba(255,255,255,.045);
  font: 900 clamp(4rem, 11vw, 10rem)/1 Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
  pointer-events: none;
}
.quantum-showcase {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
  gap: 22px;
}
.quantum-card,
.quantum-points article,
.quantum-metrics div {
  border: 1px solid rgba(215,181,109,.28);
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 1px, transparent 1px 18px);
}
.quantum-card.primary {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px;
  box-shadow: 0 28px 70px rgba(0,0,0,.28);
}
.quantum-card span {
  color: #f4dfad;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.quantum-card h3 {
  max-width: 720px;
  margin: 18px 0 0;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.02;
}
.quantum-card p {
  max-width: 680px;
  margin-top: 20px;
  font-size: 1.05rem;
}
.quantum-points {
  display: grid;
  gap: 14px;
}
.quantum-points article {
  padding: 24px;
}
.quantum-points h3 {
  margin: 0;
  color: #fff;
  font-size: 1.25rem;
}
.quantum-points p {
  margin: 10px 0 0;
}
.quantum-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.quantum-metrics div {
  min-height: 118px;
  padding: 18px;
}
.quantum-metrics strong {
  display: block;
  color: #f4dfad;
  font-size: .9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.quantum-metrics span {
  display: block;
  margin-top: 10px;
  color: #d3e1e5;
  font-size: .93rem;
}
.pillars-section {
  background:
    linear-gradient(180deg, rgba(255,253,247,.96), rgba(247,242,231,.98)),
    repeating-linear-gradient(90deg, rgba(7,16,24,.035) 0 1px, transparent 1px 74px);
}
.pillar-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--line);
  background: #071018;
  box-shadow: var(--shadow);
}
.pillar-card {
  min-height: 360px;
  padding: 30px 24px;
  color: #fff;
  background:
    linear-gradient(155deg, rgba(255,255,255,.08), rgba(255,255,255,.015)),
    linear-gradient(180deg, #102a3a, #071018);
  border-right: 1px solid rgba(215,181,109,.3);
}
.pillar-card:last-child { border-right: 0; }
.pillar-card span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 42px;
  color: #071018;
  background: linear-gradient(135deg, #f8e8bd, #c89d42);
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(0,0,0,.22);
}
.pillar-card h3 {
  color: #fff;
  font-size: clamp(1.6rem, 2vw, 2.25rem);
}
.pillar-card p {
  margin: 16px 0 0;
  color: #d6e1e5;
}
.stat { border-left: 3px solid var(--gold); padding-left: 18px; }
.stat strong { display: block; color: #071018; font: 700 2.2rem/1 Georgia, "Times New Roman", serif; }
.section.dark .stat strong { color: #fff; }
.stat span { display: block; color: #61707c; font-weight: 700; }
.section.dark .stat span { color: #cbd9de; }

.split {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 34px;
  align-items: stretch;
}
.feature-panel {
  padding: 32px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(7,16,24,.94), rgba(16,42,58,.94)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 1px, transparent 1px 18px);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.feature-panel h3 { color: #fff; font-size: 2rem; }
.feature-panel p { color: #d6e1e5; }
.image-feature {
  position: relative;
  min-height: 0;
  border: 1px solid var(--line);
  background: #050505;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.image-feature img {
  width: 100%;
  height: auto;
  max-height: 680px;
  object-fit: contain;
  object-position: center;
}
.image-feature figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 14px 16px;
  color: #fff;
  background: rgba(7, 16, 24, .78);
  border: 1px solid rgba(215, 181, 109, .38);
  font-weight: 800;
}
.link-list { display: grid; gap: 12px; }
.link-list a {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px;
  background: #fff;
  border: 1px solid rgba(7,16,24,.12);
  font-weight: 900;
}
.link-list span { color: #9b7530; }

.page-hero {
  color: #fff;
  background:
    linear-gradient(110deg, rgba(7,16,24,.97), rgba(16,42,58,.9)),
    repeating-linear-gradient(135deg, rgba(215,181,109,.12) 0 1px, transparent 1px 22px);
  padding: 88px 0 76px;
}
.page-hero h1 { font-size: clamp(2.8rem, 6vw, 5.8rem); }
.page-hero p { max-width: 790px; color: #d9e6ea; font-size: 1.22rem; }

.contact-box {
  display: grid;
  grid-template-columns: 1fr .85fr;
  gap: 42px;
  padding: 34px;
  color: #fff;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow);
}
.contact-lines { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.contact-lines li { padding: 14px 16px; border: 1px solid var(--white-line); background: rgba(255,255,255,.06); }
.contact-lines span { display: block; color: #f4dfad; font-size: .75rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }

footer {
  padding: 28px 0;
  color: #cad9dc;
  background: #071018;
  border-top: 1px solid var(--line);
}
.footer-inner { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: .9rem; }

@media (max-width: 1180px) {
  :root {
    --about-header-height: 150px;
  }

  .nav {
    width: min(100% - 32px, 100%);
    min-height: auto;
    grid-template-columns: 160px minmax(0, 1fr);
    grid-template-rows: auto auto;
    justify-content: stretch;
    gap: 10px 18px;
    padding: 14px 0 16px;
  }
  .brand {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-width: 0;
  }
  .brand-mark {
    grid-column: 1;
    grid-row: 1;
    width: 160px;
    height: 92px;
  }
  .brand-title {
    display: block;
    min-width: 0;
  }
  .brand-title strong {
    grid-column: auto;
    grid-row: auto;
    font-size: clamp(2rem, 5.8vw, 4rem);
    white-space: normal;
    overflow-wrap: normal;
  }
  .brand-title span {
    grid-column: auto;
    grid-row: auto;
    margin-top: 6px;
    font-size: clamp(.94rem, 2.4vw, 1.18rem);
    white-space: normal;
  }
  .nav-links {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-links a {
    flex: 0 0 auto;
  }
  .hero {
    min-height: auto;
    background:
      linear-gradient(100deg, rgba(7, 16, 24, .96), rgba(7, 16, 24, .72) 56%, rgba(7, 16, 24, .42)),
      url("lco-logo.png") center 72% / min(680px, 92vw) auto no-repeat,
      var(--navy);
  }
  .hero-inner {
    width: min(100% - 32px, 100%);
    grid-template-columns: 1fr;
    padding: 34px 0 82px;
  }
  .hero-copy,
  .hero-lede,
  .hero-intake-card,
  .hero-authority-note {
    width: 100%;
  }
  .hero-visual {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-content: stretch;
    gap: 24px;
    margin-top: 0;
  }
  .hero-building {
    min-height: 420px;
  }
  .hero-pillars {
    justify-self: stretch;
    width: 100%;
  }
  .portal-shell,
  .portal-model,
  .upload-workflow,
  .form-grid { grid-template-columns: 1fr; }
  .platform-head,
  .platform-flow { grid-template-columns: 1fr; }
  .platform-core { min-height: 0; }
  .docket, .section-head, .client-marquee-head, .quantum-showcase, .split, .contact-box { grid-template-columns: 1fr; }
  .grid.two, .grid.three, .grid.four, .pillar-grid, .quantum-metrics { grid-template-columns: 1fr; }
  .pillar-card { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(215,181,109,.3); }
  .pillar-card:last-child { border-bottom: 0; }
  .docket div { border-right: 0; border-bottom: 1px solid rgba(215,181,109,.25); }
  .docket div:last-child { border-bottom: 0; }
}

@media (max-width: 760px) {
  :root {
    --about-header-height: 150px;
  }

  .nav {
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 8px 0 10px;
  }
  .brand {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px;
  }
  .brand-mark {
    width: 76px;
    height: 54px;
  }
  .brand-title strong {
    font-size: clamp(1.35rem, 7.2vw, 2.1rem);
    line-height: 1.03;
    letter-spacing: .04em;
  }
  .brand-title span {
    display: none;
  }
  .nav-links {
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .nav-return {
    order: -2;
  }
  .nav-cta {
    order: -1;
  }
  .nav-links a {
    min-height: 34px;
    padding: 0 9px;
    font-size: .61rem;
    letter-spacing: .055em;
  }
  .hero {
    background:
      linear-gradient(180deg, rgba(7, 16, 24, .98), rgba(7, 16, 24, .88) 58%, rgba(7, 16, 24, .74)),
      url("lco-logo.png") center 64% / min(520px, 116vw) auto no-repeat,
      var(--navy);
  }
  .hero-inner {
    width: calc(100% - 24px);
    padding: 28px 0 48px;
    gap: 28px;
  }
  .eyebrow {
    font-size: .68rem;
    letter-spacing: .13em;
  }
  .eyebrow::before {
    width: 38px;
  }
  h1 {
    margin-top: 16px;
    max-width: 100%;
    font-size: clamp(2.45rem, 13.2vw, 4.15rem);
  }
  .hero-lede {
    font-size: 1rem;
    line-height: 1.55;
  }
  .hero-intake-card {
    margin-top: 22px;
    padding: 18px;
  }
  .intake-card-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .hero-intake-card ol {
    grid-template-columns: 1fr;
  }
  .hero-upload-button {
    min-height: 50px;
  }
  .hero-visual {
    grid-template-columns: 1fr;
  }
  .hero-building {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 5;
  }
  .hero-pillars h2 {
    padding: 20px 20px 14px;
    font-size: clamp(1.75rem, 8vw, 2.55rem);
  }
  .hero-pillar {
    min-height: 62px;
    padding: 14px 20px;
  }
  .hero-pillar strong {
    font-size: clamp(1.25rem, 6vw, 1.85rem);
  }
  .pillar-scroll-pane,
  .pillar-scroll-item {
    height: 156px;
    min-height: 156px;
  }
  .pillar-scroll-item {
    padding: 20px;
  }
  @keyframes pillar-auto-scroll {
    0%, 12% { transform: translateY(0); }
    20%, 32% { transform: translateY(-156px); }
    40%, 52% { transform: translateY(-312px); }
    60%, 72% { transform: translateY(-468px); }
    80%, 92% { transform: translateY(-624px); }
    100% { transform: translateY(-780px); }
  }
  .docket {
    margin-top: 0;
  }
}

@media (max-width: 620px) {
  :root {
    --about-header-height: 150px;
  }

  .nav, .hero-inner, .section-inner, .footer-inner, .docket { width: calc(100% - 24px); }
  h1 { font-size: clamp(2.35rem, 13vw, 3.55rem); }
  .section { padding: 58px 0; }
  .docket div { padding: 16px; }
  .hero-actions .button { width: 100%; }
  .page-hero { padding: 58px 0 52px; }
  .page-hero h1 { font-size: clamp(2.2rem, 12vw, 3.55rem); }
  .page-hero p { font-size: 1rem; }
}

@media (max-width: 380px) {
  :root {
    --about-header-height: 136px;
  }

  .brand {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  .brand-mark {
    width: 64px;
    height: 48px;
  }
  .brand-title strong {
    font-size: clamp(1.16rem, 7vw, 1.75rem);
  }

  .nav-links a {
    min-height: 32px;
    padding: 0 8px;
    font-size: .58rem;
  }
}

/* Light-blue and teal theme override for the About section. */
:root {
  --navy: #0b6c78;
  --navy-2: #0f8f95;
  --black: #063f49;
  --gold: #10a7a0;
  --gold-2: #087a87;
  --ivory: #eaf7fd;
  --paper: #f8fdff;
  --steel: #526c78;
  --line: rgba(15, 143, 149, .34);
  --white-line: rgba(255, 255, 255, .26);
  --shadow: 0 28px 80px rgba(7, 87, 99, .18);
}

body {
  background: var(--ivory);
}

.site-header,
footer {
  background: rgba(7, 87, 99, .96);
  border-color: rgba(16, 167, 160, .38);
}

.nav-links a {
  color: #e6f8fb;
}

.nav-links a:hover,
.nav-links a.active {
  color: #063f49;
  border-color: rgba(16, 167, 160, .48);
  background: #dff5fa;
}

.nav-cta,
.nav-links a.nav-upload,
.button.primary,
.platform-step span,
.portal-model span,
.upload-workflow span,
.pillar-card span {
  color: #ffffff !important;
  background: linear-gradient(135deg, #14b8b0, #087a87) !important;
}

.hero,
.section.dark,
.platform-section,
.quantum-section,
.pillars-section,
.feature-panel,
.page-hero,
.contact-box {
  background:
    radial-gradient(circle at 18% 8%, rgba(20, 184, 176, .18), transparent 26rem),
    linear-gradient(135deg, #0b6c78 0%, #075763 56%, #063f49 100%);
  border-color: rgba(16, 167, 160, .32);
}

.hero::before {
  background: linear-gradient(90deg, rgba(7, 87, 99, .88), rgba(15, 143, 149, .16) 54%, rgba(7, 87, 99, .38) 100%);
}

.hero::after {
  background:
    linear-gradient(0deg, rgba(7, 87, 99, .26), transparent 42%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 76px);
}

.hero-intake-card,
.hero-pillars,
.platform-step,
.platform-core,
.quantum-card,
.quantum-points article,
.quantum-metrics div,
.pillar-card,
.card.dark-card,
.contact-lines li {
  border-color: rgba(16, 167, 160, .34);
  background-color: rgba(255,255,255,.08);
}

.section,
.section.paper,
.portal-section,
.links-section,
.services-section {
  background: var(--paper);
}

.card,
.portal-model article,
.upload-workflow article,
.intake-form,
.link-list a,
.stat,
.screen,
.platform-screen,
.client-logo-card {
  background: #ffffff;
  border-color: rgba(15, 143, 149, .18);
  box-shadow: 0 18px 46px rgba(7, 87, 99, .08);
}

.kicker,
.eyebrow,
.section.dark .kicker,
.quantum-card span,
.contact-lines span,
.docket span,
.link-list span,
.text-link,
.text-link.light {
  color: #10d1c8;
}

h2,
h3,
.card h3,
.pillar-card h3 {
  color: #075763;
}

.section.dark h2,
.section.dark h3,
.hero h1,
.hero-pillars h2,
.platform-head h2,
.feature-panel h3,
.page-hero h1,
.contact-box h2,
.pillar-card h3,
.quantum-card h3 {
  color: #ffffff;
}

.section-lede,
.card p,
.card li,
.feature-panel p,
.page-hero p,
.portal-copy p,
.pillar-card p,
.quantum-card p,
.quantum-points p {
  color: #526c78;
}

.section.dark .section-lede,
.section.dark p,
.section.dark li,
.hero-lede,
.hero-authority-note,
.platform-head p,
.platform-step p,
.screen-subtitle,
.contact-box p,
.contact-lines li,
footer {
  color: #e0f6fa;
}

.docket {
  background: rgba(7, 87, 99, .94);
  border-color: rgba(16, 167, 160, .36);
}

.docket div,
.pillar-card {
  border-color: rgba(16, 167, 160, .28);
}

.client-marquee {
  background:
    linear-gradient(90deg, rgba(7, 87, 99, .98), rgba(15, 143, 149, .9)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 18px);
  border-color: rgba(16, 167, 160, .32);
}

.client-marquee::before {
  background: linear-gradient(90deg, #075763, transparent);
}

.client-marquee::after {
  background: linear-gradient(270deg, #0b6c78, transparent);
}

input,
select,
textarea {
  border-color: rgba(15, 143, 149, .26);
  background: #f8fdff;
}

.button.secondary {
  color: #ffffff;
  border-color: rgba(255,255,255,.42);
  background: rgba(255,255,255,.1);
}

/* Lighter readability pass for the copied About site. */
body {
  color: #102a3a;
  background:
    radial-gradient(circle at 16% 10%, rgba(20, 184, 176, .14), transparent 24rem),
    linear-gradient(180deg, #eefbff 0%, #f8fdff 44%, #eaf7fd 100%);
}

.site-header {
  background: rgba(242, 251, 253, .96);
  border-color: rgba(15, 143, 149, .2);
  box-shadow: 0 16px 38px rgba(7, 87, 99, .14);
}

.brand-mark img {
  mix-blend-mode: normal;
}

.brand-title strong {
  color: #10202b;
}

.brand-title span {
  color: #456873;
}

.nav-links a {
  color: #385762;
  border-color: rgba(15, 143, 149, .16);
  background: rgba(255, 255, 255, .62);
}

.nav-links a:hover,
.nav-links a.active {
  color: #ffffff;
  border-color: rgba(8, 122, 135, .28);
  background: linear-gradient(135deg, #14b8b0, #087a87);
}

.nav-cta,
.nav-return,
.nav-links a.nav-upload {
  color: #ffffff !important;
  background: linear-gradient(135deg, #14b8b0, #087a87) !important;
  box-shadow: 0 12px 26px rgba(8, 122, 135, .2);
}

.hero,
.section.dark,
.platform-section,
.quantum-section,
.pillars-section,
.feature-panel,
.page-hero,
.contact-box,
.client-marquee,
.docket {
  color: #102a3a;
  background:
    radial-gradient(circle at 18% 12%, rgba(20, 184, 176, .18), transparent 22rem),
    linear-gradient(135deg, #f8fdff 0%, #eaf7fd 55%, #dff4fb 100%);
  border-color: rgba(15, 143, 149, .22);
}

.hero::before,
.hero::after,
.client-marquee::before,
.client-marquee::after {
  opacity: .16;
}

.hero h1,
.page-hero h1,
.section.dark h2,
.section.dark h3,
.hero-pillars h2,
.platform-head h2,
.feature-panel h3,
.contact-box h2,
.pillar-card h3,
.quantum-card h3 {
  color: #10202b;
}

.hero-lede,
.hero-authority-note,
.page-hero p,
.section.dark .section-lede,
.section.dark p,
.section.dark li,
.feature-panel p,
.platform-head p,
.platform-step p,
.quantum-card p,
.pillar-card p,
.contact-box p,
.contact-lines li,
.screen-subtitle {
  color: #486a76;
}

.hero-intake-card,
.hero-pillars,
.hero-pillar,
.hero-pillar-detail,
.pillar-scroll-item,
.feature-panel,
.platform-step,
.platform-core,
.quantum-card,
.quantum-points article,
.quantum-metrics div,
.pillar-card,
.card.dark-card,
.contact-lines li,
.docket div {
  color: #102a3a;
  border-color: rgba(15, 143, 149, .2);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 46px rgba(7, 87, 99, .08);
}

.hero-pillar:hover,
.hero-pillar.is-active {
  background: linear-gradient(135deg, #ffffff, #dff5fa);
}

.hero-pillar strong,
.hero-pillar-detail strong,
.pillar-scroll-item strong,
.docket strong,
.contact-lines strong {
  color: #075763;
}

.pillar-scroll-item p,
.hero-pillar-detail p,
.docket,
.docket div,
.client-marquee-head p {
  color: #486a76;
}

.docket span,
.contact-lines span,
.quantum-card span,
.section.dark .kicker,
.kicker,
.eyebrow,
.text-link,
.text-link.light {
  color: #0b9098;
}

.button.secondary {
  color: #075763;
  border-color: rgba(15, 143, 149, .34);
  background: rgba(255, 255, 255, .68);
}

footer {
  color: #486a76;
  background: #f8fdff;
  border-color: rgba(15, 143, 149, .2);
}

.nav-toggle {
  display: none;
}

@media (max-width: 760px) {
  :root {
    --about-header-height: 102px;
  }

  .nav {
    position: relative;
    grid-template-columns: 76px minmax(0, 1fr) 46px;
    grid-template-rows: auto;
    min-height: 76px;
    align-items: center;
  }

  .brand {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .nav-toggle {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    gap: 5px;
    padding: 10px;
    border: 1px solid rgba(15, 143, 149, .24);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 24px rgba(7, 87, 99, .14);
    cursor: pointer;
  }

  .nav-toggle span {
    width: 21px;
    height: 2px;
    display: block;
    border-radius: 999px;
    background: #075763;
    transition: transform .18s ease, opacity .18s ease;
  }

  .nav.is-open .nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .nav.is-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  .nav.is-open .nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .nav-links {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 1001;
    display: none;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: calc(100vh - 110px);
    padding: 12px;
    overflow-y: auto;
    border: 1px solid rgba(15, 143, 149, .22);
    background: rgba(242, 251, 253, .98);
    box-shadow: 0 22px 46px rgba(7, 87, 99, .22);
  }

  .nav.is-open .nav-links {
    display: grid;
  }

  .nav-links a {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    padding: 0 12px;
    font-size: .72rem;
  }

  .nav-return,
  .nav-cta {
    order: initial;
  }
}

@media (max-width: 380px) {
  :root {
    --about-header-height: 96px;
  }
}