/* reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  color-scheme: light;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100dvh;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
svg,
canvas,
video {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: 0;
  cursor: pointer;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent-green) 72%, white);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* phosphor.css */
@font-face {
  font-family: "Phosphor";
  src:
    url("./Phosphor.woff2") format("woff2"),
    url("./Phosphor.woff") format("woff"),
    url("./Phosphor.ttf") format("truetype"),
    url("./Phosphor.svg#Phosphor") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph.ph-acorn:before {
  content: "\eb9a";
}
.ph.ph-address-book:before {
  content: "\e6f8";
}
.ph.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph.ph-airplane:before {
  content: "\e002";
}
.ph.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph.ph-airplane-landing:before {
  content: "\e502";
}
.ph.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph.ph-airplay:before {
  content: "\e004";
}
.ph.ph-alarm:before {
  content: "\e006";
}
.ph.ph-alien:before {
  content: "\e8a6";
}
.ph.ph-align-bottom:before {
  content: "\e506";
}
.ph.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph.ph-align-left:before {
  content: "\e50e";
}
.ph.ph-align-left-simple:before {
  content: "\eaee";
}
.ph.ph-align-right:before {
  content: "\e510";
}
.ph.ph-align-right-simple:before {
  content: "\eb12";
}
.ph.ph-align-top:before {
  content: "\e512";
}
.ph.ph-align-top-simple:before {
  content: "\eb14";
}
.ph.ph-amazon-logo:before {
  content: "\e96c";
}
.ph.ph-ambulance:before {
  content: "\e572";
}
.ph.ph-anchor:before {
  content: "\e514";
}
.ph.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph.ph-android-logo:before {
  content: "\e008";
}
.ph.ph-angle:before {
  content: "\e7bc";
}
.ph.ph-angular-logo:before {
  content: "\eb80";
}
.ph.ph-aperture:before {
  content: "\e00a";
}
.ph.ph-app-store-logo:before {
  content: "\e974";
}
.ph.ph-app-window:before {
  content: "\e5da";
}
.ph.ph-apple-logo:before {
  content: "\e516";
}
.ph.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph.ph-approximate-equals:before {
  content: "\edaa";
}
.ph.ph-archive:before {
  content: "\e00c";
}
.ph.ph-armchair:before {
  content: "\e012";
}
.ph.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph.ph-arrow-down:before {
  content: "\e03e";
}
.ph.ph-arrow-down-left:before {
  content: "\e040";
}
.ph.ph-arrow-down-right:before {
  content: "\e042";
}
.ph.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph.ph-arrow-left:before {
  content: "\e058";
}
.ph.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph.ph-arrow-line-left:before {
  content: "\e062";
}
.ph.ph-arrow-line-right:before {
  content: "\e064";
}
.ph.ph-arrow-line-up:before {
  content: "\e066";
}
.ph.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph.ph-arrow-right:before {
  content: "\e06c";
}
.ph.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph.ph-arrow-square-left:before {
  content: "\e074";
}
.ph.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph.ph-arrow-square-right:before {
  content: "\e076";
}
.ph.ph-arrow-square-up:before {
  content: "\e078";
}
.ph.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph.ph-arrow-up:before {
  content: "\e08e";
}
.ph.ph-arrow-up-left:before {
  content: "\e090";
}
.ph.ph-arrow-up-right:before {
  content: "\e092";
}
.ph.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph.ph-arrows-down-up:before {
  content: "\e098";
}
.ph.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph.ph-arrows-in:before {
  content: "\e09a";
}
.ph.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph.ph-arrows-out:before {
  content: "\e0a2";
}
.ph.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph.ph-arrows-split:before {
  content: "\ed3c";
}
.ph.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph.ph-article:before {
  content: "\e0a8";
}
.ph.ph-article-medium:before {
  content: "\e5e0";
}
.ph.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph.ph-asclepius:before {
  content: "\ee34";
}
.ph.ph-caduceus:before {
  content: "\ee34";
}
.ph.ph-asterisk:before {
  content: "\e0aa";
}
.ph.ph-asterisk-simple:before {
  content: "\e832";
}
.ph.ph-at:before {
  content: "\e0ac";
}
.ph.ph-atom:before {
  content: "\e5e4";
}
.ph.ph-avocado:before {
  content: "\ee04";
}
.ph.ph-axe:before {
  content: "\e9fc";
}
.ph.ph-baby:before {
  content: "\e774";
}
.ph.ph-baby-carriage:before {
  content: "\e818";
}
.ph.ph-backpack:before {
  content: "\e922";
}
.ph.ph-backspace:before {
  content: "\e0ae";
}
.ph.ph-bag:before {
  content: "\e0b0";
}
.ph.ph-bag-simple:before {
  content: "\e5e6";
}
.ph.ph-balloon:before {
  content: "\e76c";
}
.ph.ph-bandaids:before {
  content: "\e0b2";
}
.ph.ph-bank:before {
  content: "\e0b4";
}
.ph.ph-barbell:before {
  content: "\e0b6";
}
.ph.ph-barcode:before {
  content: "\e0b8";
}
.ph.ph-barn:before {
  content: "\ec72";
}
.ph.ph-barricade:before {
  content: "\e948";
}
.ph.ph-baseball:before {
  content: "\e71a";
}
.ph.ph-baseball-cap:before {
  content: "\ea28";
}
.ph.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph.ph-basket:before {
  content: "\e964";
}
.ph.ph-basketball:before {
  content: "\e724";
}
.ph.ph-bathtub:before {
  content: "\e81e";
}
.ph.ph-battery-charging:before {
  content: "\e0ba";
}
.ph.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph.ph-battery-empty:before {
  content: "\e0be";
}
.ph.ph-battery-full:before {
  content: "\e0c0";
}
.ph.ph-battery-high:before {
  content: "\e0c2";
}
.ph.ph-battery-low:before {
  content: "\e0c4";
}
.ph.ph-battery-medium:before {
  content: "\e0c6";
}
.ph.ph-battery-plus:before {
  content: "\e808";
}
.ph.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph.ph-battery-warning:before {
  content: "\e0c8";
}
.ph.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph.ph-beach-ball:before {
  content: "\ed24";
}
.ph.ph-beanie:before {
  content: "\ea2a";
}
.ph.ph-bed:before {
  content: "\e0cc";
}
.ph.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph.ph-beer-stein:before {
  content: "\eb62";
}
.ph.ph-behance-logo:before {
  content: "\e7f4";
}
.ph.ph-bell:before {
  content: "\e0ce";
}
.ph.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph.ph-bell-simple:before {
  content: "\e0d0";
}
.ph.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph.ph-bell-slash:before {
  content: "\e0d4";
}
.ph.ph-bell-z:before {
  content: "\e5ee";
}
.ph.ph-belt:before {
  content: "\ea2c";
}
.ph.ph-bezier-curve:before {
  content: "\eb00";
}
.ph.ph-bicycle:before {
  content: "\e0d6";
}
.ph.ph-binary:before {
  content: "\ee60";
}
.ph.ph-binoculars:before {
  content: "\ea64";
}
.ph.ph-biohazard:before {
  content: "\e9e0";
}
.ph.ph-bird:before {
  content: "\e72c";
}
.ph.ph-blueprint:before {
  content: "\eda0";
}
.ph.ph-bluetooth:before {
  content: "\e0da";
}
.ph.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph.ph-boat:before {
  content: "\e786";
}
.ph.ph-bomb:before {
  content: "\ee0a";
}
.ph.ph-bone:before {
  content: "\e7f2";
}
.ph.ph-book:before {
  content: "\e0e2";
}
.ph.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph.ph-book-open:before {
  content: "\e0e6";
}
.ph.ph-book-open-text:before {
  content: "\e8f2";
}
.ph.ph-book-open-user:before {
  content: "\ede0";
}
.ph.ph-bookmark:before {
  content: "\e0e8";
}
.ph.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph.ph-bookmarks:before {
  content: "\e0ec";
}
.ph.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph.ph-books:before {
  content: "\e758";
}
.ph.ph-boot:before {
  content: "\ecca";
}
.ph.ph-boules:before {
  content: "\e722";
}
.ph.ph-bounding-box:before {
  content: "\e6ce";
}
.ph.ph-bowl-food:before {
  content: "\eaa4";
}
.ph.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph.ph-bowling-ball:before {
  content: "\ea34";
}
.ph.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph.ph-archive-box:before {
  content: "\e00e";
}
.ph.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph.ph-boxing-glove:before {
  content: "\ea36";
}
.ph.ph-brackets-angle:before {
  content: "\e862";
}
.ph.ph-brackets-curly:before {
  content: "\e860";
}
.ph.ph-brackets-round:before {
  content: "\e864";
}
.ph.ph-brackets-square:before {
  content: "\e85e";
}
.ph.ph-brain:before {
  content: "\e74e";
}
.ph.ph-brandy:before {
  content: "\e6b4";
}
.ph.ph-bread:before {
  content: "\e81c";
}
.ph.ph-bridge:before {
  content: "\ea68";
}
.ph.ph-briefcase:before {
  content: "\e0ee";
}
.ph.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph.ph-broadcast:before {
  content: "\e0f2";
}
.ph.ph-broom:before {
  content: "\ec54";
}
.ph.ph-browser:before {
  content: "\e0f4";
}
.ph.ph-browsers:before {
  content: "\e0f6";
}
.ph.ph-bug:before {
  content: "\e5f4";
}
.ph.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph.ph-bug-droid:before {
  content: "\e5f8";
}
.ph.ph-building:before {
  content: "\e100";
}
.ph.ph-building-apartment:before {
  content: "\e0fe";
}
.ph.ph-building-office:before {
  content: "\e0ff";
}
.ph.ph-buildings:before {
  content: "\e102";
}
.ph.ph-bulldozer:before {
  content: "\ec6c";
}
.ph.ph-bus:before {
  content: "\e106";
}
.ph.ph-butterfly:before {
  content: "\ea6e";
}
.ph.ph-cable-car:before {
  content: "\e49c";
}
.ph.ph-cactus:before {
  content: "\e918";
}
.ph.ph-cake:before {
  content: "\e780";
}
.ph.ph-calculator:before {
  content: "\e538";
}
.ph.ph-calendar:before {
  content: "\e108";
}
.ph.ph-calendar-blank:before {
  content: "\e10a";
}
.ph.ph-calendar-check:before {
  content: "\e712";
}
.ph.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph.ph-calendar-minus:before {
  content: "\ea14";
}
.ph.ph-calendar-plus:before {
  content: "\e714";
}
.ph.ph-calendar-slash:before {
  content: "\ea12";
}
.ph.ph-calendar-star:before {
  content: "\e8b2";
}
.ph.ph-calendar-x:before {
  content: "\e10c";
}
.ph.ph-call-bell:before {
  content: "\e7de";
}
.ph.ph-camera:before {
  content: "\e10e";
}
.ph.ph-camera-plus:before {
  content: "\ec58";
}
.ph.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph.ph-camera-slash:before {
  content: "\e110";
}
.ph.ph-campfire:before {
  content: "\e9d8";
}
.ph.ph-car:before {
  content: "\e112";
}
.ph.ph-car-battery:before {
  content: "\ee30";
}
.ph.ph-car-profile:before {
  content: "\e8cc";
}
.ph.ph-car-simple:before {
  content: "\e114";
}
.ph.ph-cardholder:before {
  content: "\e5fa";
}
.ph.ph-cards:before {
  content: "\e0f8";
}
.ph.ph-cards-three:before {
  content: "\ee50";
}
.ph.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph.ph-caret-circle-left:before {
  content: "\e120";
}
.ph.ph-caret-circle-right:before {
  content: "\e122";
}
.ph.ph-caret-circle-up:before {
  content: "\e124";
}
.ph.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph.ph-caret-double-down:before {
  content: "\e126";
}
.ph.ph-caret-double-left:before {
  content: "\e128";
}
.ph.ph-caret-double-right:before {
  content: "\e12a";
}
.ph.ph-caret-double-up:before {
  content: "\e12c";
}
.ph.ph-caret-down:before {
  content: "\e136";
}
.ph.ph-caret-left:before {
  content: "\e138";
}
.ph.ph-caret-line-down:before {
  content: "\e134";
}
.ph.ph-caret-line-left:before {
  content: "\e132";
}
.ph.ph-caret-line-right:before {
  content: "\e130";
}
.ph.ph-caret-line-up:before {
  content: "\e12e";
}
.ph.ph-caret-right:before {
  content: "\e13a";
}
.ph.ph-caret-up:before {
  content: "\e13c";
}
.ph.ph-caret-up-down:before {
  content: "\e140";
}
.ph.ph-carrot:before {
  content: "\ed38";
}
.ph.ph-cash-register:before {
  content: "\ed80";
}
.ph.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph.ph-castle-turret:before {
  content: "\e9d0";
}
.ph.ph-cat:before {
  content: "\e748";
}
.ph.ph-cell-signal-full:before {
  content: "\e142";
}
.ph.ph-cell-signal-high:before {
  content: "\e144";
}
.ph.ph-cell-signal-low:before {
  content: "\e146";
}
.ph.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph.ph-cell-tower:before {
  content: "\ebaa";
}
.ph.ph-certificate:before {
  content: "\e766";
}
.ph.ph-chair:before {
  content: "\e950";
}
.ph.ph-chalkboard:before {
  content: "\e5fc";
}
.ph.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph.ph-champagne:before {
  content: "\eaca";
}
.ph.ph-charging-station:before {
  content: "\e8d0";
}
.ph.ph-chart-bar:before {
  content: "\e150";
}
.ph.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph.ph-chart-donut:before {
  content: "\eaa6";
}
.ph.ph-chart-line:before {
  content: "\e154";
}
.ph.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph.ph-chart-line-up:before {
  content: "\e156";
}
.ph.ph-chart-pie:before {
  content: "\e158";
}
.ph.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph.ph-chart-polar:before {
  content: "\eaa8";
}
.ph.ph-chart-scatter:before {
  content: "\eaac";
}
.ph.ph-chat:before {
  content: "\e15c";
}
.ph.ph-chat-centered:before {
  content: "\e160";
}
.ph.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph.ph-chat-centered-text:before {
  content: "\e166";
}
.ph.ph-chat-circle:before {
  content: "\e168";
}
.ph.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph.ph-chat-dots:before {
  content: "\e170";
}
.ph.ph-chat-slash:before {
  content: "\e15e";
}
.ph.ph-chat-teardrop:before {
  content: "\e172";
}
.ph.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph.ph-chat-text:before {
  content: "\e17a";
}
.ph.ph-chats:before {
  content: "\e17c";
}
.ph.ph-chats-circle:before {
  content: "\e17e";
}
.ph.ph-chats-teardrop:before {
  content: "\e180";
}
.ph.ph-check:before {
  content: "\e182";
}
.ph.ph-check-circle:before {
  content: "\e184";
}
.ph.ph-check-fat:before {
  content: "\eba6";
}
.ph.ph-check-square:before {
  content: "\e186";
}
.ph.ph-check-square-offset:before {
  content: "\e188";
}
.ph.ph-checkerboard:before {
  content: "\e8c4";
}
.ph.ph-checks:before {
  content: "\e53a";
}
.ph.ph-cheers:before {
  content: "\ea4a";
}
.ph.ph-cheese:before {
  content: "\e9fe";
}
.ph.ph-chef-hat:before {
  content: "\ed8e";
}
.ph.ph-cherries:before {
  content: "\e830";
}
.ph.ph-church:before {
  content: "\ecea";
}
.ph.ph-cigarette:before {
  content: "\ed90";
}
.ph.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph.ph-circle:before {
  content: "\e18a";
}
.ph.ph-circle-dashed:before {
  content: "\e602";
}
.ph.ph-circle-half:before {
  content: "\e18c";
}
.ph.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph.ph-circle-notch:before {
  content: "\eb44";
}
.ph.ph-circles-four:before {
  content: "\e190";
}
.ph.ph-circles-three:before {
  content: "\e192";
}
.ph.ph-circles-three-plus:before {
  content: "\e194";
}
.ph.ph-circuitry:before {
  content: "\e9c2";
}
.ph.ph-city:before {
  content: "\ea6a";
}
.ph.ph-clipboard:before {
  content: "\e196";
}
.ph.ph-clipboard-text:before {
  content: "\e198";
}
.ph.ph-clock:before {
  content: "\e19a";
}
.ph.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph.ph-clock-user:before {
  content: "\edec";
}
.ph.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph.ph-cloud:before {
  content: "\e1aa";
}
.ph.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph.ph-cloud-check:before {
  content: "\e1b0";
}
.ph.ph-cloud-fog:before {
  content: "\e53c";
}
.ph.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph.ph-cloud-moon:before {
  content: "\e53e";
}
.ph.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph.ph-cloud-sun:before {
  content: "\e540";
}
.ph.ph-cloud-warning:before {
  content: "\ea98";
}
.ph.ph-cloud-x:before {
  content: "\ea96";
}
.ph.ph-clover:before {
  content: "\edc8";
}
.ph.ph-club:before {
  content: "\e1ba";
}
.ph.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph.ph-coda-logo:before {
  content: "\e7ce";
}
.ph.ph-code:before {
  content: "\e1bc";
}
.ph.ph-code-block:before {
  content: "\eafe";
}
.ph.ph-code-simple:before {
  content: "\e1be";
}
.ph.ph-codepen-logo:before {
  content: "\e978";
}
.ph.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph.ph-coffee:before {
  content: "\e1c2";
}
.ph.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph.ph-coin:before {
  content: "\e60e";
}
.ph.ph-coin-vertical:before {
  content: "\eb48";
}
.ph.ph-coins:before {
  content: "\e78e";
}
.ph.ph-columns:before {
  content: "\e546";
}
.ph.ph-columns-plus-left:before {
  content: "\e544";
}
.ph.ph-columns-plus-right:before {
  content: "\e542";
}
.ph.ph-command:before {
  content: "\e1c4";
}
.ph.ph-compass:before {
  content: "\e1c8";
}
.ph.ph-compass-rose:before {
  content: "\e1c6";
}
.ph.ph-compass-tool:before {
  content: "\ea0e";
}
.ph.ph-computer-tower:before {
  content: "\e548";
}
.ph.ph-confetti:before {
  content: "\e81a";
}
.ph.ph-contactless-payment:before {
  content: "\ed42";
}
.ph.ph-control:before {
  content: "\eca6";
}
.ph.ph-cookie:before {
  content: "\e6ca";
}
.ph.ph-cooking-pot:before {
  content: "\e764";
}
.ph.ph-copy:before {
  content: "\e1ca";
}
.ph.ph-copy-simple:before {
  content: "\e1cc";
}
.ph.ph-copyleft:before {
  content: "\e86a";
}
.ph.ph-copyright:before {
  content: "\e54a";
}
.ph.ph-corners-in:before {
  content: "\e1ce";
}
.ph.ph-corners-out:before {
  content: "\e1d0";
}
.ph.ph-couch:before {
  content: "\e7f6";
}
.ph.ph-court-basketball:before {
  content: "\ee36";
}
.ph.ph-cow:before {
  content: "\eabe";
}
.ph.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph.ph-cpu:before {
  content: "\e610";
}
.ph.ph-crane:before {
  content: "\ed48";
}
.ph.ph-crane-tower:before {
  content: "\ed49";
}
.ph.ph-credit-card:before {
  content: "\e1d2";
}
.ph.ph-cricket:before {
  content: "\ee12";
}
.ph.ph-crop:before {
  content: "\e1d4";
}
.ph.ph-cross:before {
  content: "\e8a0";
}
.ph.ph-crosshair:before {
  content: "\e1d6";
}
.ph.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph.ph-crown:before {
  content: "\e614";
}
.ph.ph-crown-cross:before {
  content: "\ee5e";
}
.ph.ph-crown-simple:before {
  content: "\e616";
}
.ph.ph-cube:before {
  content: "\e1da";
}
.ph.ph-cube-focus:before {
  content: "\ed0a";
}
.ph.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph.ph-currency-btc:before {
  content: "\e618";
}
.ph.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph.ph-currency-cny:before {
  content: "\e54e";
}
.ph.ph-currency-dollar:before {
  content: "\e550";
}
.ph.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph.ph-currency-eth:before {
  content: "\eada";
}
.ph.ph-currency-eur:before {
  content: "\e554";
}
.ph.ph-currency-gbp:before {
  content: "\e556";
}
.ph.ph-currency-inr:before {
  content: "\e558";
}
.ph.ph-currency-jpy:before {
  content: "\e55a";
}
.ph.ph-currency-krw:before {
  content: "\e55c";
}
.ph.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph.ph-currency-ngn:before {
  content: "\eb52";
}
.ph.ph-currency-rub:before {
  content: "\e55e";
}
.ph.ph-cursor:before {
  content: "\e1dc";
}
.ph.ph-cursor-click:before {
  content: "\e7c8";
}
.ph.ph-cursor-text:before {
  content: "\e7d8";
}
.ph.ph-cylinder:before {
  content: "\e8fc";
}
.ph.ph-database:before {
  content: "\e1de";
}
.ph.ph-desk:before {
  content: "\ed16";
}
.ph.ph-desktop:before {
  content: "\e560";
}
.ph.ph-desktop-tower:before {
  content: "\e562";
}
.ph.ph-detective:before {
  content: "\e83e";
}
.ph.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph.ph-device-mobile:before {
  content: "\e1e0";
}
.ph.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph.ph-device-rotate:before {
  content: "\edf2";
}
.ph.ph-device-tablet:before {
  content: "\e1e6";
}
.ph.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph.ph-devices:before {
  content: "\eba4";
}
.ph.ph-diamond:before {
  content: "\e1ec";
}
.ph.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph.ph-dice-five:before {
  content: "\e1ee";
}
.ph.ph-dice-four:before {
  content: "\e1f0";
}
.ph.ph-dice-one:before {
  content: "\e1f2";
}
.ph.ph-dice-six:before {
  content: "\e1f4";
}
.ph.ph-dice-three:before {
  content: "\e1f6";
}
.ph.ph-dice-two:before {
  content: "\e1f8";
}
.ph.ph-disc:before {
  content: "\e564";
}
.ph.ph-disco-ball:before {
  content: "\ed98";
}
.ph.ph-discord-logo:before {
  content: "\e61a";
}
.ph.ph-divide:before {
  content: "\e1fa";
}
.ph.ph-dna:before {
  content: "\e924";
}
.ph.ph-dog:before {
  content: "\e74a";
}
.ph.ph-door:before {
  content: "\e61c";
}
.ph.ph-door-open:before {
  content: "\e7e6";
}
.ph.ph-dot:before {
  content: "\ecde";
}
.ph.ph-dot-outline:before {
  content: "\ece0";
}
.ph.ph-dots-nine:before {
  content: "\e1fc";
}
.ph.ph-dots-six:before {
  content: "\e794";
}
.ph.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph.ph-dots-three:before {
  content: "\e1fe";
}
.ph.ph-dots-three-circle:before {
  content: "\e200";
}
.ph.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph.ph-dots-three-outline:before {
  content: "\e204";
}
.ph.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph.ph-download:before {
  content: "\e20a";
}
.ph.ph-download-simple:before {
  content: "\e20c";
}
.ph.ph-dress:before {
  content: "\ea7e";
}
.ph.ph-dresser:before {
  content: "\e94e";
}
.ph.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph.ph-drone:before {
  content: "\ed74";
}
.ph.ph-drop:before {
  content: "\e210";
}
.ph.ph-drop-half:before {
  content: "\e566";
}
.ph.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph.ph-drop-simple:before {
  content: "\ee32";
}
.ph.ph-drop-slash:before {
  content: "\e954";
}
.ph.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph.ph-ear:before {
  content: "\e70c";
}
.ph.ph-ear-slash:before {
  content: "\e70e";
}
.ph.ph-egg:before {
  content: "\e812";
}
.ph.ph-egg-crack:before {
  content: "\eb64";
}
.ph.ph-eject:before {
  content: "\e212";
}
.ph.ph-eject-simple:before {
  content: "\e6ae";
}
.ph.ph-elevator:before {
  content: "\ecc0";
}
.ph.ph-empty:before {
  content: "\edbc";
}
.ph.ph-engine:before {
  content: "\ea80";
}
.ph.ph-envelope:before {
  content: "\e214";
}
.ph.ph-envelope-open:before {
  content: "\e216";
}
.ph.ph-envelope-simple:before {
  content: "\e218";
}
.ph.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph.ph-equalizer:before {
  content: "\ebbc";
}
.ph.ph-equals:before {
  content: "\e21c";
}
.ph.ph-eraser:before {
  content: "\e21e";
}
.ph.ph-escalator-down:before {
  content: "\ecba";
}
.ph.ph-escalator-up:before {
  content: "\ecbc";
}
.ph.ph-exam:before {
  content: "\e742";
}
.ph.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph.ph-exclude:before {
  content: "\e882";
}
.ph.ph-exclude-square:before {
  content: "\e880";
}
.ph.ph-export:before {
  content: "\eaf0";
}
.ph.ph-eye:before {
  content: "\e220";
}
.ph.ph-eye-closed:before {
  content: "\e222";
}
.ph.ph-eye-slash:before {
  content: "\e224";
}
.ph.ph-eyedropper:before {
  content: "\e568";
}
.ph.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph.ph-eyes:before {
  content: "\ee5c";
}
.ph.ph-face-mask:before {
  content: "\e56a";
}
.ph.ph-facebook-logo:before {
  content: "\e226";
}
.ph.ph-factory:before {
  content: "\e760";
}
.ph.ph-faders:before {
  content: "\e228";
}
.ph.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph.ph-fan:before {
  content: "\e9f2";
}
.ph.ph-farm:before {
  content: "\ec70";
}
.ph.ph-fast-forward:before {
  content: "\e6a6";
}
.ph.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph.ph-feather:before {
  content: "\e9c0";
}
.ph.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph.ph-figma-logo:before {
  content: "\e22e";
}
.ph.ph-file:before {
  content: "\e230";
}
.ph.ph-file-archive:before {
  content: "\eb2a";
}
.ph.ph-file-arrow-down:before {
  content: "\e232";
}
.ph.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph.ph-file-audio:before {
  content: "\ea20";
}
.ph.ph-file-c:before {
  content: "\eb32";
}
.ph.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph.ph-file-cloud:before {
  content: "\e95e";
}
.ph.ph-file-code:before {
  content: "\e914";
}
.ph.ph-file-cpp:before {
  content: "\eb2e";
}
.ph.ph-file-css:before {
  content: "\eb34";
}
.ph.ph-file-csv:before {
  content: "\eb1c";
}
.ph.ph-file-dashed:before {
  content: "\e704";
}
.ph.ph-file-dotted:before {
  content: "\e704";
}
.ph.ph-file-doc:before {
  content: "\eb1e";
}
.ph.ph-file-html:before {
  content: "\eb38";
}
.ph.ph-file-image:before {
  content: "\ea24";
}
.ph.ph-file-ini:before {
  content: "\eb33";
}
.ph.ph-file-jpg:before {
  content: "\eb1a";
}
.ph.ph-file-js:before {
  content: "\eb24";
}
.ph.ph-file-jsx:before {
  content: "\eb3a";
}
.ph.ph-file-lock:before {
  content: "\e95c";
}
.ph.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph.ph-file-search:before {
  content: "\e238";
}
.ph.ph-file-md:before {
  content: "\ed50";
}
.ph.ph-file-minus:before {
  content: "\e234";
}
.ph.ph-file-pdf:before {
  content: "\e702";
}
.ph.ph-file-plus:before {
  content: "\e236";
}
.ph.ph-file-png:before {
  content: "\eb18";
}
.ph.ph-file-ppt:before {
  content: "\eb20";
}
.ph.ph-file-py:before {
  content: "\eb2c";
}
.ph.ph-file-rs:before {
  content: "\eb28";
}
.ph.ph-file-sql:before {
  content: "\ed4e";
}
.ph.ph-file-svg:before {
  content: "\ed08";
}
.ph.ph-file-text:before {
  content: "\e23a";
}
.ph.ph-file-ts:before {
  content: "\eb26";
}
.ph.ph-file-tsx:before {
  content: "\eb3c";
}
.ph.ph-file-txt:before {
  content: "\eb35";
}
.ph.ph-file-video:before {
  content: "\ea22";
}
.ph.ph-file-vue:before {
  content: "\eb3e";
}
.ph.ph-file-x:before {
  content: "\e23c";
}
.ph.ph-file-xls:before {
  content: "\eb22";
}
.ph.ph-file-zip:before {
  content: "\e958";
}
.ph.ph-files:before {
  content: "\e710";
}
.ph.ph-film-reel:before {
  content: "\e8c0";
}
.ph.ph-film-script:before {
  content: "\eb50";
}
.ph.ph-film-slate:before {
  content: "\e8c2";
}
.ph.ph-film-strip:before {
  content: "\e792";
}
.ph.ph-fingerprint:before {
  content: "\e23e";
}
.ph.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph.ph-finn-the-human:before {
  content: "\e56c";
}
.ph.ph-fire:before {
  content: "\e242";
}
.ph.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph.ph-fire-simple:before {
  content: "\e620";
}
.ph.ph-fire-truck:before {
  content: "\e574";
}
.ph.ph-first-aid:before {
  content: "\e56e";
}
.ph.ph-first-aid-kit:before {
  content: "\e570";
}
.ph.ph-fish:before {
  content: "\e728";
}
.ph.ph-fish-simple:before {
  content: "\e72a";
}
.ph.ph-flag:before {
  content: "\e244";
}
.ph.ph-flag-banner:before {
  content: "\e622";
}
.ph.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph.ph-flag-checkered:before {
  content: "\ea38";
}
.ph.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph.ph-flame:before {
  content: "\e624";
}
.ph.ph-flashlight:before {
  content: "\e246";
}
.ph.ph-flask:before {
  content: "\e79e";
}
.ph.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph.ph-floppy-disk:before {
  content: "\e248";
}
.ph.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph.ph-flower:before {
  content: "\e75e";
}
.ph.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph.ph-flower-tulip:before {
  content: "\eacc";
}
.ph.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph.ph-folder:before {
  content: "\e24a";
}
.ph.ph-folder-notch:before {
  content: "\e24a";
}
.ph.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph.ph-folder-lock:before {
  content: "\ea3c";
}
.ph.ph-folder-minus:before {
  content: "\e254";
}
.ph.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph.ph-folder-open:before {
  content: "\e256";
}
.ph.ph-folder-notch-open:before {
  content: "\e256";
}
.ph.ph-folder-plus:before {
  content: "\e258";
}
.ph.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph.ph-folder-simple:before {
  content: "\e25a";
}
.ph.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph.ph-folder-star:before {
  content: "\ea86";
}
.ph.ph-folder-user:before {
  content: "\eb46";
}
.ph.ph-folders:before {
  content: "\e260";
}
.ph.ph-football:before {
  content: "\e718";
}
.ph.ph-football-helmet:before {
  content: "\ee4c";
}
.ph.ph-footprints:before {
  content: "\ea88";
}
.ph.ph-fork-knife:before {
  content: "\e262";
}
.ph.ph-four-k:before {
  content: "\ea5c";
}
.ph.ph-frame-corners:before {
  content: "\e626";
}
.ph.ph-framer-logo:before {
  content: "\e264";
}
.ph.ph-function:before {
  content: "\ebe4";
}
.ph.ph-funnel:before {
  content: "\e266";
}
.ph.ph-funnel-simple:before {
  content: "\e268";
}
.ph.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph.ph-funnel-x:before {
  content: "\e26c";
}
.ph.ph-game-controller:before {
  content: "\e26e";
}
.ph.ph-garage:before {
  content: "\ecd6";
}
.ph.ph-gas-can:before {
  content: "\e8ce";
}
.ph.ph-gas-pump:before {
  content: "\e768";
}
.ph.ph-gauge:before {
  content: "\e628";
}
.ph.ph-gavel:before {
  content: "\ea32";
}
.ph.ph-gear:before {
  content: "\e270";
}
.ph.ph-gear-fine:before {
  content: "\e87c";
}
.ph.ph-gear-six:before {
  content: "\e272";
}
.ph.ph-gender-female:before {
  content: "\e6e0";
}
.ph.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph.ph-gender-male:before {
  content: "\e6e2";
}
.ph.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph.ph-ghost:before {
  content: "\e62a";
}
.ph.ph-gif:before {
  content: "\e274";
}
.ph.ph-gift:before {
  content: "\e276";
}
.ph.ph-git-branch:before {
  content: "\e278";
}
.ph.ph-git-commit:before {
  content: "\e27a";
}
.ph.ph-git-diff:before {
  content: "\e27c";
}
.ph.ph-git-fork:before {
  content: "\e27e";
}
.ph.ph-git-merge:before {
  content: "\e280";
}
.ph.ph-git-pull-request:before {
  content: "\e282";
}
.ph.ph-github-logo:before {
  content: "\e576";
}
.ph.ph-gitlab-logo:before {
  content: "\e694";
}
.ph.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph.ph-globe:before {
  content: "\e288";
}
.ph.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph.ph-globe-simple:before {
  content: "\e28e";
}
.ph.ph-globe-simple-x:before {
  content: "\e284";
}
.ph.ph-globe-stand:before {
  content: "\e290";
}
.ph.ph-globe-x:before {
  content: "\e286";
}
.ph.ph-goggles:before {
  content: "\ecb4";
}
.ph.ph-golf:before {
  content: "\ea3e";
}
.ph.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph.ph-google-logo:before {
  content: "\e292";
}
.ph.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph.ph-google-play-logo:before {
  content: "\e294";
}
.ph.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph.ph-gps:before {
  content: "\edd8";
}
.ph.ph-gps-fix:before {
  content: "\edd6";
}
.ph.ph-gps-slash:before {
  content: "\edd4";
}
.ph.ph-gradient:before {
  content: "\eb42";
}
.ph.ph-graduation-cap:before {
  content: "\e62c";
}
.ph.ph-grains:before {
  content: "\ec68";
}
.ph.ph-grains-slash:before {
  content: "\ec6a";
}
.ph.ph-graph:before {
  content: "\eb58";
}
.ph.ph-graphics-card:before {
  content: "\e612";
}
.ph.ph-greater-than:before {
  content: "\edc4";
}
.ph.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph.ph-grid-four:before {
  content: "\e296";
}
.ph.ph-grid-nine:before {
  content: "\ec8c";
}
.ph.ph-guitar:before {
  content: "\ea8a";
}
.ph.ph-hair-dryer:before {
  content: "\ea66";
}
.ph.ph-hamburger:before {
  content: "\e790";
}
.ph.ph-hammer:before {
  content: "\e80e";
}
.ph.ph-hand:before {
  content: "\e298";
}
.ph.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph.ph-hand-coins:before {
  content: "\ea8c";
}
.ph.ph-hand-deposit:before {
  content: "\ee82";
}
.ph.ph-hand-eye:before {
  content: "\ea4c";
}
.ph.ph-hand-fist:before {
  content: "\e57a";
}
.ph.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph.ph-hand-heart:before {
  content: "\e810";
}
.ph.ph-hand-palm:before {
  content: "\e57e";
}
.ph.ph-hand-peace:before {
  content: "\e7cc";
}
.ph.ph-hand-pointing:before {
  content: "\e29a";
}
.ph.ph-hand-soap:before {
  content: "\e630";
}
.ph.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph.ph-hand-tap:before {
  content: "\ec90";
}
.ph.ph-hand-waving:before {
  content: "\e580";
}
.ph.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph.ph-handbag:before {
  content: "\e29c";
}
.ph.ph-handbag-simple:before {
  content: "\e62e";
}
.ph.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph.ph-hands-praying:before {
  content: "\ecc8";
}
.ph.ph-handshake:before {
  content: "\e582";
}
.ph.ph-hard-drive:before {
  content: "\e29e";
}
.ph.ph-hard-drives:before {
  content: "\e2a0";
}
.ph.ph-hard-hat:before {
  content: "\ed46";
}
.ph.ph-hash:before {
  content: "\e2a2";
}
.ph.ph-hash-straight:before {
  content: "\e2a4";
}
.ph.ph-head-circuit:before {
  content: "\e7d4";
}
.ph.ph-headlights:before {
  content: "\e6fe";
}
.ph.ph-headphones:before {
  content: "\e2a6";
}
.ph.ph-headset:before {
  content: "\e584";
}
.ph.ph-heart:before {
  content: "\e2a8";
}
.ph.ph-heart-break:before {
  content: "\ebe8";
}
.ph.ph-heart-half:before {
  content: "\ec48";
}
.ph.ph-heart-straight:before {
  content: "\e2aa";
}
.ph.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph.ph-heartbeat:before {
  content: "\e2ac";
}
.ph.ph-hexagon:before {
  content: "\e2ae";
}
.ph.ph-high-definition:before {
  content: "\ea8e";
}
.ph.ph-high-heel:before {
  content: "\e8e8";
}
.ph.ph-highlighter:before {
  content: "\ec76";
}
.ph.ph-highlighter-circle:before {
  content: "\e632";
}
.ph.ph-hockey:before {
  content: "\ec86";
}
.ph.ph-hoodie:before {
  content: "\ecd0";
}
.ph.ph-horse:before {
  content: "\e2b0";
}
.ph.ph-hospital:before {
  content: "\e844";
}
.ph.ph-hourglass:before {
  content: "\e2b2";
}
.ph.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph.ph-house:before {
  content: "\e2c2";
}
.ph.ph-house-line:before {
  content: "\e2c4";
}
.ph.ph-house-simple:before {
  content: "\e2c6";
}
.ph.ph-hurricane:before {
  content: "\e88e";
}
.ph.ph-ice-cream:before {
  content: "\e804";
}
.ph.ph-identification-badge:before {
  content: "\e6f6";
}
.ph.ph-identification-card:before {
  content: "\e2c8";
}
.ph.ph-image:before {
  content: "\e2ca";
}
.ph.ph-image-broken:before {
  content: "\e7a8";
}
.ph.ph-image-square:before {
  content: "\e2cc";
}
.ph.ph-images:before {
  content: "\e836";
}
.ph.ph-images-square:before {
  content: "\e834";
}
.ph.ph-infinity:before {
  content: "\e634";
}
.ph.ph-lemniscate:before {
  content: "\e634";
}
.ph.ph-info:before {
  content: "\e2ce";
}
.ph.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph.ph-intersect:before {
  content: "\e2d2";
}
.ph.ph-intersect-square:before {
  content: "\e87a";
}
.ph.ph-intersect-three:before {
  content: "\ecc4";
}
.ph.ph-intersection:before {
  content: "\edba";
}
.ph.ph-invoice:before {
  content: "\ee42";
}
.ph.ph-island:before {
  content: "\ee06";
}
.ph.ph-jar:before {
  content: "\e7e0";
}
.ph.ph-jar-label:before {
  content: "\e7e1";
}
.ph.ph-jeep:before {
  content: "\e2d4";
}
.ph.ph-joystick:before {
  content: "\ea5e";
}
.ph.ph-kanban:before {
  content: "\eb54";
}
.ph.ph-key:before {
  content: "\e2d6";
}
.ph.ph-key-return:before {
  content: "\e782";
}
.ph.ph-keyboard:before {
  content: "\e2d8";
}
.ph.ph-keyhole:before {
  content: "\ea78";
}
.ph.ph-knife:before {
  content: "\e636";
}
.ph.ph-ladder:before {
  content: "\e9e4";
}
.ph.ph-ladder-simple:before {
  content: "\ec26";
}
.ph.ph-lamp:before {
  content: "\e638";
}
.ph.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph.ph-laptop:before {
  content: "\e586";
}
.ph.ph-lasso:before {
  content: "\edc6";
}
.ph.ph-lastfm-logo:before {
  content: "\e842";
}
.ph.ph-layout:before {
  content: "\e6d6";
}
.ph.ph-leaf:before {
  content: "\e2da";
}
.ph.ph-lectern:before {
  content: "\e95a";
}
.ph.ph-lego:before {
  content: "\e8c6";
}
.ph.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph.ph-less-than:before {
  content: "\edac";
}
.ph.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph.ph-lifebuoy:before {
  content: "\e63a";
}
.ph.ph-lightbulb:before {
  content: "\e2dc";
}
.ph.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph.ph-lighthouse:before {
  content: "\e9f6";
}
.ph.ph-lightning:before {
  content: "\e2de";
}
.ph.ph-lightning-a:before {
  content: "\ea84";
}
.ph.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph.ph-line-segment:before {
  content: "\e6d2";
}
.ph.ph-line-segments:before {
  content: "\e6d4";
}
.ph.ph-line-vertical:before {
  content: "\ed70";
}
.ph.ph-link:before {
  content: "\e2e2";
}
.ph.ph-link-break:before {
  content: "\e2e4";
}
.ph.ph-link-simple:before {
  content: "\e2e6";
}
.ph.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph.ph-linktree-logo:before {
  content: "\edee";
}
.ph.ph-linux-logo:before {
  content: "\eb02";
}
.ph.ph-list:before {
  content: "\e2f0";
}
.ph.ph-list-bullets:before {
  content: "\e2f2";
}
.ph.ph-list-checks:before {
  content: "\eadc";
}
.ph.ph-list-dashes:before {
  content: "\e2f4";
}
.ph.ph-list-heart:before {
  content: "\ebde";
}
.ph.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph.ph-list-numbers:before {
  content: "\e2f6";
}
.ph.ph-list-plus:before {
  content: "\e2f8";
}
.ph.ph-list-star:before {
  content: "\ebdc";
}
.ph.ph-lock:before {
  content: "\e2fa";
}
.ph.ph-lock-key:before {
  content: "\e2fe";
}
.ph.ph-lock-key-open:before {
  content: "\e300";
}
.ph.ph-lock-laminated:before {
  content: "\e302";
}
.ph.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph.ph-lock-open:before {
  content: "\e306";
}
.ph.ph-lock-simple:before {
  content: "\e308";
}
.ph.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph.ph-lockers:before {
  content: "\ecb8";
}
.ph.ph-log:before {
  content: "\ed82";
}
.ph.ph-magic-wand:before {
  content: "\e6b6";
}
.ph.ph-magnet:before {
  content: "\e680";
}
.ph.ph-magnet-straight:before {
  content: "\e682";
}
.ph.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph.ph-mailbox:before {
  content: "\ec1e";
}
.ph.ph-map-pin:before {
  content: "\e316";
}
.ph.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph.ph-map-pin-line:before {
  content: "\e318";
}
.ph.ph-map-pin-plus:before {
  content: "\e314";
}
.ph.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph.ph-map-trifold:before {
  content: "\e31a";
}
.ph.ph-markdown-logo:before {
  content: "\e508";
}
.ph.ph-marker-circle:before {
  content: "\e640";
}
.ph.ph-martini:before {
  content: "\e31c";
}
.ph.ph-mask-happy:before {
  content: "\e9f4";
}
.ph.ph-mask-sad:before {
  content: "\eb9e";
}
.ph.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph.ph-math-operations:before {
  content: "\e31e";
}
.ph.ph-matrix-logo:before {
  content: "\ed64";
}
.ph.ph-medal:before {
  content: "\e320";
}
.ph.ph-medal-military:before {
  content: "\ecfc";
}
.ph.ph-medium-logo:before {
  content: "\e322";
}
.ph.ph-megaphone:before {
  content: "\e324";
}
.ph.ph-megaphone-simple:before {
  content: "\e642";
}
.ph.ph-member-of:before {
  content: "\edc2";
}
.ph.ph-memory:before {
  content: "\e9c4";
}
.ph.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph.ph-meta-logo:before {
  content: "\ed02";
}
.ph.ph-meteor:before {
  content: "\e9ba";
}
.ph.ph-metronome:before {
  content: "\ec8e";
}
.ph.ph-microphone:before {
  content: "\e326";
}
.ph.ph-microphone-slash:before {
  content: "\e328";
}
.ph.ph-microphone-stage:before {
  content: "\e75c";
}
.ph.ph-microscope:before {
  content: "\ec7a";
}
.ph.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph.ph-minus:before {
  content: "\e32a";
}
.ph.ph-minus-circle:before {
  content: "\e32c";
}
.ph.ph-minus-square:before {
  content: "\ed4c";
}
.ph.ph-money:before {
  content: "\e588";
}
.ph.ph-money-wavy:before {
  content: "\ee68";
}
.ph.ph-monitor:before {
  content: "\e32e";
}
.ph.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph.ph-monitor-play:before {
  content: "\e58c";
}
.ph.ph-moon:before {
  content: "\e330";
}
.ph.ph-moon-stars:before {
  content: "\e58e";
}
.ph.ph-moped:before {
  content: "\e824";
}
.ph.ph-moped-front:before {
  content: "\e822";
}
.ph.ph-mosque:before {
  content: "\ecee";
}
.ph.ph-motorcycle:before {
  content: "\e80a";
}
.ph.ph-mountains:before {
  content: "\e7ae";
}
.ph.ph-mouse:before {
  content: "\e33a";
}
.ph.ph-mouse-left-click:before {
  content: "\e334";
}
.ph.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph.ph-mouse-right-click:before {
  content: "\e336";
}
.ph.ph-mouse-scroll:before {
  content: "\e332";
}
.ph.ph-mouse-simple:before {
  content: "\e644";
}
.ph.ph-music-note:before {
  content: "\e33c";
}
.ph.ph-music-note-simple:before {
  content: "\e33e";
}
.ph.ph-music-notes:before {
  content: "\e340";
}
.ph.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph.ph-music-notes-simple:before {
  content: "\e342";
}
.ph.ph-navigation-arrow:before {
  content: "\eade";
}
.ph.ph-needle:before {
  content: "\e82e";
}
.ph.ph-network:before {
  content: "\edde";
}
.ph.ph-network-slash:before {
  content: "\eddc";
}
.ph.ph-network-x:before {
  content: "\edda";
}
.ph.ph-newspaper:before {
  content: "\e344";
}
.ph.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph.ph-not-equals:before {
  content: "\eda6";
}
.ph.ph-not-member-of:before {
  content: "\edae";
}
.ph.ph-not-subset-of:before {
  content: "\edb0";
}
.ph.ph-not-superset-of:before {
  content: "\edb2";
}
.ph.ph-notches:before {
  content: "\ed3a";
}
.ph.ph-note:before {
  content: "\e348";
}
.ph.ph-note-blank:before {
  content: "\e34a";
}
.ph.ph-note-pencil:before {
  content: "\e34c";
}
.ph.ph-notebook:before {
  content: "\e34e";
}
.ph.ph-notepad:before {
  content: "\e63e";
}
.ph.ph-notification:before {
  content: "\e6fa";
}
.ph.ph-notion-logo:before {
  content: "\e9a0";
}
.ph.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph.ph-number-circle-eight:before {
  content: "\e352";
}
.ph.ph-number-circle-five:before {
  content: "\e358";
}
.ph.ph-number-circle-four:before {
  content: "\e35e";
}
.ph.ph-number-circle-nine:before {
  content: "\e364";
}
.ph.ph-number-circle-one:before {
  content: "\e36a";
}
.ph.ph-number-circle-seven:before {
  content: "\e370";
}
.ph.ph-number-circle-six:before {
  content: "\e376";
}
.ph.ph-number-circle-three:before {
  content: "\e37c";
}
.ph.ph-number-circle-two:before {
  content: "\e382";
}
.ph.ph-number-circle-zero:before {
  content: "\e388";
}
.ph.ph-number-eight:before {
  content: "\e350";
}
.ph.ph-number-five:before {
  content: "\e356";
}
.ph.ph-number-four:before {
  content: "\e35c";
}
.ph.ph-number-nine:before {
  content: "\e362";
}
.ph.ph-number-one:before {
  content: "\e368";
}
.ph.ph-number-seven:before {
  content: "\e36e";
}
.ph.ph-number-six:before {
  content: "\e374";
}
.ph.ph-number-square-eight:before {
  content: "\e354";
}
.ph.ph-number-square-five:before {
  content: "\e35a";
}
.ph.ph-number-square-four:before {
  content: "\e360";
}
.ph.ph-number-square-nine:before {
  content: "\e366";
}
.ph.ph-number-square-one:before {
  content: "\e36c";
}
.ph.ph-number-square-seven:before {
  content: "\e372";
}
.ph.ph-number-square-six:before {
  content: "\e378";
}
.ph.ph-number-square-three:before {
  content: "\e37e";
}
.ph.ph-number-square-two:before {
  content: "\e384";
}
.ph.ph-number-square-zero:before {
  content: "\e38a";
}
.ph.ph-number-three:before {
  content: "\e37a";
}
.ph.ph-number-two:before {
  content: "\e380";
}
.ph.ph-number-zero:before {
  content: "\e386";
}
.ph.ph-numpad:before {
  content: "\e3c8";
}
.ph.ph-nut:before {
  content: "\e38c";
}
.ph.ph-ny-times-logo:before {
  content: "\e646";
}
.ph.ph-octagon:before {
  content: "\e38e";
}
.ph.ph-office-chair:before {
  content: "\ea46";
}
.ph.ph-onigiri:before {
  content: "\ee2c";
}
.ph.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph.ph-option:before {
  content: "\e8a8";
}
.ph.ph-orange:before {
  content: "\ee40";
}
.ph.ph-orange-slice:before {
  content: "\ed36";
}
.ph.ph-oven:before {
  content: "\ed8c";
}
.ph.ph-package:before {
  content: "\e390";
}
.ph.ph-paint-brush:before {
  content: "\e6f0";
}
.ph.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph.ph-paint-bucket:before {
  content: "\e392";
}
.ph.ph-paint-roller:before {
  content: "\e6f4";
}
.ph.ph-palette:before {
  content: "\e6c8";
}
.ph.ph-panorama:before {
  content: "\eaa2";
}
.ph.ph-pants:before {
  content: "\ec88";
}
.ph.ph-paper-plane:before {
  content: "\e394";
}
.ph.ph-paper-plane-right:before {
  content: "\e396";
}
.ph.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph.ph-paperclip:before {
  content: "\e39a";
}
.ph.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph.ph-parachute:before {
  content: "\ea7c";
}
.ph.ph-paragraph:before {
  content: "\e960";
}
.ph.ph-parallelogram:before {
  content: "\ecc6";
}
.ph.ph-park:before {
  content: "\ecb2";
}
.ph.ph-password:before {
  content: "\e752";
}
.ph.ph-path:before {
  content: "\e39c";
}
.ph.ph-patreon-logo:before {
  content: "\e98a";
}
.ph.ph-pause:before {
  content: "\e39e";
}
.ph.ph-pause-circle:before {
  content: "\e3a0";
}
.ph.ph-paw-print:before {
  content: "\e648";
}
.ph.ph-paypal-logo:before {
  content: "\e98c";
}
.ph.ph-peace:before {
  content: "\e3a2";
}
.ph.ph-pen:before {
  content: "\e3aa";
}
.ph.ph-pen-nib:before {
  content: "\e3ac";
}
.ph.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph.ph-pencil:before {
  content: "\e3ae";
}
.ph.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph.ph-pencil-line:before {
  content: "\e3b2";
}
.ph.ph-pencil-ruler:before {
  content: "\e906";
}
.ph.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph.ph-pentagon:before {
  content: "\ec7e";
}
.ph.ph-pentagram:before {
  content: "\ec5c";
}
.ph.ph-pepper:before {
  content: "\e94a";
}
.ph.ph-percent:before {
  content: "\e3b6";
}
.ph.ph-person:before {
  content: "\e3a8";
}
.ph.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph.ph-person-simple:before {
  content: "\e72e";
}
.ph.ph-person-simple-bike:before {
  content: "\e734";
}
.ph.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph.ph-person-simple-run:before {
  content: "\e730";
}
.ph.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph.ph-person-simple-swim:before {
  content: "\e736";
}
.ph.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph.ph-person-simple-throw:before {
  content: "\e732";
}
.ph.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph.ph-perspective:before {
  content: "\ebe6";
}
.ph.ph-phone:before {
  content: "\e3b8";
}
.ph.ph-phone-call:before {
  content: "\e3ba";
}
.ph.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph.ph-phone-incoming:before {
  content: "\e3be";
}
.ph.ph-phone-list:before {
  content: "\e3cc";
}
.ph.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph.ph-phone-pause:before {
  content: "\e3ca";
}
.ph.ph-phone-plus:before {
  content: "\ec56";
}
.ph.ph-phone-slash:before {
  content: "\e3c2";
}
.ph.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph.ph-phone-x:before {
  content: "\e3c4";
}
.ph.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph.ph-pi:before {
  content: "\ec80";
}
.ph.ph-piano-keys:before {
  content: "\e9c8";
}
.ph.ph-picnic-table:before {
  content: "\ee26";
}
.ph.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph.ph-piggy-bank:before {
  content: "\ea04";
}
.ph.ph-pill:before {
  content: "\e700";
}
.ph.ph-ping-pong:before {
  content: "\ea42";
}
.ph.ph-pint-glass:before {
  content: "\edd0";
}
.ph.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph.ph-pinwheel:before {
  content: "\eb9c";
}
.ph.ph-pipe:before {
  content: "\ed86";
}
.ph.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph.ph-pix-logo:before {
  content: "\ecc2";
}
.ph.ph-pizza:before {
  content: "\e796";
}
.ph.ph-placeholder:before {
  content: "\e650";
}
.ph.ph-planet:before {
  content: "\e652";
}
.ph.ph-plant:before {
  content: "\ebae";
}
.ph.ph-play:before {
  content: "\e3d0";
}
.ph.ph-play-circle:before {
  content: "\e3d2";
}
.ph.ph-play-pause:before {
  content: "\e8be";
}
.ph.ph-playlist:before {
  content: "\e6aa";
}
.ph.ph-plug:before {
  content: "\e946";
}
.ph.ph-plug-charging:before {
  content: "\eb5c";
}
.ph.ph-plugs:before {
  content: "\eb56";
}
.ph.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph.ph-plus:before {
  content: "\e3d4";
}
.ph.ph-plus-circle:before {
  content: "\e3d6";
}
.ph.ph-plus-minus:before {
  content: "\e3d8";
}
.ph.ph-plus-square:before {
  content: "\ed4a";
}
.ph.ph-poker-chip:before {
  content: "\e594";
}
.ph.ph-police-car:before {
  content: "\ec4a";
}
.ph.ph-polygon:before {
  content: "\e6d0";
}
.ph.ph-popcorn:before {
  content: "\eb4e";
}
.ph.ph-popsicle:before {
  content: "\ebbe";
}
.ph.ph-potted-plant:before {
  content: "\ec22";
}
.ph.ph-power:before {
  content: "\e3da";
}
.ph.ph-prescription:before {
  content: "\e7a2";
}
.ph.ph-presentation:before {
  content: "\e654";
}
.ph.ph-presentation-chart:before {
  content: "\e656";
}
.ph.ph-printer:before {
  content: "\e3dc";
}
.ph.ph-prohibit:before {
  content: "\e3de";
}
.ph.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph.ph-projector-screen:before {
  content: "\e658";
}
.ph.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph.ph-pulse:before {
  content: "\e000";
}
.ph.ph-activity:before {
  content: "\e000";
}
.ph.ph-push-pin:before {
  content: "\e3e2";
}
.ph.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph.ph-puzzle-piece:before {
  content: "\e596";
}
.ph.ph-qr-code:before {
  content: "\e3e6";
}
.ph.ph-question:before {
  content: "\e3e8";
}
.ph.ph-question-mark:before {
  content: "\e3e9";
}
.ph.ph-queue:before {
  content: "\e6ac";
}
.ph.ph-quotes:before {
  content: "\e660";
}
.ph.ph-rabbit:before {
  content: "\eac2";
}
.ph.ph-racquet:before {
  content: "\ee02";
}
.ph.ph-radical:before {
  content: "\e3ea";
}
.ph.ph-radio:before {
  content: "\e77e";
}
.ph.ph-radio-button:before {
  content: "\eb08";
}
.ph.ph-radioactive:before {
  content: "\e9dc";
}
.ph.ph-rainbow:before {
  content: "\e598";
}
.ph.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph.ph-ranking:before {
  content: "\ed62";
}
.ph.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph.ph-receipt:before {
  content: "\e3ec";
}
.ph.ph-receipt-x:before {
  content: "\ed40";
}
.ph.ph-record:before {
  content: "\e3ee";
}
.ph.ph-rectangle:before {
  content: "\e3f0";
}
.ph.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph.ph-recycle:before {
  content: "\e75a";
}
.ph.ph-reddit-logo:before {
  content: "\e59c";
}
.ph.ph-repeat:before {
  content: "\e3f6";
}
.ph.ph-repeat-once:before {
  content: "\e3f8";
}
.ph.ph-replit-logo:before {
  content: "\eb8a";
}
.ph.ph-resize:before {
  content: "\ed6e";
}
.ph.ph-rewind:before {
  content: "\e6a8";
}
.ph.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph.ph-road-horizon:before {
  content: "\e838";
}
.ph.ph-robot:before {
  content: "\e762";
}
.ph.ph-rocket:before {
  content: "\e3fc";
}
.ph.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph.ph-rows:before {
  content: "\e5a2";
}
.ph.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph.ph-rss:before {
  content: "\e400";
}
.ph.ph-rss-simple:before {
  content: "\e402";
}
.ph.ph-rug:before {
  content: "\ea1a";
}
.ph.ph-ruler:before {
  content: "\e6b8";
}
.ph.ph-sailboat:before {
  content: "\e78a";
}
.ph.ph-scales:before {
  content: "\e750";
}
.ph.ph-scan:before {
  content: "\ebb6";
}
.ph.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph.ph-scissors:before {
  content: "\eae0";
}
.ph.ph-scooter:before {
  content: "\e820";
}
.ph.ph-screencast:before {
  content: "\e404";
}
.ph.ph-screwdriver:before {
  content: "\e86e";
}
.ph.ph-scribble:before {
  content: "\e806";
}
.ph.ph-scribble-loop:before {
  content: "\e662";
}
.ph.ph-scroll:before {
  content: "\eb7a";
}
.ph.ph-seal:before {
  content: "\e604";
}
.ph.ph-circle-wavy:before {
  content: "\e604";
}
.ph.ph-seal-check:before {
  content: "\e606";
}
.ph.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph.ph-seal-percent:before {
  content: "\e60a";
}
.ph.ph-seal-question:before {
  content: "\e608";
}
.ph.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph.ph-seal-warning:before {
  content: "\e60c";
}
.ph.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph.ph-seat:before {
  content: "\eb8e";
}
.ph.ph-seatbelt:before {
  content: "\edfe";
}
.ph.ph-security-camera:before {
  content: "\eca4";
}
.ph.ph-selection:before {
  content: "\e69a";
}
.ph.ph-selection-all:before {
  content: "\e746";
}
.ph.ph-selection-background:before {
  content: "\eaf8";
}
.ph.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph.ph-selection-inverse:before {
  content: "\e744";
}
.ph.ph-selection-plus:before {
  content: "\e69c";
}
.ph.ph-selection-slash:before {
  content: "\e69e";
}
.ph.ph-shapes:before {
  content: "\ec5e";
}
.ph.ph-share:before {
  content: "\e406";
}
.ph.ph-share-fat:before {
  content: "\ed52";
}
.ph.ph-share-network:before {
  content: "\e408";
}
.ph.ph-shield:before {
  content: "\e40a";
}
.ph.ph-shield-check:before {
  content: "\e40c";
}
.ph.ph-shield-checkered:before {
  content: "\e708";
}
.ph.ph-shield-chevron:before {
  content: "\e40e";
}
.ph.ph-shield-plus:before {
  content: "\e706";
}
.ph.ph-shield-slash:before {
  content: "\e410";
}
.ph.ph-shield-star:before {
  content: "\ec34";
}
.ph.ph-shield-warning:before {
  content: "\e412";
}
.ph.ph-shipping-container:before {
  content: "\e78c";
}
.ph.ph-shirt-folded:before {
  content: "\ea92";
}
.ph.ph-shooting-star:before {
  content: "\ecfa";
}
.ph.ph-shopping-bag:before {
  content: "\e416";
}
.ph.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph.ph-shopping-cart:before {
  content: "\e41e";
}
.ph.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph.ph-shovel:before {
  content: "\e9e6";
}
.ph.ph-shower:before {
  content: "\e776";
}
.ph.ph-shrimp:before {
  content: "\eab4";
}
.ph.ph-shuffle:before {
  content: "\e422";
}
.ph.ph-shuffle-angular:before {
  content: "\e424";
}
.ph.ph-shuffle-simple:before {
  content: "\e426";
}
.ph.ph-sidebar:before {
  content: "\eab6";
}
.ph.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph.ph-sigma:before {
  content: "\eab8";
}
.ph.ph-sign-in:before {
  content: "\e428";
}
.ph.ph-sign-out:before {
  content: "\e42a";
}
.ph.ph-signature:before {
  content: "\ebac";
}
.ph.ph-signpost:before {
  content: "\e89c";
}
.ph.ph-sim-card:before {
  content: "\e664";
}
.ph.ph-siren:before {
  content: "\e9b8";
}
.ph.ph-sketch-logo:before {
  content: "\e42c";
}
.ph.ph-skip-back:before {
  content: "\e5a4";
}
.ph.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph.ph-skip-forward:before {
  content: "\e5a6";
}
.ph.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph.ph-skull:before {
  content: "\e916";
}
.ph.ph-skype-logo:before {
  content: "\e8dc";
}
.ph.ph-slack-logo:before {
  content: "\e5a8";
}
.ph.ph-sliders:before {
  content: "\e432";
}
.ph.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph.ph-slideshow:before {
  content: "\ed32";
}
.ph.ph-smiley:before {
  content: "\e436";
}
.ph.ph-smiley-angry:before {
  content: "\ec62";
}
.ph.ph-smiley-blank:before {
  content: "\e438";
}
.ph.ph-smiley-meh:before {
  content: "\e43a";
}
.ph.ph-smiley-melting:before {
  content: "\ee56";
}
.ph.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph.ph-smiley-sad:before {
  content: "\e43e";
}
.ph.ph-smiley-sticker:before {
  content: "\e440";
}
.ph.ph-smiley-wink:before {
  content: "\e666";
}
.ph.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph.ph-snapchat-logo:before {
  content: "\e668";
}
.ph.ph-sneaker:before {
  content: "\e80c";
}
.ph.ph-sneaker-move:before {
  content: "\ed60";
}
.ph.ph-snowflake:before {
  content: "\e5aa";
}
.ph.ph-soccer-ball:before {
  content: "\e716";
}
.ph.ph-sock:before {
  content: "\ecce";
}
.ph.ph-solar-panel:before {
  content: "\ed7a";
}
.ph.ph-solar-roof:before {
  content: "\ed7b";
}
.ph.ph-sort-ascending:before {
  content: "\e444";
}
.ph.ph-sort-descending:before {
  content: "\e446";
}
.ph.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph.ph-spade:before {
  content: "\e448";
}
.ph.ph-sparkle:before {
  content: "\e6a2";
}
.ph.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph.ph-speaker-high:before {
  content: "\e44a";
}
.ph.ph-speaker-low:before {
  content: "\e44c";
}
.ph.ph-speaker-none:before {
  content: "\e44e";
}
.ph.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph.ph-speaker-slash:before {
  content: "\e45a";
}
.ph.ph-speaker-x:before {
  content: "\e45c";
}
.ph.ph-speedometer:before {
  content: "\ee74";
}
.ph.ph-sphere:before {
  content: "\ee66";
}
.ph.ph-spinner:before {
  content: "\e66a";
}
.ph.ph-spinner-ball:before {
  content: "\ee28";
}
.ph.ph-spinner-gap:before {
  content: "\e66c";
}
.ph.ph-spiral:before {
  content: "\e9fa";
}
.ph.ph-split-horizontal:before {
  content: "\e872";
}
.ph.ph-split-vertical:before {
  content: "\e876";
}
.ph.ph-spotify-logo:before {
  content: "\e66e";
}
.ph.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph.ph-square:before {
  content: "\e45e";
}
.ph.ph-square-half:before {
  content: "\e462";
}
.ph.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph.ph-square-logo:before {
  content: "\e690";
}
.ph.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph.ph-square-split-vertical:before {
  content: "\e874";
}
.ph.ph-squares-four:before {
  content: "\e464";
}
.ph.ph-stack:before {
  content: "\e466";
}
.ph.ph-stack-minus:before {
  content: "\edf4";
}
.ph.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph.ph-stack-plus:before {
  content: "\edf6";
}
.ph.ph-stack-simple:before {
  content: "\e468";
}
.ph.ph-stairs:before {
  content: "\e8ec";
}
.ph.ph-stamp:before {
  content: "\ea48";
}
.ph.ph-standard-definition:before {
  content: "\ea90";
}
.ph.ph-star:before {
  content: "\e46a";
}
.ph.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph.ph-star-four:before {
  content: "\e6a4";
}
.ph.ph-star-half:before {
  content: "\e70a";
}
.ph.ph-star-of-david:before {
  content: "\e89e";
}
.ph.ph-steam-logo:before {
  content: "\ead4";
}
.ph.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph.ph-steps:before {
  content: "\ecbe";
}
.ph.ph-stethoscope:before {
  content: "\e7ea";
}
.ph.ph-sticker:before {
  content: "\e5ac";
}
.ph.ph-stool:before {
  content: "\ea44";
}
.ph.ph-stop:before {
  content: "\e46c";
}
.ph.ph-stop-circle:before {
  content: "\e46e";
}
.ph.ph-storefront:before {
  content: "\e470";
}
.ph.ph-strategy:before {
  content: "\ea3a";
}
.ph.ph-stripe-logo:before {
  content: "\e698";
}
.ph.ph-student:before {
  content: "\e73e";
}
.ph.ph-subset-of:before {
  content: "\edc0";
}
.ph.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph.ph-subtitles:before {
  content: "\e1a8";
}
.ph.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph.ph-subtract:before {
  content: "\ebd6";
}
.ph.ph-subtract-square:before {
  content: "\ebd4";
}
.ph.ph-subway:before {
  content: "\e498";
}
.ph.ph-suitcase:before {
  content: "\e5ae";
}
.ph.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph.ph-sun:before {
  content: "\e472";
}
.ph.ph-sun-dim:before {
  content: "\e474";
}
.ph.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph.ph-sunglasses:before {
  content: "\e816";
}
.ph.ph-superset-of:before {
  content: "\edb8";
}
.ph.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph.ph-swap:before {
  content: "\e83c";
}
.ph.ph-swatches:before {
  content: "\e5b8";
}
.ph.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph.ph-sword:before {
  content: "\e5ba";
}
.ph.ph-synagogue:before {
  content: "\ecec";
}
.ph.ph-syringe:before {
  content: "\e968";
}
.ph.ph-t-shirt:before {
  content: "\e670";
}
.ph.ph-table:before {
  content: "\e476";
}
.ph.ph-tabs:before {
  content: "\e778";
}
.ph.ph-tag:before {
  content: "\e478";
}
.ph.ph-tag-chevron:before {
  content: "\e672";
}
.ph.ph-tag-simple:before {
  content: "\e47a";
}
.ph.ph-target:before {
  content: "\e47c";
}
.ph.ph-taxi:before {
  content: "\e902";
}
.ph.ph-tea-bag:before {
  content: "\e8e6";
}
.ph.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph.ph-television:before {
  content: "\e754";
}
.ph.ph-television-simple:before {
  content: "\eae6";
}
.ph.ph-tennis-ball:before {
  content: "\e720";
}
.ph.ph-tent:before {
  content: "\e8ba";
}
.ph.ph-terminal:before {
  content: "\e47e";
}
.ph.ph-terminal-window:before {
  content: "\eae8";
}
.ph.ph-test-tube:before {
  content: "\e7a0";
}
.ph.ph-text-a-underline:before {
  content: "\ed34";
}
.ph.ph-text-aa:before {
  content: "\e6ee";
}
.ph.ph-text-align-center:before {
  content: "\e480";
}
.ph.ph-text-align-justify:before {
  content: "\e482";
}
.ph.ph-text-align-left:before {
  content: "\e484";
}
.ph.ph-text-align-right:before {
  content: "\e486";
}
.ph.ph-text-b:before {
  content: "\e5be";
}
.ph.ph-text-bolder:before {
  content: "\e5be";
}
.ph.ph-text-columns:before {
  content: "\ec96";
}
.ph.ph-text-h:before {
  content: "\e6ba";
}
.ph.ph-text-h-five:before {
  content: "\e6c4";
}
.ph.ph-text-h-four:before {
  content: "\e6c2";
}
.ph.ph-text-h-one:before {
  content: "\e6bc";
}
.ph.ph-text-h-six:before {
  content: "\e6c6";
}
.ph.ph-text-h-three:before {
  content: "\e6c0";
}
.ph.ph-text-h-two:before {
  content: "\e6be";
}
.ph.ph-text-indent:before {
  content: "\ea1e";
}
.ph.ph-text-italic:before {
  content: "\e5c0";
}
.ph.ph-text-outdent:before {
  content: "\ea1c";
}
.ph.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph.ph-text-subscript:before {
  content: "\ec98";
}
.ph.ph-text-superscript:before {
  content: "\ec9a";
}
.ph.ph-text-t:before {
  content: "\e48a";
}
.ph.ph-text-t-slash:before {
  content: "\e488";
}
.ph.ph-text-underline:before {
  content: "\e5c4";
}
.ph.ph-textbox:before {
  content: "\eb0a";
}
.ph.ph-thermometer:before {
  content: "\e5c6";
}
.ph.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph.ph-threads-logo:before {
  content: "\ed9e";
}
.ph.ph-three-d:before {
  content: "\ea5a";
}
.ph.ph-thumbs-down:before {
  content: "\e48c";
}
.ph.ph-thumbs-up:before {
  content: "\e48e";
}
.ph.ph-ticket:before {
  content: "\e490";
}
.ph.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph.ph-tilde:before {
  content: "\eda8";
}
.ph.ph-timer:before {
  content: "\e492";
}
.ph.ph-tip-jar:before {
  content: "\e7e2";
}
.ph.ph-tipi:before {
  content: "\ed30";
}
.ph.ph-tire:before {
  content: "\edd2";
}
.ph.ph-toggle-left:before {
  content: "\e674";
}
.ph.ph-toggle-right:before {
  content: "\e676";
}
.ph.ph-toilet:before {
  content: "\e79a";
}
.ph.ph-toilet-paper:before {
  content: "\e79c";
}
.ph.ph-toolbox:before {
  content: "\eca0";
}
.ph.ph-tooth:before {
  content: "\e9cc";
}
.ph.ph-tornado:before {
  content: "\e88c";
}
.ph.ph-tote:before {
  content: "\e494";
}
.ph.ph-tote-simple:before {
  content: "\e678";
}
.ph.ph-towel:before {
  content: "\ede6";
}
.ph.ph-tractor:before {
  content: "\ec6e";
}
.ph.ph-trademark:before {
  content: "\e9f0";
}
.ph.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph.ph-traffic-sign:before {
  content: "\e67a";
}
.ph.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph.ph-train:before {
  content: "\e496";
}
.ph.ph-train-regional:before {
  content: "\e49e";
}
.ph.ph-train-simple:before {
  content: "\e4a0";
}
.ph.ph-tram:before {
  content: "\e9ec";
}
.ph.ph-translate:before {
  content: "\e4a2";
}
.ph.ph-trash:before {
  content: "\e4a6";
}
.ph.ph-trash-simple:before {
  content: "\e4a8";
}
.ph.ph-tray:before {
  content: "\e4aa";
}
.ph.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph.ph-archive-tray:before {
  content: "\e010";
}
.ph.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph.ph-treasure-chest:before {
  content: "\ede2";
}
.ph.ph-tree:before {
  content: "\e6da";
}
.ph.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph.ph-tree-palm:before {
  content: "\e91a";
}
.ph.ph-tree-structure:before {
  content: "\e67c";
}
.ph.ph-tree-view:before {
  content: "\ee48";
}
.ph.ph-trend-down:before {
  content: "\e4ac";
}
.ph.ph-trend-up:before {
  content: "\e4ae";
}
.ph.ph-triangle:before {
  content: "\e4b0";
}
.ph.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph.ph-trolley:before {
  content: "\e5b2";
}
.ph.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph.ph-trophy:before {
  content: "\e67e";
}
.ph.ph-truck:before {
  content: "\e4b4";
}
.ph.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph.ph-umbrella:before {
  content: "\e684";
}
.ph.ph-umbrella-simple:before {
  content: "\e686";
}
.ph.ph-union:before {
  content: "\edbe";
}
.ph.ph-unite:before {
  content: "\e87e";
}
.ph.ph-unite-square:before {
  content: "\e878";
}
.ph.ph-upload:before {
  content: "\e4be";
}
.ph.ph-upload-simple:before {
  content: "\e4c0";
}
.ph.ph-usb:before {
  content: "\e956";
}
.ph.ph-user:before {
  content: "\e4c2";
}
.ph.ph-user-check:before {
  content: "\eafa";
}
.ph.ph-user-circle:before {
  content: "\e4c4";
}
.ph.ph-user-circle-check:before {
  content: "\ec38";
}
.ph.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph.ph-user-focus:before {
  content: "\e6fc";
}
.ph.ph-user-gear:before {
  content: "\e4cc";
}
.ph.ph-user-list:before {
  content: "\e73c";
}
.ph.ph-user-minus:before {
  content: "\e4ce";
}
.ph.ph-user-plus:before {
  content: "\e4d0";
}
.ph.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph.ph-user-sound:before {
  content: "\eca8";
}
.ph.ph-user-square:before {
  content: "\e4d4";
}
.ph.ph-user-switch:before {
  content: "\e756";
}
.ph.ph-users:before {
  content: "\e4d6";
}
.ph.ph-users-four:before {
  content: "\e68c";
}
.ph.ph-users-three:before {
  content: "\e68e";
}
.ph.ph-van:before {
  content: "\e826";
}
.ph.ph-vault:before {
  content: "\e76e";
}
.ph.ph-vector-three:before {
  content: "\ee62";
}
.ph.ph-vector-two:before {
  content: "\ee64";
}
.ph.ph-vibrate:before {
  content: "\e4d8";
}
.ph.ph-video:before {
  content: "\e740";
}
.ph.ph-video-camera:before {
  content: "\e4da";
}
.ph.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph.ph-video-conference:before {
  content: "\edce";
}
.ph.ph-vignette:before {
  content: "\eba2";
}
.ph.ph-vinyl-record:before {
  content: "\ecac";
}
.ph.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph.ph-virus:before {
  content: "\e7d6";
}
.ph.ph-visor:before {
  content: "\ee2a";
}
.ph.ph-voicemail:before {
  content: "\e4de";
}
.ph.ph-volleyball:before {
  content: "\e726";
}
.ph.ph-wall:before {
  content: "\e688";
}
.ph.ph-wallet:before {
  content: "\e68a";
}
.ph.ph-warehouse:before {
  content: "\ecd4";
}
.ph.ph-warning:before {
  content: "\e4e0";
}
.ph.ph-warning-circle:before {
  content: "\e4e2";
}
.ph.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph.ph-washing-machine:before {
  content: "\ede8";
}
.ph.ph-watch:before {
  content: "\e4e6";
}
.ph.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph.ph-wave-sine:before {
  content: "\ea9a";
}
.ph.ph-wave-square:before {
  content: "\ea9e";
}
.ph.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph.ph-waveform:before {
  content: "\e802";
}
.ph.ph-waveform-slash:before {
  content: "\e800";
}
.ph.ph-waves:before {
  content: "\e6de";
}
.ph.ph-webcam:before {
  content: "\e9b2";
}
.ph.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph.ph-wheelchair:before {
  content: "\e4e8";
}
.ph.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph.ph-wifi-high:before {
  content: "\e4ea";
}
.ph.ph-wifi-low:before {
  content: "\e4ec";
}
.ph.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph.ph-wifi-none:before {
  content: "\e4f0";
}
.ph.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph.ph-wifi-x:before {
  content: "\e4f4";
}
.ph.ph-wind:before {
  content: "\e5d2";
}
.ph.ph-windmill:before {
  content: "\e9f8";
}
.ph.ph-windows-logo:before {
  content: "\e692";
}
.ph.ph-wine:before {
  content: "\e6b2";
}
.ph.ph-wrench:before {
  content: "\e5d4";
}
.ph.ph-x:before {
  content: "\e4f6";
}
.ph.ph-x-circle:before {
  content: "\e4f8";
}
.ph.ph-x-logo:before {
  content: "\e4bc";
}
.ph.ph-x-square:before {
  content: "\e4fa";
}
.ph.ph-yarn:before {
  content: "\ed9a";
}
.ph.ph-yin-yang:before {
  content: "\e92a";
}
.ph.ph-youtube-logo:before {
  content: "\e4fc";
}

/* variables.css */
:root {
  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-surface-2: #f0f3f8;
  --color-dark: #0b1220;
  --color-dark-2: #121a2a;
  --color-text: #111827;
  --color-muted: #657084;
  --color-border: #dfe4ec;
  --accent-green: #3155e7;
  --accent-cyan: #3155e7;
  --dark-green: #2447cd;
  --success: #169b67;
  --warning: #d9911b;
  --danger: #dc4c55;
  --white: #ffffff;
  --shadow-soft: 0 18px 50px rgb(25 43 78 / 0.1);
  --shadow-dark: 0 28px 70px rgb(11 18 32 / 0.3);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --container: 1240px;
  --header-height: 72px;
  --font-heading: "Public Sans", "Aptos Display", "Segoe UI", system-ui, sans-serif;
  --font-body: "Public Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-code: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --fast: 180ms var(--ease);
  --normal: 280ms var(--ease);
}

/* typography.css */
h1,
h2,
h3,
h4,
p {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
  letter-spacing: 0;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--dark-green);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.section-kicker {
  color: var(--dark-green);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
}

.section-title {
  max-width: 780px;
  font-size: clamp(36px, 6vw, 72px);
  line-height: 1;
  font-weight: 680;
  text-wrap: balance;
}

.section-copy {
  max-width: 620px;
  color: var(--color-muted);
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 1.65;
  text-wrap: pretty;
}

.mono {
  font-family: var(--font-code);
}

.muted {
  color: var(--color-muted);
}
@font-face {
  font-family: "Public Sans";
  src: url("../fonts/public-sans-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-latin-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

/* layout.css */
.page-shell {
  overflow: clip;
}

.container {
  width: min(var(--container), calc(100% - 40px));
  margin-inline: auto;
}

.site-section {
  padding: 112px 0;
}

.site-section.compact {
  padding: 72px 0;
}

.dark-section {
  background: var(--color-dark);
  color: var(--white);
}

.dark-section .section-copy,
.dark-section .muted {
  color: rgb(255 255 255 / 0.66);
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: clamp(32px, 6vw, 76px);
  align-items: center;
}

.stack {
  display: grid;
  gap: 18px;
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.section-head {
  display: grid;
  gap: 18px;
  margin-bottom: 38px;
}

/* components.css */
.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 1000;
  transform: translateY(-140%);
  border-radius: var(--radius-pill);
  background: var(--color-dark);
  color: var(--white);
  padding: 10px 14px;
  transition: transform var(--fast);
}

.skip-link:focus {
  transform: translateY(0);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--header-height);
  border-bottom: 1px solid #e8ebf0;
  background: rgb(255 255 255 / 0.94);
  backdrop-filter: blur(18px) saturate(140%);
  transition: height var(--normal), border-color var(--normal), background var(--normal);
}

.site-header.is-scrolled {
  height: 64px;
  border-bottom: 1px solid var(--color-border);
  background: rgb(255 255 255 / 0.98);
  box-shadow: 0 8px 24px rgb(21 33 56 / 0.06);
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-heading);
  color: var(--color-text);
  font-size: 17px;
  font-weight: 750;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--accent-green);
  border-radius: 7px;
  background: var(--accent-green);
  color: var(--white);
  font-family: var(--font-code);
  font-size: 13px;
  box-shadow: none;
}

.main-nav,
.nav-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.locale-select select {
  min-height: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--white);
  color: var(--color-text);
  padding: 0 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
}

.nav-link,
.nav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--radius-sm);
  background: transparent;
  color: #343e4d;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 550;
  transition: background var(--fast), color var(--fast), transform var(--fast);
}

.nav-link:hover,
.nav-trigger:hover {
  background: #f1f4f8;
  color: var(--color-text);
}

.nav-link.is-active,
.nav-trigger.is-active,
.nav-trigger[aria-expanded="true"] {
  background: #eef2f7;
  color: var(--color-text);
}

.nav-trigger i {
  font-size: 12px;
  transition: transform var(--fast);
}

.nav-trigger[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.nav-link:active,
.nav-trigger:active,
.btn:active,
.icon-btn:active {
  transform: translateY(1px) scale(0.99);
}

.mega-menu {
  position: fixed;
  left: 50%;
  top: var(--menu-top, 72px);
  z-index: 90;
  width: min(980px, calc(100vw - 32px));
  transform: translateX(-50%) translateY(-8px);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-soft);
  transition: opacity var(--fast), transform var(--fast), visibility var(--fast);
}

.mega-menu.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
  padding: 10px;
}

.mega-col {
  display: grid;
  gap: 10px;
}

.mega-title {
  color: var(--dark-green);
  font-family: var(--font-code);
  font-size: 11px;
  font-weight: 800;
}

.mega-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  border-radius: var(--radius-sm);
  min-height: 82px;
  padding: 11px;
  transition: background var(--fast), transform var(--fast);
}

.mega-item:hover {
  background: #f4f6fa;
  transform: none;
}

.mini-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: #f3f6ff;
  color: var(--accent-green);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 800;
}

.mega-item strong {
  display: block;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
}

.mega-item span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: 12px;
  line-height: 1.35;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 7px;
  padding: 10px 16px;
  font-weight: 750;
  line-height: 1;
  transition: transform var(--fast), background var(--fast), color var(--fast), border-color var(--fast);
  white-space: nowrap;
}

.btn-primary {
  border: 1px solid var(--accent-green);
  background: var(--accent-green);
  color: var(--white);
}

.btn-primary:hover {
  border-color: var(--dark-green);
  background: var(--dark-green);
}

.btn-accent {
  background: var(--accent-green);
  color: var(--white);
}

.btn-accent:hover {
  background: var(--dark-green);
}

.btn-secondary {
  border: 1px solid var(--color-border);
  background: var(--white);
  color: var(--color-text);
}

.btn-secondary:hover {
  border-color: rgb(16 18 16 / 0.22);
  background: var(--color-surface-2);
}

.icon-btn {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--white);
  color: var(--color-text);
  transition: transform var(--fast), background var(--fast), border-color var(--fast);
}

.mobile-toggle {
  display: none;
}

.card,
.panel,
.tool-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.panel {
  box-shadow: 0 1px 0 rgb(16 18 16 / 0.04);
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 6px 9px;
  background: var(--white);
  color: var(--color-muted);
  font-size: 12px;
  font-weight: 750;
}

.status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--success);
}

.status.warning::before {
  background: var(--warning);
}

.status.danger::before {
  background: var(--danger);
}

.code-window {
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: var(--radius-md);
  background: #0d100f;
  color: #e8f5ec;
  box-shadow: var(--shadow-dark);
}

.code-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  border-bottom: 1px solid rgb(255 255 255 / 0.08);
  padding: 0 12px;
  color: rgb(255 255 255 / 0.62);
  font-family: var(--font-code);
  font-size: 12px;
}

.code-window pre {
  margin: 0;
  overflow: auto;
  padding: 18px;
  font-family: var(--font-code);
  font-size: 13px;
  line-height: 1.65;
}

.field,
.select-field,
.textarea-field {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--white);
  color: var(--color-text);
  padding: 11px 12px;
  outline: 0;
  transition: border-color var(--fast), box-shadow var(--fast);
}

.field:focus,
.select-field:focus,
.textarea-field:focus {
  border-color: #7690ef;
  box-shadow: 0 0 0 4px rgb(49 85 231 / 0.1);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tab-btn,
.segmented button {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--white);
  color: var(--color-muted);
  padding: 9px 12px;
  font-weight: 750;
}

.tab-btn.is-active,
.segmented button.is-active {
  border-color: var(--accent-green);
  background: var(--accent-green);
  color: var(--white);
}

.toast-stack {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  display: grid;
  gap: 10px;
}

.toast {
  max-width: min(360px, calc(100vw - 36px));
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: var(--radius-md);
  background: var(--color-dark);
  color: var(--white);
  padding: 13px 14px;
  box-shadow: var(--shadow-dark);
  font-size: 14px;
}

.modal-backdrop,
.drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 800;
  display: none;
  background: rgb(11 13 12 / 0.52);
  backdrop-filter: blur(6px);
}

.modal-backdrop.is-open,
.drawer-backdrop.is-open {
  display: grid;
  place-items: center;
}

.modal {
  width: min(620px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  overflow: auto;
  border-radius: var(--radius-lg);
  background: var(--white);
  color: var(--color-text);
  box-shadow: var(--shadow-dark);
}

.modal-head,
.modal-body,
.modal-foot {
  padding: 20px;
}

.modal-head,
.modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--color-border);
}

.modal-foot {
  border-top: 1px solid var(--color-border);
  border-bottom: 0;
}

.tooltip {
  position: relative;
}

.tooltip:hover::after,
.tooltip:focus-visible::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  width: max-content;
  max-width: 220px;
  transform: translateX(-50%);
  border-radius: 10px;
  background: var(--color-dark);
  color: var(--white);
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  box-shadow: var(--shadow-dark);
}

.announcement-bar {
  position: relative;
  z-index: 110;
  display: grid;
  place-items: center;
  min-height: 38px;
  background: #254bd8;
  color: var(--white);
  padding: 7px 20px;
}

.announcement-bar a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
}

.announcement-bar a > span {
  border: 1px solid rgb(255 255 255 / 0.42);
  border-radius: var(--radius-pill);
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.announcement-bar i,
.mega-menu-head i,
.mega-menu-foot i {
  transition: transform var(--fast);
}

.announcement-bar a:hover i,
.mega-menu-head a:hover i,
.mega-menu-foot:hover i {
  transform: translateX(3px);
}

.mega-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  border-bottom: 1px solid var(--color-border);
  padding: 0 20px;
  color: #7a8495;
  font-size: 11px;
  font-weight: 700;
}

.mega-menu-head > span:first-child {
  text-transform: uppercase;
}

.mega-menu-head a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-green);
  font-size: 12px;
}

.mega-health {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #14754f;
  text-transform: none;
}

.mega-health i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 0 3px rgb(22 155 103 / 0.1);
}

.mega-network-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2px;
  padding: 10px;
}

.mega-network {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  border-radius: 7px;
  padding: 10px;
  transition: background var(--fast);
}

.mega-network:hover {
  background: #f4f6fa;
}

.mega-network .network-logo {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: #f8fafc;
}

.mega-network .network-logo img {
  width: 22px;
  height: 22px;
}

.mega-network strong,
.mega-network small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mega-network strong {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 700;
}

.mega-network small {
  margin-top: 3px;
  color: var(--color-muted);
  font-family: var(--font-code);
  font-size: 10px;
}

.mega-menu-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 54px;
  border-top: 1px solid var(--color-border);
  background: #f8fafc;
  padding: 0 20px;
  color: var(--color-muted);
  font-size: 12px;
}

.mega-menu-foot strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-green);
}

.mobile-nav {
  position: fixed;
  inset: var(--mobile-top, 80px) 14px auto;
  z-index: 99;
  display: none;
  max-height: calc(100dvh - 110px);
  overflow: auto;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 22px 60px rgb(21 33 56 / 0.18);
}

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

.mobile-nav > a {
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 6px;
  color: #344054;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
}

.mobile-nav > a:hover {
  background: #f2f5f8;
  color: var(--color-text);
}

.mobile-nav > a i {
  color: var(--accent-green);
  font-size: 18px;
}

.mobile-nav-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  border-top: 1px solid var(--color-border);
  margin-top: 8px;
  padding-top: 10px;
}

body {
  overflow-x: clip;
}

/* home.css */
.landing-page {
  --landing-bg: #0a0d0b;
  --landing-bg-soft: #0e120f;
  --landing-surface: #121713;
  --landing-surface-2: #171d18;
  --landing-border: rgb(220 239 224 / 0.13);
  --landing-border-strong: rgb(220 239 224 / 0.22);
  --landing-text: #f1f5f2;
  --landing-muted: #9ca7a0;
  --landing-accent: #9fe870;
  --landing-accent-soft: rgb(159 232 112 / 0.13);
  --landing-shadow: 0 28px 90px rgb(2 8 4 / 0.48);
  background: var(--landing-bg);
  color: var(--landing-text);
  color-scheme: dark;
}

.landing-page .page-shell {
  background: var(--landing-bg);
}

.landing-page .container {
  width: min(1240px, calc(100% - 48px));
}

.landing-page .site-header {
  height: 72px;
  border-bottom: 1px solid transparent;
  background: rgb(8 11 9 / 0.72);
  color: var(--landing-text);
  backdrop-filter: blur(18px) saturate(130%);
}

.landing-page .site-header.is-scrolled {
  height: 64px;
  border-color: var(--landing-border);
  background: rgb(8 11 9 / 0.92);
}

.landing-page .brand {
  color: var(--landing-text);
  font-size: 17px;
  font-weight: 760;
}

.landing-page .brand-mark {
  width: 32px;
  height: 32px;
  border-color: rgb(159 232 112 / 0.28);
  border-radius: 8px;
  background: var(--landing-accent);
  color: #10160f;
  box-shadow: inset 0 1px 0 rgb(242 255 235 / 0.46);
}

.landing-page .nav-link,
.landing-page .nav-trigger {
  border-radius: 8px;
  color: rgb(241 245 242 / 0.72);
  font-size: 13px;
  font-weight: 620;
}

.landing-page .nav-link:hover,
.landing-page .nav-trigger:hover {
  background: rgb(241 245 242 / 0.07);
  color: var(--landing-text);
}

.landing-page .mega-menu {
  top: 66px;
  border-color: var(--landing-border-strong);
  border-radius: 8px;
  background: rgb(16 21 17 / 0.97);
  box-shadow: var(--landing-shadow);
}

.landing-page .mega-title {
  color: var(--landing-accent);
}

.landing-page .mega-item {
  border-radius: 8px;
}

.landing-page .mega-item:hover {
  background: rgb(241 245 242 / 0.06);
}

.landing-page .mega-item span,
.landing-page .mega-item span span {
  color: var(--landing-muted);
}

.landing-page .mini-icon {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.04);
  color: var(--landing-accent);
}

.landing-page .btn {
  min-height: 44px;
  border-radius: 8px;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 720;
}

.landing-page .btn i,
.landing-page .copy-response i {
  font-size: 17px;
}

.landing-page .btn-primary,
.landing-page .btn-accent {
  border: 1px solid var(--landing-accent);
  background: var(--landing-accent);
  color: #10160f;
  box-shadow: inset 0 1px 0 rgb(245 255 239 / 0.45);
}

.landing-page .btn-primary:hover,
.landing-page .btn-accent:hover {
  border-color: #b0f086;
  background: #b0f086;
  transform: translateY(-1px);
}

.landing-page .btn-secondary,
.landing-page .btn-ghost {
  border: 1px solid var(--landing-border-strong);
  background: rgb(241 245 242 / 0.06);
  color: var(--landing-text);
}

.landing-page .btn-secondary:hover,
.landing-page .btn-ghost:hover {
  border-color: rgb(241 245 242 / 0.32);
  background: rgb(241 245 242 / 0.1);
}

.landing-page .icon-btn {
  border-color: var(--landing-border-strong);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.06);
  color: var(--landing-text);
}

.landing-page .mobile-nav {
  display: none;
}

.landing-page .status {
  border-color: rgb(159 232 112 / 0.25);
  background: rgb(159 232 112 / 0.08);
  color: #cdeeb9;
}

.landing-page .status::before {
  background: var(--landing-accent);
  box-shadow: 0 0 0 3px rgb(159 232 112 / 0.1);
}

.landing-page .field,
.landing-page .select-field,
.landing-page .textarea-field {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.055);
  color: var(--landing-text);
}

.landing-page .field::placeholder {
  color: #7f8982;
}

.landing-page .field:focus,
.landing-page .select-field:focus,
.landing-page .textarea-field:focus {
  border-color: rgb(159 232 112 / 0.66);
  box-shadow: 0 0 0 4px rgb(159 232 112 / 0.1);
}

.landing-page .tab-btn,
.landing-page .segmented button {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.04);
  color: var(--landing-muted);
}

.landing-page .tab-btn.is-active,
.landing-page .segmented button.is-active {
  border-color: rgb(159 232 112 / 0.34);
  background: var(--landing-accent-soft);
  color: #daf5c9;
}

[data-spotlight] {
  --mouse-x: 50%;
  --mouse-y: 50%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

[data-spotlight]::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(360px circle at var(--mouse-x) var(--mouse-y), rgb(159 232 112 / 0.11), transparent 66%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms var(--ease);
}

[data-spotlight]:hover::after,
[data-spotlight]:focus-within::after {
  opacity: 1;
}

[data-spotlight] > * {
  position: relative;
  z-index: 1;
}

.hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: min(760px, calc(100dvh - var(--header-height) - 36px));
  overflow: hidden;
  background: #090c0a;
}

.header-sentinel {
  position: absolute;
  left: 0;
  top: 12px;
  width: 1px;
  height: 1px;
}

.hero-art {
  position: absolute;
  inset: 0;
  z-index: -4;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 58% center;
  filter: saturate(0.82) contrast(1.05) brightness(0.72);
  transform: scale(1.02);
}

.hero::before {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgb(7 10 8 / 0.98) 0%, rgb(7 10 8 / 0.88) 34%, rgb(7 10 8 / 0.3) 67%, rgb(7 10 8 / 0.58) 100%),
    linear-gradient(180deg, rgb(7 10 8 / 0.26), rgb(7 10 8 / 0.08) 55%, rgb(7 10 8 / 0.9));
  content: "";
}

.hero::after {
  position: absolute;
  inset: auto 0 0;
  z-index: 4;
  height: 120px;
  background: linear-gradient(180deg, transparent, var(--landing-bg));
  content: "";
  pointer-events: none;
}

.hero-dot-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.38;
  pointer-events: none;
}

.hero-light-rays {
  position: absolute;
  inset: -22% -10% 0 48%;
  z-index: -2;
  opacity: 0.3;
  background:
    linear-gradient(112deg, transparent 28%, rgb(159 232 112 / 0.12) 43%, transparent 53%),
    linear-gradient(106deg, transparent 52%, rgb(159 232 112 / 0.08) 62%, transparent 72%);
  filter: blur(10px);
  transform: rotate(-4deg);
  transform-origin: top center;
  pointer-events: none;
}

.hero-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr);
  gap: 64px;
  align-items: center;
  padding-block: 48px 76px;
}

.hero-content {
  display: grid;
  gap: 22px;
  max-width: 700px;
}

.hero .eyebrow {
  width: fit-content;
  border: 1px solid rgb(159 232 112 / 0.28);
  border-radius: 8px;
  background: rgb(159 232 112 / 0.08);
  color: #d2f2bf;
  padding: 7px 10px;
  font-family: var(--font-code);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.hero h1 {
  max-width: 700px;
  color: var(--landing-text);
  font-size: 56px;
  font-weight: 660;
  line-height: 0.98;
  text-wrap: balance;
}

.hero h1 span {
  display: block;
}

.hero h1 span:last-child {
  color: #b7c0ba;
}

.hero-copy {
  max-width: 570px;
  color: #b6c0b9;
  font-size: 18px;
  line-height: 1.6;
  text-wrap: pretty;
}

.hero-actions {
  margin-top: 4px;
}

.rpc-playground {
  position: relative;
  border: 1px solid rgb(222 240 225 / 0.2);
  border-radius: 8px;
  background: rgb(10 14 11 / 0.76);
  box-shadow:
    inset 0 1px 0 rgb(245 255 246 / 0.08),
    0 36px 100px rgb(2 8 4 / 0.54);
  backdrop-filter: blur(22px) saturate(125%);
}

.rpc-playground::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(115deg, rgb(159 232 112 / 0.34), transparent 28%, transparent 72%, rgb(236 249 238 / 0.12)) border-box;
  content: "";
  pointer-events: none;
  -webkit-mask: linear-gradient(#f5f5f5 0 0) padding-box, linear-gradient(#f5f5f5 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.playground-chrome {
  display: grid;
  gap: 15px;
  padding: 18px;
}

.playground-head,
.playground-stats,
.request-row,
.inline-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.playground-head {
  min-height: 32px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--landing-border);
}

.playground-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 720;
}

.playground-title i {
  color: var(--landing-accent);
  font-size: 19px;
}

.playground-network-row {
  display: grid;
  grid-template-columns: 84px 1fr;
  align-items: center;
  gap: 12px;
  color: var(--landing-muted);
  font-size: 12px;
}

.dark-field {
  width: 100%;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.055);
  color: var(--landing-text);
  padding: 10px 12px;
  outline: 0;
}

.dark-field:focus {
  border-color: rgb(159 232 112 / 0.58);
  box-shadow: 0 0 0 4px rgb(159 232 112 / 0.09);
}

.dark-field option {
  background: #101511;
}

.endpoint-box {
  overflow: hidden;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(5 8 6 / 0.52);
  color: #b9c5bd;
  padding: 11px 12px;
  font-family: var(--font-code);
  font-size: 12px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.request-row > div {
  display: grid;
  gap: 4px;
}

.request-row strong {
  color: #e7eee9;
  font-size: 13px;
  font-weight: 580;
}

.request-label,
.playground-stats small {
  color: #7f8b83;
  font-size: 10px;
  font-weight: 650;
}

.playground-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--landing-border);
}

.playground-stats > span {
  display: grid;
  gap: 4px;
  padding-block: 11px;
}

.playground-stats > span + span {
  border-left: 1px solid var(--landing-border);
  padding-left: 14px;
}

.playground-stats strong {
  overflow: hidden;
  color: #dce5df;
  font-family: var(--font-code);
  font-size: 11px;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.json-output {
  min-height: 132px;
  border-color: var(--landing-border);
  border-radius: 8px;
  background: rgb(4 7 5 / 0.7);
  box-shadow: none;
}

.json-output pre {
  max-height: 150px;
  color: #d9e4dc;
  font-size: 11px;
}

.copy-response {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 39px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.04);
  color: #bcc7c0;
  font-size: 12px;
  font-weight: 650;
  transition: background var(--fast), border-color var(--fast), color var(--fast), transform var(--fast);
}

.copy-response:hover {
  border-color: var(--landing-border-strong);
  background: rgb(241 245 242 / 0.08);
  color: var(--landing-text);
}

.syntax-key {
  color: #b6ee95;
}

.syntax-string {
  color: #c2d0c7;
}

.syntax-number {
  color: #f1e2a9;
}

.ecosystem-strip {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid var(--landing-border);
  background: var(--landing-bg);
  padding: 30px 0 44px;
}

.ecosystem-inner {
  display: grid;
  grid-template-columns: 235px 1fr;
  gap: 48px;
  align-items: center;
}

.ecosystem-inner h2 {
  max-width: 220px;
  color: #849087;
  font-size: 12px;
  font-weight: 570;
  line-height: 1.5;
}

.logo-wall {
  display: grid;
  grid-template-columns: repeat(6, minmax(80px, 1fr));
  gap: 28px;
  align-items: center;
}

.logo-wall img {
  width: 100%;
  max-width: 112px;
  max-height: 24px;
  margin-inline: auto;
  object-fit: contain;
  filter: grayscale(1) brightness(0) invert(1);
  opacity: 0.5;
  transition: opacity var(--normal), transform var(--normal);
}

.logo-wall img:hover {
  opacity: 0.82;
  transform: translateY(-1px);
}

.landing-page .site-section,
.landing-page .dark-section {
  position: relative;
  background: var(--landing-bg);
  color: var(--landing-text);
  padding: 118px 0 132px;
}

.landing-page .site-section.compact {
  padding: 90px 0 104px;
}

.landing-page #products,
.landing-page #networks,
.landing-page #rates,
.landing-page #pricing {
  background: var(--landing-bg-soft);
}

.landing-page #gateway,
.landing-page #streams,
.landing-page #gateway + .site-section,
.landing-page main > .site-section:nth-last-of-type(2) {
  background: #0c100d;
}

.landing-page .section-head {
  gap: 20px;
  max-width: 890px;
  margin-bottom: 52px;
}

.landing-page .section-kicker {
  width: fit-content;
  color: var(--landing-accent);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 620;
  letter-spacing: 0;
  text-transform: none;
}

.content-label {
  color: var(--landing-accent);
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 620;
}

.landing-page .section-title {
  max-width: 850px;
  color: var(--landing-text);
  font-size: 60px;
  font-weight: 650;
  line-height: 1.02;
}

.landing-page .section-copy,
.landing-page .dark-section .section-copy,
.landing-page .muted,
.landing-page .dark-section .muted {
  color: var(--landing-muted);
}

.landing-page .section-copy {
  max-width: 650px;
  font-size: 17px;
  line-height: 1.7;
}

.bento {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.bento-card {
  display: grid;
  grid-column: span 4;
  align-content: space-between;
  gap: 28px;
  min-height: 238px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: var(--landing-surface);
  padding: 26px;
  box-shadow: inset 0 1px 0 rgb(241 245 242 / 0.025);
  transition: border-color var(--normal), transform var(--normal), background var(--normal);
}

.bento-card:nth-child(1) {
  grid-column: span 7;
  background:
    linear-gradient(130deg, rgb(159 232 112 / 0.11), transparent 48%),
    var(--landing-surface);
}

.bento-card:nth-child(2) {
  grid-column: span 5;
}

.bento-card:nth-child(3) {
  grid-column: span 5;
}

.bento-card:nth-child(4) {
  grid-column: span 7;
  background:
    linear-gradient(155deg, transparent 34%, rgb(159 232 112 / 0.08)),
    var(--landing-surface);
}

.bento-card:nth-child(5),
.bento-card:nth-child(6) {
  grid-column: span 6;
}

.bento-card:nth-child(7) {
  grid-column: span 12;
  min-height: 190px;
}

.bento-card:hover {
  border-color: var(--landing-border-strong);
  background-color: var(--landing-surface-2);
  transform: translateY(-3px);
}

.bento-card > div:first-child {
  display: grid;
  gap: 13px;
}

.bento-card h3 {
  font-size: 22px;
  font-weight: 650;
}

.product-icon,
.power-icon,
.network-logo,
.node-icon,
.decision-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgb(159 232 112 / 0.22);
  border-radius: 8px;
  background: var(--landing-accent-soft);
  color: var(--landing-accent);
  font-size: 20px;
}

.network-logo img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: grayscale(1) brightness(1.65);
}

.network-logo i {
  font-size: 21px;
}

.mini-metric {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.mini-metric span,
.route-cell,
.network-chip,
.price-row,
.security-card,
.insight-card {
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.035);
  padding: 13px;
}

.mini-metric span {
  color: var(--landing-muted);
  font-size: 11px;
}

.mini-metric strong {
  color: var(--landing-text);
  font-family: var(--font-code);
  font-size: 16px;
  font-weight: 590;
}

.route-cell {
  color: #c8d1cb;
  font-size: 12px;
}

.gateway-lab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  min-height: 650px;
  overflow: hidden;
  border: 1px solid var(--landing-border-strong);
  border-radius: 8px;
  background: #0b0f0c;
  box-shadow: var(--landing-shadow);
}

.gateway-stage {
  display: grid;
  grid-template-rows: 54px minmax(0, 1fr) 72px;
  min-width: 0;
}

.gateway-stage-bar,
.gateway-controls-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.gateway-stage-bar {
  border-bottom: 1px solid var(--landing-border);
  color: var(--landing-muted);
  padding: 0 20px;
  font-size: 12px;
}

.gateway-stage-bar span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #cbd5ce;
  font-weight: 650;
}

.gateway-stage-bar i {
  color: var(--landing-accent);
  font-size: 17px;
}

.gateway-topology {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background:
    linear-gradient(rgb(241 245 242 / 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgb(241 245 242 / 0.025) 1px, transparent 1px),
    radial-gradient(circle at 48% 50%, rgb(159 232 112 / 0.07), transparent 28%);
  background-size: 40px 40px, 40px 40px, auto;
}

.gateway-links {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.route-line {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.route-line-base {
  stroke: rgb(216 235 220 / 0.12);
  stroke-width: 1;
}

.route-line-active {
  stroke: url(#route-active);
  stroke-dasharray: 8 11;
  stroke-linecap: round;
  stroke-width: 1.7;
  filter: url(#route-soft-glow);
  opacity: 0.92;
}

.route-packet {
  fill: #dfffd0;
  filter: url(#route-soft-glow);
}

.gateway-lab[data-routing-mode="load"] .route-c,
.gateway-lab[data-routing-mode="load"] .packet-c {
  opacity: 0.38;
}

.gateway-lab[data-routing-mode="failover"] .route-b,
.gateway-lab[data-routing-mode="failover"] .packet-b {
  opacity: 0.42;
}

.gateway-lab[data-routing-mode="failover"] .route-c,
.gateway-lab[data-routing-mode="failover"] .packet-c {
  opacity: 0.1;
}

.gateway-lab[data-routing-mode="method"] .route-c,
.gateway-lab[data-routing-mode="method"] .packet-c {
  opacity: 0.18;
}

.topology-node {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 184px;
  min-height: 82px;
  border: 1px solid var(--landing-border-strong);
  border-radius: 8px;
  background: rgb(18 24 19 / 0.94);
  padding: 13px;
  box-shadow: 0 16px 42px rgb(2 8 4 / 0.34), inset 0 1px 0 rgb(241 245 242 / 0.04);
  transition: border-color var(--normal), opacity var(--normal), transform var(--normal);
}

.topology-node > span:not(.node-icon):not(.node-health) {
  display: grid;
  min-width: 0;
}

.topology-node small,
.gateway-controls small,
.gateway-telemetry small,
.gateway-decision small {
  color: #7f8a83;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}

.topology-node strong {
  overflow: hidden;
  margin-top: 3px;
  color: #edf3ef;
  font-size: 13px;
  font-weight: 670;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topology-node em {
  overflow: hidden;
  margin-top: 3px;
  color: #8f9b93;
  font-family: var(--font-code);
  font-size: 9px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topology-app {
  left: 3%;
  top: 6%;
}

.topology-gateway {
  left: 40.3%;
  top: 42%;
  border-color: rgb(159 232 112 / 0.43);
  background: rgb(20 30 21 / 0.96);
}

.topology-provider {
  right: 2.5%;
  justify-content: space-between;
}

.topology-provider-a {
  top: 6%;
}

.topology-provider-b {
  top: 42%;
}

.topology-provider-c {
  top: 78%;
}

.topology-provider.is-degraded {
  opacity: 0.62;
}

.node-health {
  color: var(--landing-accent);
  font-family: var(--font-code);
  font-size: 10px;
}

.topology-provider.is-degraded .node-health {
  color: #d8b77b;
}

.gateway-telemetry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--landing-border);
}

.gateway-telemetry > span {
  display: grid;
  align-content: center;
  gap: 5px;
  padding-inline: 20px;
}

.gateway-telemetry > span + span {
  border-left: 1px solid var(--landing-border);
}

.gateway-telemetry strong {
  color: #d9e3dc;
  font-size: 13px;
  font-weight: 580;
}

.gateway-controls {
  align-content: start;
  display: grid;
  gap: 22px;
  border-left: 1px solid var(--landing-border);
  background: #101511;
  padding: 24px;
}

.gateway-controls h3 {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 650;
}

.gateway-segmented {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(4 7 5 / 0.34);
  padding: 4px;
}

.gateway-segmented button {
  min-width: 0;
  border: 0;
  padding: 9px 6px;
  font-size: 10px;
  white-space: nowrap;
}

.gateway-mode-copy {
  color: var(--landing-muted);
  font-size: 13px;
  line-height: 1.6;
}

.routing-details {
  display: grid;
  gap: 8px;
}

.routing-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid var(--landing-border);
  padding: 11px 0;
}

.routing-row:last-child {
  border-bottom: 0;
}

.routing-row span:first-child {
  display: grid;
  gap: 4px;
}

.routing-row strong {
  overflow: hidden;
  color: #dce5df;
  font-size: 12px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.routing-row small {
  color: #77827b;
  font-family: var(--font-code);
  font-size: 9px;
}

.route-value {
  color: var(--landing-accent);
  font-family: var(--font-code);
  font-size: 11px;
  font-style: normal;
}

.gateway-decision {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  border: 1px solid rgb(159 232 112 / 0.2);
  border-radius: 8px;
  background: rgb(159 232 112 / 0.07);
  padding: 13px;
}

.gateway-decision > span:last-child {
  display: grid;
  gap: 4px;
}

.gateway-decision strong {
  color: #dbe9d4;
  font-size: 11px;
  font-weight: 620;
}

.power-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 42px;
}

.power-card {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
  min-height: 132px;
  border-top: 1px solid var(--landing-border);
  background: transparent;
  padding: 24px 0;
  transition: background var(--normal), padding var(--normal), transform var(--normal);
}

.power-card:hover,
.power-card:focus-within {
  background: rgb(241 245 242 / 0.025);
  padding-inline: 14px;
  transform: translateX(2px);
}

.power-card > div {
  display: grid;
  gap: 8px;
}

.power-card h3 {
  font-size: 17px;
  font-weight: 650;
}

.power-card p {
  color: var(--landing-muted);
  font-size: 13px;
  line-height: 1.55;
}

.network-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 18px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: rgb(241 245 242 / 0.025);
  padding: 8px;
}

.networks-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.network-card {
  display: grid;
  gap: 14px;
  align-content: start;
  min-height: 250px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: var(--landing-surface);
  padding: 18px;
  transition: border-color var(--normal), transform var(--normal), background var(--normal);
}

.network-card:first-child,
.network-card:last-child {
  grid-column: span 2;
}

.network-card:hover {
  border-color: var(--landing-border-strong);
  background: var(--landing-surface-2);
  transform: translateY(-2px);
}

.network-card h3 {
  font-size: 16px;
  font-weight: 650;
}

.network-card .btn {
  align-self: end;
  margin-top: auto;
}

.fine-print {
  color: #7f8a83;
  font-size: 11px;
  line-height: 1.55;
}

.api-explorer {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  min-height: 470px;
  overflow: hidden;
  border: 1px solid var(--landing-border-strong);
  border-radius: 8px;
  background: #0c100d;
  box-shadow: var(--landing-shadow);
}

.explorer-controls {
  align-content: start;
  gap: 18px;
  border: 0;
  border-right: 1px solid var(--landing-border);
  border-radius: 0;
  background: #111612;
  padding: 20px;
  box-shadow: none;
}

.explorer-controls label {
  display: grid;
  gap: 8px;
  color: #97a29b;
  font-size: 12px;
}

.api-explorer > .code-window {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.terminal-feed {
  display: grid;
  gap: 8px;
  min-height: 300px;
  max-height: 300px;
  overflow: auto;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: #080b09;
  padding: 16px;
  font-family: var(--font-code);
  font-size: 11px;
}

.event-line {
  border-bottom: 1px solid rgb(241 245 242 / 0.05);
  color: #9ba79f;
  padding-bottom: 7px;
}

.event-line strong {
  color: var(--landing-accent);
}

.webhook-flow {
  position: relative;
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.webhook-flow .route-cell {
  min-height: 76px;
  padding: 16px;
}

.wallet-mock,
.market-board,
.observability-mock {
  border: 1px solid var(--landing-border-strong);
  border-radius: 8px;
  background: var(--landing-surface);
  padding: 24px;
  box-shadow: var(--landing-shadow);
}

.wallet-mock {
  align-self: stretch;
  background:
    linear-gradient(145deg, rgb(159 232 112 / 0.09), transparent 45%),
    var(--landing-surface);
}

.wallet-mock h3 {
  max-width: 470px;
  margin-top: 12px;
  font-size: 34px;
  font-weight: 640;
  line-height: 1.1;
}

.wallet-capabilities,
.wallet-address {
  margin-top: 20px;
}

.wallet-address {
  background: rgb(5 8 6 / 0.45);
  color: #cbd6ce;
}

.price-row {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 80px 150px;
  align-items: center;
  gap: 14px;
  margin-top: 0;
  border: 0;
  border-bottom: 1px solid var(--landing-border);
  border-radius: 0;
  background: transparent;
  padding: 18px 4px;
}

.price-row:last-child {
  border-bottom: 0;
}

.price-row strong,
.price-row > span:nth-child(2) {
  font-family: var(--font-code);
  font-variant-numeric: tabular-nums;
}

.price-change {
  font-family: var(--font-code);
  font-size: 12px;
}

.price-change.is-up {
  color: var(--landing-accent);
}

.price-change.is-down {
  color: #df9f9f;
}

.price-sparkline {
  color: var(--landing-accent);
}

.dev-code {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(460px, 1.2fr);
  gap: 64px;
  align-items: center;
}

.landing-page .code-window {
  border-color: var(--landing-border-strong);
  border-radius: 8px;
  background: #080b09;
  box-shadow: var(--landing-shadow);
}

.landing-page .code-toolbar {
  border-color: var(--landing-border);
}

.stats-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.stats-strip .route-cell {
  border: 0;
  border-right: 1px solid var(--landing-border);
  border-radius: 0;
  background: transparent;
  padding: 8px 16px;
}

.stats-strip .route-cell:last-child {
  border-right: 0;
}

.stats-strip strong {
  font-family: var(--font-code);
  font-size: 20px;
  font-weight: 580;
}

.observability-chart {
  width: 100%;
  height: 260px;
  margin-top: 24px;
}

.landing-page [data-security-grid] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 44px;
}

.security-card {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  border: 0;
  border-top: 1px solid var(--landing-border);
  border-radius: 0;
  background: transparent;
  padding: 22px 0;
}

.security-card .product-icon {
  grid-row: span 2;
}

.security-card h3 {
  font-size: 15px;
  font-weight: 640;
}

.security-card p {
  grid-column: 2;
  font-size: 12px;
  line-height: 1.5;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

.pricing-card {
  position: relative;
  display: grid;
  gap: 16px;
  align-content: start;
  min-height: 480px;
  border: 1px solid var(--landing-border);
  border-radius: 8px;
  background: var(--landing-surface);
  padding: 22px;
  transition: border-color var(--normal), transform var(--normal), background var(--normal);
}

.pricing-card:hover {
  border-color: var(--landing-border-strong);
  transform: translateY(-3px);
}

.pricing-card.featured {
  border-color: rgb(159 232 112 / 0.45);
  background:
    linear-gradient(180deg, rgb(159 232 112 / 0.12), transparent 42%),
    var(--landing-surface);
}

.pricing-card.featured::before {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--landing-accent);
  content: "";
}

.pricing-card h3 {
  font-size: 18px;
  font-weight: 650;
}

.plan-price {
  margin-top: 14px;
  color: var(--landing-text);
  font-family: var(--font-code);
  font-size: 34px;
  font-weight: 560;
}

.pricing-card .btn {
  align-self: end;
  margin-top: auto;
}

.landing-page [data-insights] {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 12px;
}

.insight-card {
  display: grid;
  gap: 13px;
  align-content: start;
  min-height: 220px;
  border-color: var(--landing-border);
  background: var(--landing-surface);
  padding: 22px;
}

.insight-card:first-child {
  grid-row: span 2;
  min-height: 452px;
  align-content: end;
  background:
    linear-gradient(180deg, transparent 20%, rgb(8 12 9 / 0.92)),
    linear-gradient(135deg, rgb(159 232 112 / 0.14), transparent 55%),
    var(--landing-surface);
}

.insight-card h3 {
  font-size: 20px;
  font-weight: 640;
  line-height: 1.2;
}

.insight-card:first-child h3 {
  max-width: 560px;
  font-size: 34px;
}

.content-tag {
  color: var(--landing-accent);
  font-family: var(--font-code);
  font-size: 11px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr repeat(6, minmax(0, 1fr));
  gap: 34px;
}

.footer-col {
  display: grid;
  align-content: start;
  gap: 11px;
}

.footer-col > strong {
  color: #dce5df;
  font-size: 12px;
  font-weight: 650;
}

.footer-col a:not(.brand) {
  color: #7f8b83;
  font-size: 12px;
  transition: color var(--fast);
}

.footer-col a:hover {
  color: var(--landing-text);
}

.footer-meta {
  margin-top: 38px;
  border-top: 1px solid var(--landing-border);
  padding-top: 22px;
}

.reveal {
  transform: none;
  opacity: 1;
}

.motion-ready .reveal {
  transform: none;
  opacity: 1;
}

.motion-ready .reveal.is-visible {
  animation: reveal-enter 680ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (prefers-reduced-motion: no-preference) {
  .hero-art {
    animation: hero-drift 18s ease-in-out infinite alternate;
  }

  .hero-light-rays {
    animation: ray-breathe 8s ease-in-out infinite alternate;
  }

  .route-line-active {
    animation: route-flow 2.6s linear infinite;
  }
}

@keyframes hero-drift {
  from { transform: scale(1.02) translate3d(0, 0, 0); }
  to { transform: scale(1.055) translate3d(-0.7%, -0.4%, 0); }
}

@keyframes ray-breathe {
  from { opacity: 0.18; transform: rotate(-4deg) translate3d(-1%, 0, 0); }
  to { opacity: 0.38; transform: rotate(-2deg) translate3d(1%, 1%, 0); }
}

@keyframes route-flow {
  to { stroke-dashoffset: -38; }
}

@keyframes reveal-enter {
  from { transform: translateY(22px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 1180px) {
  .hero h1 {
    font-size: 48px;
  }

  .hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.82fr);
    gap: 36px;
  }

  .gateway-lab {
    grid-template-columns: 1fr;
  }

  .gateway-controls {
    grid-template-columns: minmax(220px, 0.7fr) minmax(320px, 1.3fr);
    border-top: 1px solid var(--landing-border);
    border-left: 0;
  }

  .gateway-controls-head,
  .gateway-segmented,
  .gateway-mode-copy {
    grid-column: 1;
  }

  .routing-details,
  .gateway-decision {
    grid-column: 2;
  }

  .routing-details {
    grid-row: 1 / span 3;
  }

  .footer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .footer-col:first-child {
    grid-column: span 4;
  }
}

@media (max-width: 1080px) {
  .landing-page .container {
    width: min(100% - 40px, 960px);
  }

  .landing-page .mobile-nav {
    position: fixed;
    inset: 64px 14px auto;
    z-index: 95;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    visibility: hidden;
    transform: translateY(-8px);
    border: 1px solid var(--landing-border-strong);
    border-radius: 8px;
    background: rgb(16 21 17 / 0.98);
    padding: 10px;
    box-shadow: var(--landing-shadow);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--fast), transform var(--fast), visibility var(--fast);
  }

  .landing-page .mobile-nav.is-open {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .landing-page .mobile-nav a {
    border-radius: 8px;
    color: #c6d0c9;
    padding: 13px;
    font-size: 13px;
    font-weight: 620;
  }

  .landing-page .mobile-nav a:hover {
    background: rgb(241 245 242 / 0.07);
    color: var(--landing-text);
  }

  .hero {
    min-height: auto;
  }

  .hero-layout {
    grid-template-columns: 1fr;
    gap: 42px;
    padding-block: 66px 94px;
  }

  .hero-content {
    max-width: 760px;
  }

  .hero h1 {
    font-size: 64px;
  }

  .rpc-playground {
    width: min(100%, 680px);
  }

  .ecosystem-inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ecosystem-inner h2 {
    max-width: none;
  }

  .bento-card,
  .bento-card:nth-child(1),
  .bento-card:nth-child(2),
  .bento-card:nth-child(3),
  .bento-card:nth-child(4),
  .bento-card:nth-child(5),
  .bento-card:nth-child(6),
  .bento-card:nth-child(7) {
    grid-column: span 6;
  }

  .networks-grid,
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .network-card:first-child,
  .network-card:last-child {
    grid-column: span 1;
  }

  .api-explorer,
  .dev-code {
    grid-template-columns: 1fr;
  }

  .explorer-controls {
    border-right: 0;
    border-bottom: 1px solid var(--landing-border);
  }

  .landing-page .split,
  .landing-page .grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .landing-page .container {
    width: min(100% - 28px, 720px);
  }

  .landing-page .site-section,
  .landing-page .dark-section {
    padding: 78px 0 88px;
  }

  .landing-page .site-section.compact {
    padding: 68px 0 76px;
  }

  .landing-page .section-head {
    margin-bottom: 34px;
  }

  .landing-page .section-title {
    font-size: 40px;
  }

  .hero-layout {
    gap: 24px;
    padding-block: 30px 40px;
  }

  .hero-content {
    gap: 16px;
  }

  .hero-art {
    object-position: 70% center;
  }

  .hero::before {
    background:
      linear-gradient(180deg, rgb(7 10 8 / 0.86), rgb(7 10 8 / 0.72) 48%, rgb(7 10 8 / 0.94)),
      linear-gradient(90deg, rgb(7 10 8 / 0.92), rgb(7 10 8 / 0.36));
  }

  .hero h1 {
    font-size: 38px;
    line-height: 1.02;
  }

  .hero-copy {
    font-size: 16px;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .playground-network-row,
  .request-row {
    grid-template-columns: 1fr;
  }

  .request-row {
    display: grid;
  }

  .request-row .btn {
    width: 100%;
  }

  .playground-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .playground-stats > span + span {
    border-top: 0;
    border-left: 1px solid var(--landing-border);
    padding-left: 10px;
  }

  .rpc-playground .endpoint-box,
  .rpc-playground .json-output,
  .rpc-playground .copy-response {
    display: none;
  }

  .logo-wall {
    grid-template-columns: repeat(3, minmax(70px, 1fr));
    gap: 24px;
  }

  .bento,
  .power-grid,
  .networks-grid,
  .pricing-grid,
  .landing-page [data-security-grid],
  .landing-page [data-insights] {
    grid-template-columns: 1fr;
  }

  .bento-card,
  .bento-card:nth-child(1),
  .bento-card:nth-child(2),
  .bento-card:nth-child(3),
  .bento-card:nth-child(4),
  .bento-card:nth-child(5),
  .bento-card:nth-child(6),
  .bento-card:nth-child(7),
  .network-card:first-child,
  .network-card:last-child {
    grid-column: auto;
  }

  .power-grid {
    column-gap: 0;
  }

  .gateway-stage {
    grid-template-rows: 54px auto auto;
  }

  .gateway-topology {
    display: grid;
    gap: 12px;
    min-height: 0;
    padding: 20px;
    background-size: 32px 32px, 32px 32px, auto;
  }

  .gateway-links {
    display: none;
  }

  .topology-node {
    position: static;
    width: 100%;
    min-height: 76px;
  }

  .topology-gateway {
    order: 2;
  }

  .topology-app {
    order: 1;
  }

  .topology-provider-a {
    order: 3;
  }

  .topology-provider-b {
    order: 4;
  }

  .topology-provider-c {
    order: 5;
  }

  .gateway-telemetry {
    grid-template-columns: 1fr;
  }

  .gateway-telemetry > span {
    min-height: 64px;
  }

  .gateway-telemetry > span + span {
    border-top: 1px solid var(--landing-border);
    border-left: 0;
  }

  .gateway-controls {
    display: grid;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .gateway-controls-head,
  .gateway-segmented,
  .gateway-mode-copy,
  .routing-details,
  .gateway-decision {
    grid-column: 1;
    grid-row: auto;
  }

  .gateway-segmented {
    grid-template-columns: 1fr;
  }

  .price-row {
    grid-template-columns: 56px 1fr 70px;
  }

  .price-row svg {
    display: none;
  }

  .stats-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-strip .route-cell {
    border-right: 0;
    border-bottom: 1px solid var(--landing-border);
  }

  .stats-strip .route-cell:last-child {
    grid-column: span 2;
  }

  .insight-card:first-child {
    grid-row: auto;
    min-height: 320px;
  }

  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-col:first-child {
    grid-column: span 2;
  }
}

@media (max-width: 420px) {
  .hero h1 {
    font-size: 31px;
  }

  .landing-page .section-title {
    font-size: 36px;
  }

  .rpc-playground,
  .wallet-mock,
  .market-board,
  .observability-mock {
    padding: 0;
  }

  .playground-chrome,
  .wallet-mock,
  .market-board,
  .observability-mock {
    padding: 16px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-col:first-child {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .reveal,
  .motion-ready .reveal.is-visible {
    transform: none;
    opacity: 1;
  }

  .route-packet {
    display: none;
  }
}

/* responsive.css */
@media (max-width: 1240px) {
  .main-nav,
  .nav-actions .nav-link,
  .nav-actions .btn-secondary {
    display: none;
  }

  .mobile-toggle {
    display: inline-grid;
  }

  .split,
  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
  }

  .mega-menu {
    inset: var(--header-height) 12px auto 12px;
    width: auto;
    transform: translateY(-8px);
  }

  .mega-menu.is-open {
    transform: translateY(0);
  }

  .mega-grid {
    grid-template-columns: 1fr;
    max-height: calc(100dvh - 100px);
    overflow: auto;
  }
}

@media (max-width: 720px) {
  .container {
    width: min(100% - 28px, var(--container));
  }

  .site-section {
    padding: 76px 0;
  }

  .site-section.compact {
    padding: 54px 0;
  }

  .section-title {
    font-size: clamp(34px, 11vw, 54px);
  }

  .cluster {
    align-items: stretch;
  }

  .cluster .btn {
    flex: 1 1 auto;
  }

  .modal-backdrop.is-open {
    align-items: end;
  }

  .modal {
    width: 100%;
    max-height: 92dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }
}

/* home-light.css */
.landing-page {
  --landing-bg: #ffffff;
  --landing-bg-soft: #f6f8fb;
  --landing-surface: #ffffff;
  --landing-surface-2: #f8fafc;
  --landing-border: #dfe4ec;
  --landing-border-strong: #cbd3df;
  --landing-text: #0b1220;
  --landing-muted: #5f6977;
  --landing-accent: #3155e7;
  --landing-accent-hover: #2447cd;
  --landing-accent-soft: #edf1ff;
  --landing-success: #169b67;
  --landing-success-soft: #eaf8f1;
  --landing-shadow: 0 24px 70px rgb(24 39 75 / 0.11);
  background: var(--landing-bg);
  color: var(--landing-text);
  color-scheme: light;
  font-family: var(--font-body);
}

.landing-page .page-shell {
  background: var(--landing-bg);
}

.landing-page .container {
  width: min(1240px, calc(100% - 48px));
}

.announcement-bar {
  position: relative;
  z-index: 110;
  display: grid;
  place-items: center;
  min-height: 38px;
  background: #254bd8;
  color: #ffffff;
  padding: 7px 20px;
}

.announcement-bar a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: inherit;
  font-size: 13px;
  font-weight: 600;
}

.announcement-bar span {
  border: 1px solid rgb(255 255 255 / 0.42);
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.announcement-bar i {
  font-size: 15px;
  transition: transform var(--fast);
}

.announcement-bar a:hover i {
  transform: translateX(3px);
}

.landing-page .site-header {
  height: 72px;
  border-bottom: 1px solid #e8ebf0;
  background: rgb(255 255 255 / 0.92);
  color: var(--landing-text);
  backdrop-filter: blur(18px) saturate(140%);
}

.landing-page .site-header.is-scrolled {
  height: 64px;
  border-color: var(--landing-border);
  background: rgb(255 255 255 / 0.97);
  box-shadow: 0 8px 24px rgb(21 33 56 / 0.06);
}

.landing-page .brand {
  color: var(--landing-text);
  font-size: 17px;
  font-weight: 750;
}

.landing-page .brand-mark {
  width: 32px;
  height: 32px;
  border: 1px solid #3155e7;
  border-radius: 7px;
  background: #3155e7;
  color: #ffffff;
  box-shadow: none;
}

.landing-page .nav-link,
.landing-page .nav-trigger {
  border-radius: 6px;
  color: #343e4d;
  font-size: 14px;
  font-weight: 500;
}

.landing-page .nav-link:hover,
.landing-page .nav-trigger:hover {
  background: #f1f4f8;
  color: #0b1220;
}

.landing-page .mega-menu {
  top: var(--menu-top, 72px);
  border-color: var(--landing-border);
  border-radius: 8px;
  background: rgb(255 255 255 / 0.98);
  box-shadow: 0 20px 50px rgb(21 33 56 / 0.14);
}

.landing-page .mega-menu.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 1240px) {
  .landing-page .mobile-nav {
    inset: var(--mobile-top, 80px) 14px auto;
    z-index: 99;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    visibility: hidden;
    transform: translateY(-8px);
    border: 1px solid var(--landing-border);
    border-radius: 8px;
    background: rgb(255 255 255 / 0.99);
    padding: 10px;
    box-shadow: 0 20px 48px rgb(21 33 56 / 0.14);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--fast), transform var(--fast), visibility var(--fast);
  }

  .landing-page .mobile-nav.is-open {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .landing-page .mobile-nav-actions {
    grid-column: 1 / -1;
  }
}

.landing-page .mega-title {
  color: #3155e7;
}

.landing-page .mega-item {
  border-radius: 7px;
}

.landing-page .mega-item:hover {
  background: #f4f6fa;
}

.landing-page .mega-item strong {
  color: #151d2b;
}

.landing-page .mega-item span,
.landing-page .mega-item span span {
  color: #697383;
}

.landing-page .mini-icon {
  border-color: #dfe4ec;
  border-radius: 7px;
  background: #f5f7fb;
  color: #3155e7;
}

.landing-page .btn {
  min-height: 44px;
  border-radius: 7px;
  padding: 11px 17px;
  font-size: 14px;
  font-weight: 650;
  box-shadow: none;
}

.landing-page .btn-primary,
.landing-page .btn-accent {
  border: 1px solid var(--landing-accent);
  background: var(--landing-accent);
  color: #ffffff;
  box-shadow: 0 8px 18px rgb(49 85 231 / 0.18);
}

.landing-page .btn-primary:hover,
.landing-page .btn-accent:hover {
  border-color: var(--landing-accent-hover);
  background: var(--landing-accent-hover);
  color: #ffffff;
  transform: translateY(-1px);
}

.landing-page .btn-secondary,
.landing-page .btn-ghost {
  border: 1px solid var(--landing-border-strong);
  background: #ffffff;
  color: #172033;
}

.landing-page .btn-secondary:hover,
.landing-page .btn-ghost:hover {
  border-color: #aeb8c7;
  background: #f7f9fc;
  color: #0b1220;
}

.landing-page .icon-btn {
  border-color: var(--landing-border);
  border-radius: 7px;
  background: #ffffff;
  color: #172033;
}

.landing-page .mobile-nav {
  display: none;
}

.landing-page .status {
  border-color: #bde7d2;
  background: var(--landing-success-soft);
  color: #14754f;
}

.landing-page .status::before {
  background: var(--landing-success);
  box-shadow: 0 0 0 3px rgb(22 155 103 / 0.1);
}

.landing-page .status.warning {
  border-color: #f1d8a9;
  background: #fff8e8;
  color: #8b5a10;
}

.landing-page .status.warning::before {
  background: #d9972d;
}

.landing-page .field,
.landing-page .select-field,
.landing-page .textarea-field,
.landing-page .dark-field {
  border-color: var(--landing-border);
  border-radius: 7px;
  background: #ffffff;
  color: #111827;
}

.landing-page .field::placeholder {
  color: #8b95a4;
}

.landing-page .field:focus,
.landing-page .select-field:focus,
.landing-page .textarea-field:focus,
.landing-page .dark-field:focus {
  border-color: rgb(49 85 231 / 0.72);
  box-shadow: 0 0 0 4px rgb(49 85 231 / 0.1);
}

.landing-page .dark-field option {
  background: #ffffff;
  color: #111827;
}

.landing-page .tab-btn,
.landing-page .segmented button {
  border-color: var(--landing-border);
  border-radius: 7px;
  background: #ffffff;
  color: #5e6877;
}

.landing-page .tab-btn.is-active,
.landing-page .segmented button.is-active {
  border-color: #b9c5fb;
  background: var(--landing-accent-soft);
  color: #2447cd;
}

.landing-page [data-spotlight]::after {
  background: radial-gradient(380px circle at var(--mouse-x) var(--mouse-y), rgb(49 85 231 / 0.075), transparent 66%);
}

.landing-page .hero {
  min-height: min(740px, calc(100dvh - 76px));
  border-bottom: 1px solid #e7eaf0;
  background: #ffffff;
}

.landing-page .hero-art {
  object-position: center;
  filter: none;
  opacity: 0.98;
  transform: none;
  animation: none;
}

.landing-page .hero::before {
  z-index: -3;
  background:
    linear-gradient(90deg, #ffffff 0%, rgb(255 255 255 / 0.98) 35%, rgb(255 255 255 / 0.78) 52%, rgb(255 255 255 / 0.18) 72%, transparent 100%),
    linear-gradient(180deg, rgb(255 255 255 / 0.16), transparent 72%, #ffffff 100%);
}

.landing-page .hero::after {
  height: 84px;
  background: linear-gradient(180deg, transparent, #ffffff);
}

.landing-page .hero-dot-grid {
  z-index: -1;
  opacity: 0.42;
}

.landing-page .hero-light-rays {
  display: none;
}

.landing-page .hero-layout {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.82fr);
  gap: 74px;
  padding-block: 64px 82px;
}

.landing-page .hero-content {
  gap: 24px;
  max-width: 650px;
}

.landing-page .hero .eyebrow {
  gap: 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3c485b;
  padding: 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
}

.landing-page .hero .eyebrow > span {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--landing-success);
  box-shadow: 0 0 0 4px rgb(22 155 103 / 0.1);
}

.landing-page .hero h1 {
  max-width: 660px;
  color: #080f1e;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: 0;
}

.landing-page .hero h1 span:last-child {
  color: #080f1e;
}

.landing-page .hero-copy {
  max-width: 560px;
  color: #4c5768;
  font-size: 19px;
  line-height: 1.55;
}

.landing-page .hero-actions {
  margin-top: 4px;
}

.landing-page .rpc-playground {
  border: 1px solid #d7dee9;
  border-radius: 8px;
  background: rgb(255 255 255 / 0.92);
  box-shadow: 0 28px 80px rgb(35 52 82 / 0.17), 0 2px 8px rgb(35 52 82 / 0.06);
  backdrop-filter: blur(18px) saturate(120%);
}

.landing-page .rpc-playground::before {
  display: none;
}

.landing-page .playground-chrome {
  gap: 15px;
  padding: 20px;
}

.landing-page .playground-head {
  border-color: #e2e6ec;
}

.landing-page .playground-title {
  color: #121a29;
  font-weight: 650;
}

.landing-page .playground-title i {
  color: #3155e7;
}

.landing-page .playground-network-row {
  color: #687383;
}

.landing-page .endpoint-box {
  border-color: #dfe4ec;
  border-radius: 7px;
  background: #f4f6f9;
  color: #485467;
}

.landing-page .request-row strong {
  color: #172033;
}

.landing-page .request-label,
.landing-page .playground-stats small {
  color: #778293;
}

.landing-page .playground-stats {
  border-color: #e2e6ec;
}

.landing-page .playground-stats > span + span {
  border-color: #e2e6ec;
}

.landing-page .playground-stats strong {
  color: #202a3a;
}

.landing-page .json-output {
  border-color: #172238;
  background: #0e1728;
  box-shadow: none;
}

.landing-page .json-output pre {
  color: #dbe4f1;
}

.landing-page .copy-response {
  border-color: #dfe4ec;
  border-radius: 7px;
  background: #ffffff;
  color: #586476;
}

.landing-page .copy-response:hover {
  border-color: #b8c2d0;
  background: #f7f9fc;
  color: #111827;
}

.landing-page .syntax-key {
  color: #8fc7ff;
}

.landing-page .syntax-string {
  color: #9be3bc;
}

.landing-page .syntax-number {
  color: #ffd58d;
}

.landing-page .ecosystem-strip {
  border-bottom: 1px solid #e7eaf0;
  background: #ffffff;
  padding: 32px 0 42px;
}

.landing-page .ecosystem-inner h2 {
  color: #697484;
  font-size: 12px;
  font-weight: 500;
}

.landing-page .logo-wall img {
  filter: grayscale(1) brightness(0.42);
  opacity: 0.56;
}

.landing-page .logo-wall img:hover {
  opacity: 0.86;
}

.landing-page .site-section,
.landing-page .dark-section {
  background: #ffffff;
  color: var(--landing-text);
  padding: 104px 0 112px;
}

.landing-page .site-section.compact {
  padding: 82px 0 90px;
}

.landing-page #products,
.landing-page #networks,
.landing-page #rates,
.landing-page #pricing {
  background: #f7f9fc;
}

.landing-page #gateway {
  border-block: 1px solid #e4e8ef;
  background: #f4f7fa;
}

.landing-page #streams {
  border-block: 1px solid #e6eaf0;
  background: #f8fafc;
}

.landing-page #gateway + .site-section,
.landing-page main > .site-section:nth-last-of-type(2) {
  background: #ffffff;
}

.landing-page main > .site-section:last-of-type {
  border-block: 1px solid #dfe5f1;
  background: #eef3ff;
}

.landing-page .section-head {
  gap: 18px;
  max-width: 860px;
  margin-bottom: 46px;
}

.landing-page .section-kicker,
.landing-page .content-label {
  color: #3155e7;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 650;
}

.landing-page .section-title {
  max-width: 820px;
  color: #0b1220;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
}

.landing-page .section-copy,
.landing-page .dark-section .section-copy,
.landing-page .muted,
.landing-page .dark-section .muted {
  color: var(--landing-muted);
}

.landing-page .section-copy {
  max-width: 660px;
  font-size: 17px;
  line-height: 1.65;
}

.landing-page .bento {
  gap: 14px;
}

.landing-page .bento-card {
  min-height: 238px;
  border-color: var(--landing-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
}

.landing-page .bento-card:nth-child(1) {
  background: #f8faff;
}

.landing-page .bento-card:nth-child(4) {
  background: #f5fbf8;
}

.landing-page .bento-card:hover {
  border-color: #bfc8d6;
  background-color: #ffffff;
  box-shadow: 0 18px 42px rgb(31 48 78 / 0.09);
}

.landing-page .bento-card h3 {
  color: #111827;
  font-size: 21px;
  font-weight: 600;
}

.landing-page .product-icon,
.landing-page .power-icon,
.landing-page .network-logo,
.landing-page .node-icon,
.landing-page .decision-icon {
  border-color: #d6defd;
  border-radius: 7px;
  background: #edf1ff;
  color: #3155e7;
}

.landing-page .network-logo img {
  filter: grayscale(1) brightness(0.66);
}

.landing-page .mini-metric span,
.landing-page .route-cell,
.landing-page .network-chip,
.landing-page .price-row,
.landing-page .security-card,
.landing-page .insight-card {
  border-color: var(--landing-border);
  border-radius: 7px;
  background: #f7f9fc;
}

.landing-page .mini-metric span {
  color: #697485;
}

.landing-page .mini-metric strong {
  color: #172033;
}

.landing-page .route-cell {
  color: #465266;
}

.landing-page .gateway-lab {
  min-height: 650px;
  border-color: #d7dde7;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 70px rgb(28 44 71 / 0.11);
}

.landing-page .gateway-stage-bar {
  border-color: #e1e5ec;
  background: #ffffff;
  color: #6a7585;
}

.landing-page .gateway-stage-bar span:first-child {
  color: #2d3748;
}

.landing-page .gateway-stage-bar i {
  color: #3155e7;
}

.landing-page .gateway-topology {
  background:
    linear-gradient(rgb(49 85 231 / 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgb(49 85 231 / 0.055) 1px, transparent 1px),
    radial-gradient(circle at 48% 50%, rgb(22 155 103 / 0.08), transparent 30%);
  background-color: #fbfcfe;
  background-size: 40px 40px, 40px 40px, auto;
}

.landing-page .route-line-base {
  stroke: #d1d8e3;
}

.landing-page .route-line-active {
  filter: none;
  opacity: 0.94;
}

.landing-page .route-packet {
  fill: #169b67;
  filter: none;
}

.landing-page .topology-node {
  border-color: #d6dde7;
  border-radius: 8px;
  background: rgb(255 255 255 / 0.97);
  box-shadow: 0 10px 26px rgb(31 48 78 / 0.1), inset 0 1px 0 #ffffff;
}

.landing-page .topology-gateway {
  border-color: #80c8aa;
  background: #f1fbf6;
  box-shadow: 0 14px 32px rgb(22 155 103 / 0.12);
}

.landing-page .topology-provider.is-degraded {
  border-color: #e2c892;
  background: #fffaf0;
  opacity: 0.76;
}

.landing-page .topology-node small,
.landing-page .gateway-controls small,
.landing-page .gateway-telemetry small,
.landing-page .gateway-decision small {
  color: #7c8797;
}

.landing-page .topology-node strong {
  color: #172033;
}

.landing-page .topology-node em {
  color: #697586;
}

.landing-page .node-health {
  color: #138257;
}

.landing-page .topology-provider.is-degraded .node-health {
  color: #a66b12;
}

.landing-page .gateway-telemetry {
  border-color: #e1e5ec;
  background: #ffffff;
}

.landing-page .gateway-telemetry > span + span {
  border-color: #e1e5ec;
}

.landing-page .gateway-telemetry strong {
  color: #202a3a;
}

.landing-page .gateway-controls {
  border-color: #e1e5ec;
  background: #f8fafc;
}

.landing-page .gateway-controls h3 {
  color: #111827;
  font-weight: 600;
}

.landing-page .gateway-segmented {
  border-color: #dbe1e9;
  background: #edf1f5;
}

.landing-page .gateway-segmented button {
  color: #5d6878;
}

.landing-page .gateway-segmented button.is-active {
  border-color: #ffffff;
  background: #ffffff;
  color: #2447cd;
  box-shadow: 0 2px 8px rgb(31 48 78 / 0.08);
}

.landing-page .gateway-mode-copy {
  color: #5f6a7a;
}

.landing-page .routing-row {
  border-color: #e1e5ec;
}

.landing-page .routing-row strong {
  color: #202938;
}

.landing-page .routing-row small {
  color: #7a8595;
}

.landing-page .route-value {
  color: #3155e7;
}

.landing-page .gateway-decision {
  border-color: #bee7d3;
  border-radius: 7px;
  background: #edf9f3;
}

.landing-page .gateway-decision .decision-icon {
  border-color: #b9e4cf;
  background: #dff4e9;
  color: #147b53;
}

.landing-page .gateway-decision strong {
  color: #1f4e3c;
}

.landing-page .power-card {
  border-color: var(--landing-border);
}

.landing-page .power-card:hover,
.landing-page .power-card:focus-within {
  background: #f7f9fc;
}

.landing-page .power-card h3 {
  color: #172033;
  font-weight: 600;
}

.landing-page .power-card p {
  color: #657080;
}

.landing-page .network-search {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
}

.landing-page .network-card {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
}

.landing-page .network-card:hover {
  border-color: #bfc8d6;
  background: #ffffff;
  box-shadow: 0 14px 34px rgb(31 48 78 / 0.08);
}

.landing-page .network-card h3 {
  color: #172033;
}

.landing-page .fine-print {
  color: #778293;
}

.landing-page .api-explorer {
  border-color: #d7dde7;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgb(28 44 71 / 0.1);
}

.landing-page .explorer-controls {
  border-color: #e0e5ec;
  background: #f8fafc;
}

.landing-page .explorer-controls label {
  color: #5d6878;
}

.landing-page .api-explorer > .code-window,
.landing-page .code-window {
  border-color: #172238;
  border-radius: 8px;
  background: #0e1728;
  color: #dbe4f1;
  box-shadow: 0 22px 60px rgb(22 34 55 / 0.16);
}

.landing-page .code-toolbar {
  border-color: #27334a;
  color: #aeb9c9;
}

.landing-page .terminal-feed {
  border-color: #1d2a40;
  border-radius: 8px;
  background: #0e1728;
  color: #b7c1d0;
  box-shadow: 0 18px 46px rgb(22 34 55 / 0.12);
}

.landing-page .event-line {
  border-color: #1e2b42;
  color: #aab6c7;
}

.landing-page .event-line strong {
  color: #84a1ff;
}

.landing-page .wallet-mock,
.landing-page .market-board,
.landing-page .observability-mock {
  border-color: #d9dfe8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 52px rgb(31 48 78 / 0.09);
}

.landing-page .wallet-mock {
  background: #f7fbf9;
}

.landing-page .wallet-mock h3 {
  color: #111827;
  font-weight: 550;
}

.landing-page .wallet-address {
  background: #ffffff;
  color: #465266;
}

.landing-page .price-row {
  border-color: var(--landing-border);
  background: transparent;
}

.landing-page .price-row strong,
.landing-page .price-row > span:nth-child(2) {
  color: #172033;
}

.landing-page .price-change.is-up,
.landing-page .price-sparkline {
  color: #138257;
}

.landing-page .price-change.is-down {
  color: #bf4c57;
}

.landing-page .dev-code {
  gap: 72px;
}

.landing-page .stats-strip .route-cell {
  border-color: var(--landing-border);
  background: transparent;
}

.landing-page .stats-strip strong {
  color: #172033;
}

.landing-page .security-card {
  border-color: var(--landing-border);
  background: transparent;
}

.landing-page .security-card h3 {
  color: #172033;
}

.landing-page .pricing-card {
  border-color: var(--landing-border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
}

.landing-page .pricing-card:hover {
  border-color: #bfc8d6;
  box-shadow: 0 18px 44px rgb(31 48 78 / 0.09);
}

.landing-page .pricing-card.featured {
  border-color: #9fb0f7;
  background: #f7f9ff;
}

.landing-page .pricing-card.featured::before {
  background: #3155e7;
}

.landing-page .pricing-card h3,
.landing-page .plan-price {
  color: #111827;
}

.landing-page .insight-card {
  border-color: var(--landing-border);
  background: #ffffff;
}

.landing-page .insight-card:first-child {
  background: #eef3ff;
}

.landing-page .insight-card h3 {
  color: #111827;
}

.landing-page .content-tag {
  color: #3155e7;
}

.landing-page footer.site-section,
.landing-page footer.dark-section {
  border-top: 1px solid #dfe4ec;
  background: #f7f9fc;
  color: #172033;
}

.landing-page .footer-col > strong {
  color: #273244;
}

.landing-page .footer-col a:not(.brand) {
  color: #687384;
}

.landing-page .footer-col a:hover {
  color: #172033;
}

.landing-page .footer-meta {
  border-color: #dfe4ec;
}

@media (max-width: 1180px) {
  .landing-page .hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.82fr);
    gap: 42px;
  }

  .landing-page .hero h1 {
    font-size: 54px;
  }

  .landing-page .gateway-controls {
    border-color: #e1e5ec;
  }
}

@media (max-width: 1080px) {
  .landing-page .container {
    width: min(100% - 40px, 960px);
  }

  .landing-page .mobile-nav {
    inset: 64px 14px auto;
    border-color: var(--landing-border);
    background: rgb(255 255 255 / 0.98);
    box-shadow: 0 20px 48px rgb(21 33 56 / 0.14);
  }

  .landing-page .mobile-nav a {
    color: #3c4758;
  }

  .landing-page .mobile-nav a:hover {
    background: #f2f5f8;
    color: #111827;
  }

  .landing-page .hero {
    min-height: auto;
  }

  .landing-page .hero::before {
    background:
      linear-gradient(90deg, #ffffff 0%, rgb(255 255 255 / 0.96) 45%, rgb(255 255 255 / 0.42) 78%, transparent),
      linear-gradient(180deg, transparent 60%, #ffffff);
  }

  .landing-page .hero-layout {
    grid-template-columns: 1fr;
    gap: 42px;
    padding-block: 70px 94px;
  }

  .landing-page .hero-content {
    max-width: 730px;
  }

  .landing-page .hero h1 {
    font-size: 62px;
  }

  .landing-page .rpc-playground {
    width: min(100%, 680px);
  }

  .landing-page .explorer-controls {
    border-color: #e0e5ec;
  }
}

@media (max-width: 760px) {
  .announcement-bar {
    min-height: 34px;
    padding-inline: 12px;
  }

  .announcement-bar a {
    gap: 7px;
    font-size: 11px;
  }

  .landing-page .container {
    width: min(100% - 28px, 720px);
  }

  .landing-page .site-section,
  .landing-page .dark-section {
    padding: 74px 0 82px;
  }

  .landing-page .site-section.compact {
    padding: 64px 0 72px;
  }

  .landing-page .section-head {
    margin-bottom: 34px;
  }

  .landing-page .section-title {
    font-size: 38px;
    line-height: 1.1;
  }

  .landing-page .hero {
    min-height: auto;
  }

  .landing-page .hero-art {
    width: 168%;
    height: 58%;
    inset: auto -61% 0 auto;
    object-fit: cover;
    object-position: 70% center;
    opacity: 0.78;
  }

  .landing-page .hero::before {
    background: linear-gradient(180deg, #ffffff 0%, rgb(255 255 255 / 0.98) 47%, rgb(255 255 255 / 0.54) 75%, #ffffff 100%);
  }

  .landing-page .hero::after {
    display: none;
  }

  .landing-page .hero-layout {
    gap: 30px;
    padding-block: 42px 54px;
  }

  .landing-page .hero-content {
    gap: 18px;
  }

  .landing-page .hero h1 {
    font-size: 42px;
    line-height: 1.04;
  }

  .landing-page .hero-copy {
    font-size: 17px;
  }

  .landing-page .hero-actions {
    grid-template-columns: 1fr;
  }

  .landing-page .hero-actions .btn {
    width: 100%;
  }

  .landing-page .rpc-playground {
    background: rgb(255 255 255 / 0.96);
    box-shadow: 0 20px 48px rgb(35 52 82 / 0.13);
  }

  .landing-page .playground-stats > span + span {
    border-color: #e2e6ec;
  }

  .landing-page .gateway-topology {
    background:
      linear-gradient(rgb(49 85 231 / 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgb(49 85 231 / 0.05) 1px, transparent 1px);
    background-color: #fbfcfe;
    background-size: 32px 32px;
  }

  .landing-page .gateway-telemetry > span + span {
    border-color: #e1e5ec;
  }

  .landing-page .gateway-controls {
    background: #f8fafc;
  }

  .landing-page .gateway-segmented {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .landing-page .gateway-segmented button {
    white-space: normal;
  }

  .landing-page .stats-strip .route-cell {
    border-color: var(--landing-border);
  }
}

@media (max-width: 420px) {
  .announcement-bar span {
    display: none;
  }

  .landing-page .hero h1 {
    font-size: 36px;
  }

  .landing-page .section-title {
    font-size: 34px;
  }

  .landing-page .gateway-segmented {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-page .announcement-bar i,
  .landing-page .btn,
  .landing-page .bento-card,
  .landing-page .network-card,
  .landing-page .pricing-card {
    transition: none;
  }
}

.landing-page .hero .eyebrow > span {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.landing-page .hero .eyebrow .eyebrow-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #cfd9ff;
  border-radius: 7px;
  background: #eef2ff;
  color: #3155e7;
  font-size: 16px;
}

.landing-page .hero .eyebrow > span:last-child {
  color: #425066;
}

.landing-page .ecosystem-strip {
  padding: 27px 0 31px;
}

.landing-page .ecosystem-inner {
  grid-template-columns: 220px 1fr;
  gap: 36px;
}

.landing-page .ecosystem-inner h2 {
  max-width: 205px;
  color: #566276;
  line-height: 1.45;
}

.landing-page .logo-wall {
  gap: 12px;
}

.landing-page .logo-wall > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  color: #313b4c;
  font-size: 13px;
  font-weight: 600;
}

.landing-page .logo-wall img {
  width: 25px;
  height: 25px;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: contain;
  filter: none;
  opacity: 1;
}

.landing-page .site-section,
.landing-page .dark-section {
  padding: 94px 0 100px;
}

.landing-page .site-section.compact {
  padding: 78px 0 84px;
}

.landing-page #products {
  padding-bottom: 94px;
}

.landing-page .bento {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}

.landing-page .bento-card,
.landing-page .bento-card:nth-child(1),
.landing-page .bento-card:nth-child(2),
.landing-page .bento-card:nth-child(3),
.landing-page .bento-card:nth-child(4),
.landing-page .bento-card:nth-child(5),
.landing-page .bento-card:nth-child(6),
.landing-page .bento-card:nth-child(7),
.landing-page .bento-card:nth-child(8) {
  grid-column: span 3;
  min-height: 216px;
  gap: 20px;
  padding: 22px;
}

.landing-page .bento-card:nth-child(1),
.landing-page .bento-card:nth-child(4),
.landing-page .bento-card:nth-child(6) {
  background: #ffffff;
}

.landing-page .bento-card:nth-child(2),
.landing-page .bento-card:nth-child(7) {
  background: #f8faff;
}

.landing-page .bento-card > div:first-child {
  gap: 10px;
}

.landing-page .bento-card h3 {
  font-size: 18px;
}

.landing-page .bento-card .muted {
  font-size: 13px;
  line-height: 1.5;
}

.landing-page .bento-card .route-cell {
  overflow: hidden;
  padding: 10px 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landing-page .mini-chart {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: end;
  min-height: 50px;
  color: #3155e7;
}

.landing-page .mini-chart > span {
  display: grid;
  gap: 5px;
}

.landing-page .mini-chart small {
  color: #758093;
  font-family: var(--font-code);
  font-size: 9px;
}

.landing-page .mini-chart strong {
  color: #138257;
  font-family: var(--font-code);
  font-size: 14px;
}

.landing-page .mini-chart svg {
  width: 100%;
  height: 48px;
}

.landing-page #gateway {
  padding-block: 90px 96px;
}

.landing-page #gateway .section-head {
  margin-bottom: 40px;
}

.landing-page .gateway-lab {
  min-height: 590px;
}

.landing-page .gateway-stage {
  grid-template-rows: 52px minmax(0, 1fr) 66px;
}

.landing-page .gateway-topology {
  min-height: 470px;
}

.landing-page #networks {
  border-bottom: 1px solid #e4e8ef;
  background: #f7f9fc;
}

.landing-page #networks .section-head {
  margin-bottom: 32px;
}

.landing-page .network-toolbar {
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 18px;
  border: 1px solid #dce2eb;
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
}

.landing-page .network-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(68px, auto));
  gap: 4px;
  border: 0;
  background: #edf1f5;
  padding: 4px;
}

.landing-page .network-filters button {
  min-height: 34px;
  border: 0;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
}

.landing-page .network-search {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  margin: 0;
  border: 0;
  border-radius: 6px;
  background: #f7f9fc;
  padding: 0 13px;
  color: #7a8595;
  box-shadow: none;
}

.landing-page .network-search input {
  min-width: 0;
  border: 0;
  background: transparent;
  color: #172033;
  font: inherit;
  outline: 0;
}

.landing-page .network-search input::placeholder {
  color: #8a94a3;
}

.landing-page .network-count {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #667183;
  font-size: 12px;
  white-space: nowrap;
}

.landing-page .network-count strong {
  color: #172033;
  font-family: var(--font-code);
  font-weight: 600;
}

.landing-page .network-count a {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #d8dee8;
  border-radius: 7px;
  background: #ffffff;
  color: #3155e7;
  font-size: 17px;
}

.landing-page .networks-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.landing-page .network-card,
.landing-page .network-card:first-child,
.landing-page .network-card:last-child {
  position: relative;
  display: grid;
  grid-column: auto;
  gap: 14px;
  align-content: start;
  min-height: 174px;
  border: 1px solid #dce2eb;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  color: #172033;
  box-shadow: 0 1px 2px rgb(18 31 53 / 0.03);
  transition: transform var(--normal), border-color var(--normal), box-shadow var(--normal);
}

.landing-page .network-card:hover {
  border-color: #aebce2;
  background: #ffffff;
  box-shadow: 0 12px 28px rgb(31 48 78 / 0.08);
  transform: translateY(-2px);
}

.landing-page .network-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.landing-page .network-logo {
  width: 38px;
  height: 38px;
  border-color: #dce2eb;
  background: #ffffff;
  padding: 7px;
}

.landing-page .network-logo img {
  width: 100%;
  height: 100%;
  filter: none;
}

.landing-page .network-health {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #14754f;
  font-size: 10px;
  font-weight: 650;
}

.landing-page .network-health i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #169b67;
  box-shadow: 0 0 0 3px rgb(22 155 103 / 0.1);
}

.landing-page .network-health.is-degraded {
  color: #9a6516;
}

.landing-page .network-health.is-degraded i {
  background: #d9972d;
  box-shadow: 0 0 0 3px rgb(217 151 45 / 0.12);
}

.landing-page .network-card-title {
  display: grid;
  gap: 3px;
}

.landing-page .network-card-title strong {
  font-size: 16px;
  font-weight: 620;
}

.landing-page .network-card-title small {
  color: #748093;
  font-size: 11px;
}

.landing-page .network-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
}

.landing-page .network-card-meta > span {
  display: grid;
  gap: 3px;
}

.landing-page .network-card-meta small {
  color: #8490a0;
  font-size: 9px;
}

.landing-page .network-card-meta strong {
  color: #435064;
  font-family: var(--font-code);
  font-size: 10px;
  font-weight: 550;
}

.landing-page .network-card-arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #3155e7;
  font-size: 16px;
  opacity: 0;
  transform: translate(-3px, 3px);
  transition: opacity var(--fast), transform var(--fast);
}

.landing-page .network-card:hover .network-card-arrow,
.landing-page .network-card:focus-visible .network-card-arrow {
  opacity: 1;
  transform: translate(0, 0);
}

.landing-page .network-empty {
  grid-column: 1 / -1;
  border: 1px dashed #cbd3df;
  border-radius: 8px;
  background: #ffffff;
  color: #657080;
  padding: 34px;
  text-align: center;
}

.landing-page .mega-item .network-logo {
  width: 34px;
  height: 34px;
  padding: 6px;
}

.landing-page .realtime-section,
.landing-page #streams {
  border-block: 1px solid #e4e8ef;
  background: #f7f9fc;
}

.landing-page .realtime-showcase {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 500px;
  overflow: hidden;
  border: 1px solid #d7dde7;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgb(28 44 71 / 0.1);
}

.landing-page .realtime-nav {
  display: grid;
  align-content: start;
  gap: 6px;
  border-right: 1px solid #e0e5ec;
  background: #f8fafc;
  padding: 14px;
}

.landing-page .realtime-nav button {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 11px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #5f6b7c;
  padding: 12px;
  text-align: left;
  transition: background var(--fast), border-color var(--fast), color var(--fast);
}

.landing-page .realtime-nav button > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #dbe1ea;
  border-radius: 7px;
  background: #ffffff;
  color: #5e6a7d;
  font-size: 17px;
}

.landing-page .realtime-nav button > span {
  display: grid;
  gap: 3px;
}

.landing-page .realtime-nav strong {
  color: #253043;
  font-size: 13px;
  font-weight: 620;
}

.landing-page .realtime-nav small {
  color: #7c8797;
  font-size: 10px;
}

.landing-page .realtime-nav button.is-active {
  border-color: #ccd6fb;
  background: #eef2ff;
}

.landing-page .realtime-nav button.is-active > i {
  border-color: #c7d2fb;
  color: #3155e7;
}

.landing-page .realtime-panels {
  min-width: 0;
}

.landing-page .realtime-panel {
  display: none;
  min-height: 100%;
  padding: 22px;
}

.landing-page .realtime-panel.is-active {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 16px;
}

.landing-page .realtime-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 42px;
}

.landing-page .realtime-panel-head > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #253043;
  font-size: 13px;
  font-weight: 620;
}

.landing-page .realtime-panel-head > span:first-child i {
  color: #3155e7;
  font-size: 17px;
}

.landing-page .realtime-panel-head .btn {
  min-height: 36px;
  padding: 8px 13px;
  font-size: 12px;
}

.landing-page .realtime-panel-head .icon-btn {
  width: 36px;
  height: 36px;
}

.landing-page .realtime-panel .terminal-feed {
  min-height: 310px;
  max-height: 310px;
  box-shadow: none;
}

.landing-page .signal-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid #e0e5ec;
  border-radius: 8px;
  background: #f8fafc;
  padding: 18px;
}

.landing-page .signal-flow > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.landing-page .signal-flow > i {
  color: #9aa5b5;
}

.landing-page .signal-index {
  color: #3155e7;
  font-family: var(--font-code);
  font-size: 10px;
}

.landing-page .signal-flow strong {
  color: #1e293b;
  font-size: 12px;
}

.landing-page .signal-flow small {
  color: #7a8595;
  font-size: 10px;
}

.landing-page .delivery-table {
  display: grid;
  align-content: start;
  align-self: start;
  border: 1px solid #e0e5ec;
  border-radius: 8px;
  background: #ffffff;
}

.landing-page .delivery-table > span {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid #e8ebf0;
  padding: 14px 16px;
}

.landing-page .delivery-table > span:last-child {
  border-bottom: 0;
}

.landing-page .delivery-table strong,
.landing-page .delivery-table small,
.landing-page .delivery-table em {
  font-family: var(--font-code);
  font-size: 10px;
  font-style: normal;
}

.landing-page .delivery-table strong {
  color: #263246;
}

.landing-page .delivery-table small {
  color: #6d7889;
}

.landing-page .delivery-table em {
  color: #14754f;
}

.landing-page .wallet-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 18px;
  align-items: stretch;
}

.landing-page .wallet-balance,
.landing-page .wallet-policy {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 260px;
  border: 1px solid #e0e5ec;
  border-radius: 8px;
  background: #f8fafc;
  padding: 26px;
}

.landing-page .wallet-balance small {
  color: #778293;
  font-size: 11px;
}

.landing-page .wallet-balance strong {
  color: #101827;
  font-family: var(--font-code);
  font-size: 34px;
  font-weight: 560;
}

.landing-page .wallet-balance span {
  color: #5f6b7c;
  font-size: 11px;
}

.landing-page .wallet-policy {
  align-content: center;
  gap: 16px;
  background: #f2faf6;
}

.landing-page .wallet-policy span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #315445;
  font-size: 12px;
  font-weight: 550;
}

.landing-page .wallet-policy i {
  color: #169b67;
}

.landing-page .wallet-actions {
  display: flex;
  gap: 10px;
}

.landing-page .observability-chart {
  height: 230px;
}

.landing-page .trust-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
  border: 1px solid #dce2eb;
  border-radius: 8px;
  background: #f8fafc;
}

.landing-page .trust-strip > span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 14px 18px;
}

.landing-page .trust-strip > span + span {
  border-left: 1px solid #dfe4ec;
}

.landing-page .trust-strip i {
  color: #3155e7;
  font-size: 19px;
}

.landing-page .trust-strip strong {
  color: #3b4658;
  font-size: 12px;
  font-weight: 600;
}

.landing-page #pricing {
  background: #f7f9fc;
  padding-block: 88px 94px;
}

.landing-page .pricing-card {
  min-height: 420px;
}

@media (max-width: 1180px) {
  .landing-page .bento-card,
  .landing-page .bento-card:nth-child(1),
  .landing-page .bento-card:nth-child(2),
  .landing-page .bento-card:nth-child(3),
  .landing-page .bento-card:nth-child(4),
  .landing-page .bento-card:nth-child(5),
  .landing-page .bento-card:nth-child(6),
  .landing-page .bento-card:nth-child(7),
  .landing-page .bento-card:nth-child(8) {
    grid-column: span 6;
  }

  .landing-page .networks-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .landing-page .ecosystem-inner {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .landing-page .ecosystem-inner h2 {
    max-width: none;
  }

  .landing-page .network-toolbar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .landing-page .network-count {
    grid-column: 1 / -1;
    justify-content: space-between;
    padding-inline: 4px;
  }

  .landing-page .networks-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .landing-page .realtime-showcase {
    grid-template-columns: 1fr;
  }

  .landing-page .realtime-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid #e0e5ec;
  }

  .landing-page .wallet-overview {
    grid-template-columns: 1fr;
  }

  .landing-page .wallet-balance,
  .landing-page .wallet-policy {
    min-height: 170px;
  }
}

@media (max-width: 640px) {
  .landing-page .site-section,
  .landing-page .dark-section {
    padding: 70px 0 76px;
  }

  .landing-page .logo-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 10px;
  }

  .landing-page .logo-wall > span {
    justify-content: flex-start;
    font-size: 11px;
  }

  .landing-page .bento-card,
  .landing-page .bento-card:nth-child(1),
  .landing-page .bento-card:nth-child(2),
  .landing-page .bento-card:nth-child(3),
  .landing-page .bento-card:nth-child(4),
  .landing-page .bento-card:nth-child(5),
  .landing-page .bento-card:nth-child(6),
  .landing-page .bento-card:nth-child(7),
  .landing-page .bento-card:nth-child(8) {
    grid-column: span 12;
    min-height: 190px;
  }

  .landing-page .gateway-topology {
    min-height: 0;
  }

  .landing-page .network-toolbar {
    grid-template-columns: 1fr;
  }

  .landing-page .network-filters,
  .landing-page .network-search,
  .landing-page .network-count {
    grid-column: 1;
  }

  .landing-page .network-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .landing-page .networks-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-page .network-card,
  .landing-page .network-card:first-child,
  .landing-page .network-card:last-child {
    min-height: 166px;
    padding: 14px;
  }

  .landing-page .network-health {
    font-size: 9px;
  }

  .landing-page .network-card-meta {
    gap: 5px;
  }

  .landing-page .realtime-nav {
    gap: 4px;
    padding: 8px;
  }

  .landing-page .realtime-nav button {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 9px 5px;
    text-align: center;
  }

  .landing-page .realtime-nav button > span {
    justify-items: center;
  }

  .landing-page .realtime-nav small {
    display: none;
  }

  .landing-page .realtime-panel {
    padding: 15px;
  }

  .landing-page .signal-flow {
    grid-template-columns: 1fr;
  }

  .landing-page .signal-flow > i {
    justify-self: center;
    transform: rotate(90deg);
  }

  .landing-page .delivery-table > span {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 9px;
  }

  .landing-page .delivery-table em {
    grid-column: 2;
  }

  .landing-page .wallet-balance strong {
    font-size: 28px;
  }

  .landing-page .trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-page .trust-strip > span + span {
    border-left: 0;
  }

  .landing-page .trust-strip > span:nth-child(even) {
    border-left: 1px solid #dfe4ec;
  }

  .landing-page .trust-strip > span:nth-child(n + 3) {
    border-top: 1px solid #dfe4ec;
  }
}

@media (max-width: 390px) {
  .landing-page .network-card-meta {
    grid-template-columns: 1fr;
  }

  .landing-page .network-card-meta > span:last-child {
    display: none;
  }
}

@media (max-width: 1240px) {
  .landing-page .mobile-nav {
    inset: var(--mobile-top, 80px) 14px auto;
    display: grid;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .landing-page .mobile-nav.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .landing-page .mobile-nav-actions .btn-primary {
    color: #ffffff;
  }

  .landing-page .mobile-nav-actions .btn-secondary {
    color: #172033;
  }
}

/* vexus-mobile.css */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

html {
  touch-action: pan-y;
}

.page-shell,
.public-page main,
.landing-page main {
  min-width: 0;
  overflow-x: clip;
}

.hero-art {
  max-width: 100vw;
}

.mobile-locale {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(138px, auto);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid var(--landing-border, var(--color-border));
  margin-bottom: 6px;
  padding: 4px 4px 12px;
  color: var(--landing-text, var(--color-text));
  font-size: 13px;
  font-weight: 700;
}

.mobile-locale select {
  min-height: 40px;
  width: 100%;
  border: 1px solid var(--landing-border-strong, var(--color-border));
  border-radius: 7px;
  background: var(--landing-surface, var(--white));
  color: var(--landing-text, var(--color-text));
  padding: 0 10px;
  font: inherit;
  font-size: 13px;
}

@media (max-width: 1240px) {
  .landing-page .mobile-nav,
  .mobile-nav {
    inset: var(--mobile-top, 112px) 10px auto;
    max-height: calc(100dvh - var(--mobile-top, 112px) - 14px);
  }
}

@media (max-width: 480px) {
  .landing-page .nav-inner {
    gap: 8px;
  }

  .landing-page .brand {
    gap: 8px;
    min-width: 0;
    font-size: 15px;
    line-height: 1.05;
  }

  .landing-page .brand > span:last-child {
    max-width: 88px;
  }

  .landing-page .nav-actions {
    gap: 8px;
  }

  .landing-page .nav-actions .btn-primary {
    min-height: 42px;
    padding-inline: 13px;
  }

  .landing-page .mobile-toggle {
    flex: 0 0 42px;
  }

  .landing-page .mobile-nav,
  .mobile-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px;
  }

  .mobile-nav > a {
    min-width: 0;
    padding: 11px 9px;
    font-size: 12px;
  }
}

/* theme.css */
:root {
  color-scheme: light;
}

.brand-logo {
  display: block;
  width: 156px;
  height: auto;
  max-height: 42px;
  object-fit: contain;
}

.brand:has(.brand-logo) {
  flex: 0 0 auto;
}

.theme-toggle {
  flex: 0 0 auto;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #080d18;
  --color-surface: #111a2c;
  --color-surface-2: #18233a;
  --color-dark: #eaf0ff;
  --color-dark-2: #d7e2ff;
  --color-text: #edf3ff;
  --color-muted: #a6b4cc;
  --color-border: #273653;
  --accent-green: #5d7cff;
  --accent-cyan: #5d7cff;
  --dark-green: #8ca2ff;
  --success: #3ed49b;
  --warning: #f1b85b;
  --danger: #ff7180;
  --white: #111a2c;
  --shadow-soft: 0 22px 62px rgb(0 0 0 / 0.35);
  --shadow-dark: 0 28px 78px rgb(0 0 0 / 0.5);
}

:root[data-theme="dark"] body {
  background: var(--color-bg);
  color: var(--color-text);
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .site-header.is-scrolled,
:root[data-theme="dark"] .mega-menu,
:root[data-theme="dark"] .mobile-nav,
:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .topbar {
  border-color: var(--color-border);
  background: rgb(12 19 34 / 0.94);
  color: var(--color-text);
}

:root[data-theme="dark"] .brand:has(.brand-logo) {
  border: 1px solid rgb(255 255 255 / 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 4px 8px;
}

:root[data-theme="dark"] .nav-link,
:root[data-theme="dark"] .nav-trigger,
:root[data-theme="dark"] .side-link,
:root[data-theme="dark"] .auth-back,
:root[data-theme="dark"] .form-stack > label,
:root[data-theme="dark"] .form-stack label,
:root[data-theme="dark"] .console-card > label {
  color: #c4d0e7;
}

:root[data-theme="dark"] .nav-link:hover,
:root[data-theme="dark"] .nav-trigger:hover,
:root[data-theme="dark"] .nav-link.is-active,
:root[data-theme="dark"] .nav-trigger.is-active,
:root[data-theme="dark"] .nav-trigger[aria-expanded="true"],
:root[data-theme="dark"] .side-link:hover,
:root[data-theme="dark"] .side-link.is-active,
:root[data-theme="dark"] .mega-item:hover,
:root[data-theme="dark"] .mega-network:hover {
  background: #1a2740;
  color: #ffffff;
}

:root[data-theme="dark"] .btn-secondary,
:root[data-theme="dark"] .btn-ghost,
:root[data-theme="dark"] .icon-btn,
:root[data-theme="dark"] .locale-select select,
:root[data-theme="dark"] .mobile-locale select,
:root[data-theme="dark"] .field,
:root[data-theme="dark"] .select-field,
:root[data-theme="dark"] .textarea-field {
  border-color: var(--color-border);
  background: #131e33;
  color: var(--color-text);
}

:root[data-theme="dark"] .btn-secondary:hover,
:root[data-theme="dark"] .btn-ghost:hover,
:root[data-theme="dark"] .icon-btn:hover {
  border-color: #4a6092;
  background: #1b2944;
}

:root[data-theme="dark"] .mini-icon,
:root[data-theme="dark"] .network-logo,
:root[data-theme="dark"] .auth-card-icon,
:root[data-theme="dark"] .console-avatar {
  border-color: #304263;
  background: #17233c;
  color: #8da5ff;
}

:root[data-theme="dark"] .landing-page {
  --landing-bg: #080d18;
  --landing-bg-soft: #0d1526;
  --landing-surface: #111a2c;
  --landing-surface-2: #16223a;
  --landing-border: #273653;
  --landing-border-strong: #37496d;
  --landing-text: #edf3ff;
  --landing-muted: #adbad0;
  --landing-accent: #5d7cff;
  --landing-accent-hover: #7893ff;
  --landing-accent-soft: #1a2a52;
  --landing-success: #3ed49b;
  --landing-success-soft: #102d2a;
  --landing-shadow: 0 24px 72px rgb(0 0 0 / 0.38);
  background: var(--landing-bg);
  color: var(--landing-text);
  color-scheme: dark;
}

:root[data-theme="dark"] .landing-page .page-shell,
:root[data-theme="dark"] .landing-page .ecosystem-strip,
:root[data-theme="dark"] .landing-page .site-section:not(.dark-section) {
  background: var(--landing-bg);
  color: var(--landing-text);
}

:root[data-theme="dark"] .landing-page .site-section:nth-of-type(even):not(.dark-section),
:root[data-theme="dark"] .landing-page .ecosystem-strip {
  background: var(--landing-bg-soft);
}

:root[data-theme="dark"] .landing-page .site-header,
:root[data-theme="dark"] .landing-page .site-header.is-scrolled,
:root[data-theme="dark"] .landing-page .mega-menu,
:root[data-theme="dark"] .landing-page .mobile-nav {
  border-color: var(--landing-border);
  background: rgb(12 19 34 / 0.96);
  color: var(--landing-text);
}

:root[data-theme="dark"] .landing-page .hero::before,
:root[data-theme="dark"] .landing-page .hero::after {
  opacity: 0.36;
}

:root[data-theme="dark"] .landing-page .hero-art {
  opacity: 0.18;
  filter: saturate(0.7) brightness(0.58);
}

:root[data-theme="dark"] .landing-page .section-title,
:root[data-theme="dark"] .landing-page .hero h1,
:root[data-theme="dark"] .landing-page .bento-card h3,
:root[data-theme="dark"] .landing-page .mega-item strong,
:root[data-theme="dark"] .landing-page .mega-network strong,
:root[data-theme="dark"] .landing-page .pricing-card h3 {
  color: var(--landing-text);
}

:root[data-theme="dark"] .landing-page .hero-copy,
:root[data-theme="dark"] .landing-page .section-copy,
:root[data-theme="dark"] .landing-page .muted,
:root[data-theme="dark"] .landing-page .mega-item span,
:root[data-theme="dark"] .landing-page .mega-network small {
  color: var(--landing-muted);
}

:root[data-theme="dark"] .landing-page .bento-card,
:root[data-theme="dark"] .landing-page .network-card,
:root[data-theme="dark"] .landing-page .pricing-card,
:root[data-theme="dark"] .landing-page .gateway-controls,
:root[data-theme="dark"] .landing-page .explorer-controls,
:root[data-theme="dark"] .landing-page .realtime-showcase,
:root[data-theme="dark"] .landing-page .observability-mock,
:root[data-theme="dark"] .landing-page .route-cell,
:root[data-theme="dark"] .landing-page .playground-stats,
:root[data-theme="dark"] .landing-page .wallet-overview {
  border-color: var(--landing-border);
  background: var(--landing-surface);
  color: var(--landing-text);
}

:root[data-theme="dark"] .landing-page .btn-secondary,
:root[data-theme="dark"] .landing-page .btn-ghost,
:root[data-theme="dark"] .landing-page .network-search,
:root[data-theme="dark"] .landing-page .dark-field {
  border-color: var(--landing-border-strong);
  background: #131e33;
  color: var(--landing-text);
}

:root[data-theme="dark"] .landing-page .status,
:root[data-theme="dark"] .landing-page .network-health,
:root[data-theme="dark"] .landing-page .auth-context-foot {
  border-color: #285449;
  background: #102d2a;
  color: #78e5b7;
}

:root[data-theme="dark"] .landing-page .dark-section,
:root[data-theme="dark"] .landing-page .gateway-stage,
:root[data-theme="dark"] .landing-page .code-window {
  background: #080d18;
}

:root[data-theme="dark"] .public-page .subpage-hero,
:root[data-theme="dark"] .public-page .subpage-card,
:root[data-theme="dark"] .public-page .network-card,
:root[data-theme="dark"] .public-page .console-card,
:root[data-theme="dark"] .public-page .doc-sidebar .route-cell {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

:root[data-theme="dark"] .auth-context {
  border-color: var(--color-border);
  background: #0d1526;
}

:root[data-theme="dark"] .auth-context::after {
  background:
    linear-gradient(90deg, #0d1526 0%, rgb(13 21 38 / 0.94) 48%, rgb(13 21 38 / 0.38) 100%),
    linear-gradient(180deg, transparent 62%, #0d1526 100%);
}

:root[data-theme="dark"] .auth-copy > p:not(.auth-kicker),
:root[data-theme="dark"] .auth-back,
:root[data-theme="dark"] .auth-legal,
:root[data-theme="dark"] .check-field {
  color: var(--color-muted) !important;
}

:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .auth-card .field,
:root[data-theme="dark"] .auth-network-row img {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

:root[data-theme="dark"] .console-shell,
:root[data-theme="dark"] .console-main,
:root[data-theme="dark"] .content {
  background: var(--color-bg);
}

:root[data-theme="dark"] .kpi-card,
:root[data-theme="dark"] .console-card,
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .drawer,
:root[data-theme="dark"] .network-card,
:root[data-theme="dark"] .route-cell,
:root[data-theme="dark"] .endpoint-box,
:root[data-theme="dark"] .playground-stats,
:root[data-theme="dark"] .console-user {
  border-color: var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
}

:root[data-theme="dark"] .route-cell:hover,
:root[data-theme="dark"] button.route-cell:hover {
  border-color: #4a6092;
  background: #192842;
  color: #a8b9ff;
}

:root[data-theme="dark"] .nav-group-title,
:root[data-theme="dark"] .topbar .fine-print,
:root[data-theme="dark"] .console-user > i,
:root[data-theme="dark"] .playground-stats span,
:root[data-theme="dark"] .console-card > label,
:root[data-theme="dark"] .form-stack label {
  color: var(--color-muted);
}

:root[data-theme="dark"] th,
:root[data-theme="dark"] td,
:root[data-theme="dark"] .playground-stats span,
:root[data-theme="dark"] .sidebar-bottom,
:root[data-theme="dark"] .console-user {
  border-color: var(--color-border);
}

@media (max-width: 540px) {
  .brand-logo {
    width: 128px;
    max-height: 34px;
  }

  :root[data-theme="dark"] .brand:has(.brand-logo) {
    padding: 3px 6px;
  }
}

/* vexus-polish.css */
/* Vexus visual pass: hierarchy, contrast and touch targets shared by public pages. */
:root {
  --vexus-ink: #101a2f;
  --vexus-muted: #59677f;
  --vexus-blue: #3455e8;
  --vexus-blue-strong: #2441ca;
  --vexus-line: #dce4f1;
}

.site-header {
  min-height: 78px;
}

.site-header .nav-inner {
  min-height: 78px;
  width: min(1240px, calc(100% - 48px));
}

.site-header .main-nav {
  gap: 8px;
}

.site-header .nav-link,
.site-header .nav-trigger {
  min-height: 42px;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 600;
}

.site-header .nav-actions {
  gap: 9px;
}

.site-header .nav-actions .btn {
  min-height: 44px;
  padding-inline: 17px;
  font-size: 15px;
}

.site-header .icon-btn {
  width: 44px;
  height: 44px;
  font-size: 20px;
}

.site-header .brand-logo {
  width: 176px;
  max-height: 48px;
}

.mega-menu {
  width: min(1120px, calc(100vw - 40px));
  padding: 18px 20px 20px;
  border-radius: 14px;
}

.mega-menu-head {
  min-height: 38px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .035em;
}

.mega-grid {
  gap: 8px;
}

.mega-item {
  min-height: 76px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 11px;
  border-radius: 10px;
}

.mega-item .mini-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #dce4f6;
  border-radius: 8px;
  background: #f0f4ff;
  color: #3155e7;
  font-size: 20px;
  line-height: 1;
}

.mega-item .mini-icon i,
.mega-item .mini-icon i::before {
  display: block;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.mega-item strong {
  font-size: 15px;
  line-height: 1.25;
}

.mega-item span span,
.mega-network small {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
}

/* Navigation compatibility for HTML documents cached before the marketing
   release. Keep the shared header intact even when this is the last stylesheet. */
.mega-content { display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 14px; }
.mega-content .mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.mega-network-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(92px, auto); align-content: start; gap: 7px; padding: 0; }
.mega-network { min-height: 92px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; border: 1px solid transparent; border-radius: 11px; padding: 11px; }
.mega-network:hover { border-color: #dbe4ff; background: #f4f7ff; }
.mega-network .network-logo { display: grid; place-items: center; width: 42px; height: 42px; border-color: #dde5f5; background: #fff; }
.mega-network .network-logo img { display: block; width: 28px; height: 28px; object-fit: contain; filter: none !important; }
.mega-network-copy { min-width: 0; }
.mega-token-stack { display: flex; flex-direction: row-reverse; padding-left: 8px; }
.mega-token-stack img { width: 25px; height: 25px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 2px 8px rgb(27 47 92 / .12); }
.mega-feature { min-height: 100%; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #dce4fb; border-radius: 14px; background: radial-gradient(circle at 90% 0, rgb(77 112 255 / .18), transparent 38%), #f3f6ff; padding: 22px; }
.mega-feature-icon { width: 43px; height: 43px; display: grid; place-items: center; margin-bottom: auto; border-radius: 12px; background: #3155e7; color: #fff; font-size: 1.15rem; }
.mega-feature p { margin: 20px 0 7px; color: #3155e7; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.mega-feature h3 { color: #121a2e; font-size: 1.15rem; line-height: 1.22; letter-spacing: -.03em; }
.mega-feature small { margin-top: 9px; color: #667187; font-size: .75rem; line-height: 1.5; }
.mega-feature > a { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; color: #2549cf; font-size: .75rem; font-weight: 800; }
.mega-feature-network > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 18px; }
.mega-feature-network > div span { border: 1px solid #d5dff9; border-radius: 999px; background: #fff; padding: 5px 7px; color: #53617b; font-size: 10px; font-weight: 750; }
.mega-mini-flow { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 18px; border: 1px solid #dbe4fb; border-radius: 10px; background: rgb(255 255 255 / .7); padding: 9px; color: #4f5e7a; font-size: 9px; font-weight: 800; }
.mega-mini-flow i { color: #3155e7; }
.mega-code-feature { border-color: #1d3264; background: #0c1732; }
.mega-code-feature p { margin-top: 0; color: #87a2ff; }
.mega-code-feature code { color: #dbe4ff; font: 600 .78rem/1.85 var(--font-mono); }
.mega-code-feature code span { color: #7899ff; }
.mega-code-feature small { color: #8797bb; }
.mega-code-feature > a { margin-top: auto; color: #a9bbff; }

.public-page .subpage-hero {
  padding-block: clamp(74px, 10vw, 132px);
}

.public-page .subpage-hero h1 {
  max-width: 900px;
  font-size: clamp(2.35rem, 5.6vw, 5rem);
  letter-spacing: -.055em;
}

.public-page .subpage-hero .section-copy {
  max-width: 720px;
  font-size: 1.1rem;
}

.logo-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.logo-carousel-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: clamp(28px, 4vw, 62px);
  padding: 10px 2px;
  animation: vexus-network-ticker 42s linear infinite;
}

.logo-carousel:hover .logo-carousel-track {
  animation-play-state: paused;
}

.logo-carousel span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.logo-carousel img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.logo-carousel strong {
  font-size: 15px;
}

@keyframes vexus-network-ticker {
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .logo-carousel-track { animation: none; }
}

:root[data-theme="dark"] {
  --vexus-ink: #eff5ff;
  --vexus-muted: #aebed5;
  --vexus-line: #263958;
}

:root[data-theme="dark"] .landing-page,
:root[data-theme="dark"] .public-page {
  background: #07111f;
  color: #eff5ff;
}

:root[data-theme="dark"] .landing-page .hero {
  background:
    radial-gradient(circle at 76% 28%, rgb(55 96 218 / .22), transparent 33%),
    radial-gradient(circle at 18% 8%, rgb(31 72 184 / .16), transparent 35%),
    #07111f !important;
  color: #eff5ff;
}

:root[data-theme="dark"] .landing-page .hero::before {
  background:
    linear-gradient(90deg, #07111f 0%, rgb(7 17 31 / .9) 43%, rgb(7 17 31 / .38) 74%, rgb(7 17 31 / .7) 100%) !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .landing-page .hero::after {
  background-image: linear-gradient(rgb(113 151 255 / .08) 1px, transparent 1px), linear-gradient(90deg, rgb(113 151 255 / .08) 1px, transparent 1px) !important;
  opacity: .9 !important;
}

:root[data-theme="dark"] .landing-page .hero-art {
  opacity: .24 !important;
  filter: saturate(.85) brightness(.55) !important;
}

:root[data-theme="dark"] .landing-page .hero h1,
:root[data-theme="dark"] .landing-page .hero h1 span,
:root[data-theme="dark"] .landing-page .hero h1 span:last-child,
:root[data-theme="dark"] .landing-page .section-title,
:root[data-theme="dark"] .landing-page .ecosystem-strip h2 {
  color: #f4f8ff !important;
  text-shadow: none;
}

:root[data-theme="dark"] .landing-page .hero-copy,
:root[data-theme="dark"] .landing-page .section-copy,
:root[data-theme="dark"] .landing-page .ecosystem-strip h2,
:root[data-theme="dark"] .landing-page .logo-carousel strong {
  color: #b8c7dc !important;
}

:root[data-theme="dark"] .landing-page .ecosystem-strip {
  border-color: #1f3352 !important;
  background: #0a1729 !important;
}

:root[data-theme="dark"] .landing-page .site-section:not(.dark-section) {
  background: #07111f !important;
}

:root[data-theme="dark"] .landing-page .site-section:nth-of-type(even):not(.dark-section) {
  background: #0a1729 !important;
}

:root[data-theme="dark"] .landing-page .bento-card,
:root[data-theme="dark"] .landing-page .network-card,
:root[data-theme="dark"] .landing-page .pricing-card,
:root[data-theme="dark"] .landing-page .gateway-controls,
:root[data-theme="dark"] .landing-page .explorer-controls,
:root[data-theme="dark"] .landing-page .realtime-showcase,
:root[data-theme="dark"] .landing-page .observability-mock,
:root[data-theme="dark"] .landing-page .wallet-overview {
  border-color: #253a5a !important;
  background: #0e1d33 !important;
  color: #edf4ff !important;
}

:root[data-theme="dark"] .public-page .subpage-hero,
:root[data-theme="dark"] .public-page .site-section {
  background: #07111f !important;
  color: #eff5ff;
}

:root[data-theme="dark"] .public-page .subpage-card,
:root[data-theme="dark"] .public-page .network-card {
  border-color: #263d60 !important;
  background: #0d1c31 !important;
  color: #eff5ff !important;
}

:root[data-theme="dark"] .public-page .subpage-card .muted,
:root[data-theme="dark"] .public-page .section-copy,
:root[data-theme="dark"] .public-page .card-label {
  color: #b5c4dc !important;
}

@media (max-width: 1080px) {
  .site-header .brand-logo { width: 156px; }
  .site-header .nav-link,
  .site-header .nav-trigger { padding-inline: 9px; font-size: 14px; }
  .site-header .nav-actions .btn { padding-inline: 13px; }
}

@media (max-width: 820px) {
  .site-header,
  .site-header .nav-inner { min-height: 72px; }
  .site-header .brand-logo { width: 144px; max-height: 40px; }
  .site-header .nav-inner { width: min(100% - 32px, 1240px); }
  .site-header .icon-btn { width: 44px; height: 44px; }
  .mobile-nav { padding: 14px; }
  .mobile-nav > a { min-height: 48px; font-size: 16px; }
  .mobile-nav .mobile-locale { min-height: 52px; font-size: 15px; }
  .mobile-nav-actions .btn { min-height: 48px; }
  .mega-content { grid-template-columns: 1fr; }
  .mega-feature { display: none; }
}

@media (max-width: 540px) {
  .site-header,
  .site-header .nav-inner { min-height: 66px; }
  .site-header .brand-logo { width: 128px; max-height: 36px; }
  .site-header .nav-inner { width: min(100% - 24px, 1240px); }
  .site-header .nav-actions { gap: 6px; }
  .site-header .icon-btn { width: 42px; height: 42px; }
  .announcement-bar { min-height: 38px; font-size: 12px; }
  .logo-carousel-track { gap: 32px; animation-duration: 30s; }
  .logo-carousel img { width: 28px; height: 28px; }
  .logo-carousel strong { font-size: 14px; }
  .mega-token-stack { display: none; }
}

/* vexus-professional.css */
/* Professional light storefront — based on the approved editorial reference. */
.professional-home {
  --pro-ink: #0b0f0d;
  --pro-muted: #59635e;
  --pro-line: #dce2dc;
  --pro-soft: #f3f6f1;
  --pro-green: #2cc982;
  --pro-green-dark: #128a58;
  --pro-blue: #3155e7;
  background: #fbfcfa;
  color: var(--pro-ink);
}

.professional-home .container { width: min(1240px, calc(100% - 48px)); }
.professional-home .section-kicker { color: var(--pro-green-dark); font-size: 0.7rem; font-weight: 850; letter-spacing: .13em; }
.professional-home .section-title { max-width: 760px; color: var(--pro-ink); font-size: clamp(2.1rem, 4vw, 4.35rem); line-height: .98; letter-spacing: -.065em; }
.professional-home .section-copy { max-width: 680px; color: var(--pro-muted); font-size: 1.04rem; line-height: 1.7; }

.professional-hero {
  min-height: 720px;
  border-bottom: 1px solid var(--pro-line);
  background: #fbfcfa !important;
  color: var(--pro-ink) !important;
}

.professional-hero .hero-art { inset: 0 0 0 auto; width: min(68%, 1120px); height: 100%; opacity: .82; object-fit: cover; object-position: right center; filter: saturate(.86) contrast(.98); }
.professional-hero::before { background: linear-gradient(90deg, #fbfcfa 0%, #fbfcfa 40%, rgb(251 252 250 / .9) 56%, rgb(251 252 250 / .22) 82%, transparent 100%) !important; }
.professional-hero::after { opacity: .2 !important; background-image: linear-gradient(rgb(23 62 44 / .12) 1px, transparent 1px), linear-gradient(90deg, rgb(23 62 44 / .12) 1px, transparent 1px) !important; background-size: 64px 64px !important; mask-image: linear-gradient(90deg, #000, transparent 64%); }
.professional-hero .hero-layout { min-height: 720px; grid-template-columns: minmax(0, .96fr) minmax(420px, .74fr); gap: clamp(56px, 8vw, 116px); align-items: center; padding-block: 86px; }
.professional-hero .hero-content { max-width: 650px; }
.professional-hero .hero .eyebrow,
.professional-hero .eyebrow { margin-bottom: 22px; color: #173c2a; }
.professional-hero h1 { max-width: 720px; color: var(--pro-ink) !important; font-size: clamp(3.4rem, 6.7vw, 6.65rem) !important; line-height: .88 !important; letter-spacing: -.078em !important; text-wrap: balance; }
.professional-hero .hero-copy { max-width: 610px; margin-top: 30px; color: #4b5650 !important; font-size: clamp(1.03rem, 1.25vw, 1.2rem); line-height: 1.65; }
.professional-hero .hero-actions { margin-top: 30px; }
.professional-hero .btn { min-height: 50px; border-radius: 999px; padding-inline: 22px; }
.professional-hero .btn-accent { border-color: #0c120f; background: #0c120f; box-shadow: 0 14px 28px rgb(12 18 15 / .13); }
.professional-hero .btn-accent:hover { border-color: #1b2a22; background: #1b2a22; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 26px; color: #536058; font-size: .78rem; font-weight: 700; }
.hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.hero-proof i { color: var(--pro-green-dark); font-size: 1rem; }

.core-console { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgb(188 199 191 / .85); border-radius: 20px; background: rgb(255 255 255 / .88); box-shadow: 0 30px 80px rgb(29 46 37 / .16); backdrop-filter: blur(18px); }
.core-console::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--pro-green), #3155e7 60%, transparent); }
.core-console-head { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #e4e8e4; }
.core-console-brand { display: flex; align-items: center; gap: 11px; }
.core-console-brand img { width: 34px; height: 34px; border-radius: 10px; }
.core-console-brand strong { display: grid; color: #111713; font-size: .88rem; line-height: 1.2; }
.core-console-brand small { margin-top: 3px; color: #77817b; font-size: .66rem; font-weight: 600; }
.live-pill { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #cde9da; border-radius: 999px; background: #edf9f2; padding: 6px 9px; color: #176b48; font-size: .66rem; font-weight: 800; }
.live-pill i { width: 7px; height: 7px; border-radius: 50%; background: #22b876; box-shadow: 0 0 0 4px rgb(34 184 118 / .1); }
.core-console-grid { padding: 7px 20px 10px; }
.core-console-grid article { min-height: 72px; display: grid; grid-template-columns: 40px minmax(0, 1fr) 20px; align-items: center; gap: 12px; border-bottom: 1px solid #e8ece8; }
.core-console-grid article:last-child { border-bottom: 0; }
.core-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: #edf3ef; color: #184e35; font-size: 1.1rem; }
.core-console-grid article div { display: grid; gap: 2px; }
.core-console-grid small { color: #818b85; font-size: .68rem; }
.core-console-grid strong { color: #18201b; font-size: .83rem; }
.core-console-grid article > i { color: #22a76c; }
.core-console-foot { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 20px; background: #0d1310; color: #c7d2cb; font-size: .7rem; }
.core-console-foot span, .core-console-foot a { display: inline-flex; align-items: center; gap: 7px; }
.core-console-foot a { color: #fff; font-weight: 800; }

.asset-rail { overflow: hidden; border-bottom: 1px solid var(--pro-line); background: #fff; padding: 40px 0 30px; }
.asset-rail-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.asset-rail-head > div { display: grid; gap: 6px; }
.asset-rail-head h2 { color: var(--pro-ink); font-size: clamp(1.4rem, 2.3vw, 2.05rem); letter-spacing: -.04em; }
.asset-rail-head > a { display: inline-flex; align-items: center; gap: 8px; color: #18211c; font-size: .82rem; font-weight: 800; }
.asset-carousel { width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.asset-carousel-track { width: max-content; display: flex; animation: asset-loop 58s linear infinite; }
.asset-carousel:hover .asset-carousel-track { animation-play-state: paused; }
.asset-carousel-group { display: flex; flex-shrink: 0; gap: 12px; padding-right: 12px; }
.asset-chip { min-width: max-content; display: grid; grid-template-columns: 36px auto; grid-template-rows: auto auto; align-items: center; column-gap: 10px; border: 1px solid #dde3de; border-radius: 13px; background: #fbfcfb; padding: 10px 14px 10px 10px; box-shadow: 0 3px 10px rgb(21 38 28 / .025); }
.asset-chip img, .token-mark { grid-row: 1 / 3; width: 36px; height: 36px; object-fit: contain; border-radius: 50%; }
.token-mark { display: grid; place-items: center; color: #fff; font-size: 1.05rem; font-weight: 900; }
.token-mark.eth { background: #627eea; }
.token-mark.usdt { background: #26a17b; }
.token-mark.usdc { background: #2775ca; }
.token-mark.pol { background: #8247e5; }
.asset-chip strong { align-self: end; color: #111713; font-size: .79rem; line-height: 1.1; }
.asset-chip small { align-self: start; color: #849089; font-size: .62rem; line-height: 1.1; }
@keyframes asset-loop { to { transform: translateX(-50%); } }

.capabilities-section { background: #f5f7f3 !important; padding-block: clamp(88px, 11vw, 150px) !important; }
.professional-section-head { display: grid; gap: 19px; max-width: 830px; margin-bottom: 48px; }
.capability-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.capability-card { position: relative; min-height: 280px; grid-column: span 2; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #dbe1db; border-radius: 16px; background: #fff; padding: 28px; box-shadow: 0 8px 24px rgb(23 39 29 / .035); }
.capability-card-wide { grid-column: span 3; }
.capability-card:last-child { min-height: 230px; grid-column: 1 / -1; }
.capability-card .mini-icon { width: 46px; height: 46px; margin-bottom: auto; border-color: #dce6df; border-radius: 13px; background: #edf4ef; color: #17764e; font-size: 1.25rem; }
.capability-card h3 { margin-top: 34px; color: #101512; font-size: clamp(1.25rem, 2vw, 1.65rem); letter-spacing: -.035em; }
.capability-card p { margin-top: 10px; color: #647068; line-height: 1.6; }
.capability-card a { display: inline-flex; align-items: center; gap: 7px; margin-top: 17px; color: #135f40; font-size: .8rem; font-weight: 800; }
.capability-index { position: absolute; top: 28px; right: 28px; color: #9aa49e; font: 700 .67rem/1 var(--font-mono); }
.mini-flow { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: #526059; font-size: .7rem; font-weight: 750; }
.mini-flow span { border: 1px solid #dbe4dd; border-radius: 999px; background: #f7faf7; padding: 6px 9px; }
.mini-flow i { color: #1b9b65; }

.architecture-section { background: #0b100d !important; color: #fff; padding-block: clamp(88px, 11vw, 148px) !important; }
.architecture-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(460px, 1.15fr); gap: clamp(60px, 9vw, 130px); align-items: center; }
.architecture-section .section-title { color: #fff !important; }
.architecture-section .section-copy { color: #aab6ae !important; }
.architecture-copy { display: grid; gap: 22px; }
.feature-list { display: grid; gap: 20px; margin: 10px 0 0; padding: 0; list-style: none; }
.feature-list li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; }
.feature-list li > i { margin-top: 2px; color: #32d38c; font-size: 1.2rem; }
.feature-list span { display: grid; gap: 4px; }
.feature-list strong { color: #f6faf7; font-size: .92rem; }
.feature-list small { color: #8f9c94; line-height: 1.5; }
.architecture-map { position: relative; display: grid; justify-items: center; padding: 30px; border: 1px solid #243028; border-radius: 22px; background: radial-gradient(circle at 50% 32%, rgb(35 199 127 / .12), transparent 42%), #0e1511; }
.map-node { width: min(100%, 280px); display: grid; grid-template-columns: 44px 1fr; grid-template-rows: auto auto; align-items: center; gap: 2px 12px; border: 1px solid #2b3930; border-radius: 15px; background: #141d17; padding: 17px; box-shadow: 0 14px 36px rgb(0 0 0 / .2); }
.map-node img, .map-icon { grid-row: 1 / 3; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #1f2d24; color: #4cdb9b; font-size: 1.2rem; }
.map-node strong { color: #f7faf8; font-size: .88rem; }
.map-node small { color: #819087; font-size: .7rem; }
.map-core { border-color: #28684a; box-shadow: 0 0 0 4px rgb(44 201 130 / .06), 0 18px 40px rgb(0 0 0 / .28); }
.map-line { min-height: 76px; display: grid; place-items: center; color: #627069; font-size: .62rem; }
.map-line i { rotate: 90deg; color: #35c987; font-size: 1.15rem; }
.map-branches { width: 75%; height: 58px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #2b4f3a; }
.map-branches span { justify-self: center; width: 1px; height: 100%; background: #2b4f3a; }
.map-networks { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.map-networks span { display: grid; place-items: center; gap: 8px; min-height: 82px; border: 1px solid #26332b; border-radius: 12px; background: #121a15; color: #a8b5ad; font-size: .65rem; font-weight: 700; }
.map-networks img { width: 25px; height: 25px; }

.developer-section { background: #f6f8f5 !important; padding-block: clamp(88px, 11vw, 145px) !important; }
.developer-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr); gap: clamp(60px, 9vw, 120px); align-items: center; }
.developer-layout > div:first-child { display: grid; gap: 20px; }
.developer-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.developer-tags span { border: 1px solid #d8dfd9; border-radius: 999px; background: #fff; padding: 7px 10px; color: #59655d; font: 650 .69rem/1 var(--font-mono); }
.api-card { overflow: hidden; border: 1px solid #202a24; border-radius: 17px; background: #0d120f; box-shadow: 0 26px 70px rgb(15 31 22 / .2); }
.api-card-head { min-height: 54px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 16px; border-bottom: 1px solid #222d26; padding: 0 18px; color: #8f9a93; font: 600 .66rem/1 var(--font-mono); }
.api-card-head > span { display: flex; gap: 5px; }
.api-card-head i { width: 8px; height: 8px; border-radius: 50%; background: #354039; }
.api-card-head i:first-child { background: #30ca86; }
.api-card-head strong { color: #bdc8c1; font-size: .7rem; }
.api-card pre { margin: 0; padding: 26px; color: #9ae6bd; font: 500 clamp(.72rem, 1.2vw, .87rem)/1.75 var(--font-mono); white-space: pre-wrap; }
.api-card a { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #222d26; padding: 16px 20px; color: #f4f7f5; font-size: .75rem; font-weight: 750; }

.security-section { background: #fff !important; padding-block: clamp(84px, 10vw, 130px) !important; }
.security-grid-public { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #dfe4df; border-bottom: 1px solid #dfe4df; }
.security-grid-public article { min-height: 230px; padding: 27px; border-right: 1px solid #dfe4df; }
.security-grid-public article:last-child { border-right: 0; }
.security-grid-public article > i { color: #128a58; font-size: 1.5rem; }
.security-grid-public h3 { margin-top: 44px; color: #121713; font-size: 1rem; }
.security-grid-public p { margin-top: 10px; color: #68736c; font-size: .81rem; line-height: 1.6; }

.cta-section { background: #fff; padding: 0 0 80px; }
.cta-panel { min-height: 290px; display: flex; align-items: end; justify-content: space-between; gap: 46px; border-radius: 24px; background: radial-gradient(circle at 85% 20%, rgb(52 213 144 / .23), transparent 28%), #0b100d; padding: clamp(34px, 6vw, 70px); color: #fff; }
.cta-panel > div:first-child { display: grid; gap: 15px; max-width: 710px; }
.cta-panel h2 { color: #fff; font-size: clamp(2rem, 4vw, 4rem); line-height: .98; letter-spacing: -.06em; }
.cta-panel p:not(.section-kicker) { color: #9ca9a1; }
.cta-panel .btn { border-radius: 999px; }
.cta-panel .btn-accent { border-color: #39d993; background: #39d993; color: #07110b; }
.cta-panel .btn-secondary { border-color: #3a463f; background: #161e19; color: #fff; }

.professional-footer { border-top: 1px solid #dce2dd; background: #f5f7f4; padding: 58px 0 22px; }
.professional-footer .footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 50px; }
.professional-footer .footer-col { display: grid; align-content: start; gap: 11px; }
.professional-footer .brand-logo { width: 168px; }
.professional-footer strong { color: #18201b; font-size: .74rem; }
.professional-footer a, .professional-footer p { color: #68746c; font-size: .76rem; line-height: 1.6; }
.professional-footer a:hover { color: #0e5f3d; }
.professional-footer .footer-brand p { max-width: 310px; }
.professional-footer .footer-meta { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; border-top: 1px solid #dce2dd; padding-top: 19px; }

@media (max-width: 1050px) {
  .professional-hero .hero-layout { grid-template-columns: minmax(0, 1fr) minmax(350px, .75fr); gap: 38px; }
  .professional-hero h1 { font-size: clamp(3rem, 6vw, 5.2rem) !important; }
  .capability-card, .capability-card-wide { grid-column: span 3; }
  .capability-card:last-child { grid-column: 1 / -1; }
  .architecture-layout, .developer-layout { grid-template-columns: 1fr; }
  .architecture-map, .api-card { width: min(100%, 700px); }
  .security-grid-public { grid-template-columns: 1fr 1fr; }
  .security-grid-public article:nth-child(2) { border-right: 0; }
  .security-grid-public article:nth-child(-n + 2) { border-bottom: 1px solid #dfe4df; }
}

@media (max-width: 820px) {
  .professional-home .container { width: min(100% - 32px, 1240px); }
  .professional-hero { min-height: auto; }
  .professional-hero .hero-art { width: 100%; opacity: .28; object-position: 72% center; }
  .professional-hero::before { background: linear-gradient(180deg, #fbfcfa 0%, rgb(251 252 250 / .95) 58%, rgb(251 252 250 / .72) 100%) !important; }
  .professional-hero .hero-layout { min-height: auto; grid-template-columns: 1fr; padding-block: 70px 58px; }
  .professional-hero .hero-content { max-width: 700px; }
  .professional-hero h1 { font-size: clamp(3rem, 13vw, 5.2rem) !important; }
  .core-console { width: min(100%, 620px); }
  .asset-rail-head { align-items: start; flex-direction: column; }
  .cta-panel { align-items: flex-start; flex-direction: column; }
  .professional-footer .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .professional-footer .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .professional-home .container { width: min(100% - 24px, 1240px); }
  .professional-hero .hero-layout { padding-block: 54px 42px; }
  .professional-hero h1 { font-size: clamp(2.75rem, 14.5vw, 4.2rem) !important; line-height: .9 !important; }
  .professional-hero .hero-copy { margin-top: 22px; font-size: .98rem; }
  .professional-hero .hero-actions { align-items: stretch; flex-direction: column; }
  .professional-hero .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-proof { display: grid; grid-template-columns: 1fr 1fr; }
  .core-console-head { align-items: flex-start; }
  .live-pill { font-size: 0; padding: 9px; }
  .live-pill i { margin: 0; }
  .core-console-foot { align-items: flex-start; flex-direction: column; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-card, .capability-card-wide { min-height: 245px; grid-column: auto; }
  .capability-card:last-child { grid-column: auto; }
  .mini-flow { max-width: 100%; gap: 6px; }
  .mini-flow span { padding-inline: 7px; font-size: .62rem; }
  .architecture-map { padding: 20px 12px; }
  .map-networks { grid-template-columns: 1fr 1fr; }
  .map-branches { display: none; }
  .map-networks { margin-top: 22px; }
  .developer-layout { gap: 40px; }
  .api-card pre { padding: 19px 16px; font-size: .68rem; }
  .security-grid-public { grid-template-columns: 1fr; }
  .security-grid-public article { min-height: 205px; border-right: 0; border-bottom: 1px solid #dfe4df; }
  .security-grid-public article:last-child { border-bottom: 0; }
  .cta-section { padding-bottom: 24px; }
  .cta-panel { border-radius: 17px; padding: 30px 22px; }
  .cta-panel .cluster { width: 100%; align-items: stretch; flex-direction: column; }
  .cta-panel .btn { justify-content: center; }
  .professional-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
  .professional-footer .footer-brand { grid-column: 1 / -1; }
  .professional-footer .footer-meta { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .asset-carousel-track { animation: none; }
}

/* vexus-blue-refinement.css */
/* Blue refinement: professional exchange-like visual language. */
.professional-home {
  --pro-green: #3155e7;
  --pro-green-dark: #2345c7;
  --pro-blue: #3155e7;
  --blue-50: #f3f6ff;
  --blue-100: #e9efff;
  --blue-200: #d7e1ff;
  --blue-600: #3155e7;
  --blue-700: #2444c4;
  --navy-950: #081329;
}

/* Header */
.announcement-bar { background: #274bd5; }
.landing-page .site-header,
.public-page .site-header { border-color: #e1e6f0; background: rgb(255 255 255 / .96); }
.site-header .main-nav { gap: 2px; }
.site-header .nav-link,
.site-header .nav-trigger { padding-inline: 10px; color: #27324a; font-size: 13px; }
.site-header .nav-link:hover,
.site-header .nav-trigger:hover,
.site-header .nav-trigger[aria-expanded="true"] { background: #f0f4ff; color: #2549d1; }
.site-header .btn-primary { border-color: #3155e7; background: #3155e7; }
.site-header .btn-primary:hover { border-color: #2444c4; background: #2444c4; }

.mega-menu { width: min(1180px, calc(100vw - 40px)); border: 1px solid #d9e0ed; border-radius: 18px; padding: 18px; box-shadow: 0 28px 80px rgb(24 40 78 / .18); }
.mega-menu-head { min-height: 42px; margin-bottom: 10px; border-bottom: 1px solid #e0e6f0; color: #7a8599; font-size: 11px; letter-spacing: .09em; }
.mega-menu-head a { color: #3155e7; }
.mega-content { display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 14px; }
.mega-content .mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.mega-item { min-height: 76px; grid-template-columns: 42px minmax(0, 1fr); gap: 11px; padding: 11px; border: 1px solid transparent; }
.mega-item:hover { border-color: #dbe4ff; background: #f4f7ff; }
.mega-item .mini-icon { display: grid; place-items: center; width: 42px; height: 42px; border-color: #dce4f6; background: #f0f4ff; color: #3155e7; font-size: 20px; line-height: 1; }
.mega-item .mini-icon i, .mega-item .mini-icon i::before { display: block; color: inherit; font-size: inherit; line-height: 1; }
.mega-item strong { color: #182138; font-size: 14px; }
.mega-item span span { color: #6b768b; font-size: 12px; }
.mega-feature { min-height: 100%; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #dce4fb; border-radius: 14px; background: radial-gradient(circle at 90% 0, rgb(77 112 255 / .18), transparent 38%), #f3f6ff; padding: 22px; }
.mega-feature-icon { width: 43px; height: 43px; display: grid; place-items: center; margin-bottom: auto; border-radius: 12px; background: #3155e7; color: #fff; font-size: 1.15rem; }
.mega-feature p { margin: 20px 0 7px; color: #3155e7; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.mega-feature h3 { color: #121a2e; font-size: 1.15rem; line-height: 1.22; letter-spacing: -.03em; }
.mega-feature small { margin-top: 9px; color: #667187; font-size: .75rem; line-height: 1.5; }
.mega-feature > a { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; color: #2549cf; font-size: .75rem; font-weight: 800; }
.mega-network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.mega-network { min-height: 76px; border: 1px solid transparent; border-radius: 11px; padding: 11px; }
.mega-network:hover { border-color: #dbe4ff; background: #f4f7ff; }
.mega-network .network-logo { width: 42px; height: 42px; border-color: #dde5f5; background: #fff; }
.mega-feature-network h3 { font-size: 1.65rem; }
.mega-feature-network > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 18px; }
.mega-feature-network > div span { border: 1px solid #d5dff9; border-radius: 999px; background: #fff; padding: 5px 7px; color: #53617b; font-size: 10px; font-weight: 750; }
.mega-code-feature { background: #0c1732; border-color: #1d3264; }
.mega-code-feature p { margin-top: 0; color: #87a2ff; }
.mega-code-feature code { color: #dbe4ff; font: 600 .78rem/1.85 var(--font-mono); }
.mega-code-feature > a { margin-top: auto; color: #a9bbff; }
.mega-menu-foot { margin-top: 12px; border-radius: 11px; background: #f7f9fd; }

/* Header compatibility layer: these rules live in the legacy-loaded stylesheet
   so an older cached HTML shell cannot break a newer navigation module. */
.mega-network-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(92px, auto); align-content: start; gap: 7px; padding: 0; }
.mega-network { min-height: 92px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; }
.mega-network .network-logo img { width: 28px; height: 28px; filter: none !important; }
.mega-network-copy { min-width: 0; }
.mega-token-stack { display: flex; flex-direction: row-reverse; padding-left: 8px; }
.mega-token-stack img { width: 25px; height: 25px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 2px 8px rgb(27 47 92 / .12); }
.mega-mini-flow { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 18px; border: 1px solid #dbe4fb; border-radius: 10px; background: rgb(255 255 255 / .7); padding: 9px; color: #4f5e7a; font-size: 9px; font-weight: 800; }
.mega-mini-flow i { color: #3155e7; }
.mega-code-feature code span { color: #7899ff; }
.mega-code-feature small { color: #8797bb; }

/* Hero */
.professional-hero .eyebrow { color: #2448cf; }
.professional-hero .eyebrow-icon { border-color: #d6e0ff; background: #edf2ff; color: #3155e7; }
.professional-hero .btn-accent { border-color: #3155e7; background: #3155e7; box-shadow: 0 14px 30px rgb(49 85 231 / .22); }
.professional-hero .btn-accent:hover { border-color: #2444c4; background: #2444c4; }
.hero-proof i { color: #3155e7; }
.core-console::before { background: linear-gradient(90deg, #3155e7, #79a1ff 70%, transparent); }
.core-icon { background: #edf2ff; color: #3155e7; }
.core-console-grid article > i { color: #3155e7; }
.live-pill { border-color: #d9e3ff; background: #f0f4ff; color: #294ac3; }
.live-pill i { background: #3155e7; box-shadow: 0 0 0 4px rgb(49 85 231 / .1); }
.core-console-foot { background: #0b1630; }

/* Contained, continuously moving carousel */
.asset-rail { border: 0; background: #fff; padding: 28px 0; }
.asset-rail .container { overflow: hidden; border: 1px solid #dce3ef; border-radius: 18px; background: #fbfcff; padding: 11px; box-shadow: 0 8px 24px rgb(28 48 89 / .045); }
.asset-carousel { width: 100%; overflow: hidden; border-radius: 12px; mask-image: linear-gradient(90deg, transparent, #000 3.5%, #000 96.5%, transparent); }
.asset-carousel-track { display: flex; width: max-content; animation: vexus-asset-loop 34s linear infinite !important; will-change: transform; }
.asset-carousel:hover .asset-carousel-track { animation-play-state: running; }
.asset-carousel-group { flex: 0 0 auto; gap: 9px; padding-right: 9px; }
.asset-chip { border-color: #dce3ef; border-radius: 11px; background: #fff; padding: 9px 13px 9px 9px; box-shadow: none; }
@keyframes vexus-asset-loop { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

/* Capability bento */
.capabilities-section { background: #f5f7fc !important; }
.professional-section-head .section-kicker,
.developer-section .section-kicker,
.security-section .section-kicker,
.cta-panel .section-kicker { color: #3155e7; }
.capability-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "wallet wallet wallet wallet wallet wallet wallet api api api api api" "send send send send swap swap swap swap conversion conversion conversion conversion"; gap: 14px; }
.capability-card { min-height: 270px; grid-column: auto; overflow: hidden; border-color: #dae2f0; border-radius: 18px; padding: 25px; box-shadow: 0 10px 30px rgb(22 42 83 / .045); }
.capability-card:hover { border-color: #bac9f5; box-shadow: 0 18px 40px rgb(28 58 133 / .08); transform: translateY(-2px); transition: .2s ease; }
.capability-wallets { grid-area: wallet; min-height: 390px; display: grid; grid-template-columns: minmax(210px, .78fr) minmax(330px, 1.22fr); grid-template-rows: auto 1fr; align-items: stretch; column-gap: 28px; background: linear-gradient(145deg, #fff 0%, #fff 55%, #eef3ff 100%); }
.capability-wallets .capability-card-head { grid-column: 1 / -1; }
.capability-wallets .capability-copy { align-self: center; }
.capability-api { grid-area: api; min-height: 350px; background: #0b1630; color: #fff; }
.capability-operation:nth-of-type(3) { grid-area: send; }
.capability-operation:nth-of-type(4) { grid-area: swap; }
.capability-operation:nth-of-type(5) { grid-area: conversion; }
.capability-card-head { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.capability-card .mini-icon { width: 44px; height: 44px; margin: 0; border-color: #d8e2ff; background: #edf2ff; color: #3155e7; }
.capability-index { position: static; color: #98a5bb; }
.capability-copy { margin-top: 27px; }
.capability-copy .card-eyebrow { margin: 0 0 8px; color: #3155e7; font-size: .62rem; font-weight: 850; letter-spacing: .12em; }
.capability-card h3 { margin: 0; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.capability-card p { margin-top: 9px; color: #69758a; }
.capability-api .mini-icon { border-color: #2d4275; background: #17284f; color: #88a5ff; }
.capability-api .capability-index { color: #64769f; }
.capability-api .card-eyebrow { color: #89a5ff; }
.capability-api h3 { color: #fff; }
.capability-api p { color: #aab6d0; }
.capability-api > a { color: #a8bbff; }
.wallet-proof { display: grid; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; color: #54627b; font-size: .69rem; font-weight: 700; }
.wallet-proof li { display: flex; align-items: center; gap: 7px; }
.wallet-proof i { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: #edf2ff; color: #3155e7; font-size: .6rem; }
.wallet-visual { min-width: 0; align-self: stretch; display: grid; grid-template-rows: auto auto 1fr auto; gap: 10px; margin-top: 24px; border: 1px solid #d8e2f5; border-radius: 16px; background: rgb(255 255 255 / .9); padding: 15px; box-shadow: 0 16px 38px rgb(40 70 142 / .09); }
.wallet-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 2px 4px; }
.wallet-network-pill, .wallet-live { display: inline-flex; align-items: center; gap: 7px; }
.wallet-network-pill img { width: 20px; height: 20px; }
.wallet-network-pill b { color: #1e2b46; font-size: .68rem; }
.wallet-live { color: #557091; font-size: .58rem; font-weight: 800; }
.wallet-live i { width: 6px; height: 6px; border-radius: 50%; background: #3155e7; box-shadow: 0 0 0 4px rgb(49 85 231 / .1); }
.wallet-address { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #e1e7f2; border-radius: 11px; background: #f8faff; padding: 11px 13px; }
.wallet-address span { min-width: 0; display: grid; gap: 3px; }
.wallet-address small { color: #8290a6; font-size: .56rem; }
.wallet-address strong { overflow: hidden; color: #27344e; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.wallet-address > i { color: #6e84ae; }
.wallet-assets { display: grid; gap: 7px; }
.wallet-asset { min-height: 55px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; border: 1px solid #e3e8f2; border-radius: 11px; padding: 9px 11px; }
.wallet-asset > span { display: grid; gap: 2px; }
.wallet-asset strong { color: #202c45; font-size: .7rem; }
.wallet-asset small { color: #8793a7; font-size: .56rem; }
.wallet-asset em { color: #4f6388; font-size: .56rem; font-style: normal; font-weight: 750; }
.asset-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: .8rem; font-style: normal; font-weight: 800; }
.eth-mark { background: #627eea; }
.usdc-mark { background: #2775ca; }
.wallet-confirmation { min-height: 53px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; border-radius: 11px; background: #0d1a36; padding: 10px 12px; }
.wallet-confirmation > i { color: #7f9fff; font-size: 1.05rem; }
.wallet-confirmation span { display: grid; gap: 2px; }
.wallet-confirmation strong { color: #ecf2ff; font-size: .62rem; }
.wallet-confirmation small { color: #8291ae; font-size: .52rem; }
.wallet-confirmation > b { border: 1px solid #2c4271; border-radius: 999px; padding: 5px 7px; color: #9db2f4; font-size: .5rem; text-transform: uppercase; }
.endpoint-list { display: grid; gap: 7px; margin-top: auto; padding-top: 22px; }
.endpoint-list span { display: grid; grid-template-columns: 48px 1fr; gap: 8px; border: 1px solid #213762; border-radius: 8px; background: #101e3b; padding: 8px 10px; color: #b8c6e2; font: 500 .65rem/1.2 var(--font-mono); }
.endpoint-list b { color: #7597ff; font-size: .58rem; }
.card-status { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: #647187; font-size: .68rem; font-weight: 700; }
.card-status i { width: 7px; height: 7px; border-radius: 50%; background: #3155e7; box-shadow: 0 0 0 4px rgb(49 85 231 / .09); }
.swap-pair-visual, .conversion-visual { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 20px; }
.swap-pair-visual span, .conversion-visual span { border: 1px solid #d9e2f2; border-radius: 999px; background: #f7f9ff; padding: 7px 11px; color: #263552; font-size: .67rem; font-weight: 850; }
.swap-pair-visual i, .conversion-visual i { color: #3155e7; }

/* Professional architecture panel */
.architecture-section { background: #09152e !important; }
.architecture-layout { grid-template-columns: minmax(0, .72fr) minmax(620px, 1.28fr); gap: clamp(44px, 6vw, 90px); }
.architecture-section .section-kicker { color: #7e9eff; }
.feature-list li > i { color: #7496ff; }
.orchestration-panel { min-width: 0; overflow: hidden; border: 1px solid #253964; border-radius: 20px; background: radial-gradient(circle at 50% 30%, rgb(57 93 207 / .17), transparent 38%), #0d1a36; box-shadow: 0 30px 80px rgb(0 5 19 / .28); }
.orchestration-head { min-height: 54px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 15px; border-bottom: 1px solid #22345b; padding: 0 18px; }
.orchestration-head > span { display: flex; gap: 5px; }
.orchestration-head > span i { width: 7px; height: 7px; border-radius: 50%; background: #35486f; }
.orchestration-head > span i:first-child { background: #5e82f7; }
.orchestration-head strong { color: #eaf0ff; font-size: .72rem; }
.orchestration-head small { color: #7182a6; font-size: .62rem; }
.architecture-pipeline { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr) minmax(0, 1.12fr); align-items: stretch; gap: 28px; padding: 28px 22px 22px; }
.arch-node, .arch-network-cluster { position: relative; min-width: 0; min-height: 190px; border: 1px solid #293d68; border-radius: 15px; background: #111f3e; padding: 16px; }
.arch-node { display: flex; flex-direction: column; align-items: flex-start; }
.arch-node::after { content: '\2192'; position: absolute; top: 50%; right: -22px; translate: 50% -50%; color: #6d8ff7; font-size: 1.1rem; }
.arch-icon, .arch-core > img { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: auto; border-radius: 11px; background: #1c3262; color: #8ba7ff; }
.arch-node small, .cluster-heading small { margin-top: 13px; color: #7186b1; font-size: .52rem; font-weight: 850; letter-spacing: .09em; }
.arch-node strong, .cluster-heading strong { margin-top: 4px; color: #f1f5ff; font-size: .76rem; line-height: 1.25; }
.arch-node p { margin: 5px 0 0; color: #8998b7; font-size: .56rem; line-height: 1.4; }
.arch-node-tag { margin-top: 11px; border: 1px solid #2d4475; border-radius: 999px; padding: 4px 7px; color: #9db2eb; font-size: .49rem; font-weight: 800; }
.arch-core { border-color: #456cdd; background: linear-gradient(145deg, #152a59, #101d3a); box-shadow: 0 0 0 4px rgb(66 105 219 / .08); }
.arch-core > img { background: #0d2252; object-fit: cover; }
.core-modules { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 12px; }
.core-modules span { border: 1px solid #304b83; border-radius: 5px; background: #162a53; padding: 4px 5px; color: #a8baf0; font-size: .46rem; font-weight: 750; }
.arch-network-cluster { background: #0f1c37; }
.cluster-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 13px; }
.cluster-heading > span { display: grid; }
.cluster-heading small { margin-top: 0; }
.cluster-heading b { border: 1px solid #2e4473; border-radius: 999px; padding: 4px 6px; color: #8fa6df; font-size: .48rem; white-space: nowrap; }
.flow-networks { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.flow-networks span { min-width: 0; min-height: 48px; display: flex; align-items: center; gap: 7px; border: 1px solid #263a63; border-radius: 9px; background: #142342; padding: 7px; }
.flow-networks img { width: 20px; height: 20px; }
.flow-networks b { overflow: hidden; color: #becae2; font-size: .54rem; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-protocols { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #22345b; background: #0a1730; }
.pipeline-protocols > span { min-width: 0; min-height: 72px; display: grid; grid-template-columns: 25px 1fr; grid-template-rows: auto auto; align-content: center; gap: 1px 7px; border-right: 1px solid #22345b; padding: 11px 12px; }
.pipeline-protocols > span:last-child { border-right: 0; }
.pipeline-protocols i { grid-row: 1 / 3; align-self: center; color: #7596ff; font-size: .9rem; }
.pipeline-protocols b { overflow: hidden; color: #d9e2f5; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-protocols small { overflow: hidden; color: #6e7f9f; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }

/* Remaining sections */
.developer-tags span { border-color: #d9e1f1; color: #576784; }
.api-card { border-color: #172a55; background: #09152d; box-shadow: 0 26px 70px rgb(18 42 91 / .2); }
.api-card pre { color: #a9bcff; }
.api-card-head i:first-child { background: #5f82f5; }
.security-grid-public article > i { color: #3155e7; }
.cta-panel { background: radial-gradient(circle at 85% 20%, rgb(83 119 255 / .28), transparent 30%), #0a1631; }
.cta-panel .btn-accent { border-color: #5578f5; background: #5578f5; color: #fff; }
.cta-panel .btn-accent:hover { border-color: #6b8cff; background: #6b8cff; }

@media (max-width: 1120px) {
  .site-header .nav-link, .site-header .nav-trigger { padding-inline: 7px; font-size: 12px; }
  .mega-content { grid-template-columns: minmax(0, 1fr) 250px; }
  .capability-grid { grid-template-areas: "wallet wallet wallet wallet wallet wallet api api api api api api" "send send send send swap swap swap swap conversion conversion conversion conversion"; }
  .capability-wallets { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; }
  .capability-wallets .capability-card-head { grid-column: auto; }
  .capability-wallets .capability-copy { align-self: auto; }
  .architecture-layout { grid-template-columns: 1fr; }
  .orchestration-panel { width: min(100%, 760px); }
}

@media (max-width: 820px) {
  .mega-content { grid-template-columns: 1fr; }
  .mega-feature { display: none; }
  .capability-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "wallet wallet" "api api" "send swap" "conversion conversion"; }
  .capability-wallets, .capability-api { min-height: 330px; }
  .architecture-pipeline { grid-template-columns: 1fr; gap: 30px; }
  .arch-node, .arch-network-cluster { min-height: 165px; }
  .arch-node::after { top: auto; right: 50%; bottom: -24px; translate: 50% 50%; rotate: 90deg; }
  .pipeline-protocols { grid-template-columns: 1fr 1fr; }
  .pipeline-protocols > span:nth-child(2) { border-right: 0; }
  .pipeline-protocols > span:nth-child(-n + 2) { border-bottom: 1px solid #22345b; }
}

@media (max-width: 620px) {
  .mega-token-stack { display: none; }
  .asset-rail { padding: 16px 0; }
  .asset-rail .container { width: min(100% - 24px, 1240px); border-radius: 14px; padding: 8px; }
  .asset-carousel-track { animation-duration: 26s !important; }
  .capability-grid { grid-template-columns: 1fr; grid-template-areas: "wallet" "api" "send" "swap" "conversion"; }
  .capability-wallets, .capability-api, .capability-card { min-height: 275px; }
  .wallet-visual { margin-top: 18px; padding: 12px; }
  .wallet-asset em { display: none; }
  .wallet-confirmation { grid-template-columns: 26px 1fr; }
  .wallet-confirmation > b { display: none; }
  .orchestration-head { grid-template-columns: 1fr auto; }
  .orchestration-head > small { display: none; }
  .architecture-pipeline { padding: 20px 14px; }
  .pipeline-protocols { grid-template-columns: 1fr; }
  .pipeline-protocols > span { border-right: 0; border-bottom: 1px solid #22345b; }
  .pipeline-protocols > span:last-child { border-bottom: 0; }
}

/* marketing-pages.css */
/* Vexus Crypto public product pages — editorial system shared across all header routes. */
:root {
  --mk-blue: #3155e7;
  --mk-blue-dark: #1e3cad;
  --mk-blue-soft: #edf2ff;
  --mk-navy: #08152f;
  --mk-ink: #0d1729;
  --mk-muted: #61708a;
  --mk-line: #dce4f1;
  --mk-surface: #f5f7fc;
  --mk-success: #15966a;
}

html { scroll-behavior: smooth; }
body.marketing-page { background: #fff; color: var(--mk-ink); }
.marketing-page .container { width: min(1200px, calc(100% - 48px)); }
.marketing-page main { min-height: 70dvh; }

/* Navigation */
.marketing-page .site-header .nav-inner { width: min(1240px, calc(100% - 48px)); }
.marketing-page .mega-menu { overflow: hidden; }
.marketing-page .mega-content { align-items: stretch; }
.marketing-page .mega-grid { align-content: start; }
.mega-network-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(92px, auto); align-content: start; gap: 7px; padding: 0; }
.mega-network { min-height: 92px; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; }
.mega-network .network-logo img { width: 28px; height: 28px; filter: none !important; }
.mega-network-copy { min-width: 0; }
.mega-token-stack { display: flex; flex-direction: row-reverse; padding-left: 8px; }
.mega-token-stack img { width: 25px; height: 25px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 2px 8px rgb(27 47 92 / .12); }
.mega-mini-flow { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 18px; border: 1px solid #dbe4fb; border-radius: 10px; background: rgb(255 255 255 / .7); padding: 9px; color: #4f5e7a; font-size: 9px; font-weight: 800; }
.mega-mini-flow i { color: var(--mk-blue); }
.mega-code-feature code span { color: #7899ff; }
.mega-code-feature small { color: #8797bb; }

/* Hero */
.marketing-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--mk-line); background: #fbfcff; }
.marketing-hero::before { content: ""; position: absolute; inset: 0; z-index: -3; background-image: linear-gradient(rgb(49 85 231 / .055) 1px, transparent 1px), linear-gradient(90deg, rgb(49 85 231 / .055) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, #000 42%, transparent 82%); }
.marketing-hero::after { content: ""; position: absolute; z-index: -2; width: 560px; height: 560px; top: -210px; right: -60px; border-radius: 50%; background: radial-gradient(circle, rgb(72 112 255 / .18), transparent 68%); }
.marketing-hero.has-context-art::before { z-index: -3; background: linear-gradient(90deg, #fbfcff 0%, #fbfcff 34%, rgb(251 252 255 / .96) 43%, rgb(251 252 255 / .7) 60%, rgb(251 252 255 / .14) 88%, transparent 100%), linear-gradient(rgb(49 85 231 / .045) 1px, transparent 1px), linear-gradient(90deg, rgb(49 85 231 / .045) 1px, transparent 1px); background-size: auto, 48px 48px, 48px 48px; mask-image: none; }
.marketing-hero.has-context-art::after { inset: auto 0 0; width: auto; height: 120px; border-radius: 0; background: linear-gradient(180deg, transparent, #fbfcff 96%); }
.marketing-hero-art { position: absolute; inset: 0 0 0 auto; z-index: -4; width: min(74%, 1320px); height: 100%; object-fit: cover; object-position: right center; opacity: .76; filter: saturate(.82) contrast(.98); transform: scale(1.01); pointer-events: none; }
.marketing-hero-layout { position: relative; z-index: 1; min-height: 610px; display: grid; grid-template-columns: minmax(0, .98fr) minmax(410px, .82fr); align-items: center; gap: clamp(54px, 8vw, 112px); padding-block: 82px; }
.marketing-hero-copy { display: grid; justify-items: start; gap: 23px; }
.marketing-kicker { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #d7e1ff; border-radius: 999px; background: #f1f5ff; padding: 7px 11px; color: #2648c6; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketing-kicker i { font-size: 15px; }
.marketing-hero h1 { max-width: 730px; color: var(--mk-ink); font-size: clamp(3.15rem, 6.1vw, 5.75rem); font-weight: 690; line-height: .94; letter-spacing: -.07em; text-wrap: balance; }
.marketing-hero-copy > p:not(.marketing-kicker) { max-width: 650px; color: var(--mk-muted); font-size: 1.08rem; line-height: 1.7; }
.marketing-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.marketing-actions .btn { min-height: 50px; border-radius: 999px; padding-inline: 21px; }
.marketing-proof { display: flex; flex-wrap: wrap; gap: 10px 18px; color: #56657f; font-size: 12px; font-weight: 750; }
.marketing-proof span { display: inline-flex; align-items: center; gap: 7px; }
.marketing-proof i { color: var(--mk-blue); font-size: 16px; }

/* Hero interface illustrations */
.product-console { position: relative; overflow: hidden; border: 1px solid #d4def2; border-radius: 22px; background: rgb(255 255 255 / .9); box-shadow: 0 30px 80px rgb(24 48 105 / .16); backdrop-filter: blur(14px); }
.product-console::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--mk-blue), #8ca8ff, transparent); }
.product-console-head { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e4eaf4; padding: 15px 18px; }
.product-console-title { display: flex; align-items: center; gap: 11px; }
.product-console-title > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--mk-blue-soft); color: var(--mk-blue); font-size: 18px; }
.product-console-title span { display: grid; gap: 2px; }
.product-console-title strong { font-size: 13px; }
.product-console-title small { color: #8290a7; font-size: 10px; }
.console-status { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #cbe9de; border-radius: 999px; background: #edfaf5; padding: 6px 9px; color: #157c58; font-size: 10px; font-weight: 850; }
.console-status i { width: 6px; height: 6px; border-radius: 50%; background: #1ca878; }
.product-console-body { display: grid; gap: 10px; padding: 18px; }
.console-row { min-height: 60px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; border: 1px solid #e1e7f2; border-radius: 12px; background: #fbfcff; padding: 10px 12px; }
.console-row > i, .console-row > img { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #edf2ff; color: var(--mk-blue); object-fit: contain; padding: 6px; }
.console-row span { min-width: 0; display: grid; gap: 3px; }
.console-row strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.console-row small { color: #8290a7; font-size: 9px; }
.console-row em { border: 1px solid #dce4f5; border-radius: 999px; padding: 5px 7px; color: #52617d; font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.console-row.is-primary { border-color: #c8d5fb; background: #f3f6ff; }
.console-row.is-dark { border-color: #203762; background: #0d1b38; }
.console-row.is-dark strong { color: #eef3ff; }
.console-row.is-dark small { color: #8292b3; }
.console-row.is-dark em { border-color: #2b4476; color: #a3b7ee; }
.product-console-foot { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #e4eaf4; background: #f7f9fd; padding: 13px 18px; color: #6c7890; font-size: 9px; font-weight: 700; }
.product-console-foot span { display: inline-flex; align-items: center; gap: 5px; }
.network-console .product-console-body { grid-template-columns: 1fr 1fr; }
.network-console .console-row { grid-template-columns: 38px 1fr; }
.network-console .console-row em { grid-column: 1 / -1; justify-self: start; }

/* Shared sections */
.section-nav { position: relative; z-index: 3; border-bottom: 1px solid var(--mk-line); background: #fff; }
.section-nav-inner { min-height: 74px; display: flex; align-items: center; gap: 9px; overflow-x: auto; scrollbar-width: none; }
.section-nav-inner::-webkit-scrollbar { display: none; }
.section-nav a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #dce3ef; border-radius: 999px; background: #fff; padding: 8px 12px; color: #485875; font-size: 11px; font-weight: 800; }
.section-nav a:hover { border-color: #b9c8f4; background: #f3f6ff; color: var(--mk-blue-dark); }
.section-nav a i { color: var(--mk-blue); }
.marketing-section { padding-block: clamp(82px, 10vw, 130px); }
.marketing-section.is-soft { background: var(--mk-surface); }
.marketing-section.is-dark { background: var(--mk-navy); color: #fff; }
.marketing-heading { display: grid; gap: 17px; max-width: 760px; margin-bottom: 48px; }
.section-label { color: var(--mk-blue); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.marketing-heading h2, .split-copy h2 { color: var(--mk-ink); font-size: clamp(2.35rem, 4.4vw, 4.45rem); line-height: .98; letter-spacing: -.06em; text-wrap: balance; }
.marketing-heading > p:not(.section-label), .split-copy > p { color: var(--mk-muted); font-size: 1rem; line-height: 1.72; }
.is-dark .marketing-heading h2, .is-dark .split-copy h2 { color: #fff; }
.is-dark .marketing-heading > p:not(.section-label), .is-dark .split-copy > p { color: #aab8d2; }
.split-section { display: grid; grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr); align-items: center; gap: clamp(54px, 8vw, 108px); }
.split-section.is-reversed { grid-template-columns: minmax(420px, 1.18fr) minmax(0, .82fr); }
.split-copy { display: grid; justify-items: start; gap: 18px; }
.feature-checks { display: grid; gap: 13px; margin: 7px 0 0; padding: 0; list-style: none; }
.feature-checks li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: #43516b; font-size: 13px; line-height: 1.55; }
.feature-checks i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #eaf0ff; color: var(--mk-blue); font-size: 11px; }
.feature-checks strong { color: var(--mk-ink); }
.is-dark .feature-checks li { color: #aebbd1; }
.is-dark .feature-checks strong { color: #f2f5fc; }

.feature-panel { overflow: hidden; border: 1px solid #dbe3f0; border-radius: 20px; background: #fff; box-shadow: 0 20px 55px rgb(27 50 104 / .08); }
.feature-panel-head { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #e3e9f2; padding: 0 18px; }
.feature-panel-head strong { font-size: 12px; }
.feature-panel-head span { color: #7b89a1; font: 600 9px/1 var(--font-mono); }
.feature-panel-body { display: grid; gap: 10px; padding: 17px; }
.operation-step { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; border: 1px solid #e2e8f2; border-radius: 12px; padding: 12px; }
.operation-step > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: #edf2ff; color: var(--mk-blue); }
.operation-step span { display: grid; gap: 3px; }
.operation-step strong { font-size: 12px; }
.operation-step small { color: #7b89a1; font-size: 9px; }
.operation-step b { color: #59709f; font: 800 9px/1 var(--font-mono); }
.operation-arrow { justify-self: center; color: #8da0c6; }

/* Product page */
.product-chapter { scroll-margin-top: 95px; }
.product-chapter + .product-chapter { border-top: 1px solid var(--mk-line); }
.product-chapter:nth-child(even) { background: var(--mk-surface); }
.product-chapter .split-section { min-height: 560px; padding-block: 82px; }
.product-number { color: #a2aec1; font: 750 11px/1 var(--font-mono); }
.product-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.product-badges span { border: 1px solid #dce4f1; border-radius: 999px; background: #fff; padding: 7px 9px; color: #52617b; font-size: 10px; font-weight: 800; }
.process-visual { position: relative; display: grid; gap: 12px; border: 1px solid #dbe3f0; border-radius: 20px; background: #fff; padding: 20px; box-shadow: 0 20px 55px rgb(27 50 104 / .08); }
.process-visual::before { content: ""; position: absolute; left: 42px; top: 60px; bottom: 60px; width: 1px; background: #cfdbf7; }
.process-item { position: relative; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 13px; min-height: 72px; border: 1px solid #e1e7f1; border-radius: 13px; background: #fff; padding: 12px; }
.process-item > i { position: relative; z-index: 1; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #edf2ff; color: var(--mk-blue); font-size: 18px; }
.process-item span { display: grid; gap: 3px; }
.process-item strong { font-size: 12px; }
.process-item small { color: #7e8ca2; font-size: 9px; line-height: 1.4; }
.process-item b { border: 1px solid #dce4f4; border-radius: 999px; padding: 5px 7px; color: #576987; font: 800 8px/1 var(--font-mono); }
.process-item.is-highlighted { border-color: #b9c9f7; background: #f2f5ff; }

/* Networks */
.network-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.network-summary-card { display: grid; gap: 22px; min-height: 230px; border: 1px solid var(--mk-line); border-radius: 17px; background: #fff; padding: 21px; transition: .2s ease; }
.network-summary-card:hover { border-color: #b7c7f5; box-shadow: 0 16px 42px rgb(27 50 104 / .08); transform: translateY(-2px); }
.network-summary-head { display: flex; justify-content: space-between; gap: 12px; }
.network-summary-head img { width: 42px; height: 42px; object-fit: contain; }
.network-summary-card h3 { font-size: 17px; }
.network-summary-card p { color: var(--mk-muted); font-size: 11px; line-height: 1.55; }
.network-stat { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #e5eaf2; padding-top: 14px; color: #75839a; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.network-stat strong { color: var(--mk-blue); font-size: 12px; }
.network-detail { scroll-margin-top: 90px; border-top: 1px solid var(--mk-line); }
.network-detail:nth-of-type(odd) { background: var(--mk-surface); }
.network-detail-layout { display: grid; grid-template-columns: minmax(0, .7fr) minmax(480px, 1.3fr); gap: clamp(55px, 8vw, 110px); align-items: center; padding-block: 88px; }
.network-identity { display: grid; justify-items: start; gap: 17px; }
.network-identity > img { width: 64px; height: 64px; object-fit: contain; }
.network-identity h2 { font-size: clamp(2.5rem, 4.6vw, 4.6rem); line-height: .95; letter-spacing: -.06em; }
.network-identity p { color: var(--mk-muted); line-height: 1.7; }
.network-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.network-meta span { border: 1px solid #d9e2f2; border-radius: 999px; background: #fff; padding: 7px 9px; color: #52617b; font-size: 10px; font-weight: 800; }
.asset-table { overflow: hidden; border: 1px solid #d8e1ef; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgb(28 51 105 / .07); }
.asset-table-head { display: grid; grid-template-columns: 1.2fr .65fr .65fr; gap: 12px; border-bottom: 1px solid #e0e7f1; background: #f8faff; padding: 12px 17px; color: #78869c; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.asset-row { display: grid; grid-template-columns: 1.2fr .65fr .65fr; align-items: center; gap: 12px; min-height: 64px; border-bottom: 1px solid #e7ebf2; padding: 10px 17px; }
.asset-row:last-child { border-bottom: 0; }
.asset-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.asset-name img, .asset-symbol { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; object-fit: contain; color: #fff; font-size: 12px; font-weight: 900; }
.asset-symbol.usdc { background: #2775ca; }
.asset-symbol.usdt { background: #26a17b; }
.asset-symbol.eth { background: #627eea; }
.asset-symbol.pol { background: #8247e5; }
.asset-name span { min-width: 0; display: grid; gap: 3px; }
.asset-name strong { font-size: 11px; }
.asset-name small { color: #8290a5; font-size: 8px; }
.asset-row > span:not(.asset-name) { color: #5c6b84; font-size: 10px; }
.asset-row .available { display: inline-flex; align-items: center; gap: 6px; color: var(--mk-success); font-weight: 800; }
.asset-row .available::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #1aa777; }

/* Solutions, developers, pricing, company */
.use-case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.use-case-card { min-height: 350px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; border: 1px solid var(--mk-line); border-radius: 19px; background: #fff; padding: 27px; }
.use-case-card:nth-child(1) { background: linear-gradient(145deg, #fff, #edf2ff); }
.use-case-card.is-dark { border-color: #243963; background: var(--mk-navy); color: #fff; }
.use-case-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: #eaf0ff; color: var(--mk-blue); font-size: 21px; }
.use-case-card.is-dark .use-case-icon { background: #172a52; color: #87a3ff; }
.use-case-card h3 { margin-top: auto; font-size: 25px; letter-spacing: -.04em; }
.use-case-card p { margin-top: 10px; color: var(--mk-muted); line-height: 1.65; }
.use-case-card.is-dark p { color: #a6b4cd; }
.use-case-card a { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--mk-blue); font-size: 12px; font-weight: 850; }
.use-case-card.is-dark a { color: #9eb3ff; }
.timeline { display: grid; grid-template-columns: repeat(4, 1fr); counter-reset: steps; }
.timeline article { position: relative; min-height: 230px; border-top: 1px solid #cfd9ea; padding: 36px 28px 0 0; }
.timeline article::before { counter-increment: steps; content: "0" counter(steps); position: absolute; top: -15px; left: 0; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--mk-blue); color: #fff; font: 800 9px/1 var(--font-mono); }
.timeline h3 { font-size: 16px; }
.timeline p { margin-top: 10px; color: var(--mk-muted); font-size: 12px; line-height: 1.65; }
.code-showcase { overflow: hidden; border: 1px solid #253a67; border-radius: 20px; background: #0c1934; box-shadow: 0 28px 75px rgb(0 5 20 / .26); }
.code-showcase-head { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #243861; padding: 0 18px; color: #8191b2; font: 600 10px/1 var(--font-mono); }
.code-showcase-head i { width: 7px; height: 7px; display: inline-block; margin-right: 4px; border-radius: 50%; background: #5875ce; }
.code-showcase pre { margin: 0; overflow-x: auto; padding: 28px; color: #adbded; font: 500 12px/1.8 var(--font-mono); }
.code-showcase .code-blue { color: #789cff; }
.code-showcase .code-green { color: #70d6aa; }
.developer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.developer-card { min-height: 220px; border: 1px solid var(--mk-line); border-radius: 17px; background: #fff; padding: 23px; }
.developer-card > i { color: var(--mk-blue); font-size: 25px; }
.developer-card h3 { margin-top: 45px; font-size: 17px; }
.developer-card p { margin-top: 9px; color: var(--mk-muted); font-size: 12px; line-height: 1.6; }
.commercial-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.commercial-card { min-height: 430px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--mk-line); border-radius: 20px; background: #fff; padding: clamp(26px, 4vw, 48px); }
.commercial-card.is-primary { background: radial-gradient(circle at 90% 10%, rgb(90 124 255 / .24), transparent 35%), var(--mk-navy); color: #fff; }
.commercial-card h2 { margin-top: 22px; font-size: clamp(2rem, 3.7vw, 3.8rem); line-height: .98; letter-spacing: -.055em; }
.commercial-card p { margin-top: 17px; color: var(--mk-muted); line-height: 1.7; }
.commercial-card.is-primary p { color: #aab7cf; }
.commercial-card ul { display: grid; gap: 13px; margin: 28px 0 32px; padding: 0; list-style: none; }
.commercial-card li { display: flex; gap: 9px; color: #52617a; font-size: 12px; }
.commercial-card.is-primary li { color: #c4cee0; }
.commercial-card li i { color: #7293ff; }
.commercial-card .btn { margin-top: auto; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.principle-card { min-height: 260px; border: 1px solid var(--mk-line); border-radius: 18px; background: #fff; padding: 25px; }
.principle-card > span { color: #a2aec0; font: 800 10px/1 var(--font-mono); }
.principle-card h3 { margin-top: 80px; font-size: 20px; }
.principle-card p { margin-top: 10px; color: var(--mk-muted); font-size: 12px; line-height: 1.65; }

/* CTA and footer */
.marketing-cta { padding: 0 0 76px; background: #fff; }
.marketing-cta-panel { min-height: 310px; display: flex; align-items: end; justify-content: space-between; gap: 45px; border-radius: 24px; background: radial-gradient(circle at 86% 18%, rgb(82 119 255 / .3), transparent 30%), var(--mk-navy); padding: clamp(34px, 6vw, 68px); color: #fff; }
.marketing-cta-panel > div:first-child { display: grid; gap: 14px; max-width: 720px; }
.marketing-cta-panel h2 { font-size: clamp(2.15rem, 4.4vw, 4.4rem); line-height: .96; letter-spacing: -.06em; }
.marketing-cta-panel p { color: #aab7cf; }
.marketing-cta-panel .btn { border-radius: 999px; }
.marketing-footer { border-color: #dce3ef; background: #f5f7fb; }
.marketing-footer .footer-status { display: inline-flex; align-items: center; gap: 7px; color: #66758d; font-size: 10px; font-weight: 750; }
.marketing-footer .footer-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--mk-success); }
.marketing-footer .footer-col strong { color: var(--mk-ink); }
.marketing-footer .footer-col a:hover { color: var(--mk-blue); }

@media (max-width: 1100px) {
  .marketing-hero-layout { grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr); gap: 42px; }
  .network-summary-grid { grid-template-columns: 1fr 1fr; }
  .network-detail-layout { grid-template-columns: .8fr 1.2fr; gap: 45px; }
}

@media (max-width: 820px) {
  .marketing-page .container { width: min(100% - 32px, 1200px); }
  .marketing-page .site-header .nav-inner { width: min(100% - 32px, 1240px); }
  .marketing-hero-layout { min-height: auto; grid-template-columns: 1fr; padding-block: 65px; }
  .marketing-hero-art { width: 100%; opacity: .26; object-position: 72% center; }
  .marketing-hero.has-context-art::before { background: linear-gradient(180deg, rgb(251 252 255 / .98) 0%, rgb(251 252 255 / .9) 54%, rgb(251 252 255 / .7) 100%), linear-gradient(rgb(49 85 231 / .04) 1px, transparent 1px), linear-gradient(90deg, rgb(49 85 231 / .04) 1px, transparent 1px); background-size: auto, 48px 48px, 48px 48px; }
  .marketing-hero-copy { max-width: 700px; }
  .product-console { width: min(100%, 620px); }
  .split-section, .split-section.is-reversed, .network-detail-layout { grid-template-columns: 1fr; }
  .split-section.is-reversed > :first-child { order: 2; }
  .product-chapter .split-section { min-height: auto; padding-block: 72px; }
  .network-detail-layout { padding-block: 72px; }
  .use-case-grid, .commercial-grid { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .developer-grid, .principle-grid { grid-template-columns: 1fr 1fr; }
  .marketing-cta-panel { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  .marketing-page .container { width: min(100% - 24px, 1200px); }
  .marketing-page .site-header .nav-inner { width: min(100% - 24px, 1240px); }
  .marketing-hero-layout { padding-block: 48px; gap: 38px; }
  .marketing-hero h1 { font-size: clamp(2.65rem, 14vw, 4.2rem); }
  .marketing-hero-copy > p:not(.marketing-kicker) { font-size: .96rem; }
  .marketing-actions { width: 100%; flex-direction: column; }
  .marketing-actions .btn { justify-content: center; width: 100%; }
  .marketing-proof { display: grid; grid-template-columns: 1fr 1fr; }
  .network-console .product-console-body { grid-template-columns: 1fr; }
  .product-console-foot { flex-direction: column; }
  .section-nav-inner { min-height: 66px; }
  .marketing-section { padding-block: 72px; }
  .network-summary-grid, .developer-grid, .principle-grid { grid-template-columns: 1fr; }
  .asset-table-head { display: none; }
  .asset-row { grid-template-columns: 1fr auto; gap: 8px; }
  .asset-row > span:last-child { grid-column: 1 / -1; padding-left: 42px; }
  .timeline { grid-template-columns: 1fr; row-gap: 34px; }
  .timeline article { min-height: auto; padding-bottom: 12px; }
  .use-case-card { min-height: 300px; }
  .marketing-cta { padding-bottom: 24px; }
  .marketing-cta-panel { border-radius: 18px; padding: 30px 22px; }
  .marketing-cta-panel .marketing-actions { width: 100%; }
  .mega-token-stack { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .network-summary-card { transition: none; }
}