@font-face {
  font-family: Archivo Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(/routexpress/fonts/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)
    format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Archivo Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(/routexpress/fonts/archivo-latin-wdth-normal-DY7AcnAa.woff2)
    format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/routexpress/fonts/inter-latin-ext-wght-normal-DO1Apj_S.woff2)
    format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Urdu Font */
@font-face {
  font-family: "Vazirmatn Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/routexpress/fonts/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2') format('woff2-variations');
  unicode-range: U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/routexpress/fonts/inter-latin-wght-normal-Dx4kXJAl.woff2)
    format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --rx-blue: #0050f0;
  --rx-blue-press: #003bc5;
  --rx-glow: #3d7bff;
  --rx-sky: #6fa0ff;
  --rx-midnight: #020c26;
  --rx-navy: #031641;
  --rx-ink: #0a0c12;
  --rx-green: #529b16;
  --rx-green-lite: #7bd02a;
  --rx-green-text: #3f7a0f;
  --rx-paper: #faf9f7;
  --rx-mist: #eef2fb;
  --rx-line: #dfe4ef;
  --rx-edge: #c5cde0;
  --rx-slate: #5b6478;
  --rx-fog: #b8c4e0;
  --rx-haze: #9aa6c2;
  --font-display:
    "Archivo Variable", "Archivo", "Vazirmatn Variable", "Vazirmatn", system-ui,
    sans-serif;
  --font-body:
    "Inter Variable", "Inter", "Vazirmatn Variable", "Vazirmatn", system-ui,
    sans-serif;
  --container: 1240px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-pad: clamp(72px, 9vw, 128px);
  --nav-h: 72px;
  --r-s: 2px;
  --r-m: 4px;
  --r-l: 6px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dir: 1;
}
html[dir="rtl"] {
  --dir: -1;
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--rx-midnight);
}
::-webkit-scrollbar-corner {
  background: var(--rx-midnight);
}
::-webkit-scrollbar-thumb {
  background: var(--rx-blue);
  border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--rx-glow);
}
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
@supports ((-moz-appearance: none)) {
  html {
    scrollbar-width: thin;
    scrollbar-color: var(--rx-blue) var(--rx-midnight);
  }
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
body {
  color: var(--rx-ink);
  font: 400 1rem/1.6 var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  background: #fff;
  margin: 0;
  overflow-x: clip;
}
img,
svg,
video {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
  color: inherit;
}
input {
  color: var(--rx-ink);
}
button {
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
p,
dl,
dd,
figure,
address {
  margin: 0;
}
address {
  font-style: normal;
}
::selection {
  background: var(--rx-blue);
  color: #fff;
}
:focus-visible {
  outline: 3px solid var(--rx-blue);
  outline-offset: 3px;
  border-radius: 2px;
}
.proof :focus-visible {
  outline-color: var(--rx-sky);
}
.journey :focus-visible {
  outline-color: var(--rx-sky);
}
.coverage :focus-visible {
  outline-color: var(--rx-sky);
}
.footer :focus-visible {
  outline-color: var(--rx-sky);
}
.menu :focus-visible {
  outline-color: var(--rx-sky);
}
.trackband :focus-visible {
  outline-color: var(--rx-sky);
}
.cta :focus-visible {
  outline-color: #fff;
}
.container {
  width: min(100% - var(--gutter) * 2, var(--container));
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.sr-only {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: absolute !important;
}
.skip {
  z-index: 2000;
  border-radius: var(--r-m);
  background: var(--rx-ink);
  color: #fff;
  padding: 12px 18px;
  font-weight: 600;
  position: fixed;
  top: 8px;
  transform: translateY(-200%);
}
.skip:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 8px;
}
.skip:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 8px;
}
.skip:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 8px;
}
.skip:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 8px;
}
.skip:focus {
  transform: none;
}
.sprite {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}
.icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 1.25em;
  height: 1.25em;
}
.mono {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}
.dot {
  background: var(--rx-green);
  vertical-align: baseline;
  border-radius: 50%;
  width: 0.15em;
  height: 0.15em;
  margin-inline-start: 0.05em;
  display: inline-block;
}
.journey .dot,
.proof .dot,
.commit .dot,
.coverage .dot,
.cta .dot,
.footer .dot {
  background: var(--rx-green-lite);
}
.dot-s {
  background: var(--rx-green);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  display: inline-block;
}
.display-xxl,
.display-xl,
.display-lg {
  font-family: var(--font-display);
  text-wrap: balance;
  font-weight: 700;
}
.display-xxl {
  letter-spacing: -0.028em;
  font-size: clamp(2.6rem, min(5.6vw, 10.5vh), 5.4rem);
  line-height: 1.02;
}
.display-xl {
  letter-spacing: -0.022em;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.08;
}
.display-lg {
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 3.2vw, 2.9rem);
  line-height: 1.1;
}
.lead {
  color: var(--rx-slate);
  text-wrap: pretty;
  max-width: 54ch;
  font-size: clamp(1.0625rem, 1.4vw, 1.25rem);
  line-height: 1.6;
}
.eyebrow {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-slate);
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}
.eyebrow__n {
  color: var(--rx-blue);
  align-items: center;
  gap: 12px;
  display: inline-flex;
}
.eyebrow__n:after {
  content: "";
  background: currentColor;
  width: 28px;
  height: 1px;
}
.eyebrow--dark,
.journey .eyebrow,
.coverage .eyebrow {
  color: var(--rx-fog);
}
.journey .eyebrow__n,
.coverage .eyebrow__n {
  color: var(--rx-sky);
}
.line {
  margin-block-start: -0.07em;
  margin-block-end: -0.07em;
  padding-block-start: 0.07em;
  padding-block-end: 0.07em;
  display: block;
  overflow: hidden;
}
.line__in {
  display: inline-block;
}
.js:not(.rm) [data-lines] .line__in {
  transform: translateY(112%);
}
.js:not(.rm) [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
}
@keyframes rx-line {
  0% {
    transform: translateY(112%);
  }
  to {
    transform: none;
  }
}
@keyframes rx-rise {
  0% {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
html.js:not(.rm) .hero [data-lines] .line__in {
  animation: rx-line 1s var(--ease-out) both;
  animation-delay: calc(50ms + var(--i, 0) * 90ms);
}
html.js:not(.rm) .hero__copy > .eyebrow {
  animation: rx-rise 0.8s var(--ease-out) 0s both;
}
html.js:not(.rm) .hero__lead {
  animation: rx-rise 0.7s var(--ease-out) both;
}
html.js:not(.rm) .hero__cta {
  animation: rx-rise 0.8s var(--ease-out) 80ms both;
}
html.js:not(.rm) .hero__track {
  animation: rx-rise 0.8s var(--ease-out) 0.16s both;
}
html.js:not(.rm) .hero__strip {
  animation: rx-rise 0.8s var(--ease-out) 0.3s both;
}
html.js:not(.rm) .ship-card {
  animation: rx-rise 0.8s var(--ease-out) 0.5s both;
}
:lang(ur) {
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html[lang="ur"] {
  font-size: 105%;
}
html[lang="ur"] body {
  line-height: 1.85;
}
html[lang="ur"] .display-xxl {
  font-size: clamp(2.4rem, min(5.4vw, 10vh), 5rem);
  line-height: 1.3;
}
html[lang="ur"] .display-xl {
  font-size: clamp(1.9rem, 3.8vw, 3.4rem);
  line-height: 1.35;
}
html[lang="ur"] .display-lg {
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  line-height: 1.4;
}
html[lang="ur"] .line {
  margin-block-start: -0.14em;
  margin-block-end: -0.14em;
  padding-block-start: 0.14em;
  padding-block-end: 0.14em;
}
html[lang="ur"] .lead {
  line-height: 1.9;
}
html[lang="ur"] .eyebrow {
  margin-bottom: 22px;
  font-size: 0.8rem;
}
.review [data-review] {
  outline-offset: 4px;
  outline: 2px dashed #f5a524;
  position: relative;
}
.review [data-review]:after {
  content: "⚠ confirm";
  z-index: 20;
  color: #000;
  font: 700 10px/1 var(--font-body);
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  background: #f5a524;
  border-radius: 2px;
  padding: 3px 6px;
  position: absolute;
  top: -14px;
}
.review
  [data-review]:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):after {
  left: 8px;
}
.review
  [data-review]:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):after {
  left: 8px;
}
.review
  [data-review]:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):after {
  right: 8px;
}
.review
  [data-review]:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):after {
  right: 8px;
}
@media (prefers-reduced-motion: reduce) {
  *,
  :before,
  :after {
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}
.btn {
  border-radius: var(--r-m);
  height: 48px;
  font: 600 0.9375rem/1 var(--font-body);
  white-space: nowrap;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
  display: inline-flex;
}
.btn--sm {
  height: 40px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  font-size: 0.875rem;
}
.btn--lg {
  height: 54px;
  padding-inline-start: 28px;
  padding-inline-end: 28px;
  font-size: 1rem;
}
.btn__arrow {
  transition: transform 0.3s var(--ease-out);
  place-items: center;
  display: inline-grid;
}
html[dir="rtl"] .btn__arrow,
html[dir="rtl"] .svc__link .btn__arrow,
html[dir="rtl"] .services__hint .btn__arrow {
  transform: scaleX(-1);
}
.btn:hover .btn__arrow {
  transform: translateX(calc(3px * var(--dir)));
}
html[dir="rtl"] .btn:hover .btn__arrow {
  transform: scaleX(-1) translateX(calc(3px * var(--dir) * -1));
}
.btn--primary {
  background: var(--rx-blue);
  color: #fff;
}
.btn--primary:hover {
  background: var(--rx-blue-press);
}
.btn--outline {
  border-color: var(--rx-ink);
  color: var(--rx-ink);
}
.btn--outline:hover {
  background: var(--rx-ink);
  color: #fff;
}
.btn--outline-light {
  color: #fff;
  border-color: #ffffff8c;
}
.btn--outline-light:hover {
  color: var(--rx-ink);
  background: #fff;
}
.btn--white {
  color: var(--rx-blue);
  background: #fff;
}
.btn--white:hover {
  background: var(--rx-mist);
}
.nav {
  z-index: 100;
  height: var(--nav-h);
  border-bottom: 1px solid var(--rx-line);
  transition: transform 0.5s var(--ease-out);
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.nav.is-hidden {
  transform: translateY(-100%);
}
.nav__bar {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 100%;
  display: flex;
}
.nav__logo img {
  width: auto;
  height: 39px;
}
.nav__links {
  gap: clamp(16px, 2.2vw, 32px);
  display: flex;
}
.nav__links a {
  color: var(--rx-slate);
  padding-block-start: 8px;
  padding-block-end: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: color 0.2s;
  position: relative;
}
.nav__links a:after {
  content: "";
  left: 0;
  right: 0;
  background: var(--rx-blue);
  height: 2px;
  transition: transform 0.3s var(--ease-out);
  position: absolute;
  bottom: 0;
  transform: scaleX(0);
}
.nav__links a:hover,
.nav__links a.is-active {
  color: var(--rx-ink);
}
.nav__links a.is-active:after,
.nav__links a:hover:after {
  transform: scaleX(1);
}
.nav__actions {
  align-items: center;
  gap: 12px;
  display: flex;
}
.nav__track {
  color: var(--rx-ink);
  border-bottom: 1px solid #0000;
  padding: 8px 6px;
  font-size: 0.875rem;
  font-weight: 600;
}
.nav__track:hover {
  border-bottom-color: var(--rx-ink);
}
.nav__burger {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.15rem;
  display: none;
}
.nav__burger .i-close,
.nav__burger[aria-expanded="true"] .i-open {
  display: none;
}
.nav__burger[aria-expanded="true"] .i-close {
  display: block;
}
.progress {
  z-index: 120;
  pointer-events: none;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.progress i {
  background: var(--rx-blue);
  transform-origin: 0;
  height: 100%;
  display: block;
  transform: scaleX(0);
}
html[dir="rtl"] .progress i {
  transform-origin: 100%;
}
.lang {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  padding: 2px;
  font-size: 0.8125rem;
  font-weight: 600;
  display: inline-flex;
}
.lang__opt {
  border-radius: var(--r-s);
  min-width: 38px;
  height: 32px;
  color: var(--rx-slate);
  place-items: center;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  transition:
    background-color 0.2s,
    color 0.2s;
  display: grid;
}
.lang__opt.is-on {
  background: var(--rx-ink);
  color: #fff;
}
.lang:hover .lang__opt:not(.is-on) {
  color: var(--rx-ink);
}
.lang--menu {
  border-color: #ffffff4d;
  align-self: flex-start;
}
.lang--menu .lang__opt {
  color: var(--rx-fog);
}
.lang--menu .lang__opt.is-on {
  color: var(--rx-ink);
  background: #fff;
}
.menu {
  z-index: 90;
  padding: 110px var(--gutter) 40px;
  background: var(--rx-navy);
  color: #fff;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}
.menu[hidden] {
  display: none;
}
.menu__links {
  flex-direction: column;
  display: flex;
}
.menu__links a {
  font: 700 clamp(1.5rem, 6vw, 2.2rem) / 1.2 var(--font-display);
  letter-spacing: -0.02em;
  border-bottom: 1px solid #ffffff24;
  padding-block-start: 10px;
  padding-block-end: 10px;
  display: block;
}
.menu__links a:hover {
  color: var(--rx-sky);
}
.menu__actions {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}
.pill {
  border-radius: var(--r-s);
  font: 600 0.75rem/1.2 var(--font-body);
  justify-self: start;
  align-items: center;
  padding: 4px 8px;
  display: inline-flex;
}
.pill--booked {
  background: var(--rx-mist);
  color: var(--rx-slate);
}
.pill--shipped {
  color: var(--rx-blue-press);
  background: #dfe9ff;
}
.pill--dispatched {
  background: var(--rx-blue);
  color: #fff;
}
.pill--delivered {
  color: var(--rx-green-text);
  background: #edf6e3;
}
.status {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rx-green-text);
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.track {
  border: 1px solid var(--rx-edge);
  border-radius: var(--r-m);
  background: #fff;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 520px;
  height: 56px;
  padding: 5px;
  padding-inline-start: 16px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  display: flex;
}
.track__icon {
  color: var(--rx-slate);
  place-items: center;
  display: grid;
}
.track input {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: 100%;
  min-width: 0;
  height: 44px;
  color: var(--rx-ink);
  -webkit-text-fill-color: var(--rx-ink);
  caret-color: var(--rx-blue);
  background: 0 0;
  border: 0;
  outline: 0;
  flex: 1;
  font-weight: 500;
}
.track input::placeholder {
  text-transform: none;
  letter-spacing: 0;
  color: var(--rx-slate);
  -webkit-text-fill-color: var(--rx-slate);
  opacity: 1;
}
html[lang="ur"] .track input:not(:placeholder-shown) {
  text-transform: uppercase !important;
}
.track input:-webkit-autofill {
  -webkit-text-fill-color: var(--rx-ink);
  caret-color: var(--rx-blue);
  box-shadow: inset 0 0 0 1000px #fff;
}
.track input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--rx-ink);
  caret-color: var(--rx-blue);
  box-shadow: inset 0 0 0 1000px #fff;
}
.track:focus-within {
  border-color: var(--rx-blue);
  box-shadow: 0 0 0 3px #0050f02e;
}
.track--dark {
  border-color: #0000;
}
.mapbox {
  --m-dot: #0050f04d;
  --m-outline: var(--rx-navy);
  --m-route: var(--rx-green);
  --m-parcel: var(--rx-navy);
  --m-pin: var(--rx-navy);
  --m-pin-edge: #fff;
  --m-hq: var(--rx-green);
  --m-label-bg: #fff;
  --m-label-fg: var(--rx-ink);
  --m-label-bd: var(--rx-edge);
  aspect-ratio: var(--ar);
  width: 100%;
  position: relative;
}
.mapbox--hero {
  --m-dot: #6fa0ff80;
  --m-outline: var(--rx-sky);
  --m-route: var(--rx-green-lite);
  --m-parcel: #fff;
  --m-pin: #fff;
  --m-pin-edge: var(--rx-navy);
  --m-hq: var(--rx-green-lite);
  --m-label-bg: var(--rx-midnight);
  --m-label-fg: #fff;
  --m-label-bd: #ffffff4d;
}
.map {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.map__dots {
  fill: none;
  stroke: var(--m-dot);
  stroke-width: 3.2px;
  stroke-linecap: round;
}
.map__outline {
  fill: none;
  stroke: var(--m-outline);
  stroke-width: 1.4px;
  stroke-linejoin: round;
  stroke-dasharray: 1;
}
.map__route {
  fill: none;
  stroke: var(--m-route);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-dasharray: 1;
}
.parcel {
  fill: var(--m-parcel);
}
.pins {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.pin {
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  padding: 0;
  display: block;
  position: absolute;
}
.pin__dot {
  background: var(--m-pin);
  border: 2px solid var(--m-pin-edge);
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 1px var(--m-outline);
  transition: transform 0.25s var(--ease-out);
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: -6px;
}
.pin--hq .pin__dot {
  background: var(--m-hq);
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.pin__label {
  border-radius: var(--r-s);
  background: var(--m-label-bg);
  border: 1px solid var(--m-label-bd);
  color: var(--m-label-fg);
  font: 600 0.75rem/1 var(--font-body);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  padding: 6px 9px;
  transition: opacity 0.2s;
  position: absolute;
  top: -12px;
  left: 14px;
}
.pin--l .pin__label {
  left: auto;
  right: 14px;
}
.pin--b .pin__label {
  top: 12px;
  left: 0;
  transform: translate(-50%);
}
.pin--t .pin__label {
  top: -34px;
  left: 0;
  transform: translate(-50%);
}
.pin:not(.pin--quiet) .pin__label,
.pin--hq .pin__label {
  opacity: 1;
}
.mapbox--hero {
  --m-dot: #6fa0ff57;
}
.mapbox--hero .map__route {
  stroke-width: 1.4px;
  stroke-opacity: 0.7;
}
.mapbox--hero .pin__dot {
  border-width: 1.5px;
  width: 10px;
  height: 10px;
  top: -5px;
  left: -5px;
}
.mapbox--hero .pin--hq .pin__dot {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.mapbox--hero .pin__label {
  padding: 4px 7px;
  font-size: 0.75rem;
}
.acc__item {
  border-bottom: 1px solid var(--rx-line);
}
.acc__item:first-child {
  border-top: 1px solid var(--rx-ink);
}
.acc__btn {
  text-align: start;
  width: 100%;
  font: 600 clamp(1rem, 1.5vw, 1.25rem) / 1.35 var(--font-display);
  letter-spacing: -0.01em;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-block-start: clamp(18px, 2.2vw, 26px);
  padding-block-end: clamp(18px, 2.2vw, 26px);
  transition: color 0.2s;
  display: flex;
}
.acc__btn:hover {
  color: var(--rx-blue);
}
.acc__plus {
  border: 1px solid var(--rx-edge);
  border-radius: var(--r-m);
  flex: none;
  width: 32px;
  height: 32px;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
  position: relative;
}
.acc__plus i {
  width: 12px;
  height: 2px;
  transition: transform 0.3s var(--ease-out);
  background: currentColor;
  margin: -1px 0 0 -6px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.acc__plus i + i {
  transform: rotate(90deg);
}
.acc__btn[aria-expanded="true"] .acc__plus {
  background: var(--rx-blue);
  border-color: var(--rx-blue);
  color: #fff;
}
.acc__btn[aria-expanded="true"] .acc__plus i + i {
  transform: rotate(0);
}
.acc__panel {
  visibility: hidden;
  transition:
    grid-template-rows 0.5s var(--ease-out),
    visibility 0s 0.5s;
  grid-template-rows: 0fr;
  display: grid;
}
.acc__item.is-open .acc__panel {
  visibility: visible;
  transition:
    grid-template-rows 0.5s var(--ease-out),
    visibility 0s;
  grid-template-rows: 1fr;
}
.acc__inner {
  overflow: hidden;
}
.acc__inner p {
  max-width: 62ch;
  color: var(--rx-slate);
  padding-bottom: clamp(18px, 2.2vw, 26px);
}
.no-js .acc__panel {
  visibility: visible;
  grid-template-rows: 1fr;
}
.section {
  padding-block: var(--section-pad);
  position: relative;
}
.hero {
  background: var(--rx-navy);
  color: #fff;
  flex-direction: column;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow: clip;
}
.hero__slides {
  z-index: 0;
  background: var(--rx-navy);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slide {
  opacity: 0;
  transition: opacity 1.4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slide.is-active {
  opacity: 1;
}
.slide img {
  object-fit: cover;
  object-position: var(--pos, 50% 50%);
  width: 100%;
  height: 100%;
  display: block;
}
.slide.is-active img {
  animation: 9s ease-out both rx-settle;
}
@keyframes rx-settle {
  0% {
    transform: scale(1.06);
  }
  to {
    transform: scale(1);
  }
}
.hero__veil {
  background: #031641c7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hero__inner,
.hero__strip {
  z-index: 2;
  position: relative;
}
.hero__inner {
  padding-block: calc(var(--nav-h) + clamp(28px, 6vh, 72px))
    clamp(28px, 5vh, 56px);
  flex: 1;
  align-items: center;
  display: flex;
}
.hero__copy {
  z-index: 3;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, 2.6vh, 28px);
  max-width: min(100%, 690px);
  display: flex;
  position: relative;
}
.hero__copy .eyebrow {
  color: var(--rx-fog);
  margin-bottom: 0 !important;
}
.hero__title {
  color: #fff;
  margin-block-start: 2px;
  margin-block-end: 2px;
}
.hero__lead {
  color: #dbe5ff;
  max-width: 46ch;
}
.hero__cta {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}
.hero__track {
  width: min(100%, 520px);
}
.hero__map {
  z-index: 1;
  pointer-events: none;
  align-items: center;
  width: min(48vw, 700px);
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}
.hero__map:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: calc(var(--gutter) * -0.5);
}
.hero__map:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: calc(var(--gutter) * -0.5);
}
.hero__map:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: calc(var(--gutter) * -0.5);
}
.hero__map:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: calc(var(--gutter) * -0.5);
}
.hero__strip {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #dbe5ff;
  border-top: 1px solid #ffffff3d;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-block-start: 4px;
  padding-block-end: 4px;
  display: flex;
}
.hero__strip-link {
  color: #fff;
  border-bottom: 1px solid #0000;
  align-items: center;
  gap: 8px;
  padding-block-start: 14px;
  padding-block-end: 14px;
  display: inline-flex;
}
.hero__strip-link:hover {
  border-bottom-color: #fff;
}
.hero__strip-link .icon {
  width: 14px;
  height: 14px;
}
.slider-ctl {
  align-items: center;
  gap: 18px;
  display: flex;
}
.sdots {
  gap: 6px;
  display: flex;
}
.sdot {
  color: #dbe5ff;
  min-height: 44px;
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.08em;
  align-items: center;
  gap: 8px;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  transition: color 0.2s;
  display: flex;
}
.sdot:hover,
.sdot.is-active {
  color: #fff;
}
.sdot__bar {
  background: #ffffff4d;
  width: clamp(24px, 3vw, 40px);
  height: 2px;
  display: block;
  position: relative;
  overflow: hidden;
}
.sdot__bar i {
  transform-origin: 0;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}
html[dir="rtl"] .sdot__bar i {
  transform-origin: 100%;
}
.sdot.is-active .sdot__bar i {
  animation: rx-fill var(--dur, 6.5s) linear forwards;
}
.slider-ctl.is-paused .sdot.is-active .sdot__bar i,
.slider-ctl.is-away .sdot.is-active .sdot__bar i {
  animation-play-state: paused;
}
@keyframes rx-fill {
  to {
    transform: scaleX(1);
  }
}
.spause {
  border-radius: var(--r-m);
  color: #fff;
  border: 1px solid #ffffff73;
  place-items: center;
  width: 36px;
  height: 36px;
  transition:
    background-color 0.2s,
    color 0.2s;
  display: grid;
}
.spause:hover {
  color: var(--rx-navy);
  background: #fff;
}
.spause .i-play,
.spause[aria-pressed="true"] .i-pause {
  display: none;
}
.spause[aria-pressed="true"] .i-play {
  display: block;
}
.no-js .slider-ctl {
  display: none;
}
.rm .slide.is-active img {
  animation: none;
}
.rm .sdot.is-active .sdot__bar i {
  animation: none;
  transform: scaleX(1);
}
.rm .spause {
  display: none;
}
.ship-card {
  z-index: 4;
  --card-w: min(290px, calc(min(48vw, 700px) * 0.42));
  width: var(--card-w);
  color: var(--rx-ink);
  border: 1px solid var(--rx-edge);
  border-radius: var(--r-m);
  background: #fff;
  padding: 18px;
  position: absolute;
  bottom: clamp(20px, 5vh, 56px);
}
.ship-card:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: 0;
}
.ship-card:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: 0;
}
.ship-card:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: 0;
}
.ship-card:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: 0;
}
@media (min-width: 1061px) {
  html[dir="rtl"] .ship-card {
    left: calc(min(48vw, 700px) - var(--gutter) * 0.5 - var(--card-w));
  }
  html[dir="rtl"]
    .ship-card:not(
      :-webkit-any(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      )
    ) {
    right: auto;
  }
  html[dir="rtl"]
    .ship-card:not(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      )
    ) {
    right: auto;
  }
  html[dir="rtl"]
    .ship-card:-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ) {
    left: auto;
  }
  html[dir="rtl"]
    .ship-card:is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ) {
    left: auto;
  }
}
@media (min-width: 861px) and (max-width: 1060px) {
  .ship-card {
    --card-w: min(290px, calc(min(60vw, 680px) * 0.42));
  }
  html[dir="rtl"] .ship-card {
    left: calc(min(60vw, 680px) - var(--gutter) * 0.5 - var(--card-w));
  }
  html[dir="rtl"]
    .ship-card:not(
      :-webkit-any(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      )
    ) {
    right: auto;
  }
  html[dir="rtl"]
    .ship-card:not(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      )
    ) {
    right: auto;
  }
  html[dir="rtl"]
    .ship-card:-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ) {
    left: auto;
  }
  html[dir="rtl"]
    .ship-card:is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ) {
    left: auto;
  }
}
.ship-card__top {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}
.ship-card__id {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.08em;
  color: var(--rx-slate);
  font-variant-numeric: tabular-nums;
}
.ship-card__route {
  font: 700 1rem/1 var(--font-display);
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}
.ship-card__line {
  background: var(--rx-line);
  flex: 1;
  height: 2px;
  position: relative;
  overflow: hidden;
}
.ship-card__line i {
  background: var(--rx-blue);
  transform-origin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(0.66);
}
html[dir="rtl"] .ship-card__line i {
  transform-origin: 100%;
}
.ship-card__steps {
  font: 600 0.6875rem/1.3 var(--font-body);
  color: var(--rx-slate);
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 14px;
  display: grid;
}
.ship-card__steps li {
  gap: 6px;
  display: grid;
}
.ship-card__steps i {
  background: var(--rx-line);
  width: 8px;
  height: 8px;
  display: block;
}
.ship-card__steps .is-done {
  color: var(--rx-ink);
}
.ship-card__steps .is-done i {
  background: var(--rx-blue);
}
.ship-card__sample {
  font: 500 0.6875rem/1 var(--font-body);
  color: var(--rx-slate);
  margin-top: 12px;
}
.quick {
  background: var(--rx-paper);
  border-bottom: 1px solid var(--rx-line);
}
.quick__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}
.qlink {
  border-inline-start: 1px solid var(--rx-line);
  align-items: center;
  gap: 20px;
  padding: clamp(30px, 3.4vw, 46px) clamp(20px, 2.8vw, 44px);
  transition: background-color 0.25s;
  display: flex;
  position: relative;
}
.qlink:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}
.qlink:last-child {
  padding-inline-end: 0;
}
.qlink:hover {
  background: #fff;
}
.qlink__icon {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  width: 52px;
  height: 52px;
  color: var(--rx-blue);
  background: #fff;
  flex: none;
  place-items: center;
  font-size: 1.35rem;
  transition:
    background-color 0.25s,
    color 0.25s,
    border-color 0.25s;
  display: grid;
}
.qlink:hover .qlink__icon {
  background: var(--rx-blue);
  border-color: var(--rx-blue);
  color: #fff;
}
.qlink__body {
  min-width: 0;
}
.qlink__title {
  font: 700 clamp(1.1rem, 1.5vw, 1.3rem) / 1.2 var(--font-display);
  letter-spacing: -0.015em;
  display: block;
}
html[lang="ur"] .qlink__title {
  line-height: 1.5;
}
.qlink__text {
  color: var(--rx-slate);
  margin-top: 4px;
  font-size: 0.9375rem;
  display: block;
}
.qlink__arrow {
  color: var(--rx-blue);
  opacity: 0;
  transform: translateX(calc(-8px * var(--dir)));
  transition:
    opacity 0.25s,
    transform 0.3s var(--ease-out);
  margin-top: -10px;
  display: grid;
  position: absolute;
  top: 50%;
}
.qlink__arrow:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: clamp(16px, 2vw, 28px);
}
.qlink__arrow:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: clamp(16px, 2vw, 28px);
}
.qlink__arrow:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: clamp(16px, 2vw, 28px);
}
.qlink__arrow:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: clamp(16px, 2vw, 28px);
}
html[dir="rtl"] .qlink__arrow {
  transform: scaleX(-1) translateX(calc(-8px * var(--dir) * -1));
}
.qlink:hover .qlink__arrow {
  opacity: 1;
  transform: none;
}
html[dir="rtl"] .qlink:hover .qlink__arrow {
  transform: scaleX(-1);
}
@media (hover: none) {
  .qlink__arrow {
    opacity: 1;
    transform: none;
  }
  html[dir="rtl"] .qlink__arrow {
    transform: scaleX(-1);
  }
}
.proof {
  background: var(--rx-navy);
  color: #fff;
  padding-block-start: clamp(64px, 8vw, 112px);
  padding-block-end: clamp(64px, 8vw, 112px);
}
.proof__head {
  grid-template-columns: 1fr minmax(0, 430px);
  align-items: end;
  gap: clamp(20px, 4vw, 64px);
  margin-bottom: clamp(32px, 4vw, 52px);
  display: grid;
}
.proof__text {
  color: var(--rx-fog);
  font-size: clamp(1rem, 1.25vw, 1.125rem);
}
.proof__head .eyebrow {
  color: var(--rx-fog);
}
.stats {
  border-top: 2px solid #fff;
  border-inline-start: 1px solid #ffffff2e;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.stat {
  border-inline-end: 1px solid #ffffff2e;
  border-bottom: 1px solid #ffffff2e;
  flex-direction: column;
  gap: 14px;
  min-height: 330px;
  padding: 26px clamp(18px, 1.8vw, 28px) 28px;
  transition: background-color 0.25s;
  display: flex;
}
.stat:hover {
  background: #ffffff0b;
}
.stat__top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}
.stat__icon {
  border-radius: var(--r-m);
  width: 42px;
  height: 42px;
  color: var(--rx-sky);
  border: 1px solid #ffffff4d;
  place-items: center;
  font-size: 1.2rem;
  display: grid;
}
.stat__idx {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  color: var(--rx-haze);
}
.stat__num {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.15em 0.5em;
  display: flex;
}
.stat__v {
  font: 700 clamp(3rem, 4.8vw, 4.6rem) / 0.95 var(--font-display);
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
}
.stat__v small {
  color: var(--rx-sky);
  margin-inline-end: 0.12em;
  font-size: 0.5em;
}
.stat__unit {
  font: 600 clamp(0.9rem, 1.2vw, 1.05rem) / 1 var(--font-body);
  color: var(--rx-sky);
}
.stat__label {
  max-width: 26ch;
  color: var(--rx-fog);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.viz {
  min-height: 84px;
  color: var(--rx-fog);
  border-top: 1px dashed #ffffff3d;
  margin-top: auto;
  padding-top: 18px;
}
.viz__bars {
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  display: grid;
}
.viz__bars i {
  background: #fff3;
  height: 6px;
  display: block;
  position: relative;
  overflow: hidden;
}
.viz__bars i:after {
  content: "";
  background: var(--rx-sky);
  transform-origin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
html[dir="rtl"] .viz__bars i:after {
  transform-origin: 100%;
}
.viz__note {
  font: 600 0.75rem/1.2 var(--font-body);
  letter-spacing: 0.06em;
  margin-top: 10px;
  display: block;
}
.viz--status {
  font: 600 0.6875rem/1.25 var(--font-body);
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}
.viz--status li {
  color: #fff;
  gap: 8px;
  display: grid;
}
.viz--status i {
  background: var(--rx-sky);
  height: 6px;
  display: block;
}
.viz--status li:last-child i {
  background: var(--rx-green-lite);
}
.viz--icons {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.viz--icons li {
  border-radius: var(--r-m);
  color: #fff;
  border: 1px solid #ffffff4d;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 1.05rem;
  display: grid;
}
.viz--chips {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}
.viz--chips li {
  border-radius: var(--r-s);
  color: #fff;
  font: 600 0.75rem/1 var(--font-body);
  border: 1px solid #ffffff4d;
  padding: 7px 10px;
}
.js:not(.rm) .viz__bars i:after,
.js:not(.rm) .viz--status i {
  transform-origin: 0;
  transition: transform 0.6s var(--ease-out);
  transform: scaleX(0);
}
html[dir="rtl"].js:not(.rm) .viz__bars i:after,
html[dir="rtl"].js:not(.rm) .viz--status i {
  transform-origin: 100%;
}
.js:not(.rm) .stat.is-in .viz__bars i:after,
.js:not(.rm) .stat.is-in .viz--status i {
  transform: none;
}
.js:not(.rm) .stat.is-in .viz--status li:nth-child(2) i {
  transition-delay: 0.15s;
}
.js:not(.rm) .stat.is-in :is(.viz__bars i, .viz--status li):nth-child(2):after {
  transition-delay: 0.15s;
}
.js:not(.rm) .stat.is-in .viz__bars i:nth-child(2):after {
  transition-delay: 0.15s;
}
.js:not(.rm) .stat.is-in .viz__bars i:nth-child(3):after,
.js:not(.rm) .stat.is-in .viz--status li:nth-child(3) i {
  transition-delay: 0.3s;
}
.js:not(.rm) .stat.is-in .viz__bars i:nth-child(4):after,
.js:not(.rm) .stat.is-in .viz--status li:nth-child(4) i {
  transition-delay: 0.45s;
}
.audience {
  background: var(--rx-mist);
}
.audience__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: clamp(28px, 5vw, 88px);
  display: grid;
}
.audience__side .lead {
  margin-top: 20px;
}
.atabs {
  border-top: 2px solid var(--rx-ink);
  margin-top: clamp(24px, 3.4vw, 40px);
}
.atab {
  text-align: start;
  border-bottom: 1px solid var(--rx-edge);
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  padding: 20px 16px;
  transition: background-color 0.2s;
  display: grid;
  position: relative;
}
.atab:before {
  content: "";
  background: var(--rx-blue);
  width: 3px;
  transition: transform 0.3s var(--ease-out);
  position: absolute;
  top: 0;
  bottom: 0;
  transform: scaleY(0);
}
.atab:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):before {
  left: 0;
}
.atab:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):before {
  left: 0;
}
.atab:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):before {
  right: 0;
}
.atab:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):before {
  right: 0;
}
.atab:hover {
  background: #fff9;
}
.atab.is-active {
  background: #fff;
}
.atab.is-active:before {
  transform: scaleY(1);
}
.atab__n {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  color: var(--rx-slate);
}
.atab.is-active .atab__n {
  color: var(--rx-blue);
}
.atab__label {
  font: 700 clamp(1.1rem, 1.5vw, 1.3rem) / 1.2 var(--font-display);
  letter-spacing: -0.015em;
}
html[lang="ur"] .atab__label {
  line-height: 1.5;
}
.atab__arrow {
  color: var(--rx-blue);
  opacity: 0;
  transform: translateX(calc(-6px * var(--dir)));
  transition:
    opacity 0.25s,
    transform 0.3s var(--ease-out);
  display: grid;
}
html[dir="rtl"] .atab__arrow {
  transform: scaleX(-1) translateX(calc(-6px * var(--dir) * -1));
}
.atab.is-active .atab__arrow {
  opacity: 1;
  transform: none;
}
html[dir="rtl"] .atab.is-active .atab__arrow {
  transform: scaleX(-1);
}
.astage,
.apanel {
  position: relative;
}
.apanel[hidden] {
  display: none;
}
.apanel__photo {
  aspect-ratio: 4/3;
  border: 1px solid var(--rx-edge);
  border-radius: var(--r-m);
  background: var(--rx-navy);
  overflow: hidden;
}
.apanel__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
html.js:not(.rm) .apanel:not([hidden]) .apanel__photo img {
  animation: 7s ease-out both rx-settle;
}
html.js:not(.rm) .apanel:not([hidden]) .apanel__card {
  animation: rx-rise 0.6s var(--ease-out) 0.1s both;
}
.apanel__card {
  width: min(350px, 100% - 2 * clamp(14px, 2.6vw, 30px));
  color: var(--rx-ink);
  border: 1px solid var(--rx-edge);
  border-top: 2px solid var(--rx-ink);
  border-radius: var(--r-m);
  background: #fff;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: clamp(18px, 2vw, 26px);
  display: flex;
  position: absolute;
  bottom: clamp(14px, 2.6vw, 30px);
}
.apanel__card:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: clamp(14px, 2.6vw, 30px);
}
.apanel__card:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: clamp(14px, 2.6vw, 30px);
}
.apanel__card:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: clamp(14px, 2.6vw, 30px);
}
.apanel__card:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: clamp(14px, 2.6vw, 30px);
}
.apanel__kicker {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rx-blue);
  align-items: center;
  gap: 10px;
  display: flex;
}
.apanel__icon {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-s);
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 0.95rem;
  display: grid;
}
.apanel__title {
  font: 700 clamp(1.15rem, 1.6vw, 1.4rem) / 1.2 var(--font-display);
  letter-spacing: -0.015em;
}
html[lang="ur"] .apanel__title {
  line-height: 1.55;
}
.apanel__text {
  color: var(--rx-slate);
  font-size: 0.9375rem;
}
.apanel__tags {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.apanel__tags li {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-s);
  font: 600 0.75rem/1.2 var(--font-body);
  color: var(--rx-slate);
  padding: 5px 9px;
}
.apanel__card .btn {
  margin-top: 4px;
}
.no-js .atabs {
  display: none;
}
.no-js .apanel[hidden] {
  display: block;
}
.no-js .apanel + .apanel {
  margin-top: 24px;
}
.services {
  height: var(--svc-h, auto);
  background: #fff;
  padding-block-start: 0;
  padding-block-end: 0;
}
.services__sticky {
  min-height: 100svh;
  padding-block: calc(var(--nav-h) + 28px) 40px;
  flex-direction: column;
  justify-content: center;
  gap: clamp(28px, 5vh, 52px);
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.services__head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  display: flex;
}
.services__hint {
  color: var(--rx-slate);
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.services__track {
  width: max-content;
  padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2));
  will-change: transform;
  gap: clamp(14px, 1.6vw, 22px);
  display: flex;
}
.svc {
  border: 1px solid var(--rx-line);
  border-top: 3px solid var(--rx-ink);
  border-radius: var(--r-m);
  background: #fff;
  flex-direction: column;
  flex: 0 0 clamp(280px, 25vw, 350px);
  padding: 0 24px 22px;
  transition: border-color 0.2s;
  display: flex;
  overflow: hidden;
}
.svc:hover {
  border-color: var(--rx-blue);
  border-top-color: var(--rx-blue);
}
.svc__photo {
  aspect-ratio: 7/3;
  background: var(--rx-mist);
  border-bottom: 1px solid var(--rx-line);
  margin-inline-start: -24px;
  margin-inline-end: -24px;
  overflow: hidden;
}
.svc__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.svc__top {
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  display: flex;
}
.svc__n {
  font: 600 0.8125rem/1 var(--font-body);
  letter-spacing: 0.14em;
  color: var(--rx-blue);
}
.svc__icon {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  width: 36px;
  height: 36px;
  color: var(--rx-blue);
  place-items: center;
  font-size: 1.1rem;
  display: grid;
}
.svc__title {
  font: 700 clamp(1.25rem, 1.7vw, 1.45rem) / 1.15 var(--font-display);
  letter-spacing: -0.015em;
  margin-top: 14px;
}
html[lang="ur"] .svc__title {
  line-height: 1.5;
}
.svc__text {
  max-width: 34ch;
  color: var(--rx-slate);
  margin-top: 8px;
  font-size: 0.9375rem;
}
.svc__tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-block-start: 14px;
  margin-block-end: 18px;
  display: flex;
}
.svc__tags li {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-s);
  font: 600 0.75rem/1.2 var(--font-body);
  color: var(--rx-slate);
  padding: 5px 9px;
}
.svc__link {
  border-top: 1px solid var(--rx-line);
  color: var(--rx-blue);
  align-items: center;
  gap: 0.5em;
  margin-top: auto;
  padding-top: 16px;
  font-size: 0.9375rem;
  font-weight: 600;
  display: inline-flex;
}
.svc__link:hover .btn__arrow {
  transform: translateX(calc(4px * var(--dir)));
}
html[dir="rtl"] .svc__link:hover .btn__arrow {
  transform: scaleX(-1) translateX(calc(4px * var(--dir) * -1));
}
.journey {
  background: var(--rx-navy);
  color: #fff;
  height: var(--journey-h, 440svh);
  position: relative;
}
.journey__sticky {
  height: 100svh;
  padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2));
  padding-block: calc(var(--nav-h) + 16px) 32px;
  isolation: isolate;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  align-items: center;
  gap: clamp(24px, 4vw, 80px);
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.journey__left,
.journey__right {
  z-index: 1;
  position: relative;
}
.journey__bg {
  z-index: 0;
  background: var(--rx-navy);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.jbg {
  opacity: 0;
  transition: opacity 1.1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.jbg.is-active {
  opacity: 1;
}
.jbg img {
  object-fit: cover;
  object-position: var(--pos, 50% 50%);
  width: 100%;
  height: 100%;
  display: block;
}
.journey__veil {
  background: #031641d6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.journey__left {
  flex-direction: column;
  gap: clamp(18px, 3.4vh, 34px);
  min-height: 0;
  display: flex;
}
.journey__head .eyebrow {
  margin-bottom: 16px;
}
.jcard {
  border-radius: var(--r-m);
  background: #020c26bd;
  border: 1px solid #ffffff38;
  border-top: 2px solid #fff;
  padding: clamp(18px, 2.2vw, 28px);
}
.journey__chips {
  border-bottom: 1px solid #ffffff2e;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: clamp(16px, 2.4vh, 22px);
  padding-bottom: clamp(16px, 2.4vh, 22px);
  display: grid;
}
.jchip {
  color: var(--rx-haze);
  font: 600 0.75rem/1.2 var(--font-body);
  gap: 9px;
  transition: color 0.3s;
  display: grid;
}
.jchip i {
  background: #ffffff47;
  height: 3px;
  transition: background-color 0.3s;
  display: block;
}
.jchip.is-done {
  color: #fff;
}
.jchip.is-done i {
  background: var(--rx-sky);
}
.jchip.is-active {
  color: #fff;
}
.jchip.is-active i {
  background: #fff;
}
.jchip:last-child.is-active i,
.jchip:last-child.is-done i {
  background: var(--rx-green-lite);
}
.journey__captions {
  min-height: clamp(236px, 29vh, 290px);
  display: grid;
  position: relative;
}
.cap {
  opacity: 0;
  visibility: hidden;
  grid-area: 1/1;
  min-width: 0;
  position: relative;
  transform: translateY(24px);
}
.cap.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.cap__ghost {
  font: 700 clamp(3.6rem, 6vw, 5.4rem) / 1 var(--font-display);
  letter-spacing: -0.04em;
  color: #ffffff1a;
  pointer-events: none;
  position: absolute;
  top: -6px;
}
.cap__ghost:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: 0;
}
.cap__ghost:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  right: 0;
}
.cap__ghost:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: 0;
}
.cap__ghost:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  left: 0;
}
.cap__ghost:before {
  content: attr(data-n);
}
.cap__step {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-sky);
}
.cap__step b {
  font-weight: 700;
}
.cap__title {
  font: 700 clamp(1.8rem, 3vw, 2.6rem) / 1.05 var(--font-display);
  letter-spacing: -0.025em;
  margin-top: 12px;
}
html[lang="ur"] .cap__title {
  line-height: 1.4;
}
.cap__text {
  max-width: 44ch;
  color: var(--rx-fog);
  margin-top: 10px;
  font-size: clamp(0.9375rem, 1.15vw, 1.0625rem);
}
.cap__points {
  border-top: 1px solid #ffffff29;
  gap: 9px;
  margin-top: 16px;
  padding-top: 16px;
  display: grid;
}
.cap__points li {
  color: #fff;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.4;
  display: flex;
}
.cap__tick {
  border: 1px solid var(--rx-sky);
  border-radius: var(--r-s);
  width: 20px;
  height: 20px;
  color: var(--rx-sky);
  flex: none;
  place-items: center;
  margin-top: 1px;
  display: grid;
}
.cap__tick .icon {
  stroke-width: 3px;
  width: 12px;
  height: 12px;
}
.cap[data-cap="3"] .cap__tick {
  border-color: var(--rx-green-lite);
  color: var(--rx-green-lite);
}
.journey__right {
  place-items: center;
  min-height: 0;
  display: grid;
  position: relative;
}
.routebox {
  width: min(100%, 93.75svh - 178.125px);
  aspect-ratio: var(--ar);
  position: relative;
}
.routebox:before,
.routebox:after {
  content: "";
  pointer-events: none;
  border: 2px solid #ffffff61;
  width: 28px;
  height: 28px;
  position: absolute;
}
.routebox:before {
  border-block-end: 0;
  border-inline-end: 0;
  top: -22px;
}
.routebox:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):before {
  left: -22px;
}
.routebox:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):before {
  left: -22px;
}
.routebox:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):before {
  right: -22px;
}
.routebox:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):before {
  right: -22px;
}
.routebox:after {
  border-block-start: 0;
  border-inline-start: 0;
  bottom: -22px;
}
.routebox:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):after {
  right: -22px;
}
.routebox:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ):after {
  right: -22px;
}
.routebox:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):after {
  left: -22px;
}
.routebox:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ):after {
  left: -22px;
}
.route {
  fill: none;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.route__ghost {
  stroke: #ffffff4d;
  stroke-width: 2px;
  stroke-dasharray: 2 10;
  stroke-linecap: round;
}
.route__line {
  stroke: var(--rx-sky);
  stroke-width: 3.5px;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
}
.rnode__ring {
  fill: var(--rx-navy);
  stroke: #fff6;
  stroke-width: 2px;
  transition: stroke 0.3s;
}
.rnode__core {
  fill: #fff6;
  transition: fill 0.3s;
}
.rnode.is-on .rnode__ring {
  stroke: var(--rx-sky);
}
.rnode.is-on .rnode__core {
  fill: var(--rx-sky);
}
.rnode--end.is-on .rnode__ring {
  stroke: var(--rx-green-lite);
}
.rnode--end.is-on .rnode__core {
  fill: var(--rx-green-lite);
}
.rlabels {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.rlabel {
  left: var(--x);
  top: var(--y);
  border-radius: var(--r-s);
  background: var(--rx-midnight);
  font: 600 0.75rem/1 var(--font-body);
  white-space: nowrap;
  color: var(--rx-haze);
  border: 1px solid #ffffff47;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  transition:
    color 0.3s,
    border-color 0.3s;
  display: inline-flex;
  position: absolute;
  transform: translate(-50%, 24px);
}
.rlabel b {
  color: var(--rx-sky);
  font-weight: 700;
}
.rlabel.is-on {
  color: #fff;
  border-color: var(--rx-sky);
}
.rlabel:last-child.is-on {
  border-color: var(--rx-green-lite);
}
.rlabel:last-child.is-on b {
  color: var(--rx-green-lite);
}
.marker {
  will-change: transform;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.marker__box {
  border-radius: var(--r-m);
  background: var(--rx-blue);
  color: #fff;
  border: 2px solid #fff;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  transition:
    background-color 0.3s,
    color 0.3s;
  display: grid;
  position: absolute;
  top: -20px;
  left: -20px;
}
.marker.is-done .marker__box {
  background: var(--rx-green-lite);
  color: var(--rx-navy);
}
.portal {
  background: var(--rx-mist);
}
.portal__grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: clamp(32px, 5vw, 88px);
  display: grid;
}
.portal__copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  display: flex;
}
.portal__copy .eyebrow {
  margin-bottom: 0;
}
.features {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 24px;
  width: 100%;
  margin-block-start: 4px;
  margin-block-end: 4px;
  display: grid;
}
.features li {
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  display: flex;
}
.features__tick {
  border-radius: var(--r-s);
  background: var(--rx-blue);
  color: #fff;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}
.features__tick .icon {
  stroke-width: 3px;
  width: 12px;
  height: 12px;
}
.portal__cta {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
  display: flex;
}
.portal__stage {
  margin: 0;
  position: relative;
}
.portal__note {
  text-align: center;
  color: var(--rx-slate);
  margin-top: 14px;
  font-size: 0.75rem;
}
.mock {
  border: 1px solid var(--rx-edge);
  border-radius: var(--r-l);
  background: #fff;
  overflow: hidden;
}
.mock__bar {
  background: var(--rx-mist);
  border-bottom: 1px solid var(--rx-line);
  align-items: center;
  gap: 16px;
  height: 40px;
  padding-inline-start: 14px;
  padding-inline-end: 14px;
  display: flex;
}
.mock__dots {
  gap: 6px;
  display: flex;
}
.mock__dots i {
  background: var(--rx-edge);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.mock__url {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-s);
  color: var(--rx-slate);
  font: 500 0.75rem/1 var(--font-body);
  background: #fff;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 5px 12px;
  display: inline-flex;
}
.mock__url .icon {
  width: 11px;
  height: 11px;
}
.mock__body {
  grid-template-columns: 58px minmax(0, 1fr);
  min-height: 350px;
  display: grid;
}
.mock__side {
  border-inline-end: 1px solid var(--rx-line);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-block-start: 16px;
  padding-block-end: 16px;
  display: flex;
}
.mock__nav {
  border-radius: var(--r-m);
  width: 36px;
  height: 36px;
  color: var(--rx-slate);
  place-items: center;
  display: grid;
}
.mock__nav.is-on {
  color: var(--rx-blue);
  background: #dfe9ff;
}
.mock__main {
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  display: flex;
}
.mock__title {
  font: 700 1rem/1.2 var(--font-display);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.mock__search {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  width: 32px;
  height: 32px;
  color: var(--rx-slate);
  place-items: center;
  display: grid;
}
.mock__kpis {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}
.mock__kpi {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}
.mock__kpi small {
  color: var(--rx-slate);
  font-size: 0.75rem;
  line-height: 1.2;
}
.mock__kpi b {
  font: 700 1.4rem/1 var(--font-display);
  letter-spacing: -0.03em;
}
.mock__table {
  flex-direction: column;
  display: flex;
}
.mock__row {
  border-bottom: 1px solid var(--rx-line);
  grid-template-columns: 1.1fr 1fr 1fr;
  align-items: center;
  gap: 8px;
  padding-block-start: 10px;
  padding-block-end: 10px;
  font-size: 0.8125rem;
  display: grid;
}
.mock__row--head {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rx-slate);
  padding-block-start: 6px;
  padding-block-end: 6px;
}
.trackband {
  background: var(--rx-navy);
  color: #fff;
  border-radius: var(--r-m);
  grid-template-columns: 1fr minmax(0, 520px);
  align-items: center;
  gap: 32px;
  margin-top: clamp(48px, 7vw, 96px);
  padding: clamp(26px, 3.6vw, 48px);
  display: grid;
}
.trackband__copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}
.trackband__copy .eyebrow {
  margin-bottom: 4px;
}
.trackband__title {
  font: 700 clamp(1.6rem, 3vw, 2.5rem) / 1.1 var(--font-display);
  letter-spacing: -0.025em;
}
html[lang="ur"] .trackband__title {
  line-height: 1.4;
}
.trackband__copy p:last-child {
  color: var(--rx-fog);
}
.coverage {
  background: var(--rx-navy);
  color: #fff;
}
.coverage__head {
  grid-template-columns: 1fr minmax(0, 440px);
  align-items: end;
  gap: clamp(24px, 4vw, 64px);
  margin-bottom: clamp(32px, 4vw, 56px);
  display: grid;
}
.coverage .lead {
  color: var(--rx-fog);
}
.coverage__grid {
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: stretch;
  gap: clamp(28px, 4vw, 64px);
  display: grid;
}
.hqcard {
  border: 1px solid #ffffff38;
  border-radius: var(--r-m);
  background: #ffffff0b;
  border-top: 2px solid #fff;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: clamp(22px, 2.4vw, 32px);
  display: flex;
}
.hqcard__tag {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-green-lite);
  align-items: center;
  gap: 10px;
  display: flex;
}
.hqcard__tag .dot-s {
  background: var(--rx-green-lite);
}
.hqcard__city {
  font: 700 clamp(2.4rem, 4vw, 3.4rem) / 1 var(--font-display);
  letter-spacing: -0.03em;
}
html[lang="ur"] .hqcard__city {
  line-height: 1.3;
}
.hqcard__meta {
  border-top: 1px solid #ffffff2e;
  gap: 14px;
  width: 100%;
  padding-top: 18px;
  display: grid;
}
.hqcard__meta dt {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-haze);
  margin-bottom: 4px;
}
.hqcard__meta dd {
  color: var(--rx-fog);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.hqcard__meta a {
  color: #fff;
  border-bottom: 1px solid #fff6;
  padding-block-start: 2px;
  padding-block-end: 2px;
  display: inline-block;
}
.hqcard__meta a:hover {
  border-bottom-color: #fff;
}
.hqcard__prov {
  border-top: 1px solid #ffffff2e;
  width: 100%;
  padding-top: 18px;
}
.hqcard__prov p {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-haze);
  margin-bottom: 8px;
}
.hqcard__prov li {
  color: var(--rx-fog);
  border-bottom: 1px solid #ffffff1f;
  align-items: center;
  gap: 12px;
  padding-block-start: 9px;
  padding-block-end: 9px;
  font-size: 0.9375rem;
  display: flex;
}
.hqcard__prov li:last-child {
  border-bottom: 0;
}
.hqcard__tick {
  border: 1px solid var(--rx-green-lite);
  border-radius: var(--r-s);
  width: 20px;
  height: 20px;
  color: var(--rx-green-lite);
  flex: none;
  place-items: center;
  display: grid;
}
.hqcard__tick .icon {
  stroke-width: 3px;
  width: 12px;
  height: 12px;
}
.hqcard .btn {
  margin-top: auto;
}
.board__title {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-haze);
  margin-bottom: 14px;
}
.board__head,
.brow,
.board__axis {
  grid-template-columns: 34px minmax(104px, 1.1fr) minmax(110px, 1.25fr) minmax(
      130px,
      3fr
    ) 92px;
  align-items: center;
  gap: 16px;
  display: grid;
}
.board__head {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-fog);
  border-bottom: 2px solid #fff;
  padding: 0 12px 10px;
}
.brow {
  border-bottom: 1px solid #ffffff29;
  padding: 15px 12px;
  transition: background-color 0.2s;
}
.brow:hover {
  background: #ffffff0e;
}
.brow__n {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.1em;
  color: var(--rx-haze);
}
.brow__city {
  font: 700 clamp(1.05rem, 1.5vw, 1.3rem) / 1.2 var(--font-display);
  letter-spacing: -0.01em;
}
html[lang="ur"] .brow__city {
  line-height: 1.5;
}
.brow__prov {
  color: var(--rx-fog);
  font-size: 0.875rem;
  line-height: 1.35;
}
.brow__track {
  height: 22px;
  display: block;
  position: relative;
}
.brow__track:before {
  content: "";
  left: 0;
  right: 0;
  border-top: 1px dashed #ffffff47;
  position: absolute;
  top: 50%;
}
.brow__fill {
  width: var(--w);
  background: var(--rx-sky);
  transform-origin: 0;
  height: 3px;
  margin-top: -1.5px;
  position: absolute;
  top: 50%;
}
.brow__fill:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 0;
}
.brow__fill:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 0;
}
.brow__fill:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 0;
}
.brow__fill:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 0;
}
html[dir="rtl"] .brow__fill {
  transform-origin: 100%;
}
.brow__start,
.brow__end {
  border-radius: 50%;
  position: absolute;
  top: 50%;
}
.brow__start {
  background: var(--rx-green-lite);
  width: 8px;
  height: 8px;
  margin-block-start: -4px;
  margin-block-end: -4px;
  margin-inline-start: -4px;
}
.brow__start:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 0;
}
.brow__start:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: 0;
}
.brow__start:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 0;
}
.brow__start:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: 0;
}
.brow__end {
  border: 2px solid var(--rx-navy);
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 1px var(--rx-sky);
  transition: transform 0.25s var(--ease-out);
  background: #fff;
  margin-block-start: -6px;
  margin-block-end: -6px;
  margin-inline-start: -6px;
}
.brow__end:not(
  :-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: var(--w);
}
.brow__end:not(
  :is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  )
) {
  left: var(--w);
}
.brow__end:-webkit-any(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: var(--w);
}
.brow__end:is(
  :lang(ae),
  :lang(ar),
  :lang(arc),
  :lang(bcc),
  :lang(bqi),
  :lang(ckb),
  :lang(dv),
  :lang(fa),
  :lang(glk),
  :lang(he),
  :lang(ku),
  :lang(mzn),
  :lang(nqo),
  :lang(pnb),
  :lang(ps),
  :lang(sd),
  :lang(ug),
  :lang(ur),
  :lang(yi)
) {
  right: var(--w);
}
.brow:hover .brow__end {
  transform: scale(1.35);
}
.brow__km {
  text-align: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.brow__km b {
  font: 700 1.15rem/1 var(--font-display);
  letter-spacing: -0.02em;
}
.brow__km small {
  color: var(--rx-fog);
  margin-inline-start: 4px;
  font-size: 0.75rem;
}
.board__axis {
  padding: 10px 12px 0;
}
.board__ticks i {
  font-style: normal;
}
.board__ticks {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.06em;
  color: var(--rx-haze);
  justify-content: space-between;
  display: flex;
}
html[dir="rtl"] .board__ticks {
  flex-direction: row-reverse;
}
.board__note {
  color: var(--rx-haze);
  margin-top: 18px;
  font-size: 0.8125rem;
}
.js:not(.rm) .brow__fill {
  transition: transform 0.9s var(--ease-out) calc(var(--i, 0) * 70ms);
  transform: scaleX(0);
}
.js:not(.rm) .brow__end {
  transition:
    inset-inline-start 0.9s var(--ease-out) calc(var(--i, 0) * 70ms),
    transform 0.25s var(--ease-out);
}
.js:not(.rm)
  .brow__end:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
  left: 0;
}
.js:not(.rm)
  .brow__end:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
  left: 0;
}
.js:not(.rm)
  .brow__end:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
  right: 0;
}
.js:not(.rm)
  .brow__end:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
  right: 0;
}
.js:not(.rm) .brow.is-in .brow__fill {
  transform: none;
}
.js:not(.rm)
  .brow.is-in
  .brow__end:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
  left: var(--w);
}
.js:not(.rm)
  .brow.is-in
  .brow__end:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
  left: var(--w);
}
.js:not(.rm)
  .brow.is-in
  .brow__end:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
  right: var(--w);
}
.js:not(.rm)
  .brow.is-in
  .brow__end:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
  right: var(--w);
}
.why {
  background: #fff;
}
.why__head {
  grid-template-columns: 1fr minmax(0, 440px);
  align-items: end;
  gap: clamp(24px, 4vw, 64px);
  margin-bottom: clamp(36px, 5vw, 64px);
  display: grid;
}
.grid3 {
  border-top: 1px solid var(--rx-ink);
  border-inline-start: 1px solid var(--rx-line);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.tile {
  isolation: isolate;
  border-inline-end: 1px solid var(--rx-line);
  border-bottom: 1px solid var(--rx-line);
  --mx: -400px;
  --my: -400px;
  flex-direction: column;
  min-height: 250px;
  padding: clamp(22px, 2.4vw, 34px);
  display: flex;
  position: relative;
}
.tile:before,
.tile:after {
  content: "";
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s;
  position: absolute;
}
.tile:before {
  z-index: -1;
  background: radial-gradient(
    420px circle at var(--mx) var(--my),
    #0050f021,
    transparent 72%
  );
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tile:after {
  background: radial-gradient(
    320px circle at var(--mx) var(--my),
    var(--rx-blue),
    transparent 74%
  );
  -webkit-mask-composite: xor;
  padding: 1px;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position:
    0 0,
    0 0;
  mask-position:
    0 0,
    0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
.grid3.is-lit .tile:before,
.grid3.is-lit .tile:after {
  opacity: 1;
}
.tile:hover .tile__icon {
  background: var(--rx-blue);
  border-color: var(--rx-blue);
  color: #fff;
}
.tile__top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(28px, 4vh, 44px);
  display: flex;
}
.tile__icon {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  width: 44px;
  height: 44px;
  color: var(--rx-blue);
  background: #fff;
  place-items: center;
  font-size: 1.25rem;
  transition:
    background-color 0.25s,
    border-color 0.25s,
    color 0.25s;
  display: grid;
}
.tile__n {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  color: var(--rx-slate);
}
.tile__title {
  font: 700 clamp(1.15rem, 1.6vw, 1.4rem) / 1.2 var(--font-display);
  letter-spacing: -0.015em;
}
html[lang="ur"] .tile__title {
  line-height: 1.5;
}
.tile__text {
  max-width: 40ch;
  color: var(--rx-slate);
  margin-top: 8px;
  font-size: 0.9375rem;
}
.commit {
  background: var(--rx-navy);
  color: #fff;
}
.commit__head {
  grid-template-columns: 1fr minmax(0, 440px);
  align-items: end;
  gap: clamp(24px, 4vw, 64px);
  margin-bottom: clamp(32px, 4vw, 56px);
  display: grid;
}
.commit .eyebrow {
  color: var(--rx-fog);
}
.commit .eyebrow__n {
  color: var(--rx-sky);
}
.commit .lead {
  color: var(--rx-fog);
}
.crows {
  border-top: 2px solid #fff;
}
.crow {
  border-bottom: 1px solid #ffffff2e;
  grid-template-columns: 56px minmax(0, 1.1fr) minmax(0, 1.3fr) 190px;
  align-items: center;
  gap: clamp(16px, 2.4vw, 36px);
  padding-block-start: clamp(24px, 3vw, 40px);
  padding-block-end: clamp(24px, 3vw, 40px);
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  transition: background-color 0.25s;
  display: grid;
  position: relative;
}
.crow:after {
  content: "";
  left: 0;
  right: 0;
  background: var(--rx-sky);
  transform-origin: 0;
  height: 2px;
  transition: transform 0.5s var(--ease-out);
  position: absolute;
  bottom: -1px;
  transform: scaleX(0);
}
html[dir="rtl"] .crow:after {
  transform-origin: 100%;
}
.crow:hover {
  background: #ffffff0b;
}
.crow:hover:after {
  transform: scaleX(1);
}
.crow__n {
  font: 600 0.8125rem/1 var(--font-body);
  letter-spacing: 0.14em;
  color: var(--rx-sky);
}
.crow__title {
  font: 700 clamp(1.3rem, 2.3vw, 2rem) / 1.15 var(--font-display);
  letter-spacing: -0.02em;
  text-wrap: balance;
}
html[lang="ur"] .crow__title {
  line-height: 1.45;
}
.crow__text {
  color: var(--rx-fog);
  max-width: 52ch;
  font-size: 0.9375rem;
}
.crow__tag {
  border-radius: var(--r-s);
  font: 600 0.75rem/1.2 var(--font-body);
  white-space: nowrap;
  border: 1px solid #ffffff4d;
  justify-self: end;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: inline-flex;
}
.crow__tag .icon {
  stroke-width: 3px;
  width: 14px;
  height: 14px;
  color: var(--rx-green-lite);
}
.faq {
  background: #fff;
}
.faq__grid {
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  align-items: start;
  gap: clamp(32px, 6vw, 104px);
  display: grid;
}
.faq__intro {
  top: calc(var(--nav-h) + 40px);
  position: sticky;
}
.faq__contact {
  border: 1px solid var(--rx-line);
  border-radius: var(--r-m);
  background: var(--rx-paper);
  flex-direction: column;
  gap: 8px;
  margin-top: 28px;
  padding: 22px;
  display: flex;
}
.faq__contact h3 {
  font: 700 1.15rem/1.3 var(--font-display);
}
.faq__contact p {
  color: var(--rx-slate);
  font-size: 0.9375rem;
}
.faq__mail {
  color: var(--rx-blue);
  word-break: break-all;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  font-size: 0.9375rem;
  font-weight: 600;
  display: inline-flex;
}
.faq__mail:hover {
  color: var(--rx-blue-press);
}
.cta {
  background: var(--rx-blue);
  color: #fff;
  text-align: center;
  padding-block-start: clamp(80px, 10vw, 140px);
  padding-block-end: clamp(80px, 10vw, 140px);
}
.cta__inner {
  flex-direction: column;
  align-items: center;
  gap: clamp(20px, 2.6vw, 32px);
  display: flex;
}
.cta__title {
  text-align: center;
  font-size: clamp(2.2rem, 5.4vw, 4.6rem);
}
html[lang="ur"] .cta__title {
  font-size: clamp(2rem, 4.4vw, 3.8rem);
}
.cta__text {
  color: #e6eeff;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.cta__buttons {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  display: flex;
}
.footer {
  background: var(--rx-midnight);
  color: #fff;
  padding-top: clamp(56px, 7vw, 96px);
}
.footer__top {
  grid-template-columns: 1.7fr 1fr 1fr 1.5fr;
  gap: clamp(28px, 4vw, 64px);
  padding-bottom: clamp(40px, 5vw, 72px);
  display: grid;
}
.footer__brand img {
  width: 168px;
  height: auto;
}
.footer__brand p {
  max-width: 38ch;
  color: var(--rx-fog);
  margin-top: 20px;
  font-size: 0.9375rem;
}
.footer__col h3 {
  font: 600 0.75rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rx-haze);
  margin-bottom: 16px;
}
.footer__col a {
  color: var(--rx-fog);
  align-items: flex-start;
  gap: 10px;
  padding-block-start: 6px;
  padding-block-end: 6px;
  font-size: 0.9375rem;
  transition: color 0.2s;
  display: inline-flex;
}
.footer__col a:hover {
  color: #fff;
}
.footer__col a .icon {
  color: var(--rx-sky);
  margin-top: 0.28em;
}
.footer__col address {
  flex-direction: column;
  display: flex;
}
.footer__bottom {
  color: var(--rx-haze);
  border-top: 1px solid #ffffff24;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-block-start: 22px;
  padding-block-end: 28px;
  font-size: 0.8125rem;
  display: flex;
}
.footer__top-link {
  color: var(--rx-fog);
  align-items: center;
  gap: 8px;
  padding-block-start: 8px;
  padding-block-end: 8px;
  font-weight: 600;
  display: inline-flex;
}
.footer__top-link:hover {
  color: #fff;
}
.js:not(.rm) .map__outline,
.js:not(.rm) .map__route {
  stroke-dashoffset: 1px;
}
.js:not(.rm) .map__dots {
  opacity: 0;
}
.js:not(.rm) .mapbox .pin {
  transform: scale(0);
}
.rm .journey {
  height: auto;
}
.rm .journey__sticky {
  height: auto;
  min-height: 0;
  padding-block-start: 96px;
  padding-block-end: 96px;
  position: relative;
}
.rm .journey__captions {
  gap: 28px;
  min-height: 0;
  display: grid;
}
.rm .cap__ghost {
  display: none;
}
.rm .cap {
  opacity: 1;
  visibility: visible;
  grid-area: auto;
  position: static;
  transform: none;
}
.rm .route__line {
  stroke-dashoffset: 0;
}
.rm .services {
  height: auto;
}
.rm .services__sticky {
  min-height: 0;
  position: static;
}
.rm .services__viewport {
  overflow-x: auto;
}
@media (max-width: 1180px) {
  .nav__track,
  .nav__register {
    display: none;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .stat {
    min-height: 290px;
  }
}
@media (max-width: 1060px) {
  .nav__links,
  .nav__actions .lang {
    display: none;
  }
  .nav__burger {
    display: grid;
  }
  .hero__map {
    width: min(60vw, 680px);
  }
  .quick__grid {
    grid-template-columns: 1fr;
  }
  .qlink,
  .qlink:first-child,
  .qlink:last-child {
    border-inline-start: 0;
    border-top: 1px solid var(--rx-line);
    padding: 22px 0;
  }
  .qlink:first-child {
    border-top: 0;
  }
  .qlink__arrow:not(
    :-webkit-any(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
    right: 0;
  }
  .qlink__arrow:not(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    )
  ) {
    right: 0;
  }
  .qlink__arrow:-webkit-any(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
    left: 0;
  }
  .qlink__arrow:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
    left: 0;
  }
  .portal__grid,
  .coverage__grid,
  .coverage__head,
  .faq__grid,
  .why__head,
  .proof__head {
    grid-template-columns: 1fr;
  }
  .faq__intro {
    position: static;
  }
  .trackband {
    grid-template-columns: minmax(0, 1fr);
  }
  .grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__top {
    grid-template-columns: 1fr 1fr;
  }
  .footer__brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 860px) {
  .hero__inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 28px;
  }
  .hero__map {
    width: 100%;
    margin-top: 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .ship-card {
    align-self: stretch;
    width: min(270px, 76vw);
    margin-top: -56px;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .hero__strip {
    flex-wrap: wrap;
    row-gap: 0;
  }
  .slider-ctl {
    border-top: 1px solid #ffffff29;
    flex: 1 0 100%;
    order: 3;
    justify-content: space-between;
  }
  .sdot__bar {
    width: 24px;
  }
  .journey {
    height: 400svh;
  }
  .journey__sticky {
    padding-block: calc(var(--nav-h) + 8px) 16px;
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: 1fr;
    align-items: start;
    gap: 6px;
  }
  .journey__left {
    gap: 14px;
  }
  .journey__head .display-lg {
    font-size: clamp(1.6rem, 7vw, 2.2rem);
  }
  .journey__captions {
    min-height: 0;
  }
  .cap__num {
    font-size: 2.4rem;
  }
  .cap__title {
    margin-top: 6px;
    font-size: 1.6rem;
  }
  .cap__text {
    margin-top: 6px;
    font-size: 0.9375rem;
  }
  .routebox:before,
  .routebox:after {
    display: none;
  }
  .jcard {
    padding: 14px 16px;
  }
  .journey__chips {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .jchip {
    font-size: 0.75rem;
  }
  .cap__points,
  .cap__ghost {
    display: none;
  }
  .routebox {
    width: min(100%, 93.75svh - 393.75px);
    min-width: 230px;
  }
  .features {
    grid-template-columns: 1fr;
  }
  .mock__body {
    min-height: 290px;
  }
  .services {
    height: auto !important;
  }
  .services__sticky {
    min-height: 0;
    padding-block-start: 80px;
    padding-block-end: 48px;
    position: static;
  }
  .services__hint {
    display: none;
  }
  .services__viewport {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 16px;
    overflow-x: auto;
  }
  .services__viewport::-webkit-scrollbar {
    display: none;
  }
  .services__track {
    padding-inline: var(--gutter);
    transform: none !important;
  }
  .svc {
    scroll-snap-align: center;
    flex-basis: 78vw;
    min-height: 380px;
  }
  .tile {
    min-height: 0;
  }
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 700px) {
  .board__head,
  .board__axis {
    display: none;
  }
  .brow {
    grid-template-columns: 26px minmax(0, 1fr) auto;
    grid-template-areas: "n city km" "n prov km" "track track track";
    row-gap: 6px;
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }
  .brow__n {
    grid-area: n;
  }
  .brow__city {
    grid-area: city;
  }
  .brow__prov {
    grid-area: prov;
  }
  .brow__km {
    grid-area: km;
  }
  .brow__track {
    grid-area: track;
    margin-top: 6px;
  }
}
@media (max-width: 520px) {
  .stats {
    grid-template-columns: 1fr;
  }
  .stat {
    min-height: 0;
  }
  .btn--lg {
    height: 52px;
    padding-inline-start: 22px;
    padding-inline-end: 22px;
  }
  .hero__cta .btn {
    flex: 100%;
  }
  .footer__top {
    grid-template-columns: 1fr;
  }
  .mock__side {
    display: none;
  }
  .mock__body {
    grid-template-columns: 1fr;
  }
  .mock__row {
    font-size: 0.75rem;
  }
}
@media (max-width: 1060px) {
  .audience__grid,
  .commit__head {
    grid-template-columns: minmax(0, 1fr);
  }
  .crow {
    grid-template-columns: 44px minmax(0, 1fr) auto;
  }
  .crow__text {
    grid-area: 2/2 / auto/-1;
  }
  .crow__title {
    grid-column: 2;
  }
}
@media (max-width: 860px) {
  .atabs {
    border-top: 2px solid var(--rx-ink);
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
  .atab {
    border-inline-end: 1px solid var(--rx-edge);
    grid-template-columns: 30px 1fr;
    padding: 14px 10px;
  }
  .atab:nth-child(2n) {
    border-inline-end: 0;
  }
  .atab__arrow {
    display: none;
  }
  .atab__label {
    font-size: 1rem;
  }
  .apanel__card {
    border-radius: 0 0 var(--r-m) var(--r-m);
    border-top-width: 1px;
    width: auto;
    margin-top: -1px;
    position: static;
  }
  .apanel__photo {
    border-radius: var(--r-m) var(--r-m) 0 0;
  }
}
@media (max-width: 640px) {
  .crow {
    grid-template-columns: 36px minmax(0, 1fr);
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
  .crow__title,
  .crow__text,
  .crow__tag {
    grid-column: 2;
  }
  .crow__text {
    grid-row: auto;
  }
  .crow__tag {
    justify-self: start;
  }
  .ship-card {
    display: none;
  }
  .hero__inner {
    gap: 22px;
    padding-bottom: 12px;
  }
  .hero__map .pin--minor .pin__label {
    display: none;
  }
  .hero__map .pin__dot {
    border-width: 1.5px;
    width: 8px;
    height: 8px;
    top: -4px;
    left: -4px;
  }
  .hero__map .pin--hq .pin__dot {
    width: 14px;
    height: 14px;
    top: -7px;
    left: -7px;
  }
  .hero__map .pin__label {
    padding: 3px 6px;
    font-size: 0.6875rem;
  }
}
@media (max-width: 600px) {
  .grid3 {
    grid-template-columns: 1fr;
  }
  .portal__cta,
  .cta__buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 340px;
  }
  .cta__buttons {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .portal__cta .btn,
  .cta__buttons .btn {
    width: 100%;
  }
}
@media (max-width: 860px) and (min-height: 521px) {
  .journey__right {
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    align-self: stretch;
    min-height: 150px;
    padding-bottom: 26px;
  }
  .routebox {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: 100%;
  }
}
@media (max-width: 860px) and (max-height: 700px) and (min-height: 521px) {
  .journey__head .display-lg {
    font-size: clamp(1.4rem, 6.2vw, 1.8rem);
  }
  .journey__head .eyebrow {
    margin-bottom: 8px;
  }
  .jcard {
    padding: 12px 14px;
  }
  .journey__chips {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .cap__title {
    margin-top: 4px;
    font-size: 1.35rem;
  }
  .cap__text {
    margin-top: 4px;
    font-size: 0.875rem;
  }
  .rlabel {
    padding: 5px 8px;
  }
}
@media (min-width: 861px) and (max-height: 700px) and (min-height: 521px) {
  .journey__captions {
    min-height: 0;
  }
  .cap__points {
    display: none;
  }
  .journey__left {
    gap: 14px;
  }
  .jcard {
    padding: 16px 20px;
  }
}
@media (max-height: 520px) {
  :root {
    --nav-h: 56px;
  }
  .journey {
    height: 420svh;
  }
  .journey__sticky {
    padding-block: calc(var(--nav-h) + 6px) 10px;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(16px, 3vw, 40px);
  }
  .journey__left {
    gap: 8px;
  }
  .journey__head .eyebrow {
    margin-bottom: 4px;
  }
  .journey__head .display-lg {
    font-size: clamp(1.2rem, 3.2vw, 1.7rem);
  }
  .jcard {
    padding: 10px 14px;
  }
  .journey__chips {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .journey__captions {
    min-height: 0;
  }
  .cap__ghost,
  .cap__points,
  .routebox:before,
  .routebox:after {
    display: none;
  }
  .cap__title {
    margin-top: 4px;
    font-size: 1.3rem;
  }
  .cap__text {
    margin-top: 4px;
    font-size: 0.875rem;
  }
  .journey__right {
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    align-self: stretch;
    min-height: 0;
    padding-bottom: 26px;
  }
  .routebox {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: 100%;
  }
  .rlabel {
    padding: 4px 7px;
  }
  .hero__inner {
    padding-block: calc(var(--nav-h) + 20px) 20px;
  }
}
@media (min-width: 861px) and (max-height: 520px) {
  .services {
    height: auto !important;
  }
  .services__sticky {
    min-height: 0;
    padding-block-start: 72px;
    padding-block-end: 40px;
    position: static;
  }
  .services__hint {
    display: none;
  }
  .services__viewport {
    scroll-snap-type: x mandatory;
    padding-bottom: 16px;
    overflow-x: auto;
  }
  .services__track {
    padding-inline: var(--gutter);
    transform: none !important;
  }
  .svc {
    scroll-snap-align: center;
    min-height: 0;
  }
}
@media (max-width: 860px), (max-height: 520px) {
  .svc {
    flex-basis: min(78vw, 340px);
  }
}
@media (min-width: 861px) and (max-height: 860px) and (min-height: 521px) {
  .services__sticky {
    padding-block: calc(var(--nav-h) + 8px) 20px;
    gap: clamp(14px, 2.6vh, 26px);
  }
  .services__head .display-xl {
    font-size: clamp(1.9rem, 6.4vh, 3.2rem);
  }
  .svc {
    padding-bottom: 16px;
  }
  .svc__photo {
    aspect-ratio: 7/2.4;
  }
  .svc__top {
    margin-top: 12px;
  }
  .svc__title {
    margin-top: 10px;
  }
  .svc__tags {
    margin-block-start: 10px;
    margin-block-end: 12px;
  }
  .svc__link {
    padding-top: 12px;
  }
}
@media (min-width: 861px) and (max-height: 680px) and (min-height: 521px) {
  .svc__photo {
    aspect-ratio: 7/1.7;
  }
  .svc__icon {
    width: 30px;
    height: 30px;
  }
  .svc__tags {
    display: none;
  }
}
@media (max-width: 860px) and (max-height: 700px) and (min-height: 521px) {
  html[lang="ur"] .journey__head .display-lg {
    font-size: clamp(1.2rem, 5.2vw, 1.5rem);
    line-height: 1.35;
  }
  html[lang="ur"] .cap__title {
    font-size: 1.25rem;
    line-height: 1.3;
  }
  html[lang="ur"] .cap__text {
    line-height: 1.65;
  }
}
@media (max-height: 520px) {
  html[lang="ur"] .journey__head .display-lg {
    font-size: clamp(1.1rem, 2.8vw, 1.4rem);
    line-height: 1.35;
  }
  html[lang="ur"] .cap__title {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  html[lang="ur"] .cap__text {
    line-height: 1.65;
  }
}
@media (min-width: 861px) and (max-height: 700px) and (min-height: 521px) {
  html[lang="ur"] .services__head .display-xl {
    font-size: clamp(1.6rem, 5.2vh, 2.4rem);
    line-height: 1.35;
  }
}
@media (max-width: 860px) and (max-height: 600px) and (min-height: 521px) {
  .journey__head .eyebrow {
    display: none;
  }
}
@media (max-height: 360px) {
  .journey__head .eyebrow {
    display: none;
  }
  .jcard {
    padding: 8px 12px;
  }
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-behavior: allow-discrete;
  transition-property: overflow;
  transition-duration: 1ms;
}