@font-face {
  font-family:'DM Sans';
  src:url('assets/fonts/dm-sans-regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap
}

@font-face {
  font-family:'DM Sans';
  src:url('assets/fonts/dm-sans-medium.ttf') format('truetype');
  font-style:normal;
  font-weight:500;
  font-display:swap
}

@font-face {
  font-family:'DM Sans';
  src:url('assets/fonts/dm-sans-semibold.ttf') format('truetype');
  font-style:normal;
  font-weight:600 800;
  font-display:swap
}

:root {
  --paper:#f8f8f2;
  --white:#fff;
  --ink:#20251f;
  --muted:#62685f;
  --line:#dedfd6;
  --blue:#375bc8;
  --blue-light:#e5ecfa;
  --sage:#e5e9dc;
  --lilac:#ebe8f4;
  --yellow:#f4dc81;
  --radius:16px;
  --ease:cubic-bezier(.2,.65,.3,1);
  --container:1280px
}

*,*::before,*::after {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:105px
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:16px;
  line-height:1.6
}

body.menu-is-open {
  overflow:hidden
}

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

button,input {
  font:inherit
}

button,a,summary {
  touch-action:manipulation
}

button {
  color:inherit
}

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

button {
  cursor:pointer
}

img,svg {
  display:block
}

img {
  max-width:100%;
  height:auto
}

h1,h2,h3,h4,p {
  margin:0
}

h1,h2,h3 {
  font-weight:500;
  line-height:1.1
}

h2 {
  font-size:clamp(38px,4.25vw,58px);
  letter-spacing:-.055em
}

h3 {
  letter-spacing:-.035em
}

button {
  border:0
}

::selection {
  background:#d8e1ff;
  color:#17243e
}

:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px
}

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

.section {
  padding-block:112px
}

.icon {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0
}

.svg-library {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}

.eyebrow {
  font-size:10px;
  line-height:1.6;
  font-weight:600;
  letter-spacing:.13em;
  display:flex;
  align-items:center;
  gap:10px
}

.section .eyebrow {
  margin-bottom:22px
}

.fine-print {
  font-size:11px;
  line-height:1.7;
  color:var(--muted)
}

.button {
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  padding:15px 23px;
  border:1px solid var(--ink);
  border-radius:7px;
  background:var(--ink);
  color:var(--paper);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  white-space:nowrap;
  transition:background .2s,transform .2s,box-shadow .2s
}

.button:hover {
  background:#394332;
  transform:translateY(-2px);
  box-shadow:0 5px 14px #20251f12
}

.button .icon {
  width:19px;
  height:19px
}

.button--small {
  min-height:43px;
  padding:11px 16px;
  gap:19px;
  font-size:12px
}

.button--light {
  background:var(--paper);
  color:var(--ink);
  border-color:var(--paper)
}

.button--light:hover {
  background:white
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:13px;
  font-weight:500
}

.text-link .icon {
  width:18px;
  transition:transform .2s
}

.text-link:hover .icon {
  transform:translateX(4px)
}

.text-link:hover {
  text-decoration:underline;
  text-underline-offset:5px
}

.skip-link {
  position:fixed;
  top:8px;
  left:8px;
  z-index:100;
  background:var(--ink);
  color:white;
  padding:12px 20px;
  clip-path:inset(50%);
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:nowrap
}

.skip-link:focus {
  clip-path:none;
  width:auto;
  height:auto
}

.brand {
  display:block;
  flex-shrink:0;
  width:116px
}

.brand img {
  width:100%;
  height:auto
}

.site-header {
  height:91px;
  position:relative;
  z-index:30;
  border-bottom:1px solid var(--line);
  background:var(--paper)
}

.header-inner {
  height:100%;
  display:flex;
  align-items:center;
  gap:53px
}

.main-nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1;
  gap:25px
}

.nav-links {
  display:flex;
  align-items:center;
  gap:26px
}

.nav-links>a,.nav-dropdown>summary,.login-link {
  font-size:12px;
  font-weight:500;
  white-space:nowrap
}

.nav-links>a:hover,.login-link:hover {
  color:var(--blue)
}

.nav-actions {
  display:flex;
  align-items:center;
  gap:25px
}

.nav-dropdown {
  position:relative
}

.nav-dropdown>summary {
  list-style:none;
  display:flex;
  align-items:center;
  gap:4px;
  cursor:pointer;
  padding-block:15px
}

.nav-dropdown>summary::-webkit-details-marker {
  display:none
}

.nav-dropdown>summary .icon {
  height:13px;
  width:13px;
  transition:transform .2s
}

.nav-dropdown[open]>summary .icon {
  transform:rotate(180deg)
}

.dropdown-panel {
  position:absolute;
  left:-20px;
  top:100%;
  width:310px;
  background:var(--white);
  padding:8px;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 16px 45px #20251f12
}

.dropdown-panel--right {
  left:auto;
  right:-20px
}

.dropdown-panel a {
  display:flex;
  align-items:center;
  gap:15px;
  padding:14px;
  border-radius:8px;
  font-size:13px;
  font-weight:500
}

.dropdown-panel a:hover {
  background:var(--paper)
}

.dropdown-panel a>.icon {
  color:var(--blue)
}

.dropdown-panel small {
  display:block;
  font-size:11px;
  font-weight:400;
  color:var(--muted);
  margin-top:3px
}

.menu-toggle {
  display:none
}

.mobile-create {
  display:none
}

.no-js .currency-tabs,.no-js .currency-panel {
  display:none
}

/* A product flow, drawn with the same components as the page. */
.hero {
  padding-top:58px
}

.hero-layout {
  display:grid;
  grid-template-columns:1.06fr 1fr;
  gap:40px;
  align-items:center
}

.hero-copy {
  padding:0 0 15px
}

.hero-copy>.eyebrow {
  font-size:9px;
  letter-spacing:.115em;
  margin-bottom:29px
}

.small-orbit {
  width:13px;
  height:13px;
  border:2px solid var(--blue);
  border-radius:50%;
  border-right-color:transparent;
  transform:rotate(-35deg)
}

h1 {
  font-size:clamp(56px,5.8vw,83px);
  letter-spacing:-.067em;
  line-height:1.025
}

h1>span {
  color:var(--blue);
  white-space:nowrap
}

.hero-description {
  font-size:15px;
  line-height:1.8;
  max-width:415px;
  color:#62685f;
  margin-top:28px
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:27px;
  margin-top:29px
}

.play-icon {
  font-size:20px;
  line-height:1
}

.hero-qualification {
  margin-top:22px;
  font-size:10px
}

.payment-scene {
  position:relative;
  height:612px;
  border-radius:15px;
  background:#e4ebf7;
  overflow:hidden;
  display:flex;
  align-items:center;
  flex-direction:column;
  padding:25px 36px 20px;
  isolation:isolate
}

.scene-orbit {
  position:absolute;
  width:600px;
  height:600px;
  border:1px solid #c1cfe6;
  border-radius:50%;
  z-index:-1;
  transform:rotate(-30deg)
}

.orbit-one {
  left:82px;
  top:-28px
}

.orbit-two {
  left:119px;
  top:-19px;
  width:464px;
  height:601px
}

.orbit-three {
  left:178px;
  top:-22px;
  width:330px;
  height:604px
}

.scene-sun {
  position:absolute;
  z-index:-1;
  width:165px;
  height:165px;
  right:-44px;
  top:155px;
  border-radius:50%;
  background:var(--yellow)
}

.scene-topline {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#405275;
  font-size:8px;
  letter-spacing:.1em;
  font-weight:600
}

.scene-topline>span {
  display:flex;
  align-items:center;
  gap:7px
}

.scene-topline>.icon {
  width:19px;
  height:19px
}

.live-dot,.mini-dot {
  width:5px;
  height:5px;
  display:inline-block;
  background:var(--blue);
  border-radius:50%;
  flex-shrink:0
}

.payer-row {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:24px
}

.payer-row>span {
  background:#f7f9ff;
  border:1px solid #cdd8ed;
  padding:5px 10px;
  border-radius:20px;
  font-size:9px;
  white-space:nowrap
}

.flow-stem {
  height:25px;
  width:1px;
  background:#7f98c7;
  position:relative;
  flex-shrink:0
}

.flow-stem span {
  position:absolute;
  left:-2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--blue);
  animation:flow-down 3.5s var(--ease) infinite
}

.flow-stem--short {
  height:20px
}

.receiving-card {
  background:white;
  border:1px solid #d9dfe7;
  border-radius:11px;
  width:100%;
  max-width:366px;
  box-shadow:0 14px 34px #3b527514;
  transform:rotate(-3deg);
  overflow:hidden;
  flex-shrink:0
}

.receiving-card-top {
  display:flex;
  align-items:center;
  padding:16px 17px 11px;
  gap:9px
}

.icon-tile {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:35px;
  background:#eaf0fe;
  border-radius:7px;
  color:var(--blue)
}

.icon-tile .icon {
  width:19px
}

.receiving-card-top>div {
  line-height:1.5;
  flex:1
}

.receiving-card-top strong {
  font-size:11px;
  font-weight:500
}

.receiving-card-top>div>span {
  display:block;
  font-size:9px;
  color:var(--muted)
}

.currency-tag {
  align-self:flex-start;
  font-size:9px;
  display:flex;
  gap:6px;
  align-items:center;
  padding-top:3px
}

.currency-tag>span {
  background:var(--sage);
  border-radius:50%;
  width:20px;
  height:20px;
  text-align:center;
  padding-top:2px
}

.example-detail {
  display:flex;
  flex-direction:column;
  padding:9px 18px 10px
}

.example-detail>span,.masked-details>span {
  font-size:9px;
  color:var(--muted)
}

.example-detail>strong {
  font-size:14px;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:3px
}

.example-detail strong>span {
  font-size:6px;
  letter-spacing:.08em;
  color:#646b5f;
  border:1px solid var(--line);
  border-radius:2px;
  padding:1px 3px
}

.masked-details {
  margin:0 18px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.masked-details b {
  display:block;
  font-weight:500;
  color:var(--ink);
  letter-spacing:.16em;
  font-size:12px;
  margin-top:4px
}

.masked-details>.icon {
  width:16px;
  color:#737b85
}

.card-footnote {
  display:flex;
  align-items:center;
  gap:5px;
  padding:9px 15px;
  background:#f2f5fc;
  font-size:8px;
  color:#405475;
  border-top:1px solid #e9edf5
}

.card-footnote .icon {
  width:13px;
  height:13px
}

.review-node {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:40px;
  padding:9px 17px;
  border-radius:7px;
  background:var(--ink);
  color:white;
  font-size:10px;
  z-index:1
}

.review-node>strong {
  font-weight:400
}

.review-node>.icon {
  width:15px;
  height:15px;
  color:#d7e2cd;
  margin-left:10px
}

.ostro-symbol {
  display:inline-block;
  width:19px;
  height:19px;
  border:2.4px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  transform:rotate(-28deg)
}

.review-node .ostro-symbol {
  color:#d7e2cd;
  width:15px;
  height:15px;
  border-width:2px
}

.infrastructure-node {
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 0 13px;
  font-size:8px;
  color:#425370
}

.infrastructure-node>.icon {
  width:13px;
  height:13px
}

.payout-preview {
  background:#fff;
  border:1px solid #d8dfe8;
  border-radius:10px;
  width:100%;
  max-width:366px;
  padding:14px 15px;
  box-shadow:0 12px 25px #455b7010
}

.preview-heading {
  display:flex;
  justify-content:space-between;
  font-size:7px;
  letter-spacing:.1em;
  color:#6b7169;
  font-weight:500
}

.payout-switch {
  display:flex;
  border-radius:6px;
  padding:3px;
  background:#f2f3ef;
  margin-top:10px;
  gap:4px
}

.payout-switch>button {
  width:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:4px;
  background:transparent;
  font-size:10px;
  min-height:34px;
  color:#656c61;
  transition:background .2s,box-shadow .2s
}

.payout-switch>button>.icon {
  width:14px;
  height:14px
}

.payout-switch>button.is-active {
  background:white;
  box-shadow:0 1px 5px #0000000c;
  color:var(--ink)
}

.preview-destination {
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:13px
}

.destination-icon {
  width:28px;
  height:28px;
  background:#edf0e8;
  border-radius:50%;
  display:grid;
  place-items:center
}

.destination-icon .icon {
  width:14px;
  height:14px
}

.preview-destination strong {
  font-size:10px;
  display:block;
  font-weight:500
}

.preview-destination small {
  font-size:8px;
  display:block;
  color:var(--muted)
}

.destination-arrow {
  margin-left:auto;
  width:15px;
  height:15px
}

.scene-caption {
  font-size:7px;
  color:#4c5d76;
  margin-top:13px;
  text-align:center
}

.scene-coordinate {
  position:absolute;
  left:13px;
  top:50%;
  writing-mode:vertical-rl;
  font-size:6px;
  letter-spacing:.16em;
  color:#4f6484;
  transform:rotate(180deg)
}

.hero-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--line);
  margin-top:54px;
  padding-block:26px
}

.hero-bottom>p {
  font-size:11px;
  line-height:1.65;
  color:var(--muted)
}

.hero-bottom strong {
  font-weight:500;
  color:var(--ink)
}

.currency-strip {
  display:flex;
  gap:28px;
  align-items:center
}

.currency-strip>span {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:500
}

.currency-strip b {
  font-size:12px;
  font-weight:500;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  background:#eceee6;
  border:1px solid #e0e3d8;
  border-radius:50%
}

.hero-bottom>a {
  font-size:10px;
  display:flex;
  align-items:center;
  gap:11px
}

.hero-bottom>a>.icon {
  width:15px;
  height:15px
}

/* Receiving details and the three-step journey. */
.details-section {
  border-top:1px solid var(--line)
}

.split-layout {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:center
}

.details-art {
  height:545px;
  border-radius:var(--radius);
  background:var(--sage);
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden
}

.details-art::before {
  content:'';
  position:absolute;
  width:580px;
  height:580px;
  border:1px solid #cbd2be;
  border-radius:50%;
  top:210px;
  left:-185px
}

.details-art::after {
  content:'';
  position:absolute;
  width:580px;
  height:580px;
  border:1px solid #cbd2be;
  border-radius:50%;
  top:235px;
  left:-155px
}

.detail-art-label {
  position:absolute;
  top:27px;
  left:27px;
  display:flex;
  gap:8px;
  align-items:center;
  font-size:7px;
  letter-spacing:.12em;
  color:#565e4a
}

.detail-art-label .mini-dot {
  background:#717c61
}

.detail-paper {
  width:320px;
  padding:25px 25px 18px;
  background:#fffefa;
  box-shadow:0 14px 28px #4d594317;
  transform:rotate(-5deg);
  position:relative;
  z-index:1
}

.paper-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px
}

.paper-header img {
  width:70px
}

.paper-header>span {
  font-size:6px;
  letter-spacing:.13em;
  color:var(--muted)
}

.detail-paper h3 {
  font-size:30px;
  letter-spacing:-.05em;
  margin-bottom:22px;
  line-height:1.05
}

.paper-line {
  border-top:1px solid #e9eae3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 0;
  font-size:10px
}

.paper-line>span {
  color:var(--muted)
}

.paper-line>strong {
  display:flex;
  gap:5px;
  align-items:center;
  font-size:11px;
  font-weight:500
}

.paper-line small {
  font-size:5px;
  color:#696e65;
  padding:2px 3px;
  background:#f0f1ea;
  letter-spacing:.03em
}

.mini-currency {
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--blue-light);
  display:inline-grid;
  place-items:center;
  margin-right:3px
}

.paper-instruction {
  display:flex;
  align-items:center;
  gap:9px;
  background:#f1f3ec;
  padding:11px;
  font-size:8px;
  line-height:1.7
}

.paper-instruction .icon {
  width:17px
}

.shared-note {
  position:absolute;
  z-index:2;
  right:25px;
  bottom:53px;
  padding:15px 20px;
  display:flex;
  align-items:center;
  gap:11px;
  background:var(--ink);
  color:white;
  border-radius:9px;
  transform:rotate(4deg);
  box-shadow:0 6px 20px #24282014;
  font-size:13px
}

.shared-note small {
  display:block;
  font-size:8px;
  color:#c5cdbb;
  margin-top:2px
}

.round-check {
  width:31px;
  height:31px;
  background:#d3dfc2;
  color:var(--ink);
  display:grid;
  place-items:center;
  border-radius:50%
}

.round-check .icon {
  width:16px
}

.shared-note>.icon {
  width:17px;
  margin-left:14px
}

.art-disclaimer {
  position:absolute;
  bottom:20px;
  font-size:7px;
  color:#58634c
}

.section-copy>p:not(.eyebrow) {
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
  margin-top:26px;
  max-width:445px
}

.inline-feature {
  display:flex;
  align-items:flex-start;
  gap:17px;
  border-top:1px solid var(--line);
  margin-top:27px;
  padding-top:26px;
  max-width:445px
}

.inline-feature>.icon {
  width:21px;
  height:21px;
  color:var(--blue);
  margin-top:3px
}

.inline-feature h3 {
  font-size:16px;
  letter-spacing:-.025em;
  line-height:1.45
}

.inline-feature p {
  font-size:11px;
  color:var(--muted);
  line-height:1.75;
  margin-top:7px
}

.section-copy>.text-link {
  margin-top:27px
}

.section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:45px;
  margin-bottom:48px
}

.section-heading>p {
  font-size:13px;
  color:var(--muted);
  line-height:1.85;
  max-width:385px;
  padding-bottom:4px
}

.workflow-section {
  padding-top:12px
}

.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.workflow-step {
  border-top:1px solid #bec3b6;
  padding:24px 12px 0 0
}

.step-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px
}

.step-top>span {
  font-size:11px;
  color:var(--muted)
}

.step-top>.icon {
  color:var(--ink);
  width:23px;
  height:23px;
  margin-right:10px
}

.workflow-step h3 {
  font-size:23px;
  margin-bottom:14px
}

.workflow-step>p {
  font-size:12px;
  line-height:1.85;
  color:var(--muted);
  max-width:340px;
  min-height:90px
}

.step-visual {
  background:#f0f1e9;
  min-height:100px;
  border-radius:9px;
  margin-top:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:18px
}

.mini-detail {
  position:relative;
  padding:10px;
  width:70px;
  height:51px;
  border:1px solid #b4bca8;
  background:#fafbf6;
  border-radius:5px;
  transform:rotate(-7deg)
}

.mini-detail i {
  display:block;
  border:1.5px solid #849474;
  width:14px;
  height:14px;
  border-radius:50%;
  margin-bottom:6px
}

.mini-detail b {
  display:block;
  width:46px;
  height:2px;
  background:#c5cdbd;
  margin-bottom:4px
}

.mini-detail b:last-child {
  width:30px
}

.dotted-path {
  width:80px;
  border-top:1px dashed #a9b29b;
  position:relative
}

.dotted-path::after {
  content:'';
  position:absolute;
  right:-1px;
  top:-3px;
  width:5px;
  height:5px;
  border-top:1px solid #a9b29b;
  border-right:1px solid #a9b29b;
  transform:rotate(45deg)
}

.person-bubble {
  width:38px;
  height:38px;
  background:#dbe2d0;
  border-radius:50%;
  display:grid;
  place-items:center
}

.person-bubble>.icon {
  height:18px;
  width:18px
}

.status-visual {
  gap:12px;
  background:#edf0f6
}

.status-visual>span {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:9px;
  color:#58677d
}

.status-visual i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9eacc0
}

.status-visual>span:last-child {
  background:#dfe8d7;
  color:#3b5430;
  padding:7px 9px;
  border-radius:20px
}

.status-visual .icon {
  width:12px;
  height:12px
}

.settle-visual {
  background:#f0edf5;
  gap:9px
}

.settle-visual>span {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  background:#ffffff80;
  padding:9px;
  border:1px solid #ded9e7;
  border-radius:5px
}

.settle-visual .icon {
  width:16px;
  height:16px
}

.settle-visual>i {
  font-style:normal;
  font-size:9px;
  color:var(--muted)
}

.invoice-note {
  display:flex;
  align-items:center;
  gap:14px;
  border-block:1px solid var(--line);
  padding:21px 0;
  margin-top:35px
}

.invoice-note>.icon {
  width:19px;
  height:19px
}

.invoice-note p {
  font-size:11px;
  font-weight:500;
  flex:1
}

.invoice-note p>span {
  font-weight:400;
  color:var(--muted);
  margin-left:3px
}

.secondary-label {
  font-size:7px;
  letter-spacing:.08em;
  white-space:nowrap;
  color:var(--muted)
}

/* The brand's globe is a quiet, open line drawing. */
.mission-section {
  background:var(--ink);
  color:var(--paper);
  overflow:hidden;
  padding-block:93px
}

.mission-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:center
}

.mission-copy .eyebrow {
  color:#c2cdb4;
  margin-bottom:28px
}

.mission-copy h2 {
  font-size:clamp(35px,3.7vw,51px);
  line-height:1.1
}

.mission-copy h2>span {
  color:#bdcba7
}

.mission-copy>p:not(.eyebrow) {
  max-width:400px;
  font-size:12px;
  line-height:1.9;
  color:#c4c9bd;
  margin-top:24px
}

.mission-copy>p:last-child {
  margin-top:17px
}

.mission-globe {
  position:relative;
  width:440px;
  height:440px;
  border:1px solid #69755d;
  border-radius:50%;
  transform:rotate(-20deg);
  margin-left:5px
}

.globe-longitude {
  position:absolute;
  border:1px solid #58654c;
  left:50%;
  top:-1px;
  width:240px;
  height:440px;
  transform:translateX(-50%);
  border-radius:50%
}

.longitude-two {
  width:80px
}

.globe-latitude {
  position:absolute;
  left:9px;
  top:50%;
  width:420px;
  height:140px;
  border:1px solid #58654c;
  border-radius:50%;
  transform:translateY(-50%)
}

.latitude-two {
  top:29%;
  width:344px;
  left:47px;
  height:95px
}

.latitude-three {
  top:72%;
  width:350px;
  left:44px;
  height:100px
}

.globe-equator {
  position:absolute;
  left:-50px;
  right:-50px;
  top:50%;
  height:180px;
  border:1px solid #9ba78a;
  border-radius:50%;
  transform:translateY(-50%) rotate(-20deg)
}

.globe-point {
  position:absolute;
  width:11px;
  height:11px;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#c7d3b3;
  box-shadow:0 0 0 1px #9ba78a
}

.point-one {
  top:67px;
  left:250px
}

.point-two {
  top:276px;
  left:72px;
  background:var(--yellow)
}

.point-three {
  right:14px;
  top:282px
}

.globe-label {
  position:absolute;
  transform:rotate(20deg);
  font-size:7px;
  letter-spacing:.17em;
  color:#c4cbb9
}

.label-one {
  top:57px;
  left:275px
}

.label-two {
  top:304px;
  left:-22px
}

/* An accessible, keyboard-operated currency explorer. */
.route-explorer {
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:#fdfdf8
}

.route-explorer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 25px;
  border-bottom:1px solid var(--line);
  font-size:8px;
  letter-spacing:.1em;
  font-weight:500;
  color:var(--muted)
}

.route-explorer-top>span:last-child {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:7px
}

.route-explorer-top .mini-dot {
  background:#6b795c
}

.currency-tabs {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  padding:20px 22px 0;
  gap:8px
}

.currency-tabs>button {
  text-align:left;
  background:transparent;
  min-width:0;
  position:relative;
  padding:18px;
  border:1px solid transparent;
  border-radius:8px;
  transition:background .2s,border-color .2s
}

.currency-tabs>button:hover {
  background:#eef1e8
}

.currency-tabs>button[aria-selected=true] {
  background:var(--ink);
  color:white;
  border-color:var(--ink)
}

.currency-tabs>button:focus-visible {
  outline-offset:-4px;
  outline-color:#7298ff
}

.currency-emblem {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  font-size:18px;
  margin-bottom:20px;
  border:1px solid #20251f0c;
  color:var(--ink)
}

.emblem-usd {
  background:#e3e8d7
}

.emblem-gbp {
  background:#eee6f2
}

.emblem-brl {
  background:#f5e8ad;
  font-size:14px
}

.emblem-eur {
  background:#dce7f9
}

.emblem-mxn {
  background:#e3e6cf
}

.emblem-cop {
  background:#f1dcc7
}

.currency-tabs strong {
  display:block;
  font-weight:500;
  font-size:18px;
  line-height:1.5
}

.currency-tabs small {
  display:block;
  font-size:9px;
  color:var(--muted)
}

.currency-tabs>button[aria-selected=true] small {
  color:#c5cbbc
}

.currency-tabs>button>.icon {
  position:absolute;
  right:13px;
  top:22px;
  width:15px;
  height:15px;
  opacity:0
}

.currency-tabs>button[aria-selected=true]>.icon {
  opacity:1
}

.currency-panel {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:22px;
  padding:25px 20px;
  background:#eef0e8;
  border-radius:7px;
  min-height:110px
}

.panel-caption {
  font-size:7px;
  letter-spacing:.1em;
  color:var(--muted)
}

.currency-panel h3 {
  font-size:20px;
  margin-top:6px
}

.rail-tags {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px
}

.rail-tags>span {
  font-size:11px;
  border:1px solid #cbd1bf;
  border-radius:5px;
  padding:8px 14px;
  background:#ffffff45
}

.explorer-foot {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 25px 20px;
  font-size:9px;
  color:var(--muted)
}

.explorer-foot>span {
  display:flex;
  align-items:center;
  gap:5px
}

.explorer-foot>.icon,.explorer-foot span>.icon {
  width:12px;
  height:12px
}

.stablecoin-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-block:1px solid var(--line);
  margin-top:27px;
  padding:23px 0
}

.stablecoin-row>div:first-child {
  display:flex;
  align-items:center;
  gap:13px;
  font-size:12px
}

.stablecoin-row small {
  display:block;
  font-size:9px;
  color:var(--muted);
  margin-top:3px
}

.stablecoin-row>div>.icon {
  width:20px
}

.asset-list {
  display:flex;
  flex-wrap:wrap;
  gap:7px
}

.asset-list>span {
  font-size:10px;
  padding:7px 13px;
  border:1px solid var(--line);
  border-radius:5px
}

.availability-note {
  font-size:10px;
  color:var(--muted);
  line-height:1.9;
  max-width:1050px;
  margin-top:20px
}

.fallback-rails {
  width:100%;
  text-align:left;
  border-collapse:collapse
}

.fallback-rails th,.fallback-rails td {
  padding:8px 25px;
  border-top:1px solid var(--line)
}

/* Two distinct destinations, using one shared card language. */
.payout-section {
  padding-top:10px
}

.payout-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

.payout-card {
  padding:31px 36px 33px;
  border-radius:12px;
  overflow:hidden
}

.payout-card--bank {
  background:var(--sage)
}

.payout-card--wallet {
  background:var(--lilac)
}

.payout-card-top {
  display:flex;
  align-items:center;
  justify-content:space-between
}

.payout-card-top .eyebrow {
  font-size:9px;
  margin:0
}

.payout-card-top>.icon {
  width:21px;
  height:21px
}

.bank-illustration,.wallet-illustration {
  position:relative;
  height:265px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:20px
}

.bank-orbit,.wallet-orbit {
  position:absolute;
  width:250px;
  height:250px;
  border:1px solid #c5cdb8;
  border-radius:50%;
  transform:rotate(-22deg) scaleY(.65)
}

.bank-orbit::before,.wallet-orbit::before {
  content:'';
  position:absolute;
  inset:16px;
  border:1px solid #c5cdb8;
  border-radius:50%
}

.bank-building {
  width:170px;
  color:#748761;
  transform:translateY(-10px)
}

.floating-currency {
  position:absolute;
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border:1px solid #b3bda3;
  border-radius:50%;
  background:#f1f4e9;
  color:#596d47;
  font-size:23px;
  box-shadow:3px 3px 0 #c3cdb6
}

.currency-a {
  left:19%;
  top:45px;
  transform:rotate(-13deg)
}

.currency-b {
  right:15%;
  top:87px;
  font-size:17px;
  transform:rotate(12deg)
}

.currency-c {
  left:30%;
  bottom:43px;
  font-size:20px;
  width:36px;
  height:36px
}

.illustration-pill {
  position:absolute;
  display:flex;
  align-items:center;
  gap:6px;
  bottom:18px;
  padding:8px 13px;
  border:1px solid #d4dbca;
  border-radius:20px;
  background:#f6f8f0;
  font-size:8px;
  color:#4f6340;
  transform:rotate(-4deg)
}

.illustration-pill>.icon {
  width:13px;
  height:13px
}

.payout-card h3 {
  font-size:31px;
  margin-bottom:14px
}

.payout-card>p {
  font-size:12px;
  line-height:1.85;
  max-width:430px;
  color:#5a6550;
  min-height:67px
}

.payout-card>.text-link {
  margin-top:24px;
  font-size:11px
}

.payout-card--wallet>p {
  color:#676174
}

.wallet-orbit {
  border-color:#d0c8df
}

.wallet-orbit::before {
  border-color:#d0c8df
}

.wallet-shape {
  position:absolute;
  width:151px;
  height:100px;
  border:1px solid #9584b6;
  border-radius:12px;
  background:#b9a8d4;
  transform:translateY(8px) rotate(-7deg);
  box-shadow:7px 7px 0 #cec2e1
}

.wallet-shape::before {
  content:'';
  position:absolute;
  left:-1px;
  top:-17px;
  width:146px;
  height:38px;
  border:1px solid #9584b6;
  border-radius:12px;
  z-index:-1;
  background:#a795c5;
  transform:skewY(-4deg)
}

.wallet-shape>span {
  position:absolute;
  right:-7px;
  top:31px;
  width:48px;
  height:33px;
  border:1px solid #9584b6;
  border-radius:6px;
  background:#d9cee8
}

.wallet-shape>i {
  position:absolute;
  right:17px;
  top:44px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#8e79b1
}

.coin {
  position:absolute;
  width:61px;
  height:61px;
  border-radius:50%;
  background:#f3edfc;
  border:1px solid #b1a0c9;
  box-shadow:3px 3px 0 #b9a8d4;
  color:#8b72ae;
  font-size:31px;
  display:grid;
  place-items:center
}

.coin-back {
  top:34px;
  left:32%;
  transform:rotate(-18deg)
}

.coin-front {
  top:49px;
  right:29%;
  transform:rotate(15deg);
  width:68px;
  height:68px
}

.wallet-illustration .illustration-pill {
  color:#76628d;
  border-color:#d2c8e0;
  background:#f7f3fc;
  transform:rotate(4deg);
  z-index:2
}

.payout-note {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:23px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.8
}

.payout-note .icon {
  width:16px;
  height:16px;
  margin-top:1px
}

/* Abstract editorial illustrations for the people behind the payments. */
.audience-section {
  border-top:1px solid var(--line);
  padding-top:95px
}

.audience-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px
}

.audience-art {
  height:228px;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  margin-bottom:26px;
  display:grid;
  place-items:center
}

.art-freelance {
  background:#ece8de
}

.art-remote {
  background:#e1e8f1
}

.art-business {
  background:#e8e8d8
}

.art-tag {
  position:absolute;
  bottom:18px;
  left:20px;
  font-size:7px;
  letter-spacing:.09em;
  color:#60634f
}

.abstract-window {
  position:relative;
  width:145px;
  height:118px;
  background:#fbf9f4;
  border:1px solid #b4aa94;
  transform:rotate(-9deg);
  border-radius:7px;
  box-shadow:8px 8px 0 #d5cdba;
  display:flex;
  gap:5px;
  padding:10px
}

.abstract-window::before {
  content:'';
  height:1px;
  position:absolute;
  top:27px;
  left:0;
  right:0;
  background:#c4bba7
}

.abstract-window>span {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#c4bba7
}

.abstract-window>i {
  position:absolute;
  left:16px;
  top:49px;
  width:61px;
  height:37px;
  border:1px solid #bca880;
  border-radius:50%;
  transform:rotate(-20deg)
}

.abstract-cursor {
  position:absolute;
  right:1px;
  bottom:3px;
  width:0;
  height:0;
  border-left:20px solid #9a8155;
  border-top:27px solid transparent;
  border-bottom:12px solid transparent;
  transform:rotate(-28deg)
}

.abstract-earth {
  width:128px;
  height:128px;
  border:1px solid #8399b3;
  border-radius:50%;
  position:relative;
  transform:rotate(-23deg);
  box-shadow:8px 6px 0 #c5d1e0
}

.abstract-earth::before {
  content:'';
  position:absolute;
  width:50px;
  height:128px;
  border:1px solid #8399b3;
  border-radius:50%;
  left:38px;
  top:-1px
}

.abstract-earth>span,.abstract-earth>i {
  position:absolute;
  left:1px;
  top:39px;
  width:124px;
  height:45px;
  border:1px solid #8399b3;
  border-radius:50%
}

.abstract-earth>i {
  height:1px;
  top:63px
}

.remote-path {
  position:absolute;
  width:212px;
  height:84px;
  border:1px solid #899fbc;
  border-radius:50%;
  transform:rotate(-24deg)
}

.remote-path::after {
  content:'';
  width:12px;
  height:12px;
  position:absolute;
  right:2px;
  bottom:19px;
  border-radius:50%;
  background:#8c9fbd;
  border:3px solid #e1e8f1;
  box-shadow:0 0 0 1px #899fbc
}

.abstract-block {
  position:absolute;
  width:61px;
  height:74px;
  border:1px solid #88916e;
  background:#dce0ca;
  transform:skewY(-13deg)
}

.abstract-block::before {
  content:'';
  position:absolute;
  width:18px;
  height:100%;
  left:-19px;
  top:-6px;
  background:#bbc4a1;
  transform:skewY(33deg);
  border:1px solid #88916e
}

.abstract-block::after {
  content:'';
  position:absolute;
  height:13px;
  width:100%;
  left:-10px;
  top:-14px;
  background:#edf0e3;
  border:1px solid #88916e;
  transform:skewX(54deg)
}

.block-one {
  left:22%;
  bottom:63px;
  height:56px
}

.block-two {
  left:43%;
  bottom:71px;
  height:86px
}

.block-three {
  left:64%;
  bottom:78px;
  height:117px
}

.audience-card>.eyebrow {
  font-size:8px;
  letter-spacing:.09em;
  margin-bottom:14px
}

.audience-card h3 {
  font-size:24px;
  line-height:1.2;
  margin-bottom:15px
}

.audience-card>p {
  color:var(--muted);
  font-size:12px;
  line-height:1.85;
  max-width:350px;
  min-height:72px
}

.audience-card>.text-link {
  font-size:10px;
  margin-top:23px;
  gap:11px
}

.audience-card>.text-link>.icon {
  width:15px
}

/* Compliance is part of the product, with a precise division of responsibilities. */
.security-section {
  background:#edf0e6;
  padding-block:88px
}

.security-layout {
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:100px;
  align-items:center
}

.security-copy>.eyebrow {
  margin-bottom:25px
}

.security-copy h2 {
  font-size:45px;
  letter-spacing:-.052em
}

.security-copy>p:not(.eyebrow) {
  font-size:13px;
  color:var(--muted);
  line-height:1.85;
  max-width:425px;
  margin-top:25px
}

.partner-disclosure {
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:30px;
  border-top:1px solid #cfd5c5;
  padding-top:25px
}

.partner-disclosure>.icon {
  width:21px;
  margin-top:1px
}

.partner-disclosure>p {
  font-size:11px;
  color:#515c46;
  line-height:1.85;
  max-width:385px
}

.security-bottom {
  display:block;
  font-size:9px;
  color:var(--muted);
  margin-top:20px
}

.security-checks {
  border:1px solid #d5dbc9;
  background:#f8f9f4;
  border-radius:10px;
  padding:0 25px
}

.security-checks>div {
  display:flex;
  align-items:center;
  gap:17px;
  border-top:1px solid #e0e4d7;
  padding:16px 0
}

.security-checks>div:first-child {
  border-top:0
}

.security-checks-top {
  font-size:8px;
  letter-spacing:.09em
}

.security-checks-top>.ostro-symbol {
  width:20px;
  height:20px
}

.security-checks-top>span:nth-child(2) {
  flex:1
}

.security-checks>div>span:first-child:not(.ostro-symbol) {
  font-size:9px;
  color:#626e56
}

.security-checks>div>p {
  font-size:12px;
  flex:1
}

.security-checks small {
  font-size:9px;
  display:block;
  color:var(--muted);
  margin-top:3px
}

.security-checks>div>.icon {
  width:16px;
  height:16px;
  color:#6a7c54
}

.security-checks-top>.icon {
  width:20px!important;
  height:20px!important
}

.faq-layout {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:90px
}

.faq-layout h2 {
  font-size:43px
}

.faq-layout>div>p:not(.eyebrow) {
  font-size:12px;
  color:var(--muted);
  margin-top:20px
}

.faq-list {
  border-top:1px solid var(--line)
}

.faq-list>details {
  border-bottom:1px solid var(--line)
}

.faq-list summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:23px 0;
  font-size:13px;
  font-weight:500;
  line-height:1.5
}

.faq-list summary::-webkit-details-marker {
  display:none
}

.faq-list summary>.icon {
  width:17px;
  height:17px;
  transition:transform .2s
}

.faq-list details[open] summary>.icon {
  transform:rotate(45deg)
}

.faq-list details>div {
  font-size:12px;
  line-height:1.85;
  color:var(--muted);
  padding:0 30px 25px 0
}

.final-cta {
  position:relative;
  background:#dfe7fa;
  overflow:hidden;
  padding-block:85px;
  text-align:center;
  isolation:isolate
}

.cta-inner {
  position:relative
}

.cta-inner>.eyebrow {
  justify-content:center;
  margin-bottom:24px;
  color:#3f5890
}

.cta-inner h2 {
  font-size:clamp(38px,4.5vw,62px);
  letter-spacing:-.06em
}

.cta-inner>p:not(.eyebrow) {
  font-size:13px;
  color:#52617c;
  margin-top:21px
}

.cta-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  margin-top:28px
}

.cta-actions .button--light {
  background:var(--ink);
  color:white;
  border-color:var(--ink)
}

.cta-actions .button--light:hover {
  background:#394332
}

.cta-inner>small {
  font-size:9px;
  color:#52617c;
  display:block;
  margin-top:24px
}

.cta-orbits {
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden
}

.cta-orbits span {
  position:absolute;
  width:1100px;
  height:1100px;
  border:1px solid #c2cee6;
  border-radius:50%;
  left:50%;
  top:60%;
  transform:translate(-50%,-50%) scaleX(1.1)
}

.cta-orbits span:nth-child(2) {
  width:1450px
}

.cta-orbits span:nth-child(3) {
  width:1800px
}

.site-footer {
  padding-top:66px
}

.footer-main {
  display:grid;
  grid-template-columns:1.6fr 1.1fr 1.2fr .7fr;
  gap:40px;
  padding-bottom:49px
}

.footer-brand .brand {
  width:118px
}

.footer-brand>p {
  font-size:11px;
  color:var(--muted);
  line-height:1.85;
  margin-top:20px
}

.footer-brand>span {
  font-size:6px;
  letter-spacing:.13em;
  color:#646b5c;
  display:block;
  margin-top:25px
}

.footer-column h2 {
  font-size:11px;
  letter-spacing:0;
  font-weight:500;
  margin:14px 0 21px
}

.footer-column>a {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  color:var(--muted);
  margin-bottom:12px;
  width:fit-content
}

.footer-column>a:hover {
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:4px
}

.footer-column .icon {
  height:12px;
  width:12px
}

.footer-disclosure {
  padding:24px 0;
  border-block:1px solid var(--line)
}

.footer-disclosure>p {
  font-size:9px;
  color:#62695b;
  line-height:1.85;
  max-width:1150px
}

.footer-disclosure>p+p {
  margin-top:8px
}

.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-height:78px;
  font-size:8px;
  color:var(--muted)
}

.footer-bottom>nav {
  display:flex;
  gap:24px;
  margin-left:auto
}

.footer-bottom>nav>a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}

.back-to-top {
  width:29px;
  height:29px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:14px
}

.future-dialog {
  border:1px solid var(--line);
  border-radius:14px;
  padding:44px;
  max-width:460px;
  width:calc(100% - 40px);
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 30px 90px #0002
}

.future-dialog::backdrop {
  background:#20251f66
}

.future-dialog .eyebrow {
  font-size:9px;
  color:var(--blue);
  margin-bottom:20px
}

.future-dialog h2 {
  font-size:36px
}

.future-dialog p {
  font-size:13px;
  color:var(--muted);
  margin:18px 0 25px
}

.dialog-close {
  position:absolute;
  right:12px;
  top:9px;
  width:36px;
  height:36px;
  background:transparent;
  font-size:25px
}

.future-dialog .button {
  font-size:12px;
  min-height:48px
}

.js-ready [data-reveal] {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s var(--ease),transform .7s var(--ease)
}

.js-ready [data-reveal].is-visible {
  opacity:1;
  transform:translateY(0)
}

@keyframes flow-down {
  0% {
    top:0;
    opacity:0
  }
  25% {
    opacity:1
  }
  75% {
    opacity:1
  }
  100% {
    top:100%;
    opacity:0
  }
}

@media(min-width:1500px) {
  .hero-layout {
    gap:70px
  }
  .hero {
    padding-top:68px
  }
  .hero-copy>.eyebrow {
    font-size:10px
  }
  .hero-description {
    font-size:16px
  }
  .payment-scene {
    height:632px;
    padding-top:30px
  }
  .payer-row {
    margin-top:27px
  }
  .scene-caption {
    margin-top:18px
  }
  .payout-preview {
    padding-block:17px
  }
  .hero-bottom {
    margin-top:64px
  }
}

@media(max-width:1200px) {
  .container {
    width:calc(100% - 72px)
  }
  .header-inner {
    gap:32px
  }
  .brand {
    width:103px
  }
  .nav-links {
    gap:17px
  }
  .nav-links>a,.nav-dropdown>summary,.login-link {
    font-size:11px
  }
  .nav-actions {
    gap:19px
  }
  .button--small {
    font-size:11px;
    gap:12px
  }
  .hero-layout {
    gap:24px
  }
  .hero-copy>.eyebrow {
    font-size:8px
  }
  .hero-description {
    font-size:14px;
    max-width:370px
  }
  .hero-actions {
    gap:20px
  }
  .hero-actions>.text-link {
    font-size:11px
  }
  .payment-scene {
    padding-inline:27px;
    height:598px
  }
  .scene-topline {
    font-size:7px
  }
  .payer-row {
    gap:4px
  }
  .payer-row>span {
    font-size:8px;
    padding:5px 8px
  }
  .split-layout {
    gap:70px
  }
  .section {
    padding-block:90px
  }
  .workflow-section,.payout-section {
    padding-top:10px
  }
  .details-art {
    height:520px
  }
  .detail-paper {
    width:288px
  }
  .shared-note {
    right:16px;
    font-size:11px;
    padding:13px 15px
  }
  .currency-strip {
    gap:17px
  }
  .hero-bottom>a {
    font-size:9px
  }
  .hero-bottom>p {
    font-size:10px
  }
  .mission-inner {
    gap:65px
  }
  .mission-globe {
    width:370px;
    height:370px;
    transform:rotate(-20deg) scale(.88);
    transform-origin:center
  }
  .globe-longitude {
    height:370px
  }
  .globe-latitude {
    width:350px
  }
  .latitude-two {
    width:284px;
    left:42px
  }
  .latitude-three {
    width:290px;
    left:39px
  }
  .mission-copy h2 {
    font-size:43px
  }
  .security-layout {
    gap:60px
  }
  .security-copy h2 {
    font-size:40px
  }
  .currency-tabs>button {
    padding:14px
  }
  .invoice-note {
    gap:11px
  }
  .secondary-label {
    display:none
  }
  .footer-main {
    gap:28px
  }
  .payout-card {
    padding-inline:28px
  }
  .audience-grid {
    gap:23px
  }
  .audience-card h3 {
    font-size:21px
  }
  .faq-layout {
    gap:55px
  }
}

@media(max-width:1020px) {
  .header-inner {
    gap:25px
  }
  .nav-links {
    gap:14px
  }
  .nav-actions {
    gap:14px
  }
  .nav-links>a,.nav-dropdown>summary,.login-link {
    font-size:10px
  }
  .brand {
    width:94px
  }
  .button--small {
    font-size:10px;
    padding:10px 12px
  }
  .button--small .icon {
    width:15px
  }
  .main-nav {
    gap:14px
  }
  .container {
    width:calc(100% - 56px)
  }
  .hero-layout {
    grid-template-columns:1.04fr 1fr;
    gap:24px
  }
  h1 {
    font-size:5.75vw
  }
  .hero-actions>.button {
    padding:13px 16px;
    font-size:12px;
    gap:15px;
    min-height:49px
  }
  .hero-actions {
    gap:18px
  }
  .hero-actions>.text-link {
    gap:6px;
    font-size:10px
  }
  .hero-description {
    font-size:13px
  }
  .payment-scene {
    padding-inline:23px
  }
  .payer-row>span {
    padding:4px 6px;
    font-size:7px
  }
  .scene-topline {
    font-size:6px
  }
  .scene-topline>.icon {
    width:16px
  }
  .hero-copy>.eyebrow {
    font-size:7px;
    gap:7px
  }
  .hero-qualification {
    font-size:9px
  }
  .hero-bottom>a {
    display:none
  }
  .hero-bottom {
    gap:20px
  }
  .currency-strip {
    gap:20px
  }
  .details-art {
    height:488px
  }
  .detail-paper {
    width:265px;
    padding:20px
  }
  .detail-art-label {
    font-size:6px;
    left:22px
  }
  .split-layout {
    gap:55px
  }
  .section-copy h2 {
    font-size:45px
  }
  .section-copy>p:not(.eyebrow) {
    font-size:12px
  }
  .inline-feature h3 {
    font-size:14px
  }
  .inline-feature p {
    font-size:10px
  }
  .shared-note {
    bottom:48px
  }
  .workflow-grid {
    gap:18px
  }
  .workflow-step h3 {
    font-size:21px
  }
  .workflow-step>p {
    font-size:11px;
    min-height:100px
  }
  .status-visual {
    gap:7px;
    padding-inline:9px
  }
  .status-visual>span {
    font-size:8px
  }
  .status-visual>span:last-child {
    padding:6px
  }
  .settle-visual {
    padding-inline:9px;
    gap:5px
  }
  .settle-visual>span {
    font-size:8px;
    padding:7px
  }
  .mission-inner {
    gap:25px
  }
  .mission-globe {
    margin-left:-35px
  }
  .mission-copy h2 {
    font-size:38px
  }
  .mission-copy>.eyebrow {
    font-size:8px
  }
  .currency-tabs {
    padding-inline:15px;
    gap:4px
  }
  .currency-tabs>button {
    padding:12px
  }
  .currency-tabs small {
    font-size:8px
  }
  .currency-tabs>button>.icon {
    right:10px;
    top:13px;
    width:12px
  }
  .currency-emblem {
    width:32px;
    height:32px
  }
  .asset-list {
    gap:5px
  }
  .asset-list>span {
    font-size:9px;
    padding:6px 9px
  }
  .stablecoin-row>div:first-child {
    font-size:10px
  }
  .payout-card h3 {
    font-size:28px
  }
  .payout-card>p {
    font-size:11px
  }
  .bank-illustration,.wallet-illustration {
    height:240px
  }
  .currency-a {
    left:8%
  }
  .currency-b {
    right:7%
  }
  .coin-back {
    left:25%
  }
  .coin-front {
    right:22%
  }
  .audience-art {
    height:205px
  }
  .audience-card h3 {
    font-size:20px
  }
  .audience-card>p {
    font-size:11px;
    min-height:84px
  }
  .audience-card>.text-link {
    font-size:9px;
    gap:5px
  }
  .audience-card>.eyebrow {
    font-size:7px
  }
  .art-tag {
    font-size:6px;
    left:15px
  }
  .security-copy h2 {
    font-size:34px
  }
  .security-layout {
    gap:35px
  }
  .security-checks {
    padding-inline:19px
  }
  .security-checks>div {
    gap:11px
  }
  .security-checks>div>p {
    font-size:11px
  }
  .security-checks small {
    font-size:8px
  }
  .security-copy>.eyebrow {
    font-size:8px
  }
  .faq-layout h2 {
    font-size:36px
  }
  .faq-list summary {
    font-size:12px
  }
  .footer-main {
    grid-template-columns:1.3fr 1fr 1.2fr .5fr;
    gap:20px
  }
  .footer-column>a {
    font-size:9px
  }
  .footer-bottom>nav {
    gap:16px
  }
  .footer-bottom {
    font-size:7px
  }
}

@media(max-width:800px) {
  html {
    scroll-padding-top:35px
  }
  .container {
    width:calc(100% - 40px)
  }
  .site-header {
    height:78px
  }
  .header-inner {
    justify-content:space-between
  }
  .brand {
    width:107px
  }
  .menu-toggle {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    background:transparent;
    border-radius:6px
  }
  .menu-toggle>span {
    width:17px;
    height:1.5px;
    background:var(--ink);
    transition:transform .2s
  }
  .menu-toggle[aria-expanded=true]>span:first-child {
    transform:translateY(3.75px) rotate(45deg)
  }
  .menu-toggle[aria-expanded=true]>span:last-child {
    transform:translateY(-3.75px) rotate(-45deg)
  }
  .main-nav {
    display:none;
    position:absolute;
    top:77px;
    left:0;
    right:0;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    padding:20px 26px 27px;
    box-shadow:0 14px 20px #20251f0c;
    max-height:calc(100dvh - 77px);
    overflow:auto
  }
  .main-nav.is-open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:24px
  }
  .nav-links {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .nav-links>a,.nav-dropdown>summary {
    padding:12px 0;
    font-size:16px;
    justify-content:space-between
  }
  .nav-dropdown {
    border-bottom:1px solid var(--line)
  }
  .nav-links>a {
    border-bottom:1px solid var(--line)
  }
  .nav-dropdown>summary .icon {
    width:18px;
    height:18px
  }
  .dropdown-panel {
    position:static;
    width:100%;
    box-shadow:none;
    background:#eff1e8;
    border:0;
    margin:3px 0 13px;
    padding:5px
  }
  .dropdown-panel a {
    padding:12px 10px;
    font-size:13px
  }
  .dropdown-panel small {
    font-size:10px
  }
  .nav-actions {
    justify-content:space-between;
    gap:20px
  }
  .login-link {
    font-size:14px
  }
  .button--small {
    font-size:13px;
    padding:13px 20px;
    gap:24px
  }
  .hero {
    padding-top:41px
  }
  .hero-layout {
    grid-template-columns:1fr;
    gap:38px
  }
  .hero-copy {
    text-align:center;
    padding:0
  }
  .hero-copy>.eyebrow {
    justify-content:center;
    font-size:8px;
    margin-bottom:25px
  }
  .hero h1 {
    font-size:clamp(57px,8.8vw,74px);
    line-height:1.02
  }
  .hero h1>br:first-child {
    display:none
  }
  .hero h1>br:first-child::after {
    content:' '
  }
  .hero h1>span {
    white-space:normal
  }
  .hero-description {
    max-width:435px;
    font-size:14px;
    margin:24px auto 0
  }
  .hero-actions {
    justify-content:center;
    margin-top:25px;
    gap:24px
  }
  .hero-actions>.button {
    font-size:13px;
    padding:14px 22px;
    min-height:51px;
    gap:24px
  }
  .hero-actions>.text-link {
    font-size:12px;
    gap:12px
  }
  .hero-qualification {
    margin-top:18px;
    font-size:9px
  }
  .hero-qualification>br {
    display:none
  }
  .payment-scene {
    width:min(100%,540px);
    margin-inline:auto;
    height:612px;
    padding:26px 35px
  }
  .scene-topline {
    font-size:8px
  }
  .scene-topline>.icon {
    width:20px
  }
  .payer-row {
    gap:6px
  }
  .payer-row>span {
    font-size:9px;
    padding:5px 9px
  }
  .scene-caption {
    font-size:8px
  }
  .hero-bottom {
    margin-top:35px;
    flex-direction:column;
    padding:24px 0;
    gap:20px
  }
  .hero-bottom>p {
    font-size:11px;
    text-align:center
  }
  .hero-bottom>p>br {
    display:none
  }
  .hero-bottom>p strong {
    margin-left:4px
  }
  .currency-strip {
    gap:28px
  }
  .currency-strip>span {
    font-size:11px
  }
  .section {
    padding-block:72px
  }
  .split-layout {
    gap:38px
  }
  .section-copy h2 {
    font-size:38px
  }
  .section-copy>p:not(.eyebrow) {
    font-size:12px;
    margin-top:20px
  }
  .details-art {
    height:450px
  }
  .detail-paper {
    width:230px;
    padding:18px
  }
  .detail-paper h3 {
    font-size:26px
  }
  .paper-line {
    font-size:8px
  }
  .paper-line>strong {
    font-size:9px
  }
  .paper-header>span {
    font-size:5px
  }
  .paper-header img {
    width:60px
  }
  .paper-instruction {
    font-size:7px;
    padding:9px
  }
  .detail-art-label {
    font-size:5px;
    left:15px;
    top:24px;
    gap:5px
  }
  .shared-note {
    right:10px;
    padding:12px;
    font-size:10px;
    gap:8px;
    bottom:54px
  }
  .shared-note small {
    font-size:7px
  }
  .shared-note>.icon {
    margin-left:2px;
    width:13px
  }
  .round-check {
    width:27px;
    height:27px
  }
  .art-disclaimer {
    font-size:6px
  }
  .section .eyebrow {
    font-size:8px;
    margin-bottom:17px
  }
  .inline-feature {
    gap:12px;
    margin-top:20px;
    padding-top:20px
  }
  .inline-feature h3 {
    font-size:12px
  }
  .inline-feature p {
    font-size:9px
  }
  .section-copy>.text-link {
    font-size:11px;
    margin-top:19px
  }
  .section-heading {
    gap:25px;
    margin-bottom:34px
  }
  .section-heading h2 {
    font-size:38px
  }
  .section-heading>p {
    font-size:11px;
    max-width:280px
  }
  .workflow-section,.payout-section {
    padding-top:8px
  }
  .workflow-grid {
    gap:15px
  }
  .workflow-step {
    padding-right:0
  }
  .workflow-step h3 {
    font-size:18px
  }
  .workflow-step>p {
    font-size:10px;
    min-height:95px
  }
  .step-top {
    margin-bottom:22px
  }
  .step-visual {
    padding:12px 9px;
    min-height:87px;
    margin-top:17px
  }
  .dotted-path {
    width:38px
  }
  .mini-detail {
    width:58px
  }
  .mini-detail b {
    width:35px
  }
  .person-bubble {
    width:32px;
    height:32px
  }
  .status-visual {
    gap:5px;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding:16px
  }
  .status-visual>span:last-child {
    margin-left:auto
  }
  .settle-visual {
    gap:4px
  }
  .settle-visual>span {
    flex-direction:column;
    gap:4px;
    font-size:7px;
    padding:8px 6px
  }
  .invoice-note p {
    font-size:10px
  }
  .mission-section {
    padding-block:73px
  }
  .mission-inner {
    gap:12px
  }
  .mission-globe {
    transform:rotate(-20deg) scale(.69);
    margin-left:-65px
  }
  .mission-copy h2 {
    font-size:32px
  }
  .mission-copy>p:not(.eyebrow) {
    font-size:11px
  }
  .mission-copy>.eyebrow {
    font-size:7px;
    margin-bottom:22px
  }
  .currency-tabs {
    padding:14px 12px 0;
    gap:3px
  }
  .currency-tabs>button {
    padding:10px
  }
  .currency-tabs small {
    font-size:7px
  }
  .currency-tabs strong {
    font-size:16px
  }
  .currency-tabs>button>.icon {
    width:10px;
    right:7px
  }
  .currency-emblem {
    margin-bottom:14px;
    width:28px;
    height:28px;
    font-size:15px
  }
  .emblem-brl {
    font-size:11px
  }
  .currency-panel {
    margin:14px;
    padding:22px 16px;
    min-height:110px
  }
  .currency-panel h3 {
    font-size:17px;
    line-height:1.3
  }
  .rail-tags>span {
    font-size:9px;
    padding:7px 9px
  }
  .stablecoin-row {
    flex-direction:column;
    align-items:flex-start;
    gap:15px
  }
  .asset-list {
    gap:8px
  }
  .asset-list>span {
    font-size:10px;
    padding:6px 13px
  }
  .stablecoin-row>div:first-child {
    font-size:12px
  }
  .payout-grid {
    gap:16px
  }
  .payout-card {
    padding:23px
  }
  .payout-card h3 {
    font-size:26px
  }
  .payout-card>p {
    font-size:11px;
    min-height:102px
  }
  .payout-card>.text-link {
    font-size:10px;
    gap:9px;
    margin-top:16px
  }
  .payout-card-top .eyebrow {
    font-size:8px;
    margin:0
  }
  .bank-illustration,.wallet-illustration {
    height:224px;
    transform:scale(.9);
    margin-inline:-23px;
    margin-bottom:7px
  }
  .audience-grid {
    gap:17px
  }
  .audience-art {
    height:187px
  }
  .audience-card h3 {
    font-size:18px;
    min-height:65px
  }
  .audience-card>.eyebrow {
    font-size:6px;
    letter-spacing:.05em
  }
  .audience-card>p {
    font-size:10px;
    min-height:94px
  }
  .audience-card>.text-link {
    font-size:9px;
    line-height:1.5
  }
  .art-tag {
    font-size:5px;
    left:10px;
    letter-spacing:.04em
  }
  .abstract-window {
    transform:rotate(-9deg) scale(.8)
  }
  .abstract-earth {
    transform:rotate(-23deg) scale(.8)
  }
  .remote-path {
    width:169px;
    height:68px
  }
  .abstract-block {
    width:44px
  }
  .block-one {
    left:24%;
    height:40px
  }
  .block-two {
    left:45%;
    height:65px
  }
  .block-three {
    left:66%;
    height:90px
  }
  .security-section {
    padding-block:67px
  }
  .security-layout {
    gap:30px
  }
  .security-copy h2 {
    font-size:30px
  }
  .security-copy>.eyebrow {
    font-size:7px
  }
  .security-copy>p:not(.eyebrow) {
    font-size:11px
  }
  .partner-disclosure {
    gap:10px;
    margin-top:23px;
    padding-top:20px
  }
  .partner-disclosure>p {
    font-size:10px
  }
  .security-checks {
    padding-inline:15px
  }
  .security-checks>div {
    gap:8px;
    padding-block:17px
  }
  .security-checks>div>p {
    font-size:10px
  }
  .security-checks small {
    font-size:7px
  }
  .security-checks-top {
    font-size:7px
  }
  .security-checks>div>.icon {
    width:13px
  }
  .security-bottom {
    font-size:8px
  }
  .faq-layout {
    gap:35px;
    grid-template-columns:.9fr 1.2fr
  }
  .faq-layout h2 {
    font-size:32px
  }
  .faq-list summary {
    font-size:11px;
    gap:14px
  }
  .faq-list details>div {
    font-size:11px
  }
  .final-cta {
    padding-block:70px
  }
  .cta-inner h2 {
    font-size:44px
  }
  .footer-main {
    grid-template-columns:1.4fr 1fr 1.2fr;
    gap:24px
  }
  .footer-brand {
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:30px;
    flex-wrap:wrap
  }
  .footer-brand>p {
    margin-top:0
  }
  .footer-brand>span {
    margin:0 0 0 auto
  }
  .footer-column h2 {
    margin-top:15px;
    font-size:12px
  }
  .footer-column>a {
    font-size:11px;
    margin-bottom:14px
  }
  .footer-bottom {
    flex-wrap:wrap;
    gap:14px;
    padding-block:22px;
    font-size:8px
  }
  .footer-bottom>nav {
    gap:19px;
    order:2;
    margin:0;
    flex:1 0 100%
  }
  .back-to-top {
    margin-left:auto
  }
}

@media(max-width:580px) {
  .container {
    width:calc(100% - 40px)
  }
  .site-header {
    height:73px
  }
  .main-nav {
    top:72px;
    max-height:calc(100dvh - 72px)
  }
  .hero {
    padding-top:38px
  }
  .hero-copy {
    text-align:left
  }
  .hero-copy>.eyebrow {
    justify-content:flex-start;
    font-size:6.6px;
    gap:7px;
    margin-bottom:23px
  }
  .small-orbit {
    height:11px;
    width:11px;
    flex-shrink:0
  }
  .hero h1 {
    font-size:clamp(49px,10.75vw,64px);
    line-height:1.025;
    letter-spacing:-.065em
  }
  .hero h1>br:first-child {
    display:block
  }
  .hero h1>span {
    white-space:nowrap
  }
  .hero-description {
    font-size:13px;
    line-height:1.85;
    margin:21px 0 0;
    max-width:370px
  }
  .hero-actions {
    justify-content:flex-start;
    gap:21px;
    margin-top:25px
  }
  .hero-actions>.button {
    font-size:12px;
    min-height:51px;
    padding:14px 19px;
    gap:20px
  }
  .hero-actions>.text-link {
    font-size:10px;
    gap:7px
  }
  .hero-qualification {
    font-size:8px;
    line-height:1.7;
    max-width:285px;
    margin-top:17px
  }
  .hero-qualification>br {
    display:block
  }
  .hero-layout {
    gap:31px
  }
  .payment-scene {
    height:563px;
    padding:21px 24px 15px;
    border-radius:11px
  }
  .scene-topline {
    font-size:6px
  }
  .scene-topline>.icon {
    width:16px;
    height:16px
  }
  .payer-row {
    gap:4px;
    margin-top:20px
  }
  .payer-row>span {
    font-size:6.6px;
    padding:4px 6px
  }
  .flow-stem {
    height:23px
  }
  .flow-stem--short {
    height:18px
  }
  .receiving-card-top {
    padding:13px 13px 10px;
    gap:7px
  }
  .receiving-card-top strong {
    font-size:10px
  }
  .receiving-card-top>div>span {
    font-size:8px
  }
  .icon-tile {
    height:30px;
    width:29px
  }
  .icon-tile>.icon {
    width:17px
  }
  .currency-tag {
    font-size:8px;
    gap:4px
  }
  .example-detail {
    padding:8px 14px 9px
  }
  .example-detail>strong {
    font-size:13px
  }
  .example-detail>span,.masked-details>span {
    font-size:8px
  }
  .masked-details {
    margin:0 14px 12px
  }
  .masked-details b {
    font-size:11px
  }
  .card-footnote {
    font-size:7px;
    padding:9px 11px;
    gap:3px
  }
  .review-node {
    font-size:9px;
    min-height:38px;
    gap:9px;
    padding:9px 12px
  }
  .infrastructure-node {
    font-size:7px;
    padding:11px 0
  }
  .payout-preview {
    padding:13px 12px
  }
  .preview-heading {
    font-size:6px
  }
  .payout-switch>button {
    font-size:9px;
    gap:5px;
    min-height:34px
  }
  .preview-destination strong {
    font-size:9px
  }
  .preview-destination small {
    font-size:7px
  }
  .scene-caption {
    font-size:6px;
    margin-top:14px
  }
  .scene-coordinate {
    font-size:5px;
    left:8px
  }
  .scene-sun {
    right:-69px;
    top:149px
  }
  .orbit-one {
    left:11px;
    top:-41px
  }
  .orbit-two {
    left:38px;
    top:-30px
  }
  .orbit-three {
    left:88px;
    top:-33px
  }
  .hero-bottom {
    gap:19px;
    padding:24px 0;
    margin-top:31px
  }
  .hero-bottom>p {
    font-size:9px
  }
  .currency-strip {
    width:100%;
    justify-content:space-between;
    gap:6px
  }
  .currency-strip>span {
    flex-direction:column;
    gap:5px;
    font-size:9px
  }
  .currency-strip b {
    width:29px;
    height:29px;
    font-size:12px
  }
  .section {
    padding-block:60px
  }
  .split-layout {
    grid-template-columns:1fr;
    gap:33px
  }
  .section-copy {
    order:-1
  }
  .section .eyebrow {
    font-size:8px;
    letter-spacing:.11em;
    margin-bottom:18px
  }
  .section-copy h2 {
    font-size:44px
  }
  .section-copy h2>br:nth-child(2) {
    display:none
  }
  .section-copy>p:not(.eyebrow) {
    font-size:13px;
    line-height:1.85;
    max-width:none
  }
  .inline-feature {
    margin-top:24px;
    padding-top:23px;
    gap:14px
  }
  .inline-feature h3 {
    font-size:15px
  }
  .inline-feature p {
    font-size:11px
  }
  .inline-feature>.icon {
    width:21px;
    height:21px
  }
  .section-copy>.text-link {
    font-size:12px;
    margin-top:24px
  }
  .details-art {
    height:437px
  }
  .detail-art-label {
    font-size:6px;
    left:22px;
    top:22px
  }
  .detail-paper {
    width:264px;
    padding:22px
  }
  .detail-paper h3 {
    font-size:29px
  }
  .paper-line {
    font-size:9px;
    padding:12px 0
  }
  .paper-line>strong {
    font-size:10px
  }
  .paper-header img {
    width:69px
  }
  .paper-header>span {
    font-size:5.5px
  }
  .paper-instruction {
    font-size:7px
  }
  .shared-note {
    right:14px;
    bottom:45px;
    padding:13px 14px;
    font-size:11px;
    gap:9px
  }
  .shared-note small {
    font-size:7px
  }
  .shared-note>.icon {
    width:15px;
    margin-left:6px
  }
  .art-disclaimer {
    font-size:6px;
    bottom:16px
  }
  .workflow-section {
    padding-top:0
  }
  .section-heading {
    display:block;
    margin-bottom:30px
  }
  .section-heading h2 {
    font-size:39px
  }
  .section-heading>p {
    font-size:12px;
    line-height:1.8;
    max-width:none;
    margin-top:19px
  }
  .desktop-break {
    display:none
  }
  .workflow-grid {
    grid-template-columns:1fr;
    gap:27px
  }
  .workflow-step {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:16px;
    padding-top:20px
  }
  .step-top {
    grid-column:1/-1;
    margin-bottom:17px
  }
  .step-top>span {
    font-size:10px
  }
  .step-top>.icon {
    width:21px;
    margin-right:0
  }
  .workflow-step h3 {
    grid-column:1/-1;
    font-size:24px;
    margin-bottom:12px
  }
  .workflow-step>p {
    font-size:11px;
    line-height:1.8;
    min-height:0
  }
  .step-visual {
    margin:0;
    align-self:center;
    min-height:100px
  }
  .status-visual {
    padding:12px;
    gap:9px
  }
  .status-visual>span {
    font-size:8px
  }
  .status-visual>span:last-child {
    margin-left:0
  }
  .settle-visual {
    gap:5px
  }
  .settle-visual>span {
    font-size:7px;
    padding:9px 7px
  }
  .settle-visual .icon {
    width:17px;
    height:17px
  }
  .dotted-path {
    width:22px
  }
  .person-bubble {
    width:29px;
    height:29px
  }
  .mini-detail {
    width:46px;
    padding:7px;
    height:46px
  }
  .mini-detail b {
    width:29px
  }
  .mini-detail b:last-child {
    width:21px
  }
  .invoice-note {
    align-items:flex-start;
    gap:11px;
    margin-top:29px;
    padding:20px 0
  }
  .invoice-note>.icon {
    width:18px;
    height:18px;
    margin-top:3px
  }
  .invoice-note p {
    font-size:11px;
    line-height:1.8
  }
  .invoice-note p>span {
    display:block;
    margin-left:0;
    margin-top:5px;
    font-size:10px
  }
  .mission-section {
    padding:57px 0 10px
  }
  .mission-inner {
    display:flex;
    flex-direction:column;
    gap:0
  }
  .mission-copy {
    order:-1;
    width:100%
  }
  .mission-copy>.eyebrow {
    font-size:8px;
    margin-bottom:22px
  }
  .mission-copy h2 {
    font-size:40px
  }
  .mission-copy>p:not(.eyebrow) {
    font-size:12px;
    max-width:100%;
    margin-top:24px
  }
  .mission-copy>p:last-child {
    margin-top:15px
  }
  .mission-globe {
    width:370px;
    height:370px;
    transform:rotate(-20deg) scale(.75);
    margin:0;
    align-self:center
  }
  .globe-label {
    font-size:8px
  }
  .currencies-section .section-heading h2 {
    font-size:39px
  }
  .route-explorer-top {
    padding:18px 16px;
    font-size:6px;
    gap:10px
  }
  .route-explorer-top>span:last-child {
    font-size:5px;
    gap:4px
  }
  .currency-tabs {
    grid-template-columns:repeat(3,1fr);
    padding:13px 12px 0;
    gap:6px
  }
  .currency-tabs>button {
    padding:13px 11px;
    min-height:122px;
    border:1px solid #e6e8de
  }
  .currency-tabs strong {
    font-size:16px
  }
  .currency-tabs small {
    font-size:8px
  }
  .currency-emblem {
    width:28px;
    height:28px;
    font-size:15px;
    margin-bottom:11px
  }
  .currency-tabs>button>.icon {
    width:12px;
    right:10px;
    top:17px
  }
  .currency-panel {
    display:block;
    margin:13px 12px;
    padding:18px 14px;
    min-height:135px
  }
  .panel-caption {
    font-size:6px
  }
  .currency-panel h3 {
    font-size:19px
  }
  .rail-tags {
    margin-top:14px;
    gap:6px
  }
  .rail-tags>span {
    font-size:9px;
    padding:6px 10px
  }
  .explorer-foot {
    padding:0 15px 17px;
    display:block;
    font-size:8px
  }
  .explorer-foot>span {
    margin-top:8px;
    font-size:8px
  }
  .stablecoin-row {
    margin-top:20px;
    padding:20px 0;
    gap:16px
  }
  .stablecoin-row>div:first-child {
    font-size:12px
  }
  .stablecoin-row small {
    font-size:9px
  }
  .asset-list {
    gap:6px
  }
  .asset-list>span {
    font-size:9px;
    padding:6px 10px
  }
  .availability-note {
    font-size:9px;
    line-height:1.9;
    margin-top:17px
  }
  .payout-section {
    padding-top:0
  }
  .payout-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .payout-card {
    padding:25px
  }
  .payout-card-top .eyebrow {
    font-size:8px;
    margin:0
  }
  .payout-card h3 {
    font-size:31px
  }
  .payout-card>p {
    font-size:12px;
    line-height:1.85;
    min-height:0
  }
  .bank-illustration,.wallet-illustration {
    height:252px;
    transform:none;
    margin-bottom:15px
  }
  .currency-a {
    left:15%
  }
  .currency-b {
    right:13%
  }
  .coin-back {
    left:29%
  }
  .coin-front {
    right:24%
  }
  .payout-card>.text-link {
    font-size:11px;
    gap:13px;
    margin-top:23px
  }
  .payout-note {
    font-size:9px;
    gap:9px;
    margin-top:20px
  }
  .payout-note>.icon {
    width:15px;
    height:15px;
    flex-shrink:0
  }
  .audience-grid {
    grid-template-columns:1fr;
    gap:39px
  }
  .audience-art {
    height:230px;
    margin-bottom:24px
  }
  .abstract-window {
    transform:rotate(-9deg)
  }
  .abstract-earth {
    transform:rotate(-23deg)
  }
  .remote-path {
    width:212px;
    height:84px
  }
  .art-tag {
    font-size:7px;
    left:20px;
    bottom:17px
  }
  .abstract-block {
    width:61px
  }
  .block-one {
    height:56px;
    left:23%
  }
  .block-two {
    height:86px;
    left:44%
  }
  .block-three {
    height:117px;
    left:65%
  }
  .audience-card>.eyebrow {
    font-size:7px;
    margin-bottom:12px
  }
  .audience-card h3 {
    font-size:26px;
    min-height:0;
    line-height:1.2;
    margin-bottom:13px
  }
  .audience-card>p {
    font-size:12px;
    min-height:0;
    max-width:100%
  }
  .audience-card>.text-link {
    font-size:11px;
    margin-top:18px;
    gap:13px
  }
  .security-section {
    padding-block:55px
  }
  .security-layout {
    grid-template-columns:1fr;
    gap:32px
  }
  .security-copy>.eyebrow {
    font-size:7px;
    margin-bottom:20px
  }
  .security-copy h2 {
    font-size:37px
  }
  .security-copy>p:not(.eyebrow) {
    font-size:12px;
    margin-top:22px
  }
  .partner-disclosure>p {
    font-size:11px;
    line-height:1.85
  }
  .partner-disclosure {
    gap:13px;
    margin-top:25px;
    padding-top:23px
  }
  .security-bottom {
    font-size:9px
  }
  .security-checks {
    padding-inline:20px
  }
  .security-checks>div {
    padding:17px 0;
    gap:14px
  }
  .security-checks>div>p {
    font-size:12px
  }
  .security-checks small {
    font-size:8px
  }
  .security-checks>div>.icon {
    width:16px;
    height:16px
  }
  .security-checks-top {
    font-size:8px
  }
  .faq-layout {
    grid-template-columns:1fr;
    gap:26px
  }
  .faq-layout h2 {
    font-size:39px
  }
  .faq-layout>div>p:not(.eyebrow) {
    font-size:12px;
    margin-top:17px
  }
  .faq-list summary {
    font-size:12px;
    padding-block:22px;
    gap:18px
  }
  .faq-list details>div {
    font-size:11px;
    padding-right:18px
  }
  .final-cta {
    padding-block:61px
  }
  .cta-inner>.eyebrow {
    font-size:7px;
    margin-bottom:21px
  }
  .cta-inner h2 {
    font-size:36px;
    letter-spacing:-.06em
  }
  .cta-inner>p:not(.eyebrow) {
    font-size:12px;
    max-width:280px;
    margin:19px auto 0
  }
  .cta-actions {
    margin-top:26px;
    gap:25px
  }
  .cta-actions>.button {
    font-size:12px;
    min-height:51px;
    gap:23px;
    padding:14px 19px
  }
  .cta-actions>.text-link {
    font-size:12px;
    gap:10px
  }
  .cta-inner>small {
    font-size:7px;
    margin-top:21px
  }
  .site-footer {
    padding-top:42px
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
    column-gap:17px;
    row-gap:22px;
    padding-bottom:30px
  }
  .footer-brand {
    display:block;
    grid-column:1/-1;
    padding-bottom:11px
  }
  .footer-brand .brand {
    width:115px
  }
  .footer-brand>p {
    font-size:12px;
    margin-top:14px
  }
  .footer-brand>span {
    font-size:6px;
    margin-top:17px
  }
  .footer-column h2 {
    font-size:12px;
    margin:7px 0 17px
  }
  .footer-column>a {
    font-size:10px;
    line-height:1.7;
    margin-bottom:12px
  }
  .footer-disclosure {
    padding-block:20px
  }
  .footer-disclosure>p {
    font-size:8px;
    line-height:1.9
  }
  .footer-disclosure>p+p {
    margin-top:11px
  }
  .footer-bottom {
    font-size:8px;
    min-height:100px;
    padding:18px 0 24px;
    gap:15px
  }
  .footer-bottom>nav {
    flex-wrap:wrap;
    gap:10px 18px;
    font-size:8px
  }
  .future-dialog {
    padding:36px 26px
  }
  .future-dialog h2 {
    font-size:31px
  }
  .future-dialog p {
    font-size:12px
  }
  .future-dialog .button {
    font-size:11px;
    gap:15px
  }
}

@media(max-width:360px) {
  .container {
    width:calc(100% - 32px)
  }
  .hero h1 {
    font-size:46px
  }
  .hero-copy>.eyebrow {
    font-size:5.7px
  }
  .hero-actions {
    gap:14px
  }
  .hero-actions>.button {
    font-size:11px;
    padding-inline:15px;
    gap:17px
  }
  .hero-actions>.text-link {
    font-size:9px
  }
  .payment-scene {
    padding-inline:20px
  }
  .payer-row {
    gap:3px
  }
  .payer-row>span {
    font-size:6px;
    padding-inline:5px
  }
  .card-footnote {
    font-size:6.5px
  }
  .currency-strip {
    gap:4px
  }
  .hero-bottom>p {
    font-size:8px
  }
  .section-heading h2,.section-copy h2 {
    font-size:36px
  }
  .workflow-step {
    column-gap:13px
  }
  .workflow-step>p {
    font-size:10px
  }
  .mission-copy h2 {
    font-size:35px
  }
  .security-copy h2 {
    font-size:33px
  }
  .cta-inner h2 {
    font-size:32px
  }
  .asset-list>span {
    padding:5px 8px
  }
  .section .eyebrow {
    font-size:7px
  }
}

/* Readable supporting copy across viewport sizes. Micro-labels belong only to illustrations. */
.hero-qualification {
  font-size:11px
}

.hero-bottom>p,.hero-bottom>a {
  font-size:12px
}

.currency-strip>span {
  font-size:12px
}

.section-copy>p:not(.eyebrow),.section-heading>p,.workflow-step>p,.payout-card>p,.audience-card>p,.security-copy>p:not(.eyebrow) {
  font-size:14px
}

.workflow-step>p {
  min-height:106px
}

.inline-feature p,.invoice-note p,.mission-copy>p:not(.eyebrow),.partner-disclosure>p,.faq-list details>div {
  font-size:13px
}

.invoice-note p>span {
  font-size:12px
}

.section-copy>.text-link,.payout-card>.text-link,.audience-card>.text-link {
  font-size:12px
}

.availability-note,.payout-note,.security-bottom {
  font-size:11px
}

.security-checks>div>p {
  font-size:13px
}

.security-checks small {
  font-size:10px
}

.faq-list summary {
  font-size:14px
}

.footer-column>a,.footer-brand>p {
  font-size:12px
}

.footer-column h2 {
  font-size:12px
}

.footer-disclosure>p,.footer-bottom,.footer-bottom>nav {
  font-size:10px
}

.cta-inner>small {
  font-size:10px
}

.art-disclaimer {
  font-size:9px
}

@media(max-width:1020px) and (min-width:581px) {
  .workflow-step>p {
    font-size:12px;
    min-height:116px
  }
  .audience-card>p {
    font-size:12px;
    min-height:111px
  }
  .payout-card>p {
    font-size:13px;
    min-height:110px
  }
  .section-heading>p {
    font-size:12px
  }
  .section-copy>p:not(.eyebrow) {
    font-size:13px
  }
  .security-checks>div>p {
    font-size:11px
  }
  .security-checks small {
    font-size:9px
  }
  .security-copy>p:not(.eyebrow),.partner-disclosure>p {
    font-size:12px
  }
  .footer-column>a {
    font-size:11px
  }
  .footer-bottom>nav {
    gap:15px
  }
}

@media(max-width:580px) {
  .hero-copy>.eyebrow {
    font-size:8px;
    letter-spacing:.07em
  }
  .hero-qualification {
    font-size:10px;
    max-width:320px
  }
  .hero-description {
    font-size:14px
  }
  .hero-bottom>p {
    font-size:10px
  }
  .currency-strip>span {
    font-size:10px
  }
  .workflow-step {
    grid-template-columns:1fr
  }
  .workflow-step>p {
    min-height:0;
    font-size:13px
  }
  .step-visual {
    margin-top:17px;
    min-height:87px
  }
  .status-visual {
    justify-content:center;
    gap:16px
  }
  .status-visual>span {
    font-size:10px
  }
  .status-visual>span:last-child {
    padding:7px 10px
  }
  .settle-visual {
    gap:14px
  }
  .settle-visual>span {
    flex-direction:row;
    font-size:10px;
    padding:12px;
    gap:8px
  }
  .settle-visual>i {
    font-size:10px
  }
  .dotted-path {
    width:85px
  }
  .mini-detail {
    width:62px;
    height:47px;
    padding:8px
  }
  .mini-detail b {
    width:38px
  }
  .person-bubble {
    width:35px;
    height:35px
  }
  .invoice-note p {
    font-size:12px
  }
  .invoice-note p>span {
    font-size:12px
  }
  .mission-copy>p:not(.eyebrow) {
    font-size:13px
  }
  .payout-card>p,.audience-card>p {
    min-height:0
  }
  .security-checks>div>p {
    font-size:12px
  }
  .security-checks small {
    font-size:9px
  }
  .faq-list summary {
    font-size:13px
  }
  .footer-column>a {
    font-size:11px
  }
  .footer-disclosure>p {
    font-size:10px
  }
  .footer-bottom,.footer-bottom>nav {
    font-size:9px
  }
  .cta-inner>small {
    font-size:9px
  }
  .art-disclaimer {
    font-size:8px
  }
}

@media(max-width:360px) {
  .hero-copy>.eyebrow {
    font-size:7px
  }
  .hero-bottom>p {
    font-size:9px
  }
  .settle-visual {
    gap:9px
  }
  .settle-visual>span {
    font-size:9px;
    padding:10px
  }
}

@media(max-width:800px) {
  .mobile-create {
    display:inline-flex;
    margin-left:auto;
    min-height:40px;
    padding:10px 14px;
    font-size:11px
  }
  .header-inner {
    gap:12px
  }
  .no-js .site-header {
    height:auto
  }
  .no-js .header-inner {
    flex-wrap:wrap;
    padding-block:18px
  }
  .no-js .menu-toggle {
    display:none
  }
  .no-js .main-nav {
    display:flex;
    position:static;
    max-height:none;
    box-shadow:none;
    padding:12px 0 0;
    flex-basis:100%;
    flex-direction:column;
    align-items:stretch;
    border:0
  }
  .no-js .nav-actions {
    justify-content:flex-start
  }
  .no-js .currency-tabs,.no-js .currency-panel {
    display:none
  }
}

@media(max-width:360px) {
  .mobile-create {
    font-size:10px;
    padding-inline:11px
  }
  .header-inner {
    gap:9px
  }
  .header-inner>.brand {
    width:98px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .js-ready [data-reveal] {
    opacity:1;
    transform:none
  }
  .button:hover {
    transform:none
  }
}

@media print {
  .site-header,.hero-actions,.menu-toggle,.final-cta,.footer-bottom,.future-dialog {
    display:none
  }
  .container {
    width:100%
  }
  .section {
    padding-block:30px
  }
  .js-ready [data-reveal] {
    opacity:1;
    transform:none
  }
  body {
    font-size:12px
  }
  .payment-scene {
    break-inside:avoid
  }
  .section,.payout-card,.audience-card {
    break-inside:avoid
  }
  a {
    text-decoration:none
  }
}