:root {
  --font-body: "Manrope", Arial, sans-serif;
  --font-heading: "Manrope", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --bg: #f5f8fc;
  --surface: #ffffff;
  --surface-soft: #edf3f8;
  --ink: #0a1728;
  --muted: #5e6c79;
  --accent: #244bd8;
  --accent-strong: #1c3fbe;
  --link: #244bd8;
  --focus: #22b8d5;
  --success: #14865f;
  --error: #bd2d3a;
  --line: #cfdae5;
  --line-soft: #e4eaf0;
  --header-bg: rgb(255 255 255 / .9);
  --header-bg-solid: #fff;
  --button-ink: #fff;
  --button-radius: .45rem;
  --button-shadow: 0 .65rem 1.6rem rgb(36 75 216 / .18);
  --hero-radius: .8rem;
  --hero-shadow: 0 1.6rem 5rem rgb(11 28 52 / .16);
  --glass-line: rgb(255 255 255 / .62);
  --glass-bg: rgb(255 255 255 / .84);
  --card-radius: .6rem;
  --card-shadow: 0 1px 2px rgb(11 28 52 / .04);
  --notice-bg: #e7eefc;
  --code-bg: #e9efff;
  --contrast-bg: #0a1626;
  --contrast-ink: #f5f8fc;
  --contrast-muted: #9eabb9;
  --contrast-accent: #42c8e4;
  --contrast-line: #293848;
  --lead-bg: #0d1b2b;
  --lead-ink: #f7f9fc;
  --lead-muted: #a8b3be;
  --lead-line: #2e3e4e;
  --form-bg: #fff;
  --form-ink: #0a1728;
  --form-muted: #64727e;
  --form-label: #344250;
  --form-line: #25394f;
  --form-radius: .75rem;
  --form-shadow: 0 2rem 5rem rgb(0 0 0 / .24);
  --input-bg: #f8fafc;
  --input-line: #ccd6df;
  --input-radius: .38rem;
  --input-placeholder: #8c98a3;
  --footer-bg: #07111e;
  --footer-ink: #f3f6fa;
  --footer-muted: #8795a3;
  --footer-label: #8b9bab;
  --footer-line: #203040;
  --cookie-bg: #0d1a29;
  --cookie-ink: #f7f9fc;
  --cookie-muted: #acb7c2;
  --cookie-line: #2d4052;
  --cookie-link: #6edbf0;
  --cookie-radius: .7rem;
  --dialog-radius: .8rem;
}

.hero::before {
  content: "";
  position: absolute;
  width: 33rem;
  height: 33rem;
  right: -13rem;
  top: -14rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(36 75 216 / .13), transparent 67%);
  pointer-events: none;
}

.hero::after {
  content: "PL · EU · UA";
  position: absolute;
  right: 1.5rem;
  top: 12rem;
  color: rgb(10 23 40 / .045);
  font-family: var(--font-mono);
  font-size: clamp(4rem, 11vw, 10rem);
  font-weight: 600;
  letter-spacing: -.08em;
  writing-mode: vertical-rl;
  pointer-events: none;
}

.term-card-featured .term-value { color: #fff; }
.stock-card, .incoterm-card { color: #0a1728; }
.wordmark-footer .wordmark-suffix { color: #4bc5de; }

@media (max-width: 68rem) {
  .hero::after { display: none; }
}