@charset "UTF-8";

:root {
  --navy: #071b33;
  --navy-2: #0d2947;
  --ink: #10253e;
  --muted: #5a6b80;
  --coral: #2f6fed;
  --coral-dark: #1f55c5;
  --coral-soft: #dce9ff;
  --cloud: #f5f8fb;
  --sky: #edf4f8;
  --peach: #eef4ff;
  --white: #ffffff;
  --line: #dbe4ea;
  --line-soft: rgba(16,37,62,.09);
  --shadow: 0 30px 80px rgba(21,49,78,.13);
  --shadow-soft: 0 14px 44px rgba(21,49,78,.09);
  --container: min(1240px, calc(100% - 56px));
  --ease: cubic-bezier(.22,1,.36,1);
  --safe-top: env(safe-area-inset-top,0px);
  --safe-bottom: env(safe-area-inset-bottom,0px);
}

*,*::before,*::after { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--white);
  font-family: "Aptos", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.menu-open { position: fixed; inset-inline: 0; width: 100%; overflow: hidden; }
body.form-modal-open { overflow: hidden; }
html[lang^="en"] body { letter-spacing: .002em; }
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4 { word-break: keep-all; overflow-wrap: break-word; hyphens: none; text-wrap: balance; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button, a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
::selection { color: #fff; background: var(--coral); }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 300; padding: 10px 14px; color: #fff; background: var(--coral); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: none; }

.announcement { position: relative; z-index: 102; min-height: calc(34px + var(--safe-top)); display: flex; align-items: center; justify-content: center; gap: 10px; padding: calc(7px + var(--safe-top)) 20px 7px; color: rgba(255,255,255,.8); background: var(--navy); font-size: 10px; letter-spacing: .02em; text-align: center; }
.announcement b { color: #fff; }
.announcement a { color: #a8c8ff; font-weight: 700; }
.site-header { position: fixed; inset: calc(34px + var(--safe-top)) 0 auto; z-index: 100; transition: inset .25s var(--ease); }
.site-header.scrolled { inset: max(10px,var(--safe-top)) 0 auto; }
.nav-shell {
  min-height: 72px;
  display: grid;
  grid-template-columns: 180px 1fr auto auto;
  align-items: center;
  gap: 12px;
  padding: 0 16px 0 22px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(15,42,69,.08), inset 0 0 0 1px rgba(16,37,62,.035);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
.brand { width: 150px; display: inline-flex; align-items: center; }
.brand img { width: 150px; }
.desktop-nav { display: flex; justify-content: center; align-items: center; gap: 2px; }
.nav-link { min-height: 42px; display: inline-flex; align-items: center; gap: 5px; padding: 0 13px; color: #52677c; border-radius: 12px; font-size: 12px; font-weight: 650; transition: color .2s, background .2s; }
.nav-link:hover,
.nav-link.is-active { color: var(--ink); background: var(--cloud); }
.nav-link.is-active::after { content: ""; width: 5px; height: 5px; background: var(--coral); border-radius: 50%; }
.nav-item { position: relative; }
.language-switch { min-width: 44px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; color: #52677c; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: 11px; font-size: 10px; font-weight: 800; letter-spacing: .04em; transition: color .2s, background .2s, border-color .2s, transform .2s var(--ease); }
.language-switch:hover { color: var(--coral-dark); background: #fff; border-color: #a8c1f0; transform: translateY(-1px); }
.nav-cta,
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 19px; color: #fff; background: var(--coral); border: 1px solid var(--coral); border-radius: 13px; font-size: 12px; font-weight: 750; cursor: pointer; box-shadow: 0 10px 24px rgba(47,111,237,.2); transition: background .22s, border-color .22s, color .22s, transform .22s var(--ease), box-shadow .22s; }
.nav-cta { min-height: 44px; }
.nav-cta:hover,
.btn:hover { background: var(--coral-dark); border-color: var(--coral-dark); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(31,85,197,.26); }
.nav-cta:active,
.btn:active { transform: translateY(0) scale(.98); }
.btn.secondary { color: var(--ink); background: rgba(255,255,255,.74); border-color: var(--line); box-shadow: none; }
.btn.secondary:hover { color: var(--coral-dark); background: #fff; border-color: #a8c1f0; }
.nav-cta:focus-visible,
.btn:focus-visible,
.nav-link:focus-visible,
.language-switch:focus-visible,
.menu-toggle:focus-visible,
.text-link:focus-visible,
.faq-q:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 3px solid rgba(47,111,237,.26); outline-offset: 3px; }

.dropdown { position: absolute; left: 50%; top: 50px; width: 660px; padding: 14px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,12px); transition: opacity .22s, visibility .22s, transform .3s var(--ease); }
.dropdown::before { content: ""; position: absolute; inset: -14px 0 auto; height: 14px; }
.nav-item:hover .dropdown,
.nav-item:focus-within .dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
.dropdown-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.dropdown-grid a,
.dropdown.compact a { min-width: 0; display: flex; gap: 13px; padding: 15px; border-radius: 14px; transition: background .2s, transform .2s; }
.dropdown-grid a:hover,
.dropdown.compact a:hover { background: var(--peach); transform: translateX(2px); }
.dropdown-grid .mega-feature { grid-column: 1 / -1; }
.dropdown-grid i { flex: 0 0 30px; height: 30px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 9px; font: normal 700 9px Consolas, monospace; }
.dropdown-grid span { min-width: 0; }
.dropdown-grid b,
.dropdown.compact b { display: block; font-size: 13px; }
.dropdown-grid em,
.dropdown.compact em { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; font-style: normal; font-weight: 400; }
.dropdown.compact { width: 290px; }
.dropdown.compact a { display: block; }
.menu-toggle,
.mobile-panel { display: none; }

.hero,
.page-hero { position: relative; overflow: clip; }
.hero { min-height: 900px; padding: 190px 0 130px; background: linear-gradient(180deg,#f7fbfd 0%,#f1f6ff 100%); }
.hero::before { content: ""; position: absolute; width: 70vw; height: 70vw; max-width: 980px; max-height: 980px; right: -25vw; top: -32vw; border: 1px solid rgba(47,111,237,.14); border-radius: 50%; box-shadow: 0 0 0 90px rgba(47,111,237,.035), 0 0 0 180px rgba(47,111,237,.02); }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 220px; background: linear-gradient(to top,#fff,transparent); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(440px,.96fr); gap: 3vw; align-items: center; }
.hero-copy { position: relative; z-index: 3; }
.hero-kicker,
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--coral-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-kicker { padding: 7px 10px; color: #365c92; background: rgba(255,255,255,.7); border: 1px solid #cddcf5; border-radius: 10px; }
.hero-kicker i { width: 7px; height: 7px; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 5px rgba(47,111,237,.1); }
.eyebrow::before { content: ""; width: 17px; height: 2px; background: currentColor; }
.display { max-width: 720px; margin: 28px 0 29px; color: var(--navy); font-size: clamp(52px,5.2vw,76px); font-weight: 680; letter-spacing: -.03em; line-height: 1.07; text-wrap: balance; }
.display .accent-line { display: inline-block; color: var(--coral); font-size: .82em; letter-spacing: -.04em; white-space: nowrap; }
.gradient-text { color: var(--coral); }
.lead,
.page-hero p { max-width: 660px; margin: 0; color: var(--muted); font-size: clamp(16px,1.3vw,19px); line-height: 1.8; text-wrap: pretty; }
.btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 29px; }
.trust-item { display: inline-flex; align-items: center; gap: 7px; color: #6c7f91; font-size: 10px; font-weight: 600; }
.trust-item i { width: 18px; height: 18px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 50%; font: normal 700 8px Consolas, monospace; }

.flow-stage { position: relative; min-height: 560px; }
.flow-orb { position: absolute; left: 50%; top: 49%; width: 440px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 36% 25%,#7da8ff 0%,var(--coral) 33%,#1f55c5 70%,#123d8f 100%); transform: translate(-50%,-50%); box-shadow: 0 38px 80px rgba(31,85,197,.25); }
.flow-orb::before,
.flow-orb::after { content: ""; position: absolute; inset: 34px; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; }
.flow-orb::after { inset: 95px; border-style: dashed; animation: spin 18s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.flow-card { position: absolute; z-index: 3; color: var(--ink); background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.9); border-radius: 22px; box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.flow-card.balance { left: 0; top: 34px; width: 245px; padding: 21px; transform: rotate(-3deg); }
.flow-card.checkout { right: 0; bottom: 28px; width: 260px; padding: 20px; transform: rotate(3deg); }
.flow-card.route { right: 12px; top: 92px; width: 190px; padding: 16px; }
.flow-card small { display: block; color: var(--muted); font-size: 9px; }
.flow-card strong { display: block; margin-top: 9px; font-size: 25px; letter-spacing: -.04em; }
.balance-line { height: 58px; margin-top: 18px; background: linear-gradient(150deg,transparent 48%,var(--coral) 49% 51%,transparent 52%), linear-gradient(25deg,transparent 48%,var(--coral) 49% 51%,transparent 52%); background-size: 84px 58px; opacity: .85; }
.route-list { display: grid; gap: 9px; margin-top: 14px; }
.route-list span { display: flex; justify-content: space-between; padding-bottom: 8px; color: #687b8d; border-bottom: 1px solid var(--line); font-size: 9px; }
.route-list b { color: var(--ink); }
.checkout-head { display: flex; justify-content: space-between; align-items: center; }
.checkout-head i { width: 8px; height: 8px; background: #31a974; border-radius: 50%; box-shadow: 0 0 0 5px rgba(49,169,116,.1); }
.checkout-amount { margin: 20px 0 13px; font-size: 32px; font-weight: 720; letter-spacing: -.04em; }
.checkout-method { display: flex; align-items: center; gap: 10px; margin-top: 7px; padding: 10px; background: var(--cloud); border-radius: 11px; font-size: 9px; }
.checkout-method b { margin-left: auto; color: var(--coral-dark); }
.flow-badge { position: absolute; z-index: 4; left: 38%; bottom: 55px; padding: 10px 13px; color: #fff; background: var(--navy); border-radius: 12px; box-shadow: var(--shadow-soft); font-size: 9px; font-weight: 700; }

.hero-product-visual { position: relative; min-width: 0; margin: 0; padding: 4px; background: rgba(255,255,255,.72); border: 1px solid rgba(80,122,170,.17); border-radius: 20px; box-shadow: 0 32px 76px rgba(27,66,108,.19),0 2px 8px rgba(27,66,108,.08); transform: none; overflow: hidden; }
.hero-product-visual::before { display: none; }
.product-console-bar { display: none; }
.product-console-bar > span { display: flex; gap: 5px; }
.product-console-bar i { width: 7px; height: 7px; background: #49647f; border-radius: 50%; }
.product-console-bar i:first-child { background: #5c8ff6; }
.product-console-bar em { font-style: normal; }
.product-console-bar b { justify-self: end; color: #93e1c2; font-size: 7px; }
.product-console-image { position: relative; z-index: 1; aspect-ratio: 1.76; background: #fff; border-radius: 15px; overflow: hidden; }
.product-console-image img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.hero-product-visual figcaption { display: none; }
.hero-product-visual figcaption b { color: #c5d9ed; }

.ai-page-hero { background: radial-gradient(circle at 82% 22%,rgba(47,111,237,.15),transparent 26%),linear-gradient(180deg,#fff,#f3f7ff) !important; }
.ai-market-hero { position: relative; width: 114%; min-width: 0; margin: 0 0 0 -7%; padding: 4px; color: var(--navy); background: rgba(255,255,255,.72); border: 1px solid rgba(80,122,170,.17); border-radius: 20px; box-shadow: 0 32px 76px rgba(27,66,108,.19),0 2px 8px rgba(27,66,108,.08); transform: none; overflow: hidden; }
.ai-market-hero::before { display: none; }
.ai-market-window-bar { display: none; }
.ai-market-window-bar > span { display: flex; gap: 5px; }
.ai-market-window-bar i { width: 7px; height: 7px; background: #49647f; border-radius: 50%; }
.ai-market-window-bar i:first-child { background: var(--coral); }
.ai-market-window-bar em { font-style: normal; }
.ai-market-window-bar b { justify-self: end; color: #8ce2bf; font-size: 7px; }
.ai-market-window { position: relative; z-index: 1; aspect-ratio: 1888 / 791; background: #f6f8fb; border-radius: 15px; overflow: hidden; }
.ai-market-window img { width: 100%; height: 100%; display: block; object-fit: cover; }
.ai-market-hero figcaption { display: none; }
.ai-market-hero figcaption b { color: #c5d9ed; }

.trust-bar { position: relative; z-index: 5; margin-top: -52px; }
.trust-bar-inner { display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,2.2fr); align-items: stretch; color: #fff; background: var(--navy); border: 1px solid rgba(255,255,255,.08); border-radius: 22px; box-shadow: 0 28px 70px rgba(12,39,67,.18); overflow: hidden; }
.trust-bar-label { display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 22px 27px; border-right: 1px solid rgba(255,255,255,.1); }
.trust-bar-label small { color: #8fb5ff; font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.trust-bar-label span { color: #b2c1cf; font-size: 10px; }
.trust-marks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.trust-marks div { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 20px 23px; border-right: 1px solid rgba(255,255,255,.09); }
.trust-marks div:last-child { border-right: 0; }
.trust-marks b { color: #fff; font-size: 14px; letter-spacing: -.02em; white-space: nowrap; }
.trust-marks span { color: #7890a6; font: 700 8px Consolas,monospace; }

.metrics-strip { position: relative; z-index: 4; margin-top: 18px; }
.metrics { display: grid; grid-template-columns: repeat(4,1fr); padding: 12px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.9); border-radius: 24px; box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.metric { min-height: 105px; padding: 20px 22px; border-right: 1px solid var(--line); }
.metric:last-child { border-right: 0; }
.metric b { display: block; color: var(--navy); font-size: clamp(24px,2.2vw,34px); line-height: 1.1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.metric span { display: block; margin-top: 9px; color: var(--muted); font-size: 10px; }

.section { position: relative; padding: 112px 0 130px; }
.section.soft { background: var(--cloud); }
.section.dark { color: #fff; background: var(--navy); overflow: hidden; }
.section.dark::before { content: ""; position: absolute; width: 620px; height: 620px; right: -220px; top: -270px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.015); }
.section-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.65fr); gap: 8vw; align-items: end; margin-bottom: 52px; }
.section-head h2,
.center-head h2,
.cta-panel h2 { margin: 14px 0 0; color: var(--navy); font-size: clamp(38px,4.2vw,60px); font-weight: 660; letter-spacing: -.025em; line-height: 1.11; text-wrap: balance; }
.section-head p,
.center-head p { max-width: 610px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.dark .section-head h2,
.dark .center-head h2 { color: #fff; }
.dark .section-head p,
.dark .center-head p { color: #9eb0c1; }
.center-head { max-width: 760px; margin: 0 auto 62px; text-align: center; }
.center-head .eyebrow { justify-content: center; }
.center-head h2 + p { max-width: 56ch; margin: 20px auto 0; }
.title-nowrap { display: inline-block; white-space: nowrap; font-size: clamp(18px,2.8vw,40px); letter-spacing: -.035em; }
.section-head > p { max-width: 50ch; }

.product-showcase { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: auto auto auto; gap: 18px; }
.showcase-card { position: relative; min-height: 300px; display: flex; flex-direction: column; padding: 34px; background: var(--cloud); border-radius: 28px; overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s; }
.showcase-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-soft); }
.showcase-card.featured { grid-row: 1 / 3; min-height: 620px; color: #fff; background: var(--navy); }
.showcase-card.coral { background: var(--peach); }
.showcase-top { position: relative; z-index: 2; display: flex; justify-content: space-between; color: var(--coral-dark); font: 700 9px Consolas,monospace; }
.featured .showcase-top { color: #a9c8ff; }
.showcase-card h3 { position: relative; z-index: 2; max-width: 520px; margin: 48px 0 12px; font-size: clamp(28px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; }
.showcase-card p { position: relative; z-index: 2; max-width: 48ch; margin: 0; color: var(--muted); font-size: 12px; }
.featured p { color: #9fb0c0; }
.showcase-card .text-link { position: relative; z-index: 2; margin-top: auto; padding-top: 28px; }
.featured .text-link { color: #bcd4ff; }
.featured .text-link { margin-top: 30px; padding-top: 0; }
.acquire-ui { position: relative; width: 100%; height: auto; margin-top: 24px; padding: 18px; background: #fff; border-radius: 22px; color: var(--ink); box-shadow: 0 18px 50px rgba(0,0,0,.2); }
.acquire-total { font-size: 35px; font-weight: 720; letter-spacing: -.05em; }
.acquire-row { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; margin-top: 10px; padding: 11px; background: var(--cloud); border-radius: 12px; font-size: 9px; }
.acquire-row i { width: 38px; height: 28px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 8px; font-style: normal; }
.showcase-orb { position: absolute; right: -65px; bottom: -80px; width: 230px; height: 230px; background: var(--coral-soft); border-radius: 50%; }
.showcase-card.wallet-card { background: radial-gradient(circle at 88% 84%,rgba(47,111,237,.14),transparent 35%),#f2f7ff; }
.wallet-card-assets { position: absolute; right: 26px; bottom: 24px; display: grid; grid-template-columns: auto auto; gap: 7px; }
.wallet-card-assets span { min-width: 55px; padding: 8px 10px; color: var(--coral-dark); background: #fff; border: 1px solid #cbdaf1; border-radius: 10px; font: 750 9px Consolas,monospace; text-align: center; }
.wallet-card-assets b { grid-column: 1 / -1; color: #6a7e92; font: 650 8px Consolas,monospace; }
.showcase-card.wide { grid-column: 1 / -1; min-height: 280px; }
.showcase-card.wide h3 { margin-top: 38px; }
.showcase-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 18px; margin-top: auto; }
.automation-flow { position: absolute; right: 34px; top: 82px; bottom: 34px; width: min(48%,560px); display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; padding: 15px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-soft); }
.automation-flow > div { min-width: 0; padding: 14px; background: var(--cloud); border-radius: 12px; }
.automation-flow small,
.automation-flow b,
.automation-flow span { display: block; }
.automation-flow small { color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.automation-flow b { margin: 18px 0 4px; font-size: 14px; }
.automation-flow span { color: var(--muted); font: 650 8px Consolas,monospace; }
.automation-flow i { color: var(--coral); font-style: normal; }

.grid-4,
.grid-3,
.grid-2 { display: grid; gap: 18px; }
.grid-4 { grid-template-columns: repeat(4,1fr); }
.grid-3 { grid-template-columns: repeat(3,1fr); }
.grid-2 { grid-template-columns: repeat(2,1fr); }
.card { position: relative; min-width: 0; min-height: 280px; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; transition: transform .32s var(--ease), border-color .25s, box-shadow .32s; }
.card:hover { z-index: 2; transform: translateY(-5px); border-color: #aac4f1; box-shadow: var(--shadow-soft); }
.card::after { content: ""; position: absolute; width: 110px; height: 110px; right: -55px; bottom: -55px; background: var(--coral-soft); border-radius: 50%; opacity: .7; transition: transform .4s var(--ease); }
.card:hover::after { transform: scale(1.35); }
.dark .card { color: var(--ink); background: #fff; border-color: rgba(255,255,255,.2); }
.dark .card:hover { border-color: #a9c7f7; }
.card-icon { position: relative; z-index: 1; min-width: 46px; width: fit-content; min-height: 46px; display: grid; place-items: center; padding: 0 11px; color: var(--coral-dark); background: var(--coral-soft); border-radius: 13px; font: 700 11px Consolas,monospace; }
.card h3 { position: relative; z-index: 1; margin: 46px 0 12px; font-size: 21px; line-height: 1.3; letter-spacing: -.025em; }
.card p { position: relative; z-index: 1; max-width: 48ch; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.card .text-link { position: relative; z-index: 1; margin-top: 22px; }
.product-card { min-height: 370px; display: flex; flex-direction: column; }
.product-card .text-link { margin-top: auto; }
.capital-lifecycle { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 15px; color: #fff; background: var(--navy); border-radius: 30px; box-shadow: 0 30px 80px rgba(13,41,71,.16); overflow: hidden; }
.capital-lifecycle::before { content: ""; position: absolute; width: 420px; height: 420px; right: -170px; bottom: -270px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012); }
.lifecycle-track { position: absolute; z-index: 1; left: 8%; right: 8%; top: 70px; height: 1px; background: rgba(151,184,224,.28); }
.lifecycle-stage { position: relative; z-index: 2; min-width: 0; min-height: 430px; display: flex; flex-direction: column; padding: 28px 22px 25px; border-right: 1px solid rgba(255,255,255,.1); transition: background .3s var(--ease); }
.lifecycle-stage:last-child { border-right: 0; }
.lifecycle-stage:hover { background: rgba(255,255,255,.055); }
.lifecycle-no { width: 42px; height: 42px; display: grid; place-items: center; color: #d5e3f2; background: var(--navy); border: 1px solid #496680; border-radius: 50%; font: 700 9px Consolas,monospace; box-shadow: 0 0 0 6px var(--navy); }
.lifecycle-content { display: flex; flex: 1; flex-direction: column; padding-top: 58px; }
.lifecycle-content small { color: #8fb5ff; font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.lifecycle-content h3 { margin: 14px 0 13px; font-size: clamp(20px,1.8vw,27px); letter-spacing: -.035em; line-height: 1.14; text-wrap: balance; }
.lifecycle-content p { margin: 0; color: #91a5b8; font-size: 10px; line-height: 1.8; }
.lifecycle-content a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 28px; color: #b9d0fa; font-size: 9px; font-weight: 750; }
.lifecycle-content a span { transition: transform .25s var(--ease); }
.lifecycle-content a:hover span { transform: translateX(4px); }
.pill-cloud,
.mode-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 23px; }
.pill,
.mode-pills span,
.solution-capabilities span { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 9px; color: #5e7184; background: var(--cloud); border-radius: 8px; font-size: 9px; font-weight: 650; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--coral-dark); font-size: 11px; font-weight: 750; }
.text-link span { transition: transform .25s var(--ease); }
.text-link:hover span { transform: translateX(4px); }
.dark .eyebrow { color: #5b8dee; }

.solution-ribbon { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.solution-tile { min-height: 350px; display: flex; flex-direction: column; padding: 26px; background: #fff; border: 1px solid var(--line); border-radius: 22px; transition: transform .3s var(--ease), background .3s, color .3s; }
.solution-tile:nth-child(even) { margin-top: 36px; }
.solution-tile:hover { color: #fff; background: var(--navy); transform: translateY(-5px); }
.solution-tile small { color: var(--coral-dark); font: 700 9px Consolas,monospace; }
.solution-tile h3 { margin: 70px 0 12px; font-size: 23px; line-height: 1.2; letter-spacing: -.035em; }
.solution-tile p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.solution-tile:hover p { color: #9eb0c1; }
.solution-tile .text-link { margin-top: auto; }

.solution-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.solution-panel { position: relative; min-height: 330px; display: flex; flex-direction: column; padding: 31px; background: #fff; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; }
.solution-panel::after { content: attr(data-sector); position: absolute; right: 18px; bottom: -14px; color: rgba(47,111,237,.065); font-size: 72px; font-weight: 800; letter-spacing: -.07em; }
.solution-panel-top { display: flex; align-items: center; justify-content: space-between; }
.solution-no { color: var(--coral-dark); font: 700 10px Consolas,monospace; }
.solution-tag { color: var(--muted); font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.solution-panel h3 { position: relative; z-index: 1; margin: 50px 0 11px; font-size: 30px; line-height: 1.15; letter-spacing: -.04em; }
.solution-panel p { position: relative; z-index: 1; max-width: 55ch; margin: 0 0 27px; color: var(--muted); font-size: 12px; }
.solution-capabilities { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.solution-action { display: flex; justify-content: flex-end; margin-top: 22px; }

.global-stage { position: relative; min-height: 610px; }
.global-copy { position: relative; z-index: 3; max-width: 580px; padding-top: 20px; }
.global-copy h2 { margin: 18px 0 20px; font-size: clamp(44px,5vw,72px); line-height: 1.02; letter-spacing: -.06em; }
.global-copy > p { max-width: 55ch; color: #9eb0c1; font-size: 13px; }
.global-copy .text-link { color: #8db7ff; }
.global-map { position: absolute; z-index: 1; right: 0; top: 0; width: 50%; height: 100%; }
.map-ring { position: absolute; left: 52%; top: 50%; width: 420px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015); }
.map-ring::before,
.map-ring::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,.11); }
.map-ring::after { left: 0; right: 0; top: 50%; width: auto; height: 1px; }
.world-dot { position: absolute; z-index: 2; padding: 8px 11px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 10px; font-size: 9px; }
.world-dot::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 5px rgba(47,111,237,.14); }
.world-dot.hk { right: 13%; top: 30%; }
.world-dot.ch { left: 10%; top: 24%; }
.world-dot.vasp { left: 18%; bottom: 24%; }
.world-dot.global { right: 8%; bottom: 18%; }
.global-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 40px; }
.global-stats div { padding: 16px; background: rgba(255,255,255,.06); border-radius: 13px; }
.global-stats b { display: block; color: #fff; font-size: 18px; }
.global-stats span { color: #8fa3b5; font-size: 9px; }

.compliance-map,
.split,
.about-story,
.contact-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 6vw; align-items: center; }
.map-board,
.visual-panel,
.hero-card,
.checkout,
.status-board,
.agent-stage { position: relative; min-width: 0; padding: 26px; color: #fff; background: var(--navy); border-radius: 27px; box-shadow: var(--shadow-soft); overflow: hidden; }
.map-board { min-height: 500px; }
.map-board::before,
.hero-card::before,
.visual-panel::before,
.status-board::before,
.agent-stage::before { content: ""; position: absolute; width: 360px; height: 360px; right: -140px; top: -150px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.015); }
.map-core { position: absolute; left: 50%; top: 50%; width: 170px; aspect-ratio: 1; display: grid; place-items: center; color: #fff; background: var(--coral); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 24px rgba(47,111,237,.12),0 0 0 55px rgba(47,111,237,.06); text-align: center; }
.map-core b { display: block; font-size: 16px; }
.map-core span { display: block; margin-top: 4px; color: #dfeaff; font: 8px Consolas,monospace; }
.compliance-map .map-core span { color: #fff; }
.map-pin { position: absolute; padding: 8px 11px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 10px; font-size: 10px; }
.map-pin small { display: block; margin-top: 3px; color: #8fa3b5; font-size: 8px; }
.pin-hk { right: 6%; top: 19%; }
.pin-ch { left: 6%; top: 25%; }
.pin-eu { left: 8%; bottom: 16%; }
.pin-global { right: 6%; bottom: 14%; }
.check-list { margin: 31px 0; display: grid; gap: 10px; }
.check-row { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 16px; background: var(--cloud); border-radius: 14px; }
.check-row > i { width: 30px; height: 30px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 9px; font: normal 700 9px Consolas,monospace; }
.check-row b { display: block; margin-bottom: 4px; font-size: 14px; }
.check-row span { display: block; color: var(--muted); font-size: 11px; }

.cta-panel { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 44px; align-items: end; padding: 58px; color: #fff; background: var(--coral); border-radius: 32px; overflow: hidden; box-shadow: 0 28px 70px rgba(31,85,197,.22); }
.cta-panel::before { content: ""; position: absolute; width: 360px; height: 360px; right: -60px; top: -210px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.06),0 0 0 120px rgba(255,255,255,.035); }
.cta-panel > * { position: relative; z-index: 1; }
.cta-panel h2 { max-width: 760px; color: #fff; font-size: clamp(38px,4.2vw,60px); }
.cta-panel p { max-width: 620px; margin: 17px 0 0; color: rgba(255,255,255,.75); font-size: 13px; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }
.cta-panel .btn { color: var(--ink); background: #fff; border-color: #fff; box-shadow: none; }
.cta-panel .btn:hover { color: #fff; background: var(--navy); border-color: var(--navy); }
.cta-panel .btn.secondary { color: #fff; background: transparent; border-color: rgba(255,255,255,.55); }

.page-hero { min-height: 690px; padding: 185px 0 92px; background: linear-gradient(155deg,#f7fbfd,#f3f7ff) !important; }
.page-hero::before { content: ""; position: absolute; width: 700px; height: 700px; right: -350px; top: -380px; border: 1px solid rgba(47,111,237,.15); border-radius: 50%; box-shadow: 0 0 0 80px rgba(47,111,237,.035),0 0 0 160px rgba(47,111,237,.02); }
.page-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(390px,.82fr); gap: 7vw; align-items: center; }
.page-hero h1 { max-width: 720px; margin: 20px 0 26px; color: var(--navy); font-size: clamp(46px,4.9vw,72px); font-weight: 680; letter-spacing: -.025em; line-height: 1.1; text-wrap: balance; }
.page-hero h1 > .gradient-text { display: block; }
.page-hero .payout-hero-title { max-width: none; font-size: clamp(44px,4.2vw,60px); letter-spacing: -.04em; white-space: normal; }
.page-hero p { font-size: 15px; }
.hero-dashboard,
.checkout-screen { position: relative; z-index: 1; }
.exchange-company-visual { position: relative; min-width: 0; width: 100%; aspect-ratio: 1320 / 1191; margin: 0; background: #f7f8fa; border: 1px solid #e2e8ef; border-radius: 42px; box-shadow: 0 26px 68px rgba(21,49,78,.12); overflow: hidden; isolation: isolate; }
.exchange-company-visual::after { content: ""; position: absolute; inset: 0; z-index: 1; border: 1px solid rgba(255,255,255,.8); border-radius: inherit; pointer-events: none; }
.exchange-company-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.contact-hero-visual { position: relative; min-width: 0; width: 100%; aspect-ratio: 3 / 2; margin: 0; background: #f7f9fd; border: 1px solid rgba(47,111,237,.13); border-radius: 30px; box-shadow: 0 26px 68px rgba(21,49,78,.12); overflow: hidden; isolation: isolate; }
.contact-hero-visual::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.82); border-radius: inherit; pointer-events: none; }
.contact-hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dashboard-top { display: flex; justify-content: space-between; align-items: center; gap: 14px; font: 10px Consolas,monospace; }
.dashboard-pill { padding: 5px 8px; color: #bcd3ff; background: rgba(47,111,237,.14); border-radius: 8px; font-size: 8px; }
.dashboard-value { margin: 55px 0 16px; font-size: clamp(34px,4vw,55px); font-weight: 680; line-height: 1; letter-spacing: -.055em; }
.dashboard-chart { position: relative; height: 125px; margin: 26px 0 18px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.13); }
.dashboard-chart::before { content: ""; position: absolute; left: -5%; right: -5%; bottom: 22%; height: 66px; border-top: 3px solid var(--coral); transform: skewY(-9deg); }
.dashboard-chart::after { content: ""; position: absolute; left: 66%; top: 9px; width: 8px; height: 8px; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 6px rgba(47,111,237,.13); }
.dashboard-rows { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dashboard-rows > div { min-width: 0; padding: 13px; background: rgba(255,255,255,.07); border-radius: 10px; }
.dashboard-rows small { display: block; color: #8399ad; font: 8px Consolas,monospace; }
.dashboard-rows b { display: block; margin-top: 5px; color: #fff; font-size: 10px; overflow-wrap: anywhere; }
.product-hub-rows { grid-template-columns: repeat(6,minmax(0,1fr)); }
.product-hub-rows > div { padding-inline: 9px; }
.product-hub-rows b { font-size: 8px; }

.feature-band { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.feature-band > div { min-height: 180px; padding: 26px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.feature-band b { display: block; margin-bottom: 34px; font-size: 16px; }
.feature-band span { color: var(--muted); font-size: 11px; }
.process { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.step { position: relative; min-height: 250px; padding: 25px 20px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.step::after { content: ""; position: absolute; top: 37px; right: -12px; z-index: 3; width: 14px; height: 2px; background: var(--coral-soft); }
.step:last-child::after { display: none; }
.step-no { display: block; width: 34px; height: 34px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 10px; font: 700 9px Consolas,monospace; }
.step h3 { margin: 58px 0 10px; font-size: 17px; }
.step p { margin: 0; color: var(--muted); font-size: 11px; }

.quote-main { position: relative; z-index: 1; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.14); }
.quote-main small,
.quote-main em { display: block; color: #8399ad; font: normal 8px Consolas,monospace; }
.quote-main strong { display: block; margin: 18px 0 8px; font-size: clamp(28px,3vw,42px); letter-spacing: -.05em; }
.quote-board { position: relative; z-index: 1; margin-top: 12px; }
.quote-row { display: flex; justify-content: space-between; gap: 18px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 10px; }
.quote-row span { color: #8499ac; }
.quote-row b { text-align: right; }
.exchange-video-panel { position: relative; min-width: 0; aspect-ratio: 16 / 10.5; margin: 0; padding: 10px; background: var(--navy); border-radius: 28px; box-shadow: 0 28px 70px rgba(13,41,71,.2); overflow: hidden; }
.exchange-video-panel::before { content: ""; position: absolute; z-index: 2; inset: 55% 10px 10px; background: linear-gradient(to top,rgba(7,27,51,.88),transparent); border-radius: 0 0 19px 19px; pointer-events: none; }
.exchange-video-panel video { width: 100%; height: 100%; display: block; object-fit: cover; background: #edf4ff; border-radius: 19px; }
.exchange-video-caption { position: absolute; z-index: 3; left: 34px; right: 34px; bottom: 29px; display: flex; justify-content: space-between; align-items: end; gap: 18px; color: #fff; }
.exchange-video-caption span { color: #a9c8ff; font: 700 8px Consolas,monospace; letter-spacing: .08em; }
.exchange-video-caption b { font-size: 11px; }
.exchange-access-section { padding-top: 92px; }
.exchange-access-board { display: grid; grid-template-columns: 1.08fr .92fr; gap: 14px; }
.exchange-access-main,
.exchange-access-card { position: relative; min-width: 0; color: #fff; background: var(--navy); border-radius: 26px; overflow: hidden; }
.exchange-access-main { min-height: 540px; padding: 35px; }
.exchange-access-main::after { content: "15+"; position: absolute; right: -17px; bottom: -61px; color: rgba(255,255,255,.035); font-size: 190px; font-weight: 800; letter-spacing: -.09em; }
.exchange-access-side { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.exchange-access-card { min-height: 260px; padding: 29px; color: var(--ink); background: var(--cloud); border: 1px solid var(--line); border-radius: 22px; }
.exchange-access-label { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 15px; color: #9bbbf7; font: 700 8px Consolas,monospace; letter-spacing: .08em; }
.exchange-access-card .exchange-access-label { color: var(--coral-dark); }
.exchange-access-label i { color: #6f8396; font-style: normal; }
.exchange-access-main > strong { position: relative; z-index: 1; display: block; margin-top: 72px; color: #fff; font-size: clamp(94px,10vw,142px); line-height: .8; letter-spacing: -.09em; font-variant-numeric: tabular-nums; }
.exchange-access-main h3 { position: relative; z-index: 1; margin: 20px 0 12px; font-size: 36px; letter-spacing: -.05em; }
.exchange-access-main p { position: relative; z-index: 1; max-width: 48ch; margin: 0; color: #9eb0c1; font-size: 12px; }
.exchange-access-card h3 { margin: 45px 0 10px; font-size: 29px; letter-spacing: -.045em; }
.exchange-access-card p { max-width: 53ch; margin: 0; color: var(--muted); font-size: 11px; }
.fiat-ticker { position: absolute; z-index: 2; left: 35px; right: 35px; bottom: 34px; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }
.fiat-ticker span { padding: 10px 6px; color: #c8dcff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; font: 700 9px Consolas,monospace; text-align: center; }
.stable-pair { display: flex; align-items: center; gap: 7px; margin-top: 20px; }
.stable-pair span { padding: 8px 10px; color: var(--coral-dark); background: var(--coral-soft); border-radius: 9px; font: 750 9px Consolas,monospace; }
.stable-pair i { color: #8798a8; font-style: normal; }
.stable-pair b { margin-left: auto; color: var(--navy); font: 750 10px Consolas,monospace; }
.custody-route { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--line); font: 700 8px Consolas,monospace; }
.custody-route span { color: var(--muted); }
.custody-route i { color: var(--coral); font-style: normal; }
.custody-route b { text-align: right; }
.capability-disclaimer { margin: 18px 3px 0; color: var(--muted); font-size: 9px; }
.checkout { padding: 14px; }
.checkout-screen { padding: 25px; color: var(--ink); background: #fff; border-radius: 18px; }
.pay-method { display: flex; justify-content: space-between; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 11px; }
.pay-logo { display: flex; align-items: center; gap: 9px; font-weight: 700; }
.pay-logo i { min-width: 46px; padding: 5px; color: var(--coral-dark); background: var(--coral-soft); border-radius: 7px; font: normal 8px Consolas,monospace; text-align: center; }
.checkout-security { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.checkout-security span { padding: 5px 7px; color: #237456; background: #e1f3e9; border-radius: 7px; font-size: 8px; font-weight: 700; }
.acquiring-modes { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.acquiring-mode { min-width: 0; min-height: 500px; display: flex; flex-direction: column; padding: 29px; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
.mode-head { display: flex; justify-content: space-between; align-items: center; }
.mode-symbol { min-width: 46px; height: 46px; display: grid; place-items: center; padding: 0 9px; color: var(--coral-dark); background: var(--coral-soft); border-radius: 13px; font: 700 11px Consolas,monospace; }
.mode-head > span { color: var(--muted); font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.acquiring-mode h3 { margin: 45px 0 11px; font-size: 28px; letter-spacing: -.04em; }
.acquiring-mode > p { margin: 0; color: var(--muted); font-size: 12px; }
.supported-assets-board { display: grid; grid-template-columns: 1.08fr .96fr .96fr; gap: 12px; margin-bottom: 28px; padding: 14px; color: #fff; background: var(--navy); border-radius: 26px; box-shadow: 0 22px 55px rgba(13,41,71,.13); }
.supported-assets-intro { align-self: center; padding: 28px; }
.supported-assets-intro small { color: #91b6ff; font: 700 9px Consolas,monospace; letter-spacing: .1em; }
.supported-assets-intro h3 { margin: 16px 0 10px; font-size: 29px; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.supported-assets-intro p { max-width: 46ch; margin: 0; color: #a9b9c8; font-size: 12px; line-height: 1.75; }
.supported-asset-row { position: relative; min-width: 0; min-height: 255px; display: flex; flex-direction: column; padding: 25px; background: radial-gradient(circle at 90% 8%,rgba(47,111,237,.18),transparent 38%),rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.11); border-radius: 20px; overflow: hidden; transition: background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease); }
.supported-asset-row:hover { background: radial-gradient(circle at 90% 8%,rgba(47,111,237,.25),transparent 42%),rgba(255,255,255,.085); border-color: rgba(145,182,255,.3); transform: translateY(-2px); }
.supported-asset-row > span { display: flex; align-items: center; gap: 9px; color: #a8c8ff; font: 700 10px Consolas,monospace; letter-spacing: .1em; }
.supported-asset-row > span::before { content: ""; width: 7px; height: 7px; background: #5b8dee; border-radius: 50%; box-shadow: 0 0 0 5px rgba(91,141,238,.12); }
.supported-asset-row > div { display: grid; gap: 10px; margin-top: auto; }
.supported-asset-row b,
.supported-asset-row em { min-width: 0; color: #fff; font-style: normal; font-family: Consolas,monospace; }
.stablecoin-assets > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
.stablecoin-assets b { min-height: 76px; display: flex; align-items: center; gap: 11px; padding: 14px 16px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; font-size: 22px; line-height: 1; letter-spacing: -.035em; }
.stablecoin-assets b::before { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; color: #fff; background: var(--coral); border-radius: 10px; font-size: 16px; box-shadow: 0 8px 22px rgba(47,111,237,.22); }
.stablecoin-assets b:nth-child(1)::before { content: "₮"; }
.stablecoin-assets b:nth-child(2)::before { content: "$"; }
.stablecoin-assets em { grid-column: 1 / -1; min-height: 42px; display: flex; align-items: center; padding: 10px 13px; color: #b8c7d6; background: rgba(255,255,255,.055); border-radius: 11px; font-size: 11px; }
.fiat-method-assets > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
.fiat-method-assets b { min-height: 54px; display: flex; align-items: center; padding: 12px 14px; color: #dbe8f7; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; font-size: 13px; line-height: 1.3; }
.fiat-method-assets b:first-child { grid-column: 1 / -1; color: #fff; background: rgba(47,111,237,.28); border-color: rgba(91,141,238,.24); font-size: 15px; }
.mode-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 5px; align-items: center; margin-top: auto; padding-top: 25px; border-top: 1px solid var(--line); }
.mode-flow b,
.mode-flow span { display: block; font-size: 8px; overflow-wrap: anywhere; }
.mode-flow b { margin-bottom: 4px; color: var(--coral-dark); font-family: Consolas,monospace; }
.mode-flow span { color: var(--muted); }
.mode-flow i { color: #a4b2bd; font-style: normal; }
.security-architecture,
.architecture-stack { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.security-architecture > div,
.architecture-stack > div { min-width: 0; min-height: 250px; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.arch-no,
.architecture-stack span { display: block; margin-bottom: 52px; color: var(--coral-dark); font: 700 9px Consolas,monospace; }
.security-architecture b,
.architecture-stack b { display: block; margin-bottom: 10px; font-size: 15px; }
.security-architecture p,
.architecture-stack p { margin: 0; color: var(--muted); font-size: 10px; }
.status-board { display: grid; gap: 7px; }
.status-board > * { position: relative; z-index: 1; }
.status-row { display: grid; grid-template-columns: 8px 1fr auto; gap: 11px; align-items: center; padding: 14px; background: rgba(255,255,255,.07); border-radius: 10px; font: 9px Consolas,monospace; }
.status-row i { width: 7px; height: 7px; background: #44c38b; border-radius: 50%; }
.status-row span { color: #8da2b5; }
.status-board-summary { display: flex; justify-content: space-between; gap: 18px; padding-top: 10px; color: #96adca; font-size: 11px; }
.payout-capabilities-head { max-width: 1000px; }
.payout-capabilities-head h2 { white-space: nowrap; }
.payout-capabilities-head p { max-width: none; white-space: nowrap; }
.payout-rails-board { margin: 0 0 34px; padding: 14px; color: #fff; background: radial-gradient(circle at 6% 0,rgba(47,111,237,.3),transparent 30%),var(--navy); border-radius: 30px; box-shadow: 0 28px 68px rgba(15,42,69,.2); }
.payout-rails-topline { display: flex; justify-content: space-between; gap: 18px; padding: 10px 12px 22px; color: #8fa8c0; font: 700 8px Consolas,monospace; letter-spacing: .12em; }
.payout-rails-topline b { color: #b8d1ff; font-weight: 700; }
.payout-rails-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 10px; }
.payout-rail-card { min-width: 0; min-height: 455px; padding: 30px; border-radius: 20px; }
.stablecoin-rail { color: var(--ink); background: #f7f9fc; }
.fiat-rail { background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.1); }
.payout-rail-head { display: flex; gap: 16px; align-items: flex-start; }
.payout-rail-head > span { min-width: 38px; color: var(--coral); font: 760 28px/1 Consolas,monospace; letter-spacing: -.08em; }
.payout-rail-head small { display: block; margin-bottom: 6px; color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.fiat-rail .payout-rail-head small { color: #a8c7ff; }
.payout-rail-head h3 { margin: 0; font-size: 29px; letter-spacing: -.045em; }
.payout-rail-card > p { max-width: 48ch; margin: 16px 0 28px; color: var(--muted); font-size: 11px; }
.fiat-rail > p { color: #9db0c1; }
.payout-rail-group { margin-top: 22px; }
.payout-rail-group > span,
.payout-fiat-matrix span { display: block; margin-bottom: 10px; color: #71869a; font: 700 8px Consolas,monospace; letter-spacing: .09em; }
.payout-prominent-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.payout-prominent-list b { min-width: 0; display: flex; align-items: center; gap: 12px; padding: 16px; color: var(--navy); background: #fff; border: 1px solid var(--line); border-radius: 13px; font-size: 19px; letter-spacing: -.025em; box-shadow: 0 8px 22px rgba(15,42,69,.06); }
.asset-list b { font-size: 23px; }
.asset-list i { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: var(--coral); border-radius: 9px; font: normal 760 15px Consolas,monospace; }
.network-list b { font-size: 17px; }
.network-list i { width: 11px; height: 11px; flex: 0 0 auto; background: var(--coral); border: 3px solid #dfeaff; border-radius: 50%; box-shadow: 0 0 0 1px var(--coral); }
.payout-fiat-matrix { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 31px; }
.payout-fiat-matrix > div { min-width: 0; min-height: 230px; padding: 20px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.09); border-radius: 15px; }
.payout-fiat-matrix span { color: #a8c7ff; }
.payout-fiat-matrix strong { display: block; margin: 27px 0 19px; color: #fff; font: 720 38px/1 Consolas,monospace; letter-spacing: -.07em; }
.payout-fiat-matrix p { margin: 0; color: #c6d4e0; font-size: 10px; line-height: 1.85; overflow-wrap: anywhere; }
.payout-route-line { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 16px; align-items: center; margin-top: 10px; padding: 19px 24px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.075); border-radius: 16px; }
.payout-route-line > div { display: grid; gap: 5px; }
.payout-route-line small { color: #7f96ab; font: 700 7px Consolas,monospace; letter-spacing: .1em; }
.payout-route-line b { color: #dce8f2; font: 700 10px Consolas,monospace; }
.payout-route-line i { color: #7595c4; font-style: normal; }
.payout-use-title { margin: 16px 0; font-size: 48px; line-height: 1.12; }
.payout-use-copy { color: var(--muted); }
.stablecoin-rwa-hero { background: radial-gradient(circle at 82% 22%,rgba(47,111,237,.15),transparent 29%),linear-gradient(150deg,#f8fbff,#eef4fb) !important; }
.stablecoin-rwa-hero h1 .gradient-text { display: block; }
.ucoin-hero-visual { position: relative; min-width: 0; min-height: 535px; color: #fff; background: radial-gradient(circle at 50% 44%,rgba(47,111,237,.34),transparent 30%),var(--navy); border-radius: 30px; box-shadow: 0 34px 78px rgba(13,41,71,.23); overflow: hidden; }
.ucoin-hero-visual::before,
.ucoin-hero-visual::after { content: ""; position: absolute; left: 50%; top: 47%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; transform: translate(-50%,-50%); }
.ucoin-hero-visual::before { width: 340px; height: 340px; box-shadow: 0 0 0 52px rgba(255,255,255,.018); }
.ucoin-hero-visual::after { width: 235px; height: 235px; border-style: dashed; }
.ucoin-visual-head { position: absolute; z-index: 3; left: 26px; right: 26px; top: 24px; display: flex; justify-content: space-between; gap: 18px; color: #839ab0; font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.ucoin-visual-head b { color: #b8d1ff; font-weight: 700; }
.ucoin-coin { position: absolute; z-index: 3; left: 50%; top: 46%; width: 166px; height: 166px; display: grid; place-items: center; align-content: center; color: #fff; background: radial-gradient(circle at 35% 26%,#79a5ff,var(--coral) 45%,#1c53bd); border: 1px solid rgba(255,255,255,.36); border-radius: 50%; box-shadow: 0 26px 58px rgba(0,0,0,.28),inset 0 0 0 8px rgba(255,255,255,.08); transform: translate(-50%,-50%); }
.ucoin-coin small { font: 700 7px Consolas,monospace; letter-spacing: .13em; opacity: .72; }
.ucoin-coin b { margin: 5px 0 1px; font-size: 55px; line-height: 1; letter-spacing: -.08em; }
.ucoin-coin span { font: 750 12px Consolas,monospace; letter-spacing: .08em; }
.ucoin-orbit-label { position: absolute; z-index: 3; padding: 8px 10px; color: #c7d8e7; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; font: 700 8px Consolas,monospace; letter-spacing: .08em; backdrop-filter: blur(8px); }
.label-wallet { left: 15%; top: 31%; }
.label-payment { right: 12%; top: 39%; }
.label-rwa { left: 21%; top: 65%; }
.ucoin-visual-route { position: absolute; z-index: 3; left: 24px; right: 24px; bottom: 24px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; padding: 16px 18px; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.09); border-radius: 14px; backdrop-filter: blur(10px); }
.ucoin-visual-route div { display: grid; gap: 4px; }
.ucoin-visual-route small { color: #7790a7; font: 700 7px Consolas,monospace; letter-spacing: .09em; }
.ucoin-visual-route b { color: #dbe7f2; font: 700 10px Consolas,monospace; }
.ucoin-visual-route i { color: #7195cc; font-style: normal; }
.rwa-capability-grid { display: grid; grid-template-columns: 1.15fr .85fr .85fr; grid-template-rows: 1fr 1fr; gap: 12px; }
.rwa-capability-card { min-width: 0; min-height: 245px; padding: 29px; background: var(--cloud); border-radius: 21px; }
.rwa-capability-card.anchor { grid-row: 1 / 3; min-height: 502px; display: flex; flex-direction: column; color: #fff; background: radial-gradient(circle at 78% 78%,rgba(47,111,237,.28),transparent 32%),var(--navy); }
.rwa-capability-card > span { color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .09em; }
.rwa-capability-card.anchor > span { color: #a8c7ff; }
.rwa-capability-card h3 { margin: 56px 0 11px; font-size: 26px; letter-spacing: -.04em; }
.rwa-capability-card.anchor h3 { margin-top: 118px; font-size: clamp(38px,4vw,54px); line-height: 1.02; }
.rwa-capability-card p { max-width: 42ch; margin: 0; color: var(--muted); font-size: 10px; }
.rwa-capability-card.anchor p { color: #9eb0c1; font-size: 11px; }
.rwa-anchor-stack { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: auto; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.rwa-anchor-stack b { padding: 8px 10px; color: #dce8f2; background: rgba(255,255,255,.07); border-radius: 8px; font: 700 8px Consolas,monospace; }
.rwa-anchor-stack i { color: #6d89a5; font-style: normal; }
.ucoin-layer-section { overflow: hidden; }
.ucoin-layer-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) minmax(400px,.9fr); gap: 8vw; align-items: center; }
.ucoin-layer-grid h2 { margin: 17px 0; color: #fff; font-size: clamp(42px,5vw,66px); line-height: 1.04; letter-spacing: -.055em; }
.ucoin-layer-grid > div:first-child > p { max-width: 54ch; color: #9eb0c1; font-size: 12px; }
.ucoin-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 34px; }
.ucoin-points div { min-width: 0; padding: 16px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); border-radius: 13px; }
.ucoin-points b,
.ucoin-points span { display: block; }
.ucoin-points b { color: #e3eef8; font: 750 11px Consolas,monospace; }
.ucoin-points span { margin-top: 6px; color: #7e96ac; font-size: 8px; }
.ucoin-ledger-card { min-height: 500px; padding: 27px; color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11); border-radius: 25px; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.ucoin-ledger-head { display: flex; justify-content: space-between; gap: 16px; color: #8da3b7; font: 700 8px Consolas,monospace; letter-spacing: .09em; }
.ucoin-ledger-head i { padding: 5px 7px; color: #83ddb3; background: rgba(68,195,139,.1); border-radius: 7px; font-style: normal; }
.ucoin-ledger-value { display: grid; justify-items: center; padding: 65px 0 53px; }
.ucoin-ledger-value small { color: #8399ad; font: 700 7px Consolas,monospace; letter-spacing: .11em; }
.ucoin-ledger-value b { margin: 9px 0 3px; color: #fff; font-size: 68px; line-height: 1; letter-spacing: -.075em; }
.ucoin-ledger-value span { color: #a8c7ff; font: 700 9px Consolas,monospace; }
.ucoin-ledger-rows { display: grid; gap: 7px; }
.ucoin-ledger-rows div { display: flex; justify-content: space-between; gap: 18px; padding: 13px 14px; background: rgba(255,255,255,.055); border-radius: 10px; font-size: 9px; }
.ucoin-ledger-rows span { color: #8fa4b7; }
.ucoin-ledger-rows b { color: #d9e6f1; font-family: Consolas,monospace; }
.rwa-collab-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); background: #fff; border: 1px solid var(--line); border-radius: 25px; overflow: hidden; }
.rwa-collab-flow article { min-width: 0; min-height: 310px; padding: 25px; border-right: 1px solid var(--line); }
.rwa-collab-flow article:last-child { border-right: 0; }
.rwa-collab-flow article > span { color: #c8d3dc; font: 700 28px Consolas,monospace; letter-spacing: -.08em; }
.rwa-collab-flow small { display: block; margin-top: 52px; color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .09em; }
.rwa-collab-flow h3 { margin: 9px 0; font-size: 18px; }
.rwa-collab-flow p { margin: 0; color: var(--muted); font-size: 9px; }
.rwa-case-panel { display: grid; grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: 7vw; align-items: center; padding: 54px; background: #edf4ff; border-radius: 31px; box-shadow: var(--shadow-soft); }
.rwa-case-copy h2 { margin: 19px 0; color: var(--navy); font-size: clamp(40px,5vw,64px); line-height: 1.02; letter-spacing: -.06em; }
.rwa-case-copy > p { max-width: 53ch; color: var(--muted); font-size: 11px; }
.rwa-case-links { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 29px; }
.rwa-case-system { min-width: 0; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 8px; align-items: center; padding: 20px; color: #fff; background: var(--navy); border-radius: 24px; }
.rwa-case-tag { grid-column: 1 / -1; margin-bottom: 10px; color: #8ca3b8; font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.rwa-case-system > i { color: #6f8cab; font-style: normal; }
.rwa-case-node { min-width: 0; min-height: 218px; display: flex; flex-direction: column; padding: 17px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09); border-radius: 15px; }
.rwa-case-node small { color: #81a9e7; font: 700 7px Consolas,monospace; letter-spacing: .08em; }
.rwa-case-node b { margin-top: auto; color: #fff; font-size: 17px; }
.rwa-case-node span { margin-top: 5px; color: #8499ad; font-size: 8px; }
.rwa-case-result { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 2px; padding: 16px 18px; background: rgba(47,111,237,.22); border-radius: 13px; }
.rwa-case-result span { color: #91b8f5; font: 700 8px Consolas,monospace; }
.rwa-case-result b { font-size: 15px; }
.product-disclaimer { display: block; max-width: 68ch; margin-top: 14px; color: #748ba0; font-size: 8px; line-height: 1.65; }
.product-rwa-spotlight { padding-top: 0; }
.product-rwa-banner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: end; padding: 42px; color: #fff; background: radial-gradient(circle at 82% 25%,rgba(47,111,237,.36),transparent 28%),var(--navy); border-radius: 28px; }
.product-rwa-banner small { color: #9ebeff; font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.product-rwa-banner h2 { max-width: 760px; margin: 17px 0 10px; color: #fff; font-size: clamp(38px,5vw,60px); line-height: 1.02; letter-spacing: -.055em; }
.product-rwa-banner p { max-width: 59ch; margin: 0; color: #9eafbf; font-size: 11px; }
.showcase-card.rwa-card { color: #fff; background: radial-gradient(circle at 82% 40%,rgba(47,111,237,.32),transparent 30%),var(--navy); }
.showcase-card.rwa-card .showcase-top { color: #c7daff; }
.showcase-card.rwa-card .showcase-top span:last-child { margin-top: -6px; padding: 5px 9px; color: #fff; background: rgba(47,111,237,.8); border: 1px solid rgba(169,199,255,.46); border-radius: 999px; box-shadow: 0 6px 18px rgba(4,18,36,.2); }
.showcase-card.rwa-card p { color: #9eafbf; }
.showcase-card.rwa-card .text-link { color: #dce9ff; }
.rwa-mini-system { position: absolute; right: 32px; bottom: 30px; display: flex; gap: 8px; align-items: center; }
.rwa-mini-system span { padding: 12px 14px; color: #dce8f3; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.09); border-radius: 10px; font: 700 9px Consolas,monospace; }
.rwa-mini-system i { color: #7195cc; font-style: normal; }
.wallet-page-hero { min-height: 790px; background: radial-gradient(circle at 80% 28%,rgba(47,111,237,.17),transparent 27%),linear-gradient(155deg,#f7fbfd,#eef4ff) !important; }
.wallet-hero-visual { position: relative; min-width: 0; min-height: 535px; color: #fff; background: radial-gradient(circle at 22% 18%,#173b64,transparent 38%),var(--navy); border-radius: 30px; box-shadow: 0 34px 78px rgba(13,41,71,.23); overflow: hidden; }
.wallet-hero-visual::before { content: "WALLET"; position: absolute; right: -24px; bottom: -62px; color: rgba(255,255,255,.03); font-size: 150px; font-weight: 800; letter-spacing: -.08em; }
.wallet-enterprise-shot,
.wallet-personal-shot { position: absolute; z-index: 2; margin: 0; background: #fff; border: 1px solid rgba(255,255,255,.8); box-shadow: 0 22px 50px rgba(0,0,0,.25); overflow: hidden; }
.wallet-enterprise-shot { left: 25px; right: 25px; top: 28px; height: 244px; border-radius: 19px; }
.wallet-personal-shot { width: 176px; right: 29px; bottom: 29px; aspect-ratio: .48; border: 5px solid #fff; border-radius: 24px; }
.wallet-enterprise-shot img,
.wallet-personal-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.wallet-enterprise-shot img { object-position: left top; }
.wallet-enterprise-shot figcaption,
.wallet-personal-shot figcaption { position: absolute; left: 12px; right: 12px; bottom: 10px; display: flex; justify-content: space-between; gap: 8px; padding: 7px 9px; color: #fff; background: rgba(7,27,51,.83); border-radius: 8px; font: 750 8px Consolas,monospace; backdrop-filter: blur(8px); }
.wallet-enterprise-shot figcaption span,
.wallet-personal-shot figcaption span { color: #9fc0ff; }
.wallet-hero-status { position: absolute; z-index: 3; left: 28px; bottom: 43px; width: calc(100% - 235px); display: grid; grid-template-columns: 8px 1fr; gap: 8px 10px; align-items: center; padding: 16px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }
.wallet-hero-status i { width: 8px; height: 8px; background: #42c68b; border-radius: 50%; box-shadow: 0 0 0 5px rgba(66,198,139,.11); }
.wallet-hero-status span { color: #8fa8c0; font: 700 8px Consolas,monospace; }
.wallet-hero-status b { grid-column: 2; color: #d7e6f5; font: 700 11px Consolas,monospace; }
.wallet-network-section { position: relative; z-index: 3; margin-top: -42px; }
.wallet-network-board { display: grid; grid-template-columns: 1.2fr auto auto 1fr .66fr; gap: 12px; align-items: center; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow-soft); }
.wallet-network-title { padding: 6px 14px; }
.wallet-network-title small { display: block; margin-bottom: 5px; color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .1em; }
.wallet-network-title b { font-size: 16px; }
.wallet-token-group { min-width: 130px; display: flex; align-items: center; gap: 10px; padding: 13px; background: var(--cloud); border-radius: 14px; }
.wallet-token { width: 35px; height: 35px; display: grid; place-items: center; color: #fff; border-radius: 50%; font: 800 13px Consolas,monospace; }
.wallet-token.usdt { background: #25a17b; }
.wallet-token.usdc { background: #2775ca; }
.wallet-token-group b,
.wallet-token-group small { display: block; }
.wallet-token-group b { font-size: 11px; }
.wallet-token-group small { color: var(--muted); font-size: 8px; }
.wallet-chain-group { display: flex; flex-wrap: wrap; gap: 6px; }
.wallet-chain-group span { padding: 8px 9px; color: #526b84; background: var(--cloud); border-radius: 9px; font: 700 8px Consolas,monospace; }
.wallet-coming-soon { padding: 10px 14px; color: var(--muted); border-left: 1px solid var(--line); font-size: 8px; line-height: 1.6; }
.wallet-coming-soon b { color: var(--coral-dark); font-size: 10px; }
.wallet-capabilities { display: grid; grid-template-columns: 1.12fr .88fr; grid-template-rows: 1fr 1fr; gap: 14px; }
.wallet-capability { position: relative; min-width: 0; min-height: 310px; display: flex; flex-direction: column; padding: 31px; background: var(--cloud); border: 1px solid var(--line); border-radius: 25px; overflow: hidden; }
.wallet-capability.receive { grid-row: 1 / 3; min-height: 634px; color: #fff; background: var(--navy); border: 0; }
.wallet-capability.convert { background: #edf4ff; }
.wallet-capability-top { display: flex; justify-content: space-between; gap: 16px; color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .08em; }
.wallet-capability.receive .wallet-capability-top { color: #94b8ff; }
.wallet-capability-top b { color: inherit; }
.wallet-capability h3 { max-width: 550px; margin: 48px 0 13px; font-size: clamp(28px,3vw,42px); line-height: 1.08; letter-spacing: -.045em; }
.wallet-capability p { max-width: 53ch; margin: 0; color: var(--muted); font-size: 11px; }
.wallet-capability.receive p { color: #9eb0c1; }
.wallet-receive-ui { margin-top: auto; padding: 16px; color: var(--ink); background: #fff; border-radius: 19px; box-shadow: 0 20px 45px rgba(0,0,0,.2); }
.wallet-receive-ui > div:not(.wallet-address) { display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; padding: 12px; background: var(--cloud); border-radius: 11px; }
.wallet-receive-ui > div + div { margin-top: 8px; }
.wallet-receive-ui small { color: var(--muted); font-size: 8px; }
.wallet-receive-ui b { grid-row: 2; font-size: 14px; }
.wallet-receive-ui span { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.wallet-address { display: flex; justify-content: space-between; gap: 15px; padding: 13px 4px 2px; font: 700 8px Consolas,monospace; }
.wallet-address span { color: #64788c; }
.wallet-address b { color: var(--coral-dark); }
.wallet-mini-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 7px; align-items: center; margin-top: auto; padding-top: 22px; border-top: 1px solid var(--line); }
.wallet-mini-flow span { color: #61778d; font: 700 8px Consolas,monospace; text-align: center; }
.wallet-mini-flow i { color: var(--coral); font-style: normal; }
.wallet-swap { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin-top: auto; }
.wallet-swap > div { padding: 13px; background: #fff; border: 1px solid #d2dff0; border-radius: 11px; }
.wallet-swap small,
.wallet-swap b { display: block; }
.wallet-swap small { color: var(--muted); font: 700 8px Consolas,monospace; }
.wallet-swap b { margin-top: 5px; font-size: 11px; }
.wallet-swap i { color: var(--coral-dark); font-style: normal; }
.wallet-security-section { background: var(--navy); }
.wallet-security-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); gap: 8vw; align-items: center; }
.wallet-security-grid h2 { margin: 18px 0; color: #fff; font-size: clamp(42px,5vw,66px); line-height: 1.05; letter-spacing: -.055em; }
.wallet-security-grid > div:first-child > p { max-width: 58ch; color: #9eb0c1; font-size: 12px; }
.wallet-security-grid .check-list { gap: 11px; }
.wallet-security-grid .check-row {
  padding: 17px 18px;
  background: #fff;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,.1);
}
.wallet-security-grid .check-row i { color: var(--coral-dark); background: var(--coral-soft); }
.wallet-security-grid .check-row b { color: var(--navy); }
.wallet-security-grid .check-row span { color: var(--muted); }
.mpc-visual { position: relative; min-height: 520px; background: radial-gradient(circle at 50% 45%,rgba(47,111,237,.2),transparent 30%),rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 30px; overflow: hidden; }
.mpc-visual::before,
.mpc-visual::after { content: ""; position: absolute; left: 50%; top: 47%; width: 310px; height: 310px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; transform: translate(-50%,-50%); }
.mpc-visual::after { width: 420px; height: 420px; border-style: dashed; opacity: .55; }
.mpc-core { position: absolute; z-index: 3; left: 50%; top: 47%; width: 150px; height: 150px; display: grid; place-items: center; align-content: center; color: #fff; background: var(--coral); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 20px rgba(47,111,237,.12); text-align: center; }
.mpc-core small,
.mpc-core span { font: 700 7px Consolas,monospace; }
.mpc-core b { font-size: 38px; line-height: 1; letter-spacing: -.05em; }
.mpc-core span { margin-top: 5px; color: #dbe8ff; }
.mpc-orbit { position: absolute; z-index: 2; width: 70px; height: 70px; display: grid; place-items: center; color: #bcd2e8; background: #123454; border: 1px solid #365674; border-radius: 18px; font: 700 8px Consolas,monospace; box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.mpc-orbit::after { content: ""; position: absolute; width: 6px; height: 6px; right: 8px; top: 8px; background: #42c68b; border-radius: 50%; }
.orbit-one { left: 12%; top: 18%; }
.orbit-two { right: 11%; top: 23%; }
.orbit-three { left: 20%; bottom: 17%; }
.mpc-status { position: absolute; left: 50%; bottom: 35px; padding: 9px 12px; color: #a5bad0; background: rgba(255,255,255,.06); border-radius: 9px; font: 700 8px Consolas,monospace; transform: translateX(-50%); white-space: nowrap; }
.pipeline { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.pipeline-card { min-width: 0; min-height: 270px; display: flex; flex-direction: column; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.pipeline-card small { color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.pipeline-card h3 { margin: 45px 0 10px; font-size: 17px; }
.pipeline-card p { margin: 0; color: var(--muted); font-size: 10px; }
.pipeline-card > span { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); font-size: 9px; font-weight: 700; }
.agent-stage { min-height: 480px; }
.agent-core { position: relative; z-index: 1; width: 126px; aspect-ratio: 1; display: grid; place-items: center; margin: 18px auto 44px; color: #fff; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 22px rgba(47,111,237,.12); text-align: center; }
.agent-network { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.agent-node { min-width: 0; padding: 12px; color: #8fa3b5; background: rgba(255,255,255,.07); border-radius: 9px; font-size: 8px; }
.agent-node b { display: block; margin-bottom: 3px; color: #bdd4ff; font-size: 9px; }
.mode-table { display: grid; grid-template-columns: .7fr 1.15fr 1.15fr; gap: 1px; padding: 1px; background: var(--line); border-radius: 20px; overflow: hidden; }
.mode-cell { min-width: 0; padding: 22px; background: #fff; font-size: 11px; }
.mode-cell.head { color: #fff; background: var(--navy); }
.mode-cell.pro { background: var(--coral); }
.mode-cell.mode-label { color: var(--navy); background: #f4f7fb; }
.mode-cell b { display: block; margin-bottom: 5px; }
.mode-cell span { display: block; color: var(--muted); font-size: 9px; }
.mode-cell.head span { color: rgba(255,255,255,.65); }
.mode-cell[data-model]::before { content: attr(data-model); display: none; }
.notice { margin-top: 20px; padding: 15px 17px; color: #825421; background: #fff3db; border-radius: 12px; font-size: 10px; }

.story-card { position: sticky; top: 110px; min-height: 480px; padding: 36px; color: #fff; background: var(--coral); border-radius: 28px; align-self: start; overflow: hidden; box-shadow: 0 28px 60px rgba(31,85,197,.2); }
.story-card::after { content: ""; position: absolute; width: 320px; height: 320px; right: -150px; bottom: -160px; border: 1px solid rgba(255,255,255,.27); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.07),0 0 0 110px rgba(255,255,255,.035); }
.story-card h2 { position: relative; z-index: 1; margin: 130px 0 16px; font-size: clamp(34px,4vw,52px); line-height: 1.03; letter-spacing: -.06em; }
.story-card p { position: relative; z-index: 1; color: rgba(255,255,255,.76); font-size: 12px; }
.story-number { position: absolute; color: rgba(255,255,255,.55); font: 10px Consolas,monospace; }
.office-hero-visual { position: relative; min-width: 0; height: 540px; margin: 0; background: var(--navy); border-radius: 28px; box-shadow: 0 30px 72px rgba(13,41,71,.18); overflow: hidden; }
.office-hero-visual::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(to top,rgba(7,27,51,.9),transparent); }
.office-hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.office-hero-visual figcaption { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: 24px; display: flex; justify-content: space-between; align-items: end; gap: 18px; color: #fff; }
.office-hero-visual figcaption span { color: #a9c8ff; font: 700 8px Consolas,monospace; letter-spacing: .08em; }
.office-hero-visual figcaption b { font-size: 16px; }
.timeline { display: grid; gap: 12px; }
.timeline-item { display: grid; grid-template-columns: 72px 1fr; gap: 24px; padding: 24px; background: var(--cloud); border-radius: 18px; }
.timeline-year { color: var(--coral-dark); font: 700 10px Consolas,monospace; }
.timeline-copy h3 { margin: 0 0 8px; font-size: 20px; }
.timeline-copy p { margin: 0; color: var(--muted); font-size: 11px; }
.office-grid,
.license-grid,
.security-grid { display: grid; gap: 15px; }
.office-grid { grid-template-columns: repeat(3,1fr); }
.office-grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.license-grid { grid-template-columns: repeat(3,1fr); }
.license-grid-4 { grid-template-columns: repeat(4,1fr); }
.security-grid { grid-template-columns: repeat(3,1fr); }
.office,
.license-card,
.security-card { min-width: 0; min-height: 250px; padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 19px; }
.office small { color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.office h3,
.license-card h3,
.security-card h3 { margin: 55px 0 10px; font-size: 18px; }
.office p,
.license-card p,
.security-card p { margin: 0; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.flag { width: 46px; height: 46px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 13px; font: 700 10px Consolas,monospace; }
.license-card h3 { margin-top: 42px; }
.status { display: inline-flex; margin-top: 16px; padding: 5px 8px; color: #267452; background: #e1f3e9; border-radius: 7px; font-size: 8px; font-weight: 700; }
.regulatory-board { background: #f1f5fb; border: 1px solid #dce5f0; border-radius: 30px; overflow: hidden; box-shadow: 0 32px 70px rgba(17,55,96,.08); }
.regulatory-board-head { min-height: 142px; display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; padding: 34px 38px 30px; border-bottom: 1px solid #d5e0ed; }
.regulatory-board-head small,
.regulatory-detail > small,
.regulatory-proof > small,
.regulatory-cert small { color: var(--coral-dark); font: 700 8px Consolas,monospace; letter-spacing: .11em; }
.regulatory-board-head h3 { margin: 11px 0 0; font-size: clamp(27px,3vw,40px); font-weight: 680; letter-spacing: -.045em; }
.regulatory-count { display: flex; align-items: flex-end; gap: 12px; color: var(--coral-dark); }
.regulatory-count span { font: 700 8px/1.35 Consolas,monospace; letter-spacing: .08em; }
.regulatory-list { padding: 0 18px; }
.regulatory-row { min-width: 0; min-height: 230px; display: grid; grid-template-columns: 76px minmax(165px,.62fr) minmax(280px,1.2fr) minmax(170px,.55fr); gap: 30px; align-items: center; padding: 34px 20px; border-bottom: 1px solid #d5e0ed; transition: background .28s var(--ease), border-color .28s var(--ease); }
.regulatory-row:hover { background: rgba(255,255,255,.58); border-color: #c9d8e9; }
.regulatory-index { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; padding-block: 4px; }
.regulatory-index span { color: #9eb0c2; font: 500 14px Consolas,monospace; }
.regulatory-index small { color: #72879b; font: 700 8px Consolas,monospace; letter-spacing: .08em; writing-mode: vertical-rl; transform: rotate(180deg); }
.regulatory-code { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding-left: 26px; border-left: 2px solid var(--coral); }
.regulatory-code strong { color: var(--navy); font-size: clamp(46px,5vw,74px); font-weight: 690; letter-spacing: -.075em; line-height: .88; }
.regulatory-code span { margin-top: 12px; color: #75899d; font: 700 8px Consolas,monospace; letter-spacing: .05em; }
.regulatory-detail { min-width: 0; }
.regulatory-detail h3 { max-width: 18ch; margin: 13px 0 12px; font-size: clamp(22px,2.3vw,31px); font-weight: 650; letter-spacing: -.035em; line-height: 1.1; text-wrap: balance; }
.regulatory-detail p { max-width: 58ch; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.85; }
.regulatory-proof { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding-left: 24px; border-left: 1px solid #d5e0ed; }
.regulatory-proof > b { margin: 12px 0 30px; color: var(--ink); font: 650 17px Consolas,monospace; letter-spacing: -.025em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.regulatory-proof > span { color: #587089; font: 700 8px Consolas,monospace; letter-spacing: .06em; }
.regulatory-proof i { width: 6px; height: 6px; display: inline-block; margin-right: 7px; background: #2ca372; border-radius: 50%; box-shadow: 0 0 0 4px rgba(44,163,114,.11); }
.regulatory-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 30px; }
.regulatory-tags b { padding: 6px 8px; color: var(--coral-dark); background: #e6efff; border-radius: 7px; font: 700 10px Consolas,monospace; }
.regulatory-cert { min-width: 0; display: grid; grid-template-columns: 74px minmax(0,1fr) auto; gap: 28px; align-items: center; margin: 18px; padding: 26px 28px; color: #fff; background: var(--navy); border-radius: 18px; }
.regulatory-cert-mark { width: 58px; height: 58px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 15px; font: 700 13px Consolas,monospace; }
.regulatory-cert small { color: #8fb5ff; }
.regulatory-cert h3 { margin: 6px 0; font-size: 18px; }
.regulatory-cert p { max-width: 80ch; margin: 0; color: #94a8bb; font-size: 9px; }
.regulatory-cert > span { color: #aec9fa; font: 700 8px Consolas,monospace; letter-spacing: .06em; white-space: nowrap; }
.security-card i { color: var(--coral-dark); font: normal 700 10px Consolas,monospace; }

.social-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 16px; }
.social-card { position: relative; min-height: 390px; display: flex; flex-direction: column; padding: 34px; background: var(--cloud); border-radius: 26px; overflow: hidden; transition: color .3s, background .3s, transform .3s var(--ease); }
.social-card:first-child { color: #fff; background: var(--navy); }
.social-card:hover { color: #fff; background: var(--coral); transform: translateY(-4px); }
.social-card::after { content: attr(data-mark); position: absolute; right: 14px; bottom: -70px; color: rgba(47,111,237,.11); font-size: 230px; font-weight: 800; }
.social-card:first-child::after,
.social-card:hover::after { color: rgba(255,255,255,.08); }
.social-card-head { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; }
.social-card-head span { color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.social-card:first-child .social-card-head span,
.social-card:hover .social-card-head span { color: #c3d8ff; }
.social-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 13px; font-weight: 700; }
.social-card h2 { position: relative; z-index: 1; margin: auto 0 13px; font-size: clamp(32px,4vw,52px); line-height: 1; letter-spacing: -.05em; }
.social-card p { position: relative; z-index: 1; max-width: 49ch; margin: 0 0 26px; color: var(--muted); font-size: 11px; }
.social-card:first-child p,
.social-card:hover p { color: rgba(255,255,255,.68); }
.social-card .text-link { position: relative; z-index: 1; }
.social-card:first-child .text-link,
.social-card:hover .text-link { color: #fff; }
.social-note { margin-top: 22px; color: var(--muted); font-size: 10px; }
.faq { max-width: 880px; margin: auto; display: grid; gap: 10px; }
.faq-item { padding: 0 20px; background: var(--cloud); border-radius: 14px; }
.faq-q { width: 100%; display: grid; grid-template-columns: 1fr 32px; align-items: center; gap: 16px; padding: 20px 0; color: var(--ink); background: transparent; border: 0; cursor: pointer; text-align: left; font-weight: 700; }
.faq-q span { color: var(--coral); font-size: 18px; transition: transform .3s var(--ease); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s var(--ease); }
.faq-a p { margin: 0 0 21px; color: var(--muted); font-size: 11px; }
.faq-item.open .faq-a { max-height: 220px; }
.faq-item.open .faq-q span { transform: rotate(45deg); }
.sales-faq-wrap { display: grid; grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr); gap: 8vw; align-items: start; }
.sales-faq-intro { position: sticky; top: 120px; }
.sales-faq-intro h2 { max-width: 520px; margin: 16px 0 18px; color: var(--navy); font-size: clamp(38px,4.2vw,58px); font-weight: 660; letter-spacing: -.04em; line-height: 1.08; text-wrap: balance; }
.sales-faq-intro p { max-width: 43ch; margin: 0 0 28px; color: var(--muted); font-size: 12px; }
.sales-faq { border-top: 1px solid #cfdbe8; }
.sales-faq-item { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 22px; padding: 25px 3px; border-bottom: 1px solid #cfdbe8; }
.sales-faq-item > span { color: var(--coral-dark); font: 700 9px Consolas,monospace; }
.sales-faq-item h3 { margin: 0 0 9px; font-size: 17px; letter-spacing: -.02em; }
.sales-faq-item p { max-width: 68ch; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }

.legal-hero { min-height: 650px; background: radial-gradient(circle at 75% 30%,rgba(47,111,237,.12),transparent 28%),linear-gradient(155deg,#f7fbfd,#f0f5ff) !important; }
.legal-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(390px,.78fr); gap: 8vw; align-items: center; }
.legal-hero-panel { position: relative; padding: 34px; color: #fff; background: var(--navy); border-radius: 26px 26px 8px 26px; box-shadow: 0 32px 72px rgba(7,27,51,.2); overflow: hidden; }
.legal-hero-panel::before { content: "LEGAL"; position: absolute; right: -13px; top: -25px; color: rgba(255,255,255,.035); font-size: 96px; font-weight: 800; letter-spacing: -.08em; }
.legal-hero-panel > small { position: relative; color: #80a9f7; font: 700 8px Consolas,monospace; letter-spacing: .13em; }
.legal-hero-panel h2 { position: relative; max-width: 430px; margin: 18px 0 34px; font-size: clamp(28px,2.6vw,38px); line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; }
.legal-hero-links { position: relative; display: grid; }
.legal-hero-links a { display: grid; grid-template-columns: 30px 1fr 20px; align-items: center; gap: 13px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.13); transition: color .2s, transform .25s var(--ease); }
.legal-hero-links a:hover { color: #aec9ff; transform: translateX(4px); }
.legal-hero-links a > span { color: #6682a0; font: 700 9px Consolas,monospace; }
.legal-hero-links b { display: block; font-size: 13px; }
.legal-hero-links em { display: block; margin-top: 2px; color: #879bb0; font-size: 9px; font-style: normal; }
.legal-hero-links i { font-size: 15px; font-style: normal; text-align: right; }
.legal-intro { position: relative; z-index: 2; margin-top: -38px; }
.legal-scope { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 30px; align-items: start; padding: 27px 31px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-soft); }
.legal-scope > span { padding-top: 3px; color: var(--coral-dark); font: 800 9px Consolas,monospace; letter-spacing: .08em; text-transform: uppercase; }
.legal-scope p { max-width: 100ch; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.9; }
.legal-section { padding-top: 88px; }
.legal-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: clamp(52px,7vw,105px); align-items: start; }
.legal-toc { position: sticky; top: 115px; padding-top: 8px; }
.legal-toc > small { color: var(--coral-dark); font: 800 8px Consolas,monospace; letter-spacing: .13em; }
.legal-toc nav { display: grid; margin-top: 18px; border-top: 1px solid var(--line); }
.legal-toc nav a { padding: 11px 2px; color: #697d90; border-bottom: 1px solid var(--line); font-size: 10px; transition: color .2s, padding .2s; }
.legal-toc nav a:first-child,
.legal-toc nav a:nth-child(5) { color: var(--ink); font-weight: 750; }
.legal-toc nav a:hover { padding-left: 5px; color: var(--coral-dark); }
.legal-contact-link { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; color: var(--coral-dark); font-size: 10px; font-weight: 750; }
.legal-documents { min-width: 0; display: grid; gap: 66px; }
.legal-document { scroll-margin-top: 110px; }
.legal-document-head { padding-bottom: 36px; border-bottom: 2px solid var(--navy); }
.legal-document-head > span { display: block; margin-bottom: 16px; color: var(--coral-dark); font: 800 8px Consolas,monospace; letter-spacing: .14em; }
.legal-document-head h2 { max-width: 760px; margin: 0 0 17px; color: var(--navy); font-size: clamp(39px,4vw,56px); line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.legal-document-head p { max-width: 73ch; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.85; }
.privacy-head { border-color: var(--coral); }
.legal-clause { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 26px; padding: 34px 0 38px; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.legal-clause-no { padding-top: 4px; color: var(--coral-dark); font: 800 9px Consolas,monospace; }
.legal-clause h3 { margin: 0 0 16px; color: var(--navy); font-size: 20px; letter-spacing: -.025em; }
.legal-clause p { max-width: 86ch; margin: 0 0 14px; color: #596e82; font-size: 11px; line-height: 1.95; text-wrap: pretty; }
.legal-clause p:last-child { margin-bottom: 0; }
.legal-clause ul { max-width: 84ch; display: grid; gap: 9px; margin: 17px 0 13px; padding: 0; list-style: none; }
.legal-clause li { position: relative; padding-left: 18px; color: #596e82; font-size: 11px; line-height: 1.85; }
.legal-clause li::before { content: ""; position: absolute; left: 0; top: .75em; width: 6px; height: 6px; background: var(--coral); border-radius: 2px; }
.legal-clause li b { color: var(--ink); }
.legal-clause .text-link { display: inline-flex; margin-top: 8px; }
.legal-note { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 28px; padding: 27px 30px; color: #dce8f5; background: var(--navy); border-radius: 8px 22px 22px 22px; }
.legal-note b { color: #87adf9; font-size: 11px; }
.legal-note p { max-width: 92ch; margin: 0; color: #9eb0c1; font-size: 10px; line-height: 1.9; }

.contact-grid { grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr); align-items: start; }
.contact-side { display: grid; gap: 10px; }
.contact-box { padding: 23px; background: var(--cloud); border-radius: 16px; }
.contact-box small { color: var(--coral-dark); font: 700 8px Consolas,monospace; }
.contact-box h3 { margin: 14px 0 5px; font-size: 17px; }
.contact-box p { margin: 0; color: var(--muted); font-size: 10px; }
.form-card { padding: 40px; background: #fff; border: 1px solid var(--line); border-radius: 25px; box-shadow: var(--shadow-soft); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { color: #50667a; font-size: 10px; font-weight: 700; }
.field input,
.field textarea,
.field select { width: 100%; min-height: 48px; padding: 12px 13px; color: var(--ink); background: var(--cloud); border: 1px solid transparent; border-radius: 11px; outline: 0; transition: border-color .2s, background .2s, box-shadow .2s; }
.field textarea { min-height: 120px; resize: vertical; }
.field input:focus,
.field textarea:focus,
.field select:focus { background: #fff; border-color: #a8c1f0; box-shadow: 0 0 0 4px rgba(47,111,237,.08); }
.field.is-invalid input,
.field.is-invalid textarea,
.field.is-invalid select { border-color: #b53737; }
.field-error { color: #a42d2d; font-size: 9px; }
.form-honeypot { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.form-card .btn:disabled { cursor: wait; opacity: .7; transform: none; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 220; max-width: 350px; padding: 15px 18px; color: #fff; background: var(--navy); border-radius: 12px; box-shadow: var(--shadow); opacity: 0; transform: translateY(15px); pointer-events: none; transition: opacity .3s, transform .3s var(--ease); }
.toast.is-error { background: #8f303a; }
.toast.show { opacity: 1; transform: none; }
.form-success-modal { position: fixed; inset: 0; z-index: 240; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .22s ease; }
.form-success-modal[hidden] { display: none; }
.form-success-modal.show { opacity: 1; visibility: visible; }
.form-success-backdrop { position: absolute; inset: 0; background: rgba(7,27,51,.62); backdrop-filter: blur(8px); }
.form-success-dialog { position: relative; width: min(100%, 500px); padding: 44px 42px 40px; overflow: hidden; text-align: center; background: #fff; border: 1px solid rgba(47,111,237,.2); border-radius: 10px 30px 30px 30px; box-shadow: 0 34px 90px rgba(7,27,51,.28); transform: translateY(18px) scale(.985); transition: transform .3s var(--ease); outline: none; }
.form-success-modal.show .form-success-dialog { transform: none; }
.form-success-dialog::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--coral); }
.form-success-close { position: absolute; top: 15px; right: 15px; display: grid; width: 38px; height: 38px; padding: 0; place-items: center; color: #52667a; background: var(--cloud); border: 0; border-radius: 10px; cursor: pointer; transition: color .2s, background .2s, transform .2s; }
.form-success-close:hover { color: var(--ink); background: var(--coral-soft); }
.form-success-close:active { transform: scale(.96); }
.form-success-close:focus-visible,
.form-success-action:focus-visible { outline: 3px solid rgba(47,111,237,.3); outline-offset: 3px; }
.form-success-mark { display: grid; width: 62px; height: 62px; margin: 0 auto 23px; place-items: center; color: var(--coral-dark); background: var(--coral-soft); border-radius: 18px; font-size: 29px; font-weight: 700; line-height: 1; }
.form-success-kicker { display: block; color: var(--coral-dark); font: 700 9px/1.3 Consolas,monospace; letter-spacing: .16em; text-transform: uppercase; }
.form-success-dialog h2 { margin: 12px 0 10px; color: var(--ink); font-size: clamp(28px,4vw,38px); line-height: 1.16; letter-spacing: -.035em; }
.form-success-dialog p { max-width: 38ch; margin: 0 auto; color: var(--muted); font-size: 13px; line-height: 1.75; text-wrap: pretty; }
.form-success-action { min-width: 150px; margin-top: 27px; justify-content: center; }

.site-footer { padding: 64px 0 max(27px,calc(16px + var(--safe-bottom))); color: #fff; background: var(--navy); }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4,.72fr); gap: 30px; }
.footer-brand img {
  width: 150px;
  height: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-sizing: border-box;
}
.footer-brand p { max-width: 370px; margin: 21px 0; color: #8fa4b7; font-size: 11px; }
.footer-badge { display: inline-flex; padding: 6px 8px; color: #b8d1ff; background: rgba(47,111,237,.1); border-radius: 7px; font: 8px Consolas,monospace; }
.footer-col { display: grid; align-content: start; gap: 9px; }
.footer-col h4 { margin: 0 0 12px; color: #8ba0b5; font: 700 8px Consolas,monospace; letter-spacing: .1em; text-transform: uppercase; }
.footer-col a,
.footer-col span { color: #a0b1c0; font-size: 10px; transition: color .2s; }
.footer-col a:hover { color: #fff; }
.footer-col .footer-sub-link { padding-left: 14px; }
.footer-bottom { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 40px; margin-top: 48px; padding-top: 22px; color: #8ba0b5; border-top: 1px solid rgba(255,255,255,.09); font-size: 9px; line-height: 1.75; }
.legal-copy { width: min(100%,760px); display: grid; justify-self: end; text-align: left; }
.legal-copy span { display: block; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .72s var(--ease), transform .72s var(--ease); }
.reveal.revealed { opacity: 1; transform: none; }

@media (max-width: 1080px) {
  :root { --container: min(100% - 40px,1240px); }
  .desktop-nav,
  .nav-cta { display: none; }
  .nav-shell { grid-template-columns: 1fr auto auto; min-height: 68px; }
  .menu-toggle { width: 44px; height: 44px; display: grid; align-content: center; gap: 5px; padding: 10px; background: var(--cloud); border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
  .menu-toggle span { height: 2px; background: var(--navy); border-radius: 2px; transition: transform .25s, opacity .25s; }
  .menu-open .menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-open .menu-toggle span:nth-child(2) { opacity: 0; }
  .menu-open .menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .mobile-panel { position: fixed; inset: calc(112px + var(--safe-top)) 20px max(20px,var(--safe-bottom)); display: grid; align-content: start; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; transform: translateY(-14px) scale(.98); transition: opacity .25s, visibility .25s, transform .3s var(--ease); }
  .site-header.scrolled .mobile-panel { inset-block-start: calc(82px + var(--safe-top)); }
  .mobile-panel.open { opacity: 1; visibility: visible; transform: none; }
  .mobile-panel > a,
  .mobile-group { width: 100%; display: flex; justify-content: space-between; padding: 16px 5px; color: var(--ink); background: none; border: 0; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 680; text-align: left; }
  .mobile-group span { color: var(--coral); }
  .mobile-sub { display: none; padding: 9px 0 12px 18px; }
  .mobile-sub.open { display: grid; }
  .mobile-sub a { min-height: 44px; display: flex; align-items: center; padding: 8px 0; color: var(--muted); font-size: 12px; }
  .mobile-panel > .mobile-sales-cta { min-height: 52px; justify-content: center; gap: 10px; margin-top: 18px; padding: 0 18px; color: #fff; background: var(--coral); border: 0; border-radius: 14px; font-size: 15px; }
  .mobile-panel > .mobile-sales-cta:hover { background: var(--coral-dark); }
  .hero-grid,
  .page-hero-grid,
  .legal-hero-grid,
  .compliance-map,
  .split,
  .about-story,
  .contact-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; }
  .flow-stage { min-height: 520px; margin-top: 25px; }
  .hero-product-visual { max-width: 900px; margin-top: 34px; transform: none; }
  .ai-market-hero { width: 100%; max-width: 900px; margin: 34px 0 0; transform: none; }
  .wallet-hero-visual { max-width: 850px; margin-top: 34px; }
  .office-hero-visual { max-width: 760px; height: 560px; margin-top: 28px; }
  .exchange-video-panel { max-width: 760px; margin-top: 28px; }
  .exchange-company-visual { width: min(100%,760px); justify-self: center; }
  .supported-assets-board { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .supported-assets-intro { grid-column: 1 / -1; padding-block: 24px 18px; }
  .showcase-card.wide { min-height: 0; }
  .showcase-card.wide h3,
  .showcase-card.wide > p { max-width: 100%; }
  .automation-flow { position: relative; inset: auto; width: 100%; margin-top: 26px; }
  .section-head { grid-template-columns: 1fr; gap: 20px; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .grid-3 .card:last-child { grid-column: 1 / -1; }
  .acquiring-modes { grid-template-columns: 1fr 1fr; }
  .acquiring-mode:last-child { grid-column: 1 / -1; min-height: 400px; }
  .security-architecture,
  .architecture-stack,
  .license-grid-4 { grid-template-columns: 1fr 1fr; }
  .wallet-security-grid { grid-template-columns: 1fr; gap: 45px; }
  .ucoin-layer-grid { grid-template-columns: 1fr; gap: 48px; }
  .ucoin-ledger-card { width: min(100%,720px); }
  .rwa-capability-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .rwa-capability-card.anchor { grid-column: 1 / -1; grid-row: auto; min-height: 450px; }
  .rwa-collab-flow { grid-template-columns: repeat(2,1fr); }
  .rwa-collab-flow article { border-bottom: 1px solid var(--line); }
  .rwa-collab-flow article:nth-child(2n) { border-right: 0; }
  .rwa-collab-flow article:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .rwa-case-panel { grid-template-columns: 1fr; }
  .rwa-case-system { max-width: 760px; }
  .mpc-visual { width: min(100%,680px); }
  .global-map { opacity: .7; }
  .story-card { position: relative; top: auto; }
  .payout-rails-grid { grid-template-columns: 1fr; }
  .payout-rail-card { min-height: auto; }
  .footer-grid { grid-template-columns: 1.15fr repeat(4,.72fr); gap: 22px; }
}

@media (min-width: 901px) and (max-width: 1280px) {
  .global-copy { max-width: 52%; }
  .global-map { right: 0; width: 45%; overflow: hidden; }
  .map-ring { left: 50%; width: min(330px,82%); box-shadow: 0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.015); }
  .world-dot.hk { right: 4%; }
  .world-dot.ch { left: 4%; }
  .world-dot.vasp { left: 8%; }
  .world-dot.global { right: 3%; }
}

@media (max-width: 900px) {
  .showcase-card.wide { min-height: 0; }
  .showcase-card.wide h3,
  .showcase-card.wide > p { max-width: 100%; }
  .automation-flow { position: relative; inset: auto; width: 100%; margin-top: 26px; }
  .global-stage { min-height: 0; }
  .global-map { position: relative; inset: auto; width: 100%; height: clamp(330px,48vw,390px); margin-top: 40px; overflow: hidden; opacity: .7; }
  .map-ring { left: 50%; width: min(360px,76vw); }
  .regulatory-row { grid-template-columns: 42px minmax(0,1fr); gap: 20px; padding: 30px 14px; }
  .regulatory-index { grid-row: 1 / 4; }
  .regulatory-code,
  .regulatory-detail,
  .regulatory-proof { grid-column: 2; }
  .regulatory-code { padding: 0 0 22px; border-left: 0; border-bottom: 2px solid var(--coral); }
  .regulatory-code strong { font-size: 54px; }
  .regulatory-detail h3 { max-width: none; }
  .regulatory-proof { padding: 22px 0 0; border-left: 0; border-top: 1px solid #d5e0ed; }
  .regulatory-proof > b,
  .regulatory-tags { margin-bottom: 18px; }
  .payout-capabilities-head h2,
  .payout-capabilities-head p { white-space: normal; }
}

@media (max-width: 767px) {
  :root { --container: min(100% - 28px,1240px); }
  body { font-size: 15px; }
  main h1,
  main h2,
  main h3,
  main h4 { overflow-wrap: break-word; text-wrap: balance; }
  main p { font-size: 15px !important; line-height: 1.72; }
  main small { font-size: 12px; }
  .eyebrow,
  .hero-kicker,
  .showcase-top,
  .solution-tile small,
  .trust-bar-label small { font-size: 11px; }
  .dark .eyebrow { color: #5b8dee; }
  .display .accent-line { font-size: .9em; white-space: normal; }
  .announcement { min-height: calc(44px + var(--safe-top)); padding: var(--safe-top) 14px 0; font-size: 12px; }
  .announcement span { display: none; }
  .announcement a { min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
  .site-header { inset-block-start: calc(44px + var(--safe-top)); }
  .site-header.scrolled { inset-block-start: max(6px,var(--safe-top)); }
  .nav-shell { min-height: 62px; padding-inline: 15px 10px; border-radius: 17px; }
  .brand,
  .brand img { width: 136px; }
  .language-switch { min-width: 44px; min-height: 44px; padding-inline: 8px; font-size: 12px; }
  .mobile-panel { inset: calc(114px + var(--safe-top)) 14px max(14px,var(--safe-bottom)); }
  .site-header.scrolled .mobile-panel { inset-block-start: calc(74px + var(--safe-top)); }
  .hero { padding: 155px 0 88px; }
  .display { max-width: 100%; font-size: clamp(40px,11.8vw,50px); letter-spacing: -.015em; line-height: 1.09; }
  .lead { font-size: 14px; }
  .btns,
  .cta-actions { width: 100%; flex-direction: column; align-items: stretch; }
  .btns .btn,
  .cta-actions .btn { width: 100%; flex: none; }
  .flow-stage { min-height: 450px; }
  .flow-orb { width: 300px; }
  .flow-card.balance { width: 190px; top: 30px; }
  .flow-card.route { width: 155px; right: 0; top: 115px; }
  .flow-card.checkout { width: 205px; bottom: 18px; }
  .flow-card strong { font-size: 21px; }
  .flow-badge { left: 12%; bottom: 110px; }
  .trust-bar { margin-top: -38px; }
  .trust-bar-inner { grid-template-columns: 1fr; }
  .trust-bar-label { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .trust-bar-label > span,
  .trust-marks span,
  .metric span { font-size: 12px; }
  .trust-marks { grid-template-columns: 1fr 1fr; }
  .trust-marks div:nth-child(2) { border-right: 0; }
  .trust-marks div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.09); }
  .metrics-strip { margin-top: 14px; }
  .metrics { grid-template-columns: 1fr 1fr; padding: 8px; border-radius: 18px; }
  .metric { min-height: 100px; padding: 18px 14px; border-bottom: 1px solid var(--line); }
  .metric:nth-child(2) { border-right: 0; }
  .metric:nth-last-child(-n+2) { border-bottom: 0; }
  .section { padding: 82px 0 96px; }
  .section-head,
  .center-head { margin-bottom: 40px; }
  .section-head h2,
  .center-head h2 { font-size: clamp(34px,9.4vw,44px); line-height: 1.13; }
  .product-showcase { grid-template-columns: 1fr; grid-template-rows: auto; }
  .showcase-card.featured { grid-row: auto; min-height: 560px; }
  .showcase-card.wide { grid-column: auto; }
  .showcase-card { min-height: 310px; padding: 27px; }
  .automation-flow { position: relative; inset: auto; width: 100%; margin-top: 26px; }
  .acquire-ui { margin-top: 22px; padding: 16px; }
  .acquire-row { font-size: 12px; }
  .wallet-card-assets span,
  .wallet-card-assets b { font-size: 12px; }
  .automation-flow small { font-size: 11px; }
  .automation-flow span { font-size: 12px; }
  .rwa-mini-system span { font-size: 11px; }
  .solution-ribbon,
  .grid-4,
  .grid-3,
  .grid-2,
  .solution-matrix,
  .office-grid,
  .license-grid,
  .license-grid-4,
  .security-grid,
  .security-architecture,
  .architecture-stack,
  .acquiring-modes,
  .social-grid { grid-template-columns: 1fr; }
  .solution-tile { min-height: 0; justify-content: flex-start; }
  .solution-tile:nth-child(even) { margin-top: 0; }
  .solution-tile h3 { margin: 30px 0 12px; }
  .solution-tile .text-link { margin-top: 22px; }
  .grid-3 .card:last-child,
  .acquiring-mode:last-child { grid-column: auto; }
  .card,
  .office,
  .license-card,
  .security-card { min-height: auto; padding: 26px; }
  .capital-lifecycle { grid-template-columns: 1fr; padding: 10px; border-radius: 22px; }
  .lifecycle-track { left: 41px; right: auto; top: 42px; bottom: 42px; width: 1px; height: auto; }
  .lifecycle-stage { min-height: auto; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 18px; padding: 26px 16px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .lifecycle-stage:last-child { border-bottom: 0; }
  .lifecycle-no { width: 36px; height: 36px; }
  .lifecycle-content { padding-top: 0; }
  .lifecycle-content h3 { font-size: 24px; }
  .lifecycle-content a { margin-top: 22px; padding-top: 0; }
  .regulatory-board { border-radius: 22px; }
  .regulatory-board-head { min-height: auto; align-items: flex-start; padding: 26px 24px 24px; }
  .regulatory-list { padding: 0 10px; }
  .regulatory-row { grid-template-columns: 42px minmax(0,1fr); gap: 20px; padding: 30px 14px; }
  .regulatory-index { grid-row: 1 / 4; }
  .regulatory-code,
  .regulatory-detail,
  .regulatory-proof { grid-column: 2; }
  .regulatory-code { padding: 0 0 22px; border-left: 0; border-bottom: 2px solid var(--coral); }
  .regulatory-code strong { font-size: 54px; }
  .regulatory-detail h3 { max-width: none; }
  .regulatory-proof { padding: 22px 0 0; border-left: 0; border-top: 1px solid #d5e0ed; }
  .regulatory-proof > b,
  .regulatory-tags { margin-bottom: 18px; }
  .regulatory-cert { grid-template-columns: 58px minmax(0,1fr); gap: 18px; margin: 10px; padding: 23px 20px; }
  .regulatory-cert-mark { width: 52px; height: 52px; }
  .regulatory-cert > span { grid-column: 1 / -1; }
  .solution-panel { min-height: 310px; }
  .global-stage { min-height: 0; }
  .global-map { position: relative; inset: auto; width: 100%; height: 350px; margin-top: 34px; }
  .map-ring { width: min(270px,80vw); }
  .world-dot { font-size: 12px; }
  .global-stats span { font-size: 12px; }
  .compliance-map .map-core span { font-size: 11px; }
  .compliance-map .map-pin,
  .compliance-map .map-pin small { font-size: 12px; }
  .global-stats { grid-template-columns: 1fr; }
  .cta-panel { grid-template-columns: 1fr; padding: 34px 25px; border-radius: 24px; }
  .cta-actions { justify-content: flex-start; }
  .page-hero { min-height: auto; padding: 155px 0 70px; }
  .page-hero h1 { font-size: clamp(38px,10.5vw,48px); letter-spacing: -.01em; line-height: 1.13; }
  .page-hero .payout-hero-title { font-size: clamp(30px,8.9vw,38px); letter-spacing: -.035em; white-space: normal; }
  .exchange-company-visual { aspect-ratio: 4 / 5; border-radius: 28px; }
  .exchange-company-visual img { object-position: 50% 52%; }
  .contact-hero-visual { aspect-ratio: 4 / 3; margin-top: 18px; border-radius: 24px; }
  .contact-hero-visual img { object-position: 52% center; }
  .hero-card,
  .visual-panel,
  .exchange-video-panel,
  .checkout,
  .status-board,
  .agent-stage { margin-top: 18px; }
  .feature-band { grid-template-columns: 1fr; }
  .feature-band > div { min-height: auto; padding: 22px; }
  .process { grid-template-columns: 1fr; }
  .step { min-height: auto; }
  .step::after { display: none; }
  .step h3 { margin-top: 32px; }
  .pipeline { grid-template-columns: 1fr; }
  .pipeline-card { min-height: 235px; }
  .mode-table { grid-template-columns: 1fr; }
  .mode-cell.head:first-child { display: none; }
  .mode-cell[data-model]:not(.head)::before { display: block; margin-bottom: 9px; color: var(--coral-dark); font: 800 8px Consolas,monospace; letter-spacing: .12em; }
  .mode-cell.mode-label { padding-block: 15px; }
  .mode-cell.mode-label b { margin: 0; font-size: 13px; }
  .agent-network { grid-template-columns: 1fr 1fr; }
  .map-board { min-height: 400px; }
  .timeline-item { grid-template-columns: 54px 1fr; gap: 16px; padding: 20px; }
  .story-card { min-height: 420px; padding: 28px; }
  .story-card h2 { margin-top: 100px; }
  .office-hero-visual { height: 520px; }
  .sales-faq-wrap { grid-template-columns: 1fr; gap: 38px; }
  .sales-faq-intro { position: relative; top: auto; }
  .sales-faq-item { grid-template-columns: 34px minmax(0,1fr); gap: 14px; padding-block: 22px; }
  .social-card { min-height: 340px; padding: 27px; }
  .supported-assets-board { min-height: 0; grid-template-columns: 1fr; gap: 10px; padding: 10px; }
  .supported-assets-intro { padding: 22px 18px 18px; }
  .supported-assets-intro h3 { font-size: 27px; }
  .supported-asset-row { min-height: 0; padding: 21px; }
  .supported-asset-row > div { margin-top: 30px; }
  .stablecoin-assets b { min-height: 66px; padding: 12px; font-size: 20px; }
  .stablecoin-assets b::before { width: 31px; height: 31px; flex-basis: 31px; font-size: 15px; }
  .stablecoin-assets em { font-size: 12px; }
  .fiat-method-assets > div { grid-template-columns: 1fr; }
  .fiat-method-assets b,
  .fiat-method-assets b:first-child { grid-column: auto; min-height: 52px; font-size: 14px; }
  .wallet-capabilities { min-height: 470px; padding: 28px; }
  .exchange-access-section .section-head { gap: 14px; margin-bottom: 30px; }
  .exchange-access-section .section-head h2 { font-size: clamp(30px,8.6vw,36px); line-height: 1.14; }
  .exchange-access-section .section-head h2 br { display: none; }
  .exchange-access-section .section-head > p { font-size: 11px; line-height: 1.75; }
  .exchange-access-board { min-height: 0; grid-template-columns: 1fr; gap: 10px; padding: 0; }
  .exchange-access-main { min-height: 0; display: grid; grid-template-columns: auto minmax(0,1fr); grid-template-areas: "label label" "number title" "copy copy" "ticker ticker"; column-gap: 15px; padding: 24px; border-radius: 22px; }
  .exchange-access-main::after { display: none; }
  .exchange-access-main > .exchange-access-label { grid-area: label; }
  .exchange-access-main > strong { grid-area: number; margin: 34px 0 0; font-size: 64px; line-height: .84; }
  .exchange-access-main h3 { grid-area: title; align-self: end; margin: 0 0 2px; font-size: 24px; line-height: 1.12; }
  .exchange-access-main p { grid-area: copy; margin-top: 17px; font-size: 11px; line-height: 1.75; }
  .fiat-ticker { position: static; grid-area: ticker; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; margin-top: 21px; }
  .fiat-ticker span { min-width: 0; padding: 9px 3px; }
  .exchange-access-side { grid-template-rows: auto; gap: 10px; }
  .exchange-access-card { min-height: 0; padding: 24px; border-radius: 18px; }
  .exchange-access-card h3 { margin: 30px 0 8px; font-size: 24px; line-height: 1.15; }
  .exchange-access-card p { font-size: 10.5px; line-height: 1.75; }
  .stable-pair { margin-top: 18px; }
  .custody-route { margin-top: 18px; padding-top: 15px; }
  .payout-capabilities-head h2,
  .payout-capabilities-head p { white-space: normal; }
  .payout-rails-board { padding: 10px; border-radius: 24px; }
  .payout-rails-topline { padding: 9px 8px 18px; }
  .payout-rails-grid { grid-template-columns: 1fr; }
  .payout-rail-card { min-height: auto; padding: 24px; border-radius: 16px; }
  .payout-rail-head h3 { font-size: 26px; }
  .payout-prominent-list b { padding: 14px; }
  .asset-list b { font-size: 21px; }
  .network-list b { font-size: 15px; }
  .payout-fiat-matrix { grid-template-columns: 1fr; }
  .payout-fiat-matrix > div { min-height: auto; display: grid; grid-template-columns: 55px minmax(0,1fr); gap: 5px 14px; align-items: center; }
  .payout-fiat-matrix span { grid-column: 1 / -1; }
  .payout-fiat-matrix strong { margin: 8px 0 0; }
  .payout-fiat-matrix p { margin-top: 8px; }
  .payout-route-line { grid-template-columns: 1fr; gap: 12px; text-align: center; }
  .payout-route-line i { justify-self: center; transform: rotate(90deg); }
  .payout-use-title { font-size: 39px; }
  .wallet-page-hero { min-height: auto; }
  .wallet-hero-visual { min-height: 455px; }
  .wallet-enterprise-shot { height: 190px; }
  .wallet-personal-shot { width: 147px; }
  .wallet-hero-status { width: calc(100% - 200px); }
  .wallet-network-section { margin-top: -24px; }
  .wallet-network-board { grid-template-columns: 1fr 1fr; }
  .wallet-network-title,
  .wallet-chain-group { grid-column: 1 / -1; }
  .wallet-coming-soon { border-left: 0; }
  .wallet-capability.receive { grid-row: auto; min-height: 570px; }
  .wallet-capability { min-height: 330px; padding: 26px; }
  .mpc-visual { min-height: 420px; }
  .mpc-visual::after { width: 350px; height: 350px; }
  .mpc-visual::before { width: 260px; height: 260px; }
  .mpc-core { width: 125px; height: 125px; }
  .mpc-core b { font-size: 31px; }
  .mpc-orbit { width: 60px; height: 60px; }
  .mpc-status { bottom: 24px; }
  .product-hub-rows { grid-template-columns: 1fr 1fr; }
  .product-hub-rows > div:last-child { grid-column: auto; }
  .ucoin-hero-visual { min-height: 475px; }
  .ucoin-hero-visual::before { width: 290px; height: 290px; }
  .ucoin-hero-visual::after { width: 205px; height: 205px; }
  .ucoin-coin { width: 142px; height: 142px; }
  .ucoin-coin b { font-size: 47px; }
  .ucoin-visual-route { grid-template-columns: repeat(3,1fr); }
  .ucoin-visual-route i { display: none; }
  .ucoin-visual-route div { text-align: center; }
  .rwa-capability-grid { grid-template-columns: 1fr; }
  .rwa-capability-card.anchor { grid-column: auto; min-height: 430px; }
  .rwa-capability-card { min-height: 230px; padding: 25px; }
  .ucoin-points { grid-template-columns: 1fr; }
  .ucoin-ledger-card { min-height: auto; padding: 23px; }
  .ucoin-ledger-value { padding: 48px 0 40px; }
  .rwa-collab-flow { grid-template-columns: 1fr; }
  .rwa-collab-flow article,
  .rwa-collab-flow article:nth-child(2n) { min-height: 245px; border-right: 0; border-bottom: 1px solid var(--line); }
  .rwa-collab-flow article:last-child { grid-column: auto; }
  .rwa-case-panel { padding: 25px; border-radius: 23px; }
  .rwa-case-system { grid-template-columns: 1fr; padding: 14px; }
  .rwa-case-system > i { display: none; }
  .rwa-case-node { min-height: 145px; }
  .rwa-case-result { grid-column: auto; align-items: flex-start; flex-direction: column; }
  .product-rwa-banner { grid-template-columns: 1fr; align-items: start; padding: 28px; }
  .rwa-mini-system { position: relative; right: auto; bottom: auto; flex-wrap: wrap; margin-top: 28px; }
  .legal-hero-panel { margin-top: 20px; padding: 28px; }
  .legal-intro { margin-top: -25px; }
  .legal-scope { grid-template-columns: 1fr; gap: 10px; padding: 23px; }
  .legal-layout { grid-template-columns: 1fr; gap: 45px; }
  .legal-toc { position: relative; top: auto; padding: 22px; background: var(--cloud); border-radius: 16px; }
  .legal-toc nav { grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .legal-document-head h2 { font-size: clamp(36px,10vw,46px); }
  .legal-clause { grid-template-columns: 34px minmax(0,1fr); gap: 13px; padding-block: 29px 33px; }
  .legal-clause h3 { font-size: 18px; }
  .legal-note { grid-template-columns: 1fr; gap: 10px; padding: 24px; }
  .form-card { padding: 26px; }
  .form-grid { grid-template-columns: 1fr; }
  .field input,
  .field select,
  .field textarea { font-size: 16px; }
  #contactForm > .btn { width: 100%; }
  .form-success-modal { padding: 18px; }
  .form-success-dialog { padding: 40px 24px 30px; border-radius: 8px 24px 24px 24px; }
  .form-success-mark { width: 56px; height: 56px; margin-bottom: 20px; border-radius: 16px; }
  .form-success-action { width: 100%; }
  .field.full { grid-column: auto; }
  main .text-link { min-height: 44px; align-items: center; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-col { gap: 12px; }
  .footer-brand p { font-size: 14px; }
  .footer-badge { font-size: 12px; }
  .footer-col h4 { font-size: 11px; }
  .footer-col a,
  .footer-col span { font-size: 13px; }
  .footer-col a { min-height: 44px; display: flex; align-items: center; padding-block: 7px; }
  .footer-col .footer-sub-link { padding-left: 14px; }
  .footer-bottom { grid-template-columns: 1fr; gap: 14px; }
  .footer-bottom { font-size: 12px; }
  .legal-copy { width: 100%; justify-self: start; text-align: left; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}