:root {
  color-scheme: dark;
  --od-bg: #0c0e10;
  --od-bg-deep: #090b0d;
  --od-panel: #101416;
  --od-panel-2: #12181b;
  --od-text: #e9edf1;
  --od-muted: rgba(233, 237, 241, 0.66);
  --od-faint: rgba(233, 237, 241, 0.38);
  --od-line: rgba(233, 237, 241, 0.11);
  --od-line-cyan: rgba(110, 231, 255, 0.29);
  --od-cyan: #6ee7ff;
  --od-cyan-bright: #a7f0ff;
  --od-green: #6ee7a8;
  --od-red: #ff8f8f;
  --od-heading: "Antonio", "Arial Narrow", sans-serif;
  --od-body: "Barlow", system-ui, sans-serif;
  --od-mono: "JetBrains Mono", ui-monospace, monospace;
}

html { background: var(--od-bg-deep); }

body {
  background: var(--od-bg-deep) !important;
  color: var(--od-text);
  font-family: var(--od-body) !important;
  font-size: 15px;
  line-height: 1.58;
}

.skip-link + div {
  background-color: var(--od-bg) !important;
  background-image:
    linear-gradient(rgba(110, 231, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 231, 255, 0.028) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  color: var(--od-text) !important;
  font-family: var(--od-body) !important;
}

/* Industrial foundations: square frames, hairline rules, no soft glass. */
[data-screen-label] {
  color: var(--od-text);
}

[data-screen-label] [style*="border-radius"] {
  border-radius: 0 !important;
}

[data-screen-label] [style*="box-shadow"] {
  box-shadow: none !important;
}

[data-screen-label] [style*="backdrop-filter"] {
  backdrop-filter: none !important;
}

[data-screen-label] [style*="border:1px"] {
  border-color: var(--od-line) !important;
}

[data-screen-label] [style*="border-top:1px"],
[data-screen-label] [style*="border-bottom:1px"],
[data-screen-label] [style*="border-left:1px"],
[data-screen-label] [style*="border-right:1px"] {
  border-color: var(--od-line) !important;
}

[data-screen-label] [style*="background:linear-gradient(165deg"] {
  background: rgba(12, 16, 18, 0.94) !important;
}

[data-screen-label] [style*="background:rgba(6,11,18"] {
  background: var(--od-bg-deep) !important;
}

[data-screen-label] [style*="background:rgba(255,255,255"] {
  background: rgba(233, 237, 241, 0.035) !important;
}

/* Typography */
[data-screen-label] h1,
[data-screen-label] h2,
[data-screen-label] h3,
[data-screen-label] h4 {
  font-family: var(--od-heading) !important;
  font-weight: 600 !important;
  letter-spacing: 0.005em !important;
  text-transform: uppercase;
}

[data-screen-label] h1 {
  font-size: clamp(58px, 5vw, 74px) !important;
  line-height: 0.92 !important;
  max-width: 100%;
  margin-bottom: 30px !important;
}

[data-screen-label] h2 {
  font-size: clamp(48px, 5.1vw, 78px) !important;
  line-height: 0.94 !important;
  max-width: 14ch;
}

[data-screen-label] h3 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1 !important;
}

[data-screen-label] p,
[data-screen-label] li,
[data-screen-label] a,
[data-screen-label] button {
  font-family: var(--od-body);
}

[data-screen-label] [style*="font-family:Sora"] {
  font-family: var(--od-heading) !important;
}

[data-screen-label] [style*="JetBrains Mono"] {
  font-family: var(--od-mono) !important;
}

[data-screen-label] [style*="text-transform:uppercase"] {
  font-family: var(--od-mono) !important;
  letter-spacing: 0.13em !important;
}

[data-screen-label] [data-count],
#od-prob,
#od-delta {
  font-family: var(--od-heading) !important;
}

/* Navigation */
[data-screen-label="Nav"] {
  height: 54px;
  background: rgba(12, 14, 16, 0.94) !important;
  border-bottom: 1px solid var(--od-line) !important;
  backdrop-filter: none !important;
}

[data-screen-label="Nav"] > div {
  max-width: 1320px !important;
  height: 54px !important;
  padding-inline: 28px !important;
}

[data-screen-label="Nav"] img {
  display: none !important;
}

[data-screen-label="Nav"] a:first-of-type {
  gap: 14px !important;
}

[data-screen-label="Nav"] a:first-of-type span > span:first-child {
  color: var(--od-text) !important;
  font-family: var(--od-heading) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
}

[data-screen-label="Nav"] a:first-of-type span > span:last-child {
  color: var(--od-faint) !important;
  font-family: var(--od-mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase;
}

#site-nav {
  gap: 25px !important;
}

#site-nav a {
  color: rgba(233, 237, 241, 0.67) !important;
  font-family: var(--od-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

#site-nav a:last-child {
  padding: 11px 18px !important;
  border: 1px solid var(--od-cyan) !important;
  background: var(--od-cyan) !important;
  color: #061013 !important;
}

.menu-button {
  border-radius: 0 !important;
  border-color: var(--od-line-cyan) !important;
  background: transparent !important;
  font-family: var(--od-mono) !important;
}

/* Hero */
#top {
  border-bottom: 1px solid var(--od-line) !important;
  background-color: var(--od-bg-deep) !important;
  background-image:
    linear-gradient(rgba(110, 231, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 231, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 77% 20%, rgba(78, 215, 245, 0.13), transparent 34%) !important;
  background-size: 56px 56px, 56px 56px, auto !important;
}

#top > div:first-child {
  max-width: 1320px !important;
  padding-top: clamp(76px, 8vw, 122px) !important;
}

#top .od-hero-grid {
  grid-template-columns: 1.08fr 0.92fr !important;
  gap: 62px !important;
}

#top h1 span {
  display: block;
  background: none !important;
  color: var(--od-cyan) !important;
  -webkit-text-fill-color: var(--od-cyan) !important;
}

#top h1 + p {
  max-width: 60ch !important;
  color: rgba(233, 237, 241, 0.71) !important;
  font-size: 17px !important;
}

#top .od-hero-benefits > div {
  border-left-color: var(--od-cyan) !important;
  background: rgba(110, 231, 255, 0.025) !important;
}

#top .od-hero-benefits strong {
  color: var(--od-text) !important;
  font-family: var(--od-mono) !important;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#top a[href="#packages"],
#top a[href="#samples"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px;
  padding: 0 21px !important;
  border: 1px solid var(--od-line-cyan) !important;
  background: transparent !important;
  color: var(--od-text) !important;
  font-family: var(--od-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

#top a[href="#packages"] {
  background: var(--od-cyan) !important;
  color: #061013 !important;
}

#top [style*="border-radius:999px"] {
  border: 1px solid var(--od-line-cyan) !important;
  background: rgba(12, 14, 16, 0.65) !important;
  color: var(--od-cyan) !important;
  font-family: var(--od-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
}

#top [style*="position:relative;background:linear-gradient(165deg"] {
  border-color: var(--od-line-cyan) !important;
  background: rgba(9, 12, 13, 0.94) !important;
}

#top [style*="position:absolute;inset:-40px"] {
  display: none !important;
}

#top [style*="padding:7px 8px"] {
  border: 1px solid rgba(110, 231, 255, 0.1);
  background: transparent !important;
}

#top [style*="padding:3px 8px"] {
  border: 1px solid rgba(110, 231, 255, 0.11);
  background: transparent !important;
}

.od-metrics {
  border-color: var(--od-line-cyan) !important;
  background: rgba(9, 12, 13, 0.88) !important;
}

.od-metrics > div {
  background: transparent !important;
}

.od-metrics [data-count],
.od-metrics [style*="font-size:34px"] {
  color: var(--od-text) !important;
  font-family: var(--od-heading) !important;
  font-size: 42px !important;
  font-weight: 500 !important;
}

#od-ticker {
  color: var(--od-faint) !important;
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
}

/* Main section rhythm */
#why,
#coverage,
#file-anatomy,
#samples,
#trust {
  max-width: 1320px !important;
  padding-top: 104px !important;
  padding-bottom: 104px !important;
  border-left: 1px solid rgba(110, 231, 255, 0.035);
  border-right: 1px solid rgba(110, 231, 255, 0.035);
}

#top,
#why,
#packages,
#coverage,
#file-anatomy,
#samples,
#trust,
#contact {
  scroll-margin-top: 68px;
}

#packages,
#contact {
  border-top: 1px solid var(--od-line) !important;
  border-bottom: 1px solid var(--od-line) !important;
  background-color: rgba(9, 12, 13, 0.86) !important;
  background-image:
    linear-gradient(rgba(110, 231, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 231, 255, 0.022) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
}

#packages > div,
#contact > div {
  max-width: 1320px !important;
}

#why > div:first-child,
#coverage > div:first-child,
#trust > div:first-child {
  max-width: 880px !important;
}

#why > div:first-child > div:first-child,
#packages > div > div:first-child > div:first-child,
#coverage > div:first-child > div:first-child,
#samples h2 ~ div,
#trust > div:first-child > div:first-child,
#contact [data-rv] > div:first-child,
#file-anatomy [style*="letter-spacing:.14em"] {
  color: var(--od-cyan) !important;
  font-family: var(--od-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
}

/* Cards, comparison panels and tables */
#why [style*="border:1px"],
#packages [style*="border:1px"],
#coverage [style*="border:1px"],
#file-anatomy [style*="border:1px"],
#samples [style*="border:1px"],
#trust [style*="border:1px"],
#contact [style*="border:1px"] {
  border-color: var(--od-line) !important;
}

#why [style*="background:linear-gradient"],
#packages [style*="background:linear-gradient"],
#coverage [style*="background:linear-gradient"],
#file-anatomy [style*="background:linear-gradient"],
#samples [style*="background:linear-gradient"],
#trust [style*="background:linear-gradient"],
#contact [style*="background:linear-gradient"] {
  background: rgba(13, 17, 19, 0.96) !important;
}

#why [style*="background:rgba(6,11,18"],
#packages [style*="background:rgba(6,11,18"],
#coverage [style*="background:rgba(6,11,18"],
#samples [style*="background:rgba(6,11,18"] {
  background: var(--od-bg-deep) !important;
}

.od-pricing-grid {
  gap: 1px !important;
  border: 1px solid var(--od-line) !important;
  background: var(--od-line) !important;
}

.od-pricing-grid > div {
  border: 0 !important;
  background: var(--od-panel) !important;
}

.od-pricing-grid h3 {
  font-size: 30px !important;
}

#packages [style*="font-size:34px"],
#packages [style*="font-size:32px"] {
  font-family: var(--od-heading) !important;
  font-size: 46px !important;
  font-weight: 500 !important;
}

#packages a,
#samples a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: var(--od-line-cyan) !important;
  background: transparent !important;
  color: var(--od-cyan) !important;
  font-family: var(--od-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.12em !important;
  text-align: center;
  text-transform: uppercase;
}

#packages a:hover,
#samples a:hover {
  background: var(--od-cyan) !important;
  color: #061013 !important;
}

#coverage [data-bar],
#coverage [data-grow] {
  background-color: var(--od-cyan) !important;
  background-image: linear-gradient(90deg, rgba(110,231,255,.55), var(--od-cyan)) !important;
}

#coverage [data-grow] {
  background-image: linear-gradient(180deg, var(--od-cyan), rgba(110,231,255,.2)) !important;
}

/* Decoded file anatomy */
.od-schema-grid {
  border-color: var(--od-line-cyan) !important;
  background: rgba(9, 12, 13, 0.92) !important;
}

.od-schema-grid h2 {
  max-width: 8ch;
}

.od-schema-grid pre {
  background: var(--od-bg-deep) !important;
  border-color: var(--od-line) !important;
  color: rgba(233, 237, 241, 0.8) !important;
  font-family: var(--od-mono) !important;
}

.od-code-key { color: var(--od-cyan) !important; }
.od-code-value { color: var(--od-green) !important; }
.od-code-string { color: rgba(233, 237, 241, 0.78) !important; }

/* Contact and footer */
#contact h2 {
  max-width: 9ch;
}

#contact [data-discord-link],
#contact [data-telegram-link],
#contact [data-email-link] {
  border-color: var(--od-line-cyan) !important;
  background: rgba(9, 12, 13, 0.9) !important;
}

#contact [data-discord-link] > span:first-child,
#contact [data-telegram-link] > span:first-child,
#contact [data-email-link] > span:first-child {
  border: 1px solid var(--od-line-cyan);
  background: transparent !important;
}

#contact strong {
  font-family: var(--od-heading) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

[data-screen-label="Footer"] {
  background: var(--od-bg-deep);
  border-top-color: var(--od-line) !important;
}

[data-screen-label="Footer"] img {
  display: none !important;
}

[data-screen-label="Footer"] [style*="font-family:Sora"] {
  font-family: var(--od-heading) !important;
  font-size: 19px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

[data-screen-label="Footer"] a {
  color: var(--od-cyan) !important;
  font-family: var(--od-mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.contact-toast {
  border-radius: 0 !important;
  border-color: var(--od-line-cyan) !important;
  background: var(--od-panel) !important;
  box-shadow: none !important;
  font-family: var(--od-mono);
  font-size: 11px;
}

@media (max-width: 1080px) {
  #site-nav { gap: 16px !important; }
  #site-nav a { font-size: 9px !important; }
  #top .od-hero-grid { gap: 38px !important; }
}

@media (max-width: 920px) {
  [data-screen-label="Nav"] { height: auto; min-height: 54px; }
  [data-screen-label="Nav"] > div { min-height: 54px !important; }
  #site-nav { background: var(--od-bg-deep); }
  #site-nav a { border-top-color: var(--od-line) !important; }
  #top .od-hero-grid { grid-template-columns: 1fr !important; }
  #top .od-hero-grid > * { min-width: 0 !important; }
  #top h1 { max-width: 10ch; }
  #contact h2 { max-width: 12ch; }
  .od-package-comparison > * { min-width: 0 !important; }
  .od-comparison-table,
  .od-asset-coverage {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 640px) {
  .skip-link + div {
    background-size: 42px 42px !important;
  }
  [data-screen-label="Nav"] a:first-of-type span > span:last-child {
    display: none;
  }
  #top h1 {
    font-size: clamp(54px, 16.4vw, 66px) !important;
  }
  [data-screen-label] h2 {
    font-size: clamp(42px, 14vw, 62px) !important;
  }
  #top > div:first-child {
    padding-top: 64px !important;
  }
  #top .od-hero-grid > div:first-child > div:first-child {
    max-width: 100% !important;
    white-space: normal !important;
  }
  #top .od-hero-grid > div:first-child > div:first-child span:last-child {
    white-space: normal !important;
  }
  #packages,
  #coverage {
    overflow-x: hidden !important;
  }
  #top .od-hero-benefits {
    border-top: 1px solid var(--od-line);
    border-bottom: 1px solid var(--od-line);
  }
  #top .od-hero-benefits > div {
    border-left: 0 !important;
    border-bottom: 1px solid var(--od-line);
  }
  #top .od-hero-benefits > div:last-child { border-bottom: 0; }
  #why,
  #coverage,
  #file-anatomy,
  #samples,
  #trust {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}