/* Generated from site/assets/css: canonical header and footer. Do not edit. */
.forgalis-tools-shell-host {
  color-scheme: dark;

  --color-page: #020914;
  --color-surface-1: #031126;
  --color-surface-2: #061a36;
  --color-surface-3: #082451;
  --color-surface-raised: #0a2d61;
  --color-border: rgba(69, 137, 222, 0.24);
  --color-border-strong: rgba(71, 151, 255, 0.42);
  --color-text: #f5f8ff;
  --color-text-muted: #a9b9d2;
  --color-text-subtle: #7f93af;
  --color-blue: #1683ff;
  --color-blue-bright: #2e9cff;
  --color-blue-soft: rgba(22, 131, 255, 0.12);
  --color-green: #00d68f;
  --color-green-soft: rgba(0, 214, 143, 0.12);
  --color-orange: #ff6a2b;
  --color-orange-soft: rgba(255, 106, 43, 0.12);
  --color-purple: #8d63ff;
  --color-purple-soft: rgba(141, 99, 255, 0.12);
  --color-light-page: #e1eaf3;
  --color-light-page-deep: #d4e1ec;
  --color-light-surface: #edf4fa;
  --color-light-surface-deep: #e2ecf5;

  --font-sans: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: clamp(26.4px, 3vw, 36px);
  --text-3xl: clamp(34.4px, 5vw, 60px);
  --text-display: clamp(44px, 7vw, 89.6px);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.18);
  --shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.34);

  --container-width: 1200px;
  --container-narrow: 800px;
  --header-height: 64px;
  --transition-fast: 160ms ease;

  --color-page: #02070f;
  --color-surface-1: #07111c;
  --color-surface-2: #0a1827;
  --color-surface-3: #0d2340;
  --color-surface-raised: #11305a;
  --color-border: rgba(126, 154, 187, 0.18);
  --color-border-strong: rgba(46, 156, 255, 0.48);
  --color-text-muted: #adbed2;
  --color-text-subtle: #788da6;
  --radius-lg: 12px;
  --radius-xl: 14.4px;
  --container-width: 1248px;
}
.forgalis-tools-shell-host, .forgalis-tools-shell-host * {box-sizing:border-box}
.forgalis-tools-shell-host {font-size:16px;line-height:1.5;font-family:var(--font-sans);color:var(--color-text)}
.forgalis-tools-shell-host--header {position:sticky;top:0;z-index:100}
.forgalis-tools-shell-host img, .forgalis-tools-shell-host svg {display:block;max-width:100%}
.forgalis-tools-shell-host a {color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
.forgalis-tools-shell-host a:hover {color:var(--color-blue-bright)}
.forgalis-tools-shell-host :focus-visible {outline:3px solid var(--color-blue-bright);outline-offset:3px}
.forgalis-tools-shell-host h2, .forgalis-tools-shell-host p, .forgalis-tools-shell-host ul {margin-top:0}
.forgalis-tools-shell-host h2 {color:var(--color-text);line-height:1.08;letter-spacing:-.035em}
.forgalis-tools-shell-host p {margin-bottom:var(--space-4)}
.forgalis-tools-shell-host ul {padding-left:20.8px}
/* Canonical source: base.css */
.forgalis-tools-shell-host .icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
/* Canonical source: layout.css */
.forgalis-tools-shell-host .container {
  width: min(calc(100% - 40px), var(--container-width));
  margin-inline: auto;
}
.forgalis-tools-shell-host .container--narrow {
  width: min(calc(100% - 40px), var(--container-narrow));
  margin-inline: auto;
}
.forgalis-tools-shell-host .site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid rgba(83, 139, 211, 0.14);
  background: rgba(2, 9, 20, 0.88);
  backdrop-filter: blur(16px);
}
.forgalis-tools-shell-host .site-header__inner {
  min-height: var(--header-height);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-8);
}
.forgalis-tools-shell-host .site-header__brand-group {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.forgalis-tools-shell-host .desktop-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(var(--space-4), 2.5vw, var(--space-8));
}
.forgalis-tools-shell-host .desktop-navigation a {
  position: relative;
  color: #cbd7e8;
  font-size: var(--text-sm);
  font-weight: 650;
  text-decoration: none;
  transition: color var(--transition-fast);
}
.forgalis-tools-shell-host .desktop-navigation a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8.8px;
  left: 0;
  height: 2px;
  border-radius: var(--radius-pill);
  background: var(--color-blue-bright);
  opacity: 0;
  transform: scaleX(0.5);
  transition:
    opacity var(--transition-fast),
    transform var(--transition-fast);
}
.forgalis-tools-shell-host .desktop-navigation a:hover,
.forgalis-tools-shell-host .desktop-navigation a[aria-current="page"] {
  color: #fff;
}
.forgalis-tools-shell-host .desktop-navigation a:hover::after,
.forgalis-tools-shell-host .desktop-navigation a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}
.forgalis-tools-shell-host .desktop-header-cta {
  display: flex;
  justify-content: flex-end;
}
.forgalis-tools-shell-host .mobile-navigation {
  display: none;
  position: relative;
  justify-self: end;
}
.forgalis-tools-shell-host .mobile-navigation summary {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: #fff;
  background: rgba(6, 26, 54, 0.86);
  cursor: pointer;
  list-style: none;
}
.forgalis-tools-shell-host .mobile-navigation summary::-webkit-details-marker {
  display: none;
}
.forgalis-tools-shell-host .mobile-navigation summary .icon {
  width: 22.4px;
  height: 22.4px;
}
.forgalis-tools-shell-host .mobile-navigation__panel {
  position: absolute;
  top: calc(100% + var(--space-3));
  right: 0;
  width: min(320px, calc(100vw - 32px));
  padding: var(--space-4);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-lg);
  background: rgba(3, 17, 38, 0.98);
  box-shadow: var(--shadow-lg);
}
.forgalis-tools-shell-host .mobile-navigation__panel nav {
  display: grid;
  margin-bottom: var(--space-4);
}
.forgalis-tools-shell-host .mobile-navigation__panel nav a {
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  color: #dce7f5;
  font-weight: 650;
  text-decoration: none;
}
.forgalis-tools-shell-host .mobile-navigation__panel nav a:hover,
.forgalis-tools-shell-host .mobile-navigation__panel nav a[aria-current="page"] {
  color: #fff;
  background: var(--color-blue-soft);
}
.forgalis-tools-shell-host .site-footer {
  margin-top: var(--space-16);
  border-top: 1px solid rgba(83, 139, 211, 0.16);
  background: rgba(2, 9, 20, 0.84);
}
.forgalis-tools-shell-host .site-footer__grid {
  padding-block: var(--space-12);
  display: grid;
  grid-template-columns: minmax(240px, 1.45fr) repeat(4, minmax(112px, 1fr));
  gap: var(--space-8);
}
.forgalis-tools-shell-host .site-footer__brand > p {
  max-width: 448px;
  margin-block: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}
.forgalis-tools-shell-host .site-footer__social {
  margin-top: var(--space-6);
}
.forgalis-tools-shell-host .site-footer__social h2 {
  margin-bottom: var(--space-3);
  color: #dce8f7;
  font-size: var(--text-sm);
  letter-spacing: 0.02em;
}
.forgalis-tools-shell-host .site-footer__social ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  list-style: none;
}
.forgalis-tools-shell-host .site-footer__social li + li {
  margin-top: 0;
}
.forgalis-tools-shell-host .site-footer__social a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}
.forgalis-tools-shell-host .site-footer__social a:hover {
  color: #fff;
}
.forgalis-tools-shell-host .site-footer__social a .icon {
  width: 13.12px;
  height: 13.12px;
}
.forgalis-tools-shell-host .footer-navigation h2 {
  margin-bottom: var(--space-4);
  color: #dce8f7;
  font-size: var(--text-sm);
  letter-spacing: 0.02em;
}
.forgalis-tools-shell-host .footer-navigation ul {
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  list-style: none;
}
.forgalis-tools-shell-host .footer-navigation li + li {
  margin-top: 0;
}
.forgalis-tools-shell-host .footer-navigation a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}
.forgalis-tools-shell-host .footer-navigation a .icon {
  width: 14.4px;
  height: 14.4px;
}
.forgalis-tools-shell-host .site-footer__bottom {
  padding-block: var(--space-5);
  border-top: 1px solid rgba(83, 139, 211, 0.12);
  color: var(--color-text-subtle);
  font-size: var(--text-xs);
}
.forgalis-tools-shell-host .site-footer__bottom p {
  margin: 0;
}
@media  (max-width: 1088px) {
.forgalis-tools-shell-host .site-header__inner {
    gap: var(--space-4);
  }
.forgalis-tools-shell-host .desktop-navigation {
    gap: var(--space-4);
  }
.forgalis-tools-shell-host .desktop-header-cta .button {
    padding-inline: var(--space-3);
  }
.forgalis-tools-shell-host .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.forgalis-tools-shell-host .site-footer__brand {
    grid-column: 1 / -1;
  }
}
@media  (max-width: 864px) {
.forgalis-tools-shell-host .site-header__inner {
    grid-template-columns: 1fr auto;
  }
.forgalis-tools-shell-host .desktop-navigation,
.forgalis-tools-shell-host .desktop-header-cta {
    display: none;
  }
.forgalis-tools-shell-host .mobile-navigation {
    display: block;
  }
}
@media  (max-width: 608px) {
.forgalis-tools-shell-host .container,
.forgalis-tools-shell-host .container--narrow {
    width: min(calc(100% - 20px), var(--container-width));
  }
.forgalis-tools-shell-host .environment-badge {
    display: none;
  }
.forgalis-tools-shell-host .site-footer__grid {
    grid-template-columns: 1fr;
  }
.forgalis-tools-shell-host .site-footer__brand {
    grid-column: auto;
  }
}
/* Canonical source: components.css */
.forgalis-tools-shell-host .icon {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.forgalis-tools-shell-host .brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: #fff;
  font-size: 18.4px;
  font-weight: 760;
  letter-spacing: -0.025em;
  text-decoration: none;
}
.forgalis-tools-shell-host .brand:hover {
  color: #fff;
}
.forgalis-tools-shell-host .brand__mark {
  width: 29.6px;
  height: 29.6px;
  display: grid;
  place-items: center;
  color: var(--color-blue-bright);
  filter: drop-shadow(0 0 10.4px rgba(22, 131, 255, 0.42));
}
.forgalis-tools-shell-host .brand__mark .icon {
  width: 100%;
  height: 100%;
}
.forgalis-tools-shell-host .environment-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 4px 10.4px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-pill);
  color: #9ed2ff;
  background: var(--color-blue-soft);
  font-size: 10.88px;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1;
  text-transform: uppercase;
}
.forgalis-tools-shell-host .button {
  min-height: 44px;
  padding: 11.52px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  color: #fff;
  font-size: var(--text-sm);
  font-weight: 750;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    transform var(--transition-fast);
}
.forgalis-tools-shell-host .button:hover {
  color: #fff;
  transform: translateY(-1px);
}
.forgalis-tools-shell-host .button .icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.forgalis-tools-shell-host .button--primary {
  border-color: #2f98ff;
  background: linear-gradient(145deg, var(--color-blue-bright), #0968df);
  box-shadow: 0 12.8px 32px rgba(22, 131, 255, 0.2);
}
.forgalis-tools-shell-host .button--primary:hover {
  background: linear-gradient(145deg, #50adff, var(--color-blue));
}
.forgalis-tools-shell-host .button--secondary {
  border-color: var(--color-border-strong);
  background: rgba(9, 40, 83, 0.44);
}
.forgalis-tools-shell-host .button--secondary:hover {
  border-color: rgba(71, 151, 255, 0.72);
  background: rgba(22, 131, 255, 0.16);
}
.forgalis-tools-shell-host .button--ghost {
  color: #c7d8ed;
  background: transparent;
}
.forgalis-tools-shell-host .button--ghost:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.forgalis-tools-shell-host .button--small {
  min-height: 38.4px;
  padding: 9.28px 13.6px;
  font-size: var(--text-xs);
}
.forgalis-tools-shell-host .feature-card__icon .icon,
.forgalis-tools-shell-host .foundation-summary__icon .icon,
.forgalis-tools-shell-host .page-intro__status-icon .icon {
  width: 26.4px;
  height: 26.4px;
}
.forgalis-tools-shell-host .feature-card__link .icon {
  width: 16px;
  height: 16px;
  transition: transform var(--transition-fast);
}
.forgalis-tools-shell-host .feature-card__link:hover .icon {
  transform: translateX(3.2px);
}
.forgalis-tools-shell-host .check-list .icon {
  width: 19.2px;
  height: 19.2px;
  margin-top: 1.6px;
  color: var(--color-green);
}
.forgalis-tools-shell-host .check-list li:last-child .icon {
  color: var(--color-blue-bright);
}
@media  (max-width: 608px) {
.forgalis-tools-shell-host .button {
    width: 100%;
  }
}
/* Canonical source: brand.css */
.forgalis-tools-shell-host .brand > span:last-child {
  font-family: "Inter Tight", var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.035em;
}
/* Canonical source: identity.css */
.forgalis-tools-shell-host .site-header {
  border-bottom-color: rgba(126, 154, 187, 0.2);
  background: rgba(2, 7, 15, 0.94);
  backdrop-filter: blur(18px);
}
.forgalis-tools-shell-host .site-header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(46, 156, 255, 0.42) 35%, rgba(0, 214, 143, 0.22) 70%, transparent);
}
.forgalis-tools-shell-host .site-header__inner {
  grid-template-columns: minmax(256px, auto) 1fr auto;
}
.forgalis-tools-shell-host .brand {
  gap: 11.2px;
}
.forgalis-tools-shell-host .brand__mark {
  width: 32.8px;
  height: 32.8px;
  border: 1px solid rgba(46, 156, 255, 0.46);
  border-radius: 7.2px;
  background: rgba(46, 156, 255, 0.08);
  filter: none;
}
.forgalis-tools-shell-host .brand__mark .icon {
  width: 24.8px;
  height: 24.8px;
}
.forgalis-tools-shell-host .brand__copy {
  display: grid;
  gap: 1.92px;
  line-height: 1;
}
.forgalis-tools-shell-host .brand__copy strong {
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.forgalis-tools-shell-host .brand__copy small {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: 9.28px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.forgalis-tools-shell-host .environment-badge {
  border-radius: 5.6px;
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
}
.forgalis-tools-shell-host .desktop-navigation {
  justify-content: flex-start;
  padding-left: clamp(var(--space-4), 3vw, var(--space-10));
  border-left: 1px solid rgba(126, 154, 187, 0.16);
}
.forgalis-tools-shell-host .desktop-navigation a {
  font-family: var(--font-mono);
  font-size: 11.52px;
  letter-spacing: 0.02em;
}
.forgalis-tools-shell-host .desktop-navigation a::after {
  right: auto;
  width: 21.6px;
  border-radius: 0;
}
.forgalis-tools-shell-host .site-footer {
  border-top-color: rgba(126, 154, 187, 0.2);
  background:
    linear-gradient(90deg, rgba(46, 156, 255, 0.035), transparent 32%),
    rgba(2, 7, 15, 0.94);
}
.forgalis-tools-shell-host .trust-strip .icon {
  color: var(--color-blue-bright);
}
.forgalis-tools-shell-host .trust-strip > div:nth-child(2) .icon {
  color: var(--color-green);
}
.forgalis-tools-shell-host .trust-strip > div:nth-child(3) .icon {
  color: var(--color-orange);
}
.forgalis-tools-shell-host .trust-strip > div:nth-child(4) .icon {
  color: var(--color-purple);
}
.forgalis-tools-shell-host .workflow-step__icon .icon,
.forgalis-tools-shell-host .home-feature-card__icon .icon {
  width: 26.4px;
  height: 26.4px;
}
@media  (max-width: 992px) {
.forgalis-tools-shell-host .site-header__inner {
    grid-template-columns: 1fr auto;
  }
}
@media  (max-width: 864px) {
.forgalis-tools-shell-host .brand__copy small {
    display: none;
  }
}
/* Canonical source: header.css */
.forgalis-tools-shell-host .site-header {
  border-bottom: 1px solid rgba(83, 139, 211, 0.14);
  background: rgba(2, 9, 20, 0.88);
  backdrop-filter: blur(16px);
}
.forgalis-tools-shell-host .site-header::after {
  display: none;
}
.forgalis-tools-shell-host .site-header__inner {
  grid-template-columns: auto 1fr auto;
}
.forgalis-tools-shell-host .brand__logo {
  width: auto;
  height: 29.6px;
  display: block;
  flex: 0 0 auto;
}
.forgalis-tools-shell-host .environment-badge {
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  letter-spacing: 0.09em;
}
.forgalis-tools-shell-host .desktop-navigation {
  justify-content: center;
  padding-left: 0;
  border-left: 0;
}
.forgalis-tools-shell-host .desktop-navigation a {
  color: #d6e1ef;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}
.forgalis-tools-shell-host .desktop-navigation a::after {
  right: auto;
  bottom: -8px;
  left: 50%;
  width: 36px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--color-blue-bright), #65ead5);
  transform: translateX(-50%) scaleX(0.5);
}
.forgalis-tools-shell-host .desktop-navigation a:hover::after,
.forgalis-tools-shell-host .desktop-navigation a[aria-current="page"]::after {
  transform: translateX(-50%) scaleX(1);
}
.forgalis-tools-shell-host .mobile-navigation__panel nav a {
  font-weight: 600;
}
@media  (max-width: 864px) {
.forgalis-tools-shell-host .site-header__inner {
    grid-template-columns: 1fr auto;
  }
}
@media  (min-width: 864.16px) and (max-width: 1216px) {
.forgalis-tools-shell-host .desktop-navigation a[href="/tools/trade-analyzer/"] { display: none; }
}
.forgalis-tools-shell-host .site-header {position:relative}