/* ==========================================================================
   MilestoneGuard — 跨境服务交易担保平台
   设计令牌与共享样式（依据《视觉设计规范》第 4 章、《交互规范》第 5 章）
   ========================================================================== */

:root {
  color-scheme:light;

  /* 品牌色 */
  --navy:#152654;
  --navy-deep:#101d43;
  --green:#4775ff;
  --green-deep:#658cff;
  --green-text:#152654;

  /* 基础色 */
  --paper:#111620;
  --mist:#121722;
  --mint:#121722;
  --tint-blue:#121722;
  --tint-green:#121722;
  --line:#293246;

  /* 文字 */
  --ink:#f1f4fc;
  --ink-2:#bac3d6;
  --ink-3:#97a4be;
  --on-dark:#FFFFFF;
  --on-dark-2:rgba(255, 255, 255, 0.72);
  --on-dark-3:rgba(255, 255, 255, 0.5);
  --line-dark:rgba(255, 255, 255, 0.16);

  /* 状态色 */
  --st-protected:#152654;
  --st-waiting:#C9891A;
  --st-released:#4775ff;
  --st-refunded:#287BA8;
  --st-dispute:#B93A32;

  /* 字体与排版 */
  --font:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --fs-0:0.8125rem;   /* 13 */
  --fs-1:0.9375rem;   /* 15 */
  --fs-2:1.0625rem;   /* 17 */
  --fs-3:1.25rem;     /* 20 */
  --fs-4:1.5rem;      /* 24 */
  --fs-5:2rem;        /* 32 */
  --fs-6:2.75rem;     /* 44 */
  --lh-body:1.75;
  --lh-tight:1.25;

  /* 布局 */
  --container:1200px;
  --gutter:24px;
  --section:88px;
  --radius-s:6px;
  --radius:10px;
  --radius-l:16px;
  --topbar-h:72px;
}

/* ---------- 基础 ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}
body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--fs-2);
  line-height: var(--lh-body);
  color:var(--ink);
  background:var(--paper);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { margin: 0; font-weight: 600; line-height: var(--lh-tight); color:var(--ink); letter-spacing: -0.005em; }
h1 { font-size: var(--fs-6); }
h2 { font-size: var(--fs-5); }
h3 { font-size: var(--fs-3); }
h4 { font-size: var(--fs-2); }
p { margin: 0; }
p + p { margin-top: 0.9em; }
a { color:var(--navy); text-decoration: none; text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
ul, ol { margin: 0; padding: 0; }
img, svg { display: block; max-width: 100%; }
button { font: inherit; color:inherit; }
strong { font-weight: 600; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border:0; }

/* 焦点状态：全站统一、可见 */
:focus-visible { outline:3px solid var(--green); outline-offset:2px; border-radius:4px; }
.bg-navy :focus-visible, .topbar :focus-visible { outline-color:var(--green); }

.container { width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; }
.section { padding-block: var(--section); }
.section--tight { padding-block: 56px; }
.bg-mist { background:var(--mist); }
.bg-mint { background:var(--mint); }
.bg-navy { background:#10204a; color:var(--on-dark); }
.bg-navy h1, .bg-navy h2, .bg-navy h3, .bg-navy h4 { color:var(--on-dark); }
.bg-navy a { color:var(--green); }
.bg-navy .muted { color:var(--on-dark-2); }
.muted { color:var(--ink-2); }
.small { font-size: var(--fs-1); }
.measure { max-width: 42em; }
.lead { font-size: var(--fs-3); line-height: 1.6; color:var(--ink-2); }
.bg-navy .lead { color:var(--on-dark-2); }
.num { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.skip-link { position: absolute; left: 12px; top: -60px; background:#10204a; color:#fff; padding: 10px 14px; border-radius:var(--radius-s); z-index: 100; }
.skip-link:focus { top: 12px; }

/* 区块标题组 */
.section-head { max-width: 46em; margin-bottom: 44px; }
.section-head h2 { margin-bottom: 14px; }
.section-head p { color:var(--ink-2); }
.bg-navy .section-head p { color:var(--on-dark-2); }
.section-head--center { margin-inline: auto; text-align: center; }

/* ---------- 按钮 ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 22px;
  border-radius:var(--radius-s); border:1.5px solid transparent;
  font-size: var(--fs-1); font-weight: 600; line-height: 1;
  cursor: pointer; text-decoration: none; white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.btn:hover { text-decoration: none; }
.btn--primary { background:#10204a; color:#fff; }
.btn--primary:hover { background:#10204a; }
.btn--accent { background:var(--green); color:var(--navy); }
.btn--accent:hover { background:var(--green-deep); }
.btn--outline { background:transparent; color:var(--navy); border-color:var(--navy); }
.btn--outline:hover { background:var(--tint-blue); }
.btn--outline-light { background:transparent; color:#fff; border-color:rgba(255, 255, 255, 0.55); }
.btn--outline-light:hover { border-color:#fff; background:rgba(255, 255, 255, 0.06); }
.btn--sm { min-height: 40px; padding: 0 16px; font-size: var(--fs-0); }
.btn-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.btn-row--center { justify-content: center; }
.link-more { font-weight: 600; }
.link-more::after { content: " ›"; }
.bg-navy .link-more { color:var(--green); }

/* ---------- 顶栏 ---------- */
.topbar {
  position: sticky; top: 0; z-index: 50;
  background:var(--paper); border-bottom:1px solid var(--line);
}
.topbar__inner {
  display: flex; align-items: center; gap: 24px;
  min-height: var(--topbar-h);
}
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color:var(--ink); }
.brand:hover { text-decoration: none; }
.brand__mark { width: 34px; height: 34px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.15; }
.brand__name { font-weight: 700; font-size: 1.125rem; color:var(--navy); letter-spacing: -0.01em; }
.brand__sub { font-size: 0.75rem; color:var(--ink-3); }

.nav { display: flex; align-items: center; gap: 16px; margin-right: auto; }
.nav__list { display: flex; align-items: center; gap: 4px; list-style: none; }
.nav__list > li { position: relative; }
.nav__link, .nav__parent {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 14px; border-radius:var(--radius-s);
  font-size: var(--fs-1); font-weight: 500; color:var(--ink);
  background:none; border:0; cursor: pointer; text-decoration: none;
}
.nav__link:hover, .nav__parent:hover { background:var(--mist); text-decoration: none; }
.nav__parent svg { width: 12px; height: 12px; transition: transform 0.15s ease; }
.nav__parent[aria-expanded="true"] svg { transform: rotate(180deg); }
.nav__cta { margin-left: 8px; }

/* 二级下拉：白色浮层 + 简短说明 */
.sub {
  position: absolute; top: calc(100% + 10px); left: 0;
  min-width: 300px; padding: 8px;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 12px 32px rgba(25,45,100, 0.12);
  display: none;
}
/* 透明桥接区：填补按钮与浮层之间的间隙，鼠标移向二级菜单时不会中途失去悬停 */
.sub::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.has-sub.is-open .sub { display: block; }
@media (hover: hover) and (min-width: 981px) {
  .has-sub:hover .sub, .has-sub:focus-within .sub { display: block; }
  .has-sub:hover .nav__parent { background:var(--mist); }
}
.sub a { display: block; padding: 10px 12px; border-radius:var(--radius-s); text-decoration: none; }
.sub a:hover, .sub a:focus-visible { background:var(--mist); }
.sub a strong { display: block; color:var(--ink); font-weight: 600; font-size: var(--fs-1); }
.sub a span { display: block; color:var(--ink-3); font-size: var(--fs-0); line-height: 1.5; }

.nav-toggle {
  display: none; margin-left: auto;
  width: 44px; height: 44px; border:1px solid var(--line); border-radius:var(--radius-s);
  background:var(--paper); cursor: pointer; align-items: center; justify-content: center;
}
.nav-toggle span { display: block; width: 20px; height: 2px; background:#10204a; position: relative; }
.nav-toggle span::before, .nav-toggle span::after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background:#10204a; }
.nav-toggle span::before { top: -6px; }
.nav-toggle span::after { top: 6px; }
.nav-toggle[aria-expanded="true"] span { background:transparent; }
.nav-toggle[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
.nav-toggle[aria-expanded="true"] span::after { top: 0; transform: rotate(-45deg); }

/* ---------- 首页首屏 / 内页页头 ---------- */
.hero { background:#10204a; color:var(--on-dark); padding-block: 88px 96px; }
.hero__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.hero h1 { color:#fff; font-size: clamp(2rem, 4vw, 3rem); }
.hero .lead { margin-top: 18px; color:var(--on-dark-2); max-width: 32em; }
.hero .btn-row { margin-top: 32px; justify-content: flex-start; }

.page-head { background:#10204a; color:var(--on-dark); padding-block: 56px 60px; }
.page-head__kicker { color:var(--green); font-size: var(--fs-1); font-weight: 600; margin-bottom: 12px; }
.page-head h1 { color:#fff; font-size: clamp(1.9rem, 3.4vw, 2.6rem); }
.page-head .lead { margin-top: 16px; max-width: 40em; color:var(--on-dark-2); }
.page-head .btn-row { margin-top: 28px; }
.anchor-nav { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 28px; padding-top: 20px; border-top:1px solid var(--line-dark); }
.anchor-nav a { color:var(--on-dark-2); font-size: var(--fs-1); }
.anchor-nav a:hover, .anchor-nav a.is-current { color:var(--green); text-decoration: none; }

/* ---------- 账簿卡片（Ledger）：全站示例数据的统一载体 ---------- */
.ledger {
  background:#10204a; color:var(--on-dark);
  border-radius:var(--radius-l); padding: 22px 24px;
  border:1px solid rgba(255, 255, 255, 0.08);
}
.ledger--light { background:var(--paper); color:var(--ink); border:1px solid var(--line); }
.ledger__title { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 600; font-size: var(--fs-1); padding-bottom: 12px; border-bottom:1px solid var(--line-dark); }
.ledger--light .ledger__title { border-color:var(--line); }
.ledger__rows { list-style: none; }
.ledger__rows li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom:1px dashed var(--line-dark); font-size: var(--fs-1); }
.ledger--light .ledger__rows li { border-color:var(--line); }
.ledger__rows li:last-child { border-bottom:0; }
.ledger__rows dt, .ledger__rows .k { color:var(--on-dark-2); }
.ledger--light .ledger__rows .k { color:var(--ink-2); }
.ledger__rows .v { text-align: right; font-weight: 500; }
.ledger__rows .v--accent { color:var(--green); font-weight: 600; }
.ledger--light .ledger__rows .v--accent { color:var(--green-text); }
.ledger__foot { margin-top: 12px; padding-top: 12px; border-top:1px solid var(--line-dark); font-size: var(--fs-0); color:var(--on-dark-2); display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ledger--light .ledger__foot { border-color:var(--line); color:var(--ink-2); }
.ledger__total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 8px; padding-top: 14px; border-top:2px solid rgba(255, 255, 255, 0.35); }
.ledger__total .v { font-size: var(--fs-4); font-weight: 700; color:var(--green); }

/* ---------- 状态标记：图标 + 文字 + 颜色（三者并用） ---------- */
.status { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-0); font-weight: 600; padding: 4px 10px 4px 8px; border-radius:999px; background:var(--tint-blue); color:var(--navy); white-space: nowrap; }
.status::before { content: ""; width: 8px; height: 8px; border-radius:50%; background:currentColor; flex: none; }
.status--protected { background:var(--tint-blue); color:var(--st-protected); }
.status--waiting { background:#302617; color:#f2c56b; }
.status--waiting::before { background:var(--st-waiting); }
.status--released { background:var(--tint-green); color:var(--green-text); }
.status--released::before { background:var(--st-released); box-shadow:0 0 0 1px var(--green-text) inset; }
.status--refunded { background:#121722; color:#aac0ff; }
.status--refunded::before { background:var(--st-refunded); }
.status--dispute { background:#321c22; color:#f3a39c; }
.status--dispute::before { background:var(--st-dispute); }
.status--paid { background:var(--mist); color:var(--ink-2); }
.status--paid::before { background:var(--ink-3); }
.bg-navy .status, .ledger .status { background:rgba(255, 255, 255, 0.1); color:#fff; }
.bg-navy .status--released, .ledger .status--released { color:var(--green); }
.bg-navy .status--released::before, .ledger .status--released::before { box-shadow:none; }
.bg-navy .status--waiting, .ledger .status--waiting { color:#F2C56B; }
.bg-navy .status--dispute, .ledger .status--dispute { color:#F3A39C; }

/* ---------- 卡片与网格 ---------- */
.grid { display: grid; gap: 24px; }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.card { background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding: 26px; }
.card h3 { margin-bottom: 10px; font-size: var(--fs-2); }
.card p { color:var(--ink-2); font-size: var(--fs-1); }
.card .link-more { display: inline-block; margin-top: 14px; font-size: var(--fs-1); }
.card--mint { background:#111620; border-color:#293246; }
.card--tint { background:var(--tint-blue); border-color:#293246; }
.bg-navy .card { background:rgba(255, 255, 255, 0.06); border-color:var(--line-dark); }
.bg-navy .card h3 { color:#fff; }
.bg-navy .card p { color:var(--on-dark-2); }
.icon { width: 40px; height: 40px; border-radius:var(--radius-s); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.icon svg { width: 22px; height: 22px; }
.icon--navy { background:var(--tint-blue); color:var(--navy); }
.icon--green { background:var(--tint-green); color:var(--green-text); }
.bg-navy .icon--navy { background:rgba(255, 255, 255, 0.1); color:#fff; }
.bg-navy .icon--green { background:rgba(71,117,255, 0.16); color:var(--green); }

/* 两栏账簿式布局：左文右证 */
.split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: start; }
.split--even { grid-template-columns: 1fr 1fr; }
.split > * { min-width: 0; }

/* 定义列表（用于信息条目） */
.def { display: grid; gap: 18px; }
.def__item { display: grid; grid-template-columns: 200px 1fr; gap: 16px; padding-bottom: 18px; border-bottom:1px solid var(--line); }
.def__item:last-child { border-bottom:0; padding-bottom: 0; }
.def__item dt { font-weight: 600; color:var(--ink); }
.def__item dd { margin: 0; color:var(--ink-2); font-size: var(--fs-1); }
.bg-navy .def__item { border-color:var(--line-dark); }
.bg-navy .def__item dt { color:#fff; }
.bg-navy .def__item dd { color:var(--on-dark-2); }

/* 特性行（图标 + 标题 + 说明） */
.feature { display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: start; }
.feature .icon { margin: 0; }
.feature h3 { font-size: var(--fs-2); margin-bottom: 6px; }
.feature p { color:var(--ink-2); font-size: var(--fs-1); }
.bg-navy .feature p { color:var(--on-dark-2); }
.feature-list { display: grid; gap: 28px; }

/* 勾选列表 */
.checks { list-style: none; display: grid; gap: 20px; }
.checks li { position: relative; padding-left: 30px; }
.checks li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 18px; height: 18px; border-radius:50%; background:var(--green); }
.checks li::after { content: ""; position: absolute; left: 6px; top: calc(0.35em + 4px); width: 5px; height: 9px; border:solid var(--navy); border-width:0 2px 2px 0; transform: rotate(45deg); }
.bullets { padding-left: 1.3em; display: grid; gap: 6px; color:var(--ink-2); font-size: var(--fs-1); }
.bg-navy .bullets { color:var(--on-dark-2); }

/* ---------- 流程步骤 ---------- */
.steps { display: grid; gap: 0; }
.step { display: grid; grid-template-columns: 56px 1fr; gap: 20px; position: relative; padding-bottom: 56px; }
.step:last-child { padding-bottom: 0; }
.step::before { content: ""; position: absolute; left: 27px; top: 56px; bottom: 0; width: 2px; background:var(--line); }
.step:last-child::before { display: none; }
.step__marker { width: 56px; height: 56px; border-radius:50%; background:#10204a; color:#fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: var(--fs-3); flex: none; position: relative; z-index: 1; }
.step__marker--done { background:var(--green); color:var(--navy); }
.step__marker--todo { background:var(--mist); color:var(--ink-3); border:2px solid var(--line); }
.step__body { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 36px; align-items: start; }
.step__body > * { min-width: 0; }
.step__text h3 { font-size: var(--fs-4); margin-bottom: 12px; }
.step__text p { color:var(--ink-2); }
.step__text .bullets { margin-top: 12px; }
.step__note { margin-top: 16px; padding: 12px 16px; background:var(--tint-blue); border-radius:var(--radius-s); font-size: var(--fs-1); color:var(--ink-2); }

/* 横向流程条（资金流向等） */
.flow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; list-style: none; }
.flow li { padding: 10px 16px; border-radius:var(--radius-s); background:var(--tint-blue); color:var(--navy); font-weight: 500; font-size: var(--fs-1); }
.flow li.flow__end { background:var(--tint-green); color:var(--green-text); }
.flow li.flow__arrow { background:none; padding: 0; color:var(--ink-3); }
.bg-navy .flow li { background:rgba(255, 255, 255, 0.1); color:#fff; }
.bg-navy .flow li.flow__end { background:var(--green); color:var(--navy); }
.bg-navy .flow li.flow__arrow { background:none; color:var(--on-dark-2); }

/* ---------- 胶囊切换 ---------- */
.pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.pills--scroll { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.pill { border:1.5px solid var(--line); background:var(--paper); color:var(--ink-2); border-radius:999px; padding: 9px 18px; font-size: var(--fs-1); font-weight: 500; cursor: pointer; white-space: nowrap; }
.pill:hover { border-color:var(--navy); color:var(--navy); }
.pill[aria-selected="true"] { background:#10204a; color:#fff; border-color:var(--navy); }
.tab-panel[hidden] { display: none; }

/* 顶级标签（帮助中心） */
.tabs { display: flex; gap: 4px; border-bottom:1px solid var(--line); margin-bottom: 40px; }
.tab { padding: 14px 20px; background:none; border:0; border-bottom:3px solid transparent; margin-bottom: -1px; font-size: var(--fs-2); font-weight: 500; color:var(--ink-2); cursor: pointer; }
.tab:hover { color:var(--navy); }
.tab[aria-selected="true"] { color:var(--navy); border-bottom-color:var(--navy); font-weight: 600; }

/* ---------- 手风琴 ---------- */
.faq-group { margin-bottom: 44px; }
.faq-group h3 { font-size: var(--fs-3); margin-bottom: 14px; padding-bottom: 10px; border-bottom:2px solid var(--navy); display: inline-block; }
.acc { border-top:1px solid #121722; }
.acc:last-child { border-bottom:1px solid var(--line); }
.acc summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 4px; font-weight: 600; font-size: var(--fs-2); }
.acc summary::-webkit-details-marker { display: none; }
.acc summary::after { content: ""; width: 10px; height: 10px; border:solid var(--navy); border-width:0 2px 2px 0; transform: rotate(45deg); margin-right: 6px; flex: none; transition: transform 0.15s ease; }
.acc[open] summary::after { transform: rotate(-135deg); }
.acc summary:hover { color:var(--navy); }
.acc__body { padding: 0 4px 20px; color:var(--ink-2); font-size: var(--fs-1); max-width: 46em; }

/* ---------- 表格 ---------- */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { width: 100%; border-collapse:collapse; font-size: var(--fs-1); min-width: 520px; }
.table th, .table td { padding: 14px 16px; text-align: left; border-bottom:1px solid var(--line); vertical-align: top; }
.table th { background:var(--tint-blue); color:var(--navy); font-weight: 600; }
.table td.num, .table th.num { text-align: right; }
.table tr:last-child td { border-bottom:0; }
.table .highlight { color:var(--green-text); font-weight: 600; }

/* ---------- 表单 ---------- */
.field { display: grid; gap: 6px; }
.field label { font-weight: 600; font-size: var(--fs-1); }
.field .hint { font-size: var(--fs-0); color:var(--ink-3); }
.input, .select, .textarea {
  width: 100%; padding: 12px 14px; border:1.5px solid var(--line); border-radius:var(--radius-s);
  background:var(--paper); font: inherit; font-size: var(--fs-1); color:var(--ink);
}
.input:focus, .select:focus, .textarea:focus { border-color:var(--navy); outline:3px solid rgba(25,45,100, 0.18); outline-offset:0; }
.textarea { min-height: 120px; resize: vertical; }
.select { appearance: none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23051B23' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right: 36px; }
.input-group { display: flex; align-items: stretch; }
.input-group .prefix { display: flex; align-items: center; padding: 0 12px; border:1.5px solid var(--line); border-right:0; border-radius:var(--radius-s) 0 0 var(--radius-s); background:var(--mist); color:var(--ink-2); font-weight: 600; }
.input-group .input { border-radius:0 var(--radius-s) var(--radius-s) 0; }
.choice-cards { display: grid; gap: 12px; }
.choice-cards--2 { grid-template-columns: repeat(2, 1fr); }
.choice { position: relative; display: block; padding: 14px 16px; border:1.5px solid var(--line); border-radius:var(--radius-s); cursor: pointer; background:var(--paper); }
.choice input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.choice strong { display: block; font-size: var(--fs-1); }
.choice span { display: block; font-size: var(--fs-0); color:var(--ink-3); }
.choice:has(input:checked) { border-color:var(--navy); background:var(--tint-blue); box-shadow:inset 0 0 0 1px var(--navy); }
.choice:has(input:focus-visible) { outline:3px solid var(--green); outline-offset:2px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 24px; }
.form-grid .span-2 { grid-column: span 2; }
.form-success { background:var(--mint); border:1px solid #293246; border-radius:var(--radius); padding: 28px; display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; color:var(--navy); }
.form-success .icon { margin: 0; background:var(--green); color:var(--navy); border-radius:50%; width: 44px; height: 44px; }
.form-success h3 { color:var(--navy); margin-bottom: 6px; }
.form-success p { color:var(--ink-2); }

/* ---------- 费用计算器 ---------- */
.calc { display: grid; grid-template-columns: 1.05fr 0.95fr; border-radius:var(--radius-l); overflow: hidden; border:1px solid var(--line); }
.calc__inputs { background:var(--paper); padding: 36px; display: grid; gap: 22px; align-content: start; }
.calc__result { background:#10204a; color:#fff; padding: 36px; }
.calc__result h3 { color:#fff; margin-bottom: 18px; }
.calc__rows { list-style: none; }
.calc__rows li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom:1px dashed var(--line-dark); font-size: var(--fs-1); }
.calc__rows .k { color:var(--on-dark-2); }
.calc__rows .k small { display: block; font-size: var(--fs-0); color:var(--on-dark-3); }
.calc__rows .v { font-weight: 600; text-align: right; }
.calc__total { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 18px 0 6px; border-top:2px solid rgba(255, 255, 255, 0.35); margin-top: 6px; }
.calc__total .k { font-weight: 600; }
.calc__total .v { font-size: var(--fs-5); font-weight: 700; color:var(--green); }
.calc__total--secondary { border-top:1px solid var(--line-dark); padding-top: 14px; }
.calc__total--secondary .v { font-size: var(--fs-4); }
.calc__note { margin-top: 20px; font-size: var(--fs-0); color:var(--on-dark-3); }
.range-row { display: flex; align-items: center; gap: 14px; }
.range-row input[type="range"] { flex: 1; accent-color:var(--navy); }
.range-row output { min-width: 3.5em; text-align: right; font-weight: 600; color:var(--navy); }
.seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border:1.5px solid var(--line); border-radius:var(--radius-s); overflow: hidden; }
.seg label { position: relative; text-align: center; padding: 11px 8px; font-size: var(--fs-1); font-weight: 500; cursor: pointer; color:var(--ink-2); border-right:1.5px solid var(--line); }
.seg label:last-child { border-right:0; }
.seg input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.seg label:has(input:checked) { background:#10204a; color:#fff; }
.seg label:has(input:focus-visible) { outline:3px solid var(--green); outline-offset:-3px; }

/* ---------- 行动区 ---------- */
.cta { background:var(--mist); color:var(--ink); }
.cta__inner { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; }
.cta__inner > .cta { grid-column: 1 / -1; display: grid; grid-template-columns: inherit; gap: inherit; align-items: inherit; }
.cta h2 { color:var(--navy); margin-bottom: 12px; }
.cta p { color:var(--ink-2); max-width: 36em; }
.cta .btn-row { justify-content: center; }

/* ---------- 页脚 ---------- */
.footer { background:#10204a; color:var(--on-dark-2); padding-block: 64px 28px; font-size: var(--fs-1); }
.footer__grid { display: grid; grid-template-columns: 1.6fr repeat(5, 1fr); gap: 32px; }
.footer h4 { color:#fff; font-size: var(--fs-1); margin-bottom: 14px; }
.footer ul { list-style: none; display: grid; gap: 8px; }
.footer a { color:var(--on-dark-2); }
.footer a:hover { color:var(--green); text-decoration: none; }
.footer .brand__name { color:#fff; }
.footer .brand__sub { color:var(--on-dark-2); }
.footer__brand p { margin-top: 14px; }
.footer__compliance { margin-top: 48px; padding-top: 24px; border-top:1px solid var(--line-dark); font-size: var(--fs-0); color:var(--on-dark-3); max-width: 78em; }
.footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; margin-top: 20px; padding-top: 20px; border-top:1px solid var(--line-dark); font-size: var(--fs-0); color:var(--on-dark-3); }
.footer__bottom ul { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.lang { display: inline-flex; align-items: center; gap: 8px; }
.lang select { background:transparent; color:#fff; border:1px solid var(--line-dark); border-radius:var(--radius-s); padding: 6px 10px; font: inherit; font-size: var(--fs-0); }
.lang select option { color:var(--ink); }

/* ---------- 首屏交易进度视觉（首页） ---------- */
.trace { background:rgba(255, 255, 255, 0.06); border:1px solid var(--line-dark); border-radius:var(--radius-l); padding: 24px 26px; }
.trace__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom:1px solid var(--line-dark); font-size: var(--fs-1); }
.trace__head strong { color:#fff; }
.trace__head span { color:var(--on-dark-2); }
.trace__list { list-style: none; margin-top: 8px; }
.trace__item { display: grid; grid-template-columns: 28px 1fr auto; gap: 14px; align-items: center; padding: 13px 0; border-bottom:1px dashed var(--line-dark); color:var(--on-dark-3); transition: color 0.4s ease; }
.trace__item:last-child { border-bottom:0; }
.trace__dot { width: 14px; height: 14px; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.3); justify-self: center; position: relative; transition: background-color 0.4s ease, border-color 0.4s ease; }
.trace__dot::after { content: ""; position: absolute; left: 4px; top: 16px; width: 2px; height: 28px; background:rgba(255, 255, 255, 0.14); }
.trace__item:last-child .trace__dot::after { display: none; }
.trace__label { font-weight: 500; }
.trace__val { font-size: var(--fs-1); color:var(--on-dark-3); transition: color 0.4s ease; }
.trace__item.is-lit { color:#fff; }
.trace__item.is-lit .trace__dot { background:var(--green); border-color:var(--green); }
.trace__item.is-lit .trace__val { color:var(--green); }
.trace__item.is-current .trace__dot { background:#111620; border-color:#fff; box-shadow:0 0 0 4px rgba(255, 255, 255, 0.15); }
.trace__item.is-current .trace__val { color:#F2C56B; }
.trace__foot { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding-top: 14px; border-top:1px solid var(--line-dark); font-size: var(--fs-0); color:var(--on-dark-2); }
.trace__replay { background:none; border:1px solid var(--line-dark); color:#fff; border-radius:999px; padding: 6px 12px; font-size: var(--fs-0); cursor: pointer; }
.trace__replay:hover { border-color:var(--green); color:var(--green); }

/* 状态清单（六个状态等） */
.state-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.state { border:1px solid var(--line); border-radius:var(--radius); padding: 22px; background:var(--paper); }
.state .status { margin-bottom: 12px; }
.state p { color:var(--ink-2); font-size: var(--fs-1); }

/* 备注条 */
.note { padding: 16px 20px; border-left:3px solid var(--navy); background:var(--tint-blue); border-radius:0 var(--radius-s) var(--radius-s) 0; font-size: var(--fs-1); color:var(--ink-2); }
.note--green { border-color:var(--green); background:var(--tint-green); }
.note--warn { border-color:var(--st-waiting); background:#302617; }
.todo { display: inline-block; background:#302617; color:#f2c56b; border:1px dashed var(--st-waiting); border-radius:4px; padding: 0 6px; font-size: var(--fs-0); font-weight: 600; }

/* 项目类型行 */
.type-row { display: grid; grid-template-columns: 64px 1fr; gap: 24px; padding: 28px 0; border-bottom:1px solid var(--line); }
.type-row:last-child { border-bottom:0; }
.type-row .icon { width: 56px; height: 56px; margin: 0; }
.type-row .icon svg { width: 28px; height: 28px; }
.type-row h3 { margin-bottom: 8px; }
.type-row p { color:var(--ink-2); font-size: var(--fs-1); }
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; list-style: none; }
.tags li { background:var(--tint-blue); color:var(--navy); border-radius:999px; padding: 4px 12px; font-size: var(--fs-0); font-weight: 500; }

/* 结算方式：里程碑面板 */
.ms { border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); overflow: hidden; }
.ms__head { padding: 16px 22px; background:var(--tint-blue); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ms__head h4 { color:var(--navy); }
.ms__body { padding: 8px 22px 14px; }
.ms__body .def__item { grid-template-columns: 96px 1fr; padding: 10px 0; }
.ms-grid { display: grid; gap: 18px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1100px) {
  .footer__grid { grid-template-columns: 1.6fr repeat(3, 1fr); }
  .footer__grid > :first-child { grid-column: span 4; }
}
@media (max-width: 980px) {
  :root { --section:64px; }
  h1 { font-size: 2.1rem; }
  h2 { font-size: 1.6rem; }
  .brand__sub { display: none; }
  .nav-toggle { display: inline-flex; }
  .nav { display: none; position: absolute; left: 0; right: 0; top: var(--topbar-h); flex-direction: column; align-items: stretch; gap: 0; background:var(--paper); border-bottom:1px solid var(--line); padding: 8px var(--gutter) 20px; box-shadow:0 16px 32px rgba(25,45,100, 0.12); max-height: calc(100vh - var(--topbar-h)); overflow: auto; }
  .nav.is-open { display: flex; }
  .nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .nav__link, .nav__parent { width: 100%; justify-content: space-between; padding: 14px 6px; border-radius:0; border-bottom:1px solid var(--line); }
  .sub { position: static; min-width: 0; border:0; box-shadow:none; padding: 4px 0 8px 14px; border-radius:0; }
  .has-sub:hover .sub { display: none; }
  .has-sub.is-open .sub { display: block; }
  .nav__cta { margin: 16px 0 0; }
  .hero { padding-block: 56px 64px; }
  .hero__grid, .split, .split--even, .step__body, .cta__inner, .calc { grid-template-columns: 1fr; }
  .cta .btn-row { justify-content: center; }
  .grid--3, .grid--4, .state-list { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .span-2 { grid-column: auto; }
  .def__item { grid-template-columns: 1fr; gap: 4px; }
  .step { grid-template-columns: 44px 1fr; gap: 14px; }
  .step__marker { width: 44px; height: 44px; font-size: var(--fs-2); }
  .step::before { left: 21px; top: 44px; }
  .footer__grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid > :first-child { grid-column: span 2; }
  .pills { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
}
@media (max-width: 600px) {
  .grid--2, .grid--3, .grid--4, .state-list, .choice-cards--2 { grid-template-columns: 1fr; }
  .type-row { grid-template-columns: 1fr; gap: 12px; }
  .calc__inputs, .calc__result { padding: 24px; }
  .seg { grid-auto-flow: row; grid-auto-columns: auto; }
  .seg label { border-right:0; border-bottom:1.5px solid var(--line); }
  .seg label:last-child { border-bottom:0; }
  .btn-row .btn { width: 100%; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__grid > :first-child { grid-column: auto; }
}

/* Currency-specific controls */
[data-fiat-only][hidden] { display: none; }
.input-group select[name="currency"] + .input { min-width: 0; }

/* Fee calculator reference layout; other forms remain unchanged. */
#fee-calc [data-digital-only][hidden] { display: none; }
#fee-calc .calc-amount .prefix { background:var(--paper); }
#fee-calc .calc-amount .input { min-width: 0; border-radius:0; border-left:0; border-right:0; }
#fee-calc .calc-amount .select { width: 108px; flex: 0 0 108px; border-radius:0 var(--radius-s) var(--radius-s) 0; background-color:var(--paper); }


/* Presentation refinements: existing content and DOM remain intact. */
:root {
  --font:"Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --fs-2:1rem;
  --lh-body:1.85;
  --lh-tight:1.38;
  --radius-s:8px;
  --radius:14px;
  --radius-l:20px;
  --section:80px;
  --ink-3:#97a4be;
  --on-dark-3:rgba(255,255,255,.66);
}
[hidden] { display: none !important; }
h1, h2, h3, h4 { text-wrap: pretty; }
p, li, dd, .v { overflow-wrap: anywhere; }
main h2 { font-size: clamp(1.55rem,2.35vw,2rem); line-height: 1.45; }
.section-head { max-width: 800px; margin-bottom: 32px; }
.section-head p, .lead { line-height: 1.8; }
.section-head h2 { margin-bottom: 14px; }
.topbar { box-shadow:0 2px 16px rgba(25,45,100,.035); }
.brand__text { gap: 5px; }
.brand__sub { line-height: 1.5; }
.nav__link, .nav__parent { white-space: nowrap; }
.sub { padding: 10px; border-radius:14px; box-shadow:0 14px 38px rgba(25,45,100,.14); }
.sub a { padding: 12px 14px; }
.sub span { line-height: 1.65; }
.hero { padding-block: 76px; }
.hero__grid { gap: 56px; }
.hero h1 { font-size: clamp(2rem,4vw,3rem); line-height: 1.4; letter-spacing: -.025em; text-wrap: balance; }
.hero .lead { font-size: 1.125rem; margin-top: 22px; }
.trace { padding: 28px; box-shadow:0 20px 60px rgba(25,45,100,.14); }
.trace__item { padding-block: 15px; }
.page-head { padding-block: 48px 52px; }
.page-head h1 { max-width: 960px; line-height: 1.4; }
.page-head .lead { font-size: 1.0625rem; max-width: 800px; }
.page-head__kicker { margin-bottom: 12px; }
.grid { gap: 24px; }
.grid > *, .calc > *, .cta__inner > *, .footer__grid > * { min-width: 0; }
.card { padding: 28px; box-shadow:0 4px 16px rgba(25,45,100,.025); }
.card h3 { font-size: 1.125rem; line-height: 1.6; }
.card p { line-height: 1.85; }
.icon { width: 44px; height: 44px; border-radius:12px; margin-bottom: 18px; }
.bg-navy .card { box-shadow:none; }
.split { gap: 40px; }
.split:has(> :only-child), .step__body:has(> :only-child) { grid-template-columns: minmax(0,1fr); }
.split:has(> :only-child) { max-width: 960px; }
.split:has(#contact-form) { max-width: 880px; margin-inline: auto; }
.step__body:has(> :only-child) .step__text { max-width: 880px; }
.step { padding-bottom: 44px; }
.step__text h3 { font-size: 1.35rem; line-height: 1.55; }
.step__body { gap: 32px; }
.ledger { padding: 24px; }
.ledger__rows li { padding-block: 12px; align-items: baseline; }
.ledger__rows .k { flex-shrink: 0; max-width: 45%; }
.ledger--light .status--protected { color:var(--navy); background:var(--tint-blue); }
.ledger--light .status--waiting { color:#f2c56b; background:#302617; }
.ledger--light .status--released { color:var(--green-text); background:var(--tint-green); }
.def__item { padding-block: 10px 20px; gap: 24px; }
.def__item dt, .def__item dd { line-height: 1.85; }
.type-row { gap: 24px; padding-block: 32px; }
.tags { gap: 8px; margin-top: 16px; }
.tags li { padding: 5px 13px; }
.pills { gap: 10px; margin-bottom: 28px; }
.pill { min-height: 44px; padding-inline: 20px; }
.ms__head { padding: 20px 24px; }
.ms__body { padding: 10px 24px 18px; }
.acc { border-radius:10px; }
.acc summary { line-height: 1.7; padding-block: 20px; }
.acc__body { line-height: 1.9; }
.table th, .table td { padding: 18px 22px; }
.table-wrap { border-radius:14px; }
.btn { min-height: 48px; padding-inline: 24px; line-height: 1.4; }
.btn-row { justify-content: center; gap: 14px; }
.field { gap: 9px; }
.input, .select, .textarea { font-size: 1rem; min-height: 52px; }
.input, .select { line-height: 1.5; }
.input:focus, .select:focus, .textarea:focus { border-color:var(--navy); box-shadow:0 0 0 3px rgba(25,45,100,.08); }
.input-group { min-width: 0; }
.input-group .input { min-width: 0; }
.textarea { min-height: 144px; }
.form-grid { gap: 26px 24px; }
.form-grid > h2 { margin-bottom: 2px; }
.choice { padding: 16px 18px; min-height: 58px; }
.calc { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); box-shadow:0 12px 36px rgba(25,45,100,.065); }
.calc__inputs, .calc__result { padding: 36px; }
.calc__inputs { gap: 24px; }
.calc__result h3 { font-size: 1.3rem; padding-bottom: 20px; margin-bottom: 8px; border-bottom:1px solid var(--line-dark); }
.calc__rows li { padding-block: 18px; }
.calc__rows .v { font-size: 1.05rem; }
.calc__total { margin-top: 24px; padding-top: 24px; flex-wrap: wrap; gap: 8px 20px; }
.calc__total .v { margin-left: auto; font-size: clamp(1.65rem,2.5vw,2rem); }
.calc__total--secondary .v { font-size: 1.5rem; }
.range-row { min-height: 36px; }
.cta__inner { grid-template-columns: minmax(0,1fr); text-align: center; }
.cta__inner > .cta { gap: 24px; }
.cta h2 { max-width: 900px; margin-inline: auto; }
.cta p { max-width: 720px; margin-inline: auto; }
.cta .btn-row { justify-content: center; }
.footer { padding-block: 56px 24px; }
.footer__grid { column-gap: 24px; row-gap: 32px; }
.footer h4 { margin-bottom: 18px; }
.footer a { line-height: 1.8; }
.footer__compliance { line-height: 1.9; margin-top: 36px; }
@media (min-width: 981px) and (max-width: 1150px) {
  .topbar__inner { gap: 16px; }
  .nav { gap: 10px; }
  .nav__link, .nav__parent { padding-inline: 9px; }
  .nav__cta { padding-inline: 18px; }
}
@media (max-width: 980px) {
  :root { --section:60px; }
  .hero { padding-block: 52px; }
  .hero__grid, .split, .step__body, .calc { grid-template-columns: minmax(0,1fr); }
  .hero__grid { gap: 36px; }
  .hero h1 { max-width: 720px; }
  .page-head { padding-block: 40px; }
  .page-head h1 { font-size: 2rem; }
  .calc__inputs, .calc__result { padding: 30px; }
  .form-grid { gap: 24px; }
  .def__item { gap: 8px; }
  .footer__grid { gap: 30px; }
}
@media (max-width: 600px) {
  :root { --section:48px; }
  .brand__name { font-size: 1.05rem; }
  .hero h1 { font-size: 1.95rem; line-height: 1.5; }
  .hero .lead, .page-head .lead { font-size: 1rem; }
  .page-head h1 { font-size: 1.8rem; }
  .section-head { margin-bottom: 26px; }
  .grid { gap: 18px; }
  .card, .ledger, .trace, .state { padding: 22px; }
  .type-row { gap: 16px; }
  .step { grid-template-columns: 36px minmax(0,1fr); gap: 12px; }
  .step__marker { width: 36px; height: 36px; font-size: 1rem; }
  .step::before { left: 17px; top: 36px; }
  .step__text h3 { font-size: 1.16rem; }
  .step__body .ledger { padding: 16px; }
  .ms__head { padding: 16px 18px; }
  .ms__body { padding: 8px 18px 16px; }
  .ms__body .def__item { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .calc__inputs, .calc__result { padding: 24px 20px; }
  #fee-calc .calc-amount .select { width: 92px; flex-basis: 92px; padding-left: 10px; }
  #fee-calc .calc-amount .prefix { padding-inline: 8px; font-size: .875rem; }
  .btn-row .btn { width: auto; max-width: 100%; white-space: normal; }
  .cta .btn-row .btn { min-width: 140px; }
  .footer { padding-block: 44px 24px; }
}

.lead a[href="contact.html"] { color:#FFFFFF; }

/* FAQ category tabs use the existing help-center tab design. */
#faq > .tabs { flex-wrap: wrap; gap: 4px; }
#faq > .tabs .tab { white-space: nowrap; }
@media (max-width: 600px) { #faq > .tabs .tab { padding: 12px 14px; } }

/* 导航归属、文字标记与右侧语言入口 */
.brand__placeholder { font-size:1.75rem; line-height:1;  font-weight:750; color:var(--navy); }
.footer .brand__placeholder { color:#fff; }
.lang--nav { flex:none; margin-left:0; }
.lang--nav select { width:170px; min-height:42px; color:var(--navy); background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-s); padding:8px; font:inherit; font-size:0.8125rem; }
.nav__list > li:last-child .sub { left:auto; right:0; }
.legal-copy { max-width:var(--container); }
.legal-copy section + section { margin-top:36px; padding-top:32px; border-top:1px solid #121722; }
.legal-copy h2 { font-size:var(--fs-4); margin-bottom:16px; }
.legal-copy p { color:var(--ink-2); }
@media(max-width:980px) { .topbar__inner { gap:14px; } .lang--nav { order:2; margin-left:auto; } .nav-toggle { order:3; margin-left:0; } }
@media(max-width:360px) { .lang--nav select { width:151px; } .topbar__inner { gap:8px; } .brand__placeholder { font-size:1.5rem; } }

/* 案例：沿用五类项目与双栏卡片 */
.case-grid { align-items:start; }
.case-card { border:1px solid var(--line); border-radius:var(--radius-l); background:var(--paper); overflow:hidden; }
.case-card summary { cursor:pointer; list-style:none; }
.case-card summary::-webkit-details-marker { display:none; }
.case-card summary:focus-visible { outline-offset:-4px; }
.case-art { width:100%; height:auto; }
.case-card__heading { padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--navy); font-size:var(--fs-3); font-weight:600; }
.case-card__toggle { display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; width:30px; height:30px; flex:none; }
.case-card[open] .case-card__toggle { transform:rotate(45deg); }
.case-card__body { padding:0 24px 28px; color:var(--ink-2); }
.case-card__body .def { margin:12px 0 20px; }

/* Header: compact pill controls and horizontal navigation cards. */
.topbar { --header-ink:#aac0ff; --header-muted:#aac0ff; --topbar-h:80px; border-bottom:1px solid #293246; background:#111620; }
.topbar__inner { gap:20px; min-height:80px; }
.topbar .brand__placeholder { color:var(--header-ink); }
.topbar .nav { gap:0; }
.topbar .nav__list { gap:10px; }
.topbar .nav__list > li { position:static; }
.topbar .nav__parent { min-height:32px; padding:6px 14px; border:0; border-radius:99px; color:var(--header-muted); font-size:0.875rem; font-weight:500; line-height:1.25rem; box-shadow:none; white-space:nowrap; }
.topbar .nav__parent:hover,.topbar .nav__parent[aria-expanded="true"] { background:#121722; color:var(--header-ink); box-shadow:none; border-radius:99px; }
.topbar .nav__parent > svg { display:none; }
.topbar .sub { display:none; top:100%; left:0; right:0; min-width:0; width:100%; padding:16px max(var(--gutter),calc((100% - var(--container))/2)) 20px; border:0; border-bottom:1px solid #293246; border-radius:0; box-shadow:0 10px 18px rgba(25,45,100,.035); background:#111620; gap:16px; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
.topbar .sub::before { top:-18px; height:18px; }
.topbar .has-sub:hover .sub,.topbar .has-sub:focus-within .sub { display:none; }
.topbar .has-sub.is-open .sub { display:grid; }
.topbar .sub a { padding:18px 20px; border:1px solid #293246; border-radius:24px; }
.topbar .sub a:hover,.topbar .sub a:focus-visible { background:#121722; border-color:#293246; }
.topbar .sub a strong { font-size:0.875rem; color:var(--header-ink); font-weight:500; }
.topbar .sub a span { margin-top:4px; font-size:0.8125rem; color:var(--header-muted); }
.header-actions { display:flex; align-items:center; gap:16px; flex:none; }
.header-contact { display:inline-flex; justify-content:center; align-items:center; min-height:32px; padding:0 16px; border-radius:99px; background:#152654; color:#fff; font-size:0.875rem; font-weight:500; line-height:1.25rem; white-space:nowrap; transition:background-color .15s ease; }
.header-contact:hover { background:#152654; color:#fff; text-decoration:none; }
.language-picker { position:relative; }
.language-picker__trigger { display:flex; align-items:center; justify-content:center; gap:7px; height:32px; padding:0 9px; border:0; border-radius:99px; background:transparent; color:#aac0ff; font-size:0.8125rem; line-height:1.25rem; cursor:pointer; }
.language-picker__trigger:hover,.language-picker__trigger[aria-expanded="true"] { background:#121722; color:#aac0ff; }
.language-picker__trigger > svg { width:17px; height:17px; flex:none; }
.language-picker__trigger > .language-picker__chevron { width:10px; height:10px; }
.language-picker__trigger[aria-expanded="true"] > .language-picker__chevron { transform:rotate(180deg); }
.language-picker__menu { position:absolute; top:calc(100% + 16px); right:0; width:224px; max-width:calc(100vw - 32px); padding:6px; border:1px solid #293246; border-radius:12px; background:#111620; box-shadow:0 8px 28px rgba(25,45,100,.12); z-index:55; }
.language-picker__menu button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:40px; padding:9px 12px; border:0; border-radius:7px; background:transparent; color:#aac0ff; font-size:0.875rem; text-align:left; cursor:pointer; }
.language-picker__menu button:hover,.language-picker__menu button:focus-visible { background:#121722; outline:2px solid transparent; }
.language-picker__menu button:focus-visible { box-shadow:inset 0 0 0 2px var(--navy); }
.language-picker__check { width:16px; height:16px; visibility:hidden; flex:none; }
[aria-checked="true"] > .language-picker__check { visibility:visible; }
@media(min-width:981px) and (max-width:1100px) { .topbar__inner { gap:10px; } .topbar .nav__list { gap:2px; } .topbar .nav__parent { padding-inline:10px; } .header-actions { gap:8px; } }
@media(max-width:980px) {
 .topbar { --topbar-h:72px; } .topbar__inner { min-height:72px; gap:14px; }
 .header-actions { order:2; margin-left:auto; gap:10px; } .topbar .nav-toggle { order:3; margin-left:0; border:0; color:#aac0ff; }
 .topbar .nav { top:72px; } .topbar .nav__list { gap:6px; }
 .topbar .nav__parent { min-height:44px; padding:12px 14px; border-radius:12px; }
 .topbar .nav__parent > svg { display:block; } .topbar .nav__parent:hover,.topbar .nav__parent[aria-expanded="true"] { border-radius:12px; }
 .topbar .sub { position:static; padding:6px 0 10px 12px; border:0; box-shadow:none; grid-auto-flow:row; gap:6px; }
 .topbar .sub a { border-radius:14px; padding:14px; } .topbar .sub::before { display:none; }
 .language-picker__trigger { width:40px; height:40px; padding:10px; } .language-picker__trigger [data-language-label],.language-picker__trigger > .language-picker__chevron { display:none; }
 .language-picker__menu { right:-88px; top:calc(100% + 10px); }
}
@media(max-width:360px) { .topbar__inner { gap:8px; } .header-actions { gap:5px; } .header-contact { padding-inline:13px; } .topbar .nav-toggle { width:36px; } }

/* Case image tabs and shared article area. */
.case-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-bottom:48px; }
.case-choice { position:relative; padding:0; border:0; border-top:2px solid var(--green); background:transparent; text-align:left; cursor:pointer; min-width:0; }
.case-choice .case-art { width:100%; height:auto; max-height:220px; object-fit:contain; background:#111620; }
.case-choice__title { display:block; padding:20px 24px; background:var(--tint-blue); color:var(--navy); font-size:var(--fs-4); font-weight:600; line-height:1.4; }
.case-choice[aria-selected="true"] .case-choice__title { background:var(--green); }
.case-choice[aria-selected="true"]::after { content:""; position:absolute; left:calc(50% - 13px); bottom:-27px; border-left:13px solid transparent; border-right:13px solid transparent; border-bottom:14px solid var(--green); }
.case-choice:hover .case-choice__title { background:var(--tint-green); }
.case-choice[aria-selected="true"]:hover .case-choice__title { background:var(--green); }
.case-story h3 { margin-bottom:22px; font-size:var(--fs-5); }
.case-story p { color:var(--ink-2); line-height:1.9; }
.case-story .def { margin-block:18px 26px; }
.case-story .def__item { grid-template-columns:70px 1fr; }
.language-flag { display:inline-flex; width:24px; height:16px; flex:none; overflow:hidden; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
.language-flag svg { width:100%; height:100%; }
.language-picker__menu button { justify-content:flex-start; gap:10px; }
.language-picker__check { margin-left:auto; }
@media(max-width:600px) { .case-choices { gap:14px; margin-bottom:42px; } .case-choice__title { padding:13px 12px; font-size:1.0625rem; } .case-story h3 { font-size:1.5rem; } }

/* Restore site typography; retain the current navigation layout. */
.topbar .nav__parent { color:var(--ink); font-size:var(--fs-1); }
.topbar .nav__parent:hover,.topbar .nav__parent[aria-expanded="true"] { color:var(--navy); }
.topbar .sub a { display:flex; align-items:center; gap:14px; }
.topbar .sub a strong { color:var(--ink); font-size:var(--fs-1); font-weight:600; }
.topbar .sub a span { color:var(--ink-3); font-size:var(--fs-0); }
.topbar .sub a .sub__copy { min-width:0; margin:5px 0 0; line-height:1!important; }
.topbar .sub a .sub__icon { display:grid; place-items:center; width:42px; height:42px; margin:0; flex:none; border-radius:12px; color:var(--navy); background:var(--tint-blue); }
.topbar .sub__icon svg { width:24px; height:24px; }
.language-picker__trigger { color:var(--ink); font-size:var(--fs-1); }
.language-picker__menu button { color:var(--ink); font-size:var(--fs-1); }
.header-contact { font-size:var(--fs-1); }
.language-flag { border:0; box-shadow:none; }

/* Footer: five columns, copyright left, legal links right. */
@media(min-width:1101px) { .footer__grid { grid-template-columns:1.6fr repeat(4,1fr); } }
.footer .brand__placeholder { font-size:2.625rem; }
.footer__bottom { align-items:baseline; }
.footer__bottom .footer__copyright { margin:0; }
.footer__bottom .footer__legal { margin-left:auto; justify-content:flex-end; text-align:right; }

/* Flag-only language control and original dropdown indicators. */
.brand__placeholder { font-size:2.625rem; }
.topbar .nav__parent > svg { display:block; }
.language-picker__trigger { width:40px; height:40px; padding:8px; }
.language-picker__trigger [data-language-label],.language-picker__trigger > .language-picker__chevron { display:none; }
.language-flag { width:20px; height:20px; border-radius:50%; overflow:hidden; }
.language-flag svg { width:30px; height:20px; max-width:none; flex:none; margin-left:-5px; }
.language-picker__menu { right:0; }
@media(max-width:360px) { .topbar__inner { width:calc(100% - 20px); gap:6px; } .topbar .nav-toggle { width:32px; flex:none; } .header-contact { padding-inline:10px; } .language-picker__trigger { width:32px; padding-inline:4px; } }

/* Shared Trustly-style dropdown arrows and entrance motion. Homepage rules
   refine these dimensions later; this keeps every inner page on the same
   interaction and icon system. */
@media (min-width:981px) and (hover:hover){
 .topbar .nav__parent .nav-dropdown-arrow,
 .topbar .language-picker__trigger > .language-picker__chevron{
  display:flex;align-items:center;justify-content:center;flex:0 0 1rem;
  width:1rem;height:.5rem;overflow:visible;transform-origin:center;
  transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
 }
 .topbar .nav__parent .nav-dropdown-arrow > svg,
 .topbar .language-picker__trigger > .language-picker__chevron > svg{
  display:block;width:100%;height:100%;overflow:visible;
 }
 .topbar .nav__parent[aria-expanded="true"] .nav-dropdown-arrow,
 .topbar .has-sub:hover .nav__parent .nav-dropdown-arrow,
 .language-picker__trigger[aria-expanded="true"] > .language-picker__chevron,
 .language-picker:hover .language-picker__trigger > .language-picker__chevron,
 .language-picker:focus-within .language-picker__trigger > .language-picker__chevron{
  transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(180deg) rotateY(0deg) rotateZ(0deg);
 }
 .topbar .sub{
  display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2rem);
  transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .3s;
 }
 .topbar .has-sub.is-open .sub,
 .topbar .has-sub:hover .sub,
 .topbar .has-sub:focus-within .sub{
  display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s;
 }
 .language-picker__menu{
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2rem);
  transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .3s;
 }
 .language-picker.is-open .language-picker__menu,
 .language-picker__trigger[aria-expanded="true"] + .language-picker__menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s;
 }
}

/* Use the real Login arrow icon in the escrow action at every breakpoint. */
.header-escrow::after,
.header-contact::after{display:none;content:none;}
.header-escrow__icon,
.header-contact .header-escrow__icon{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;
 width:18px;height:18px;margin-left:7.3757px;line-height:0;
}
.header-escrow__icon svg,
.header-contact .header-escrow__icon svg{display:block;width:100%;height:100%;}
@media(max-width:980.98px){
 .header-escrow__icon,
 .header-contact .header-escrow__icon{margin-left:7px;}
}
@media(prefers-reduced-motion:reduce){
 .topbar .nav__parent .nav-dropdown-arrow,
 .topbar .language-picker__trigger > .language-picker__chevron,
 .topbar .sub,.language-picker__menu{transition:none;}
}

/* Keep the circular flag and restore its dropdown indicator. */
.language-picker__trigger { width:52px; gap:6px; padding-inline:6px; }
.language-picker__trigger > .language-picker__chevron { display:block; width:10px; height:10px; }
@media(max-width:360px) { .language-picker__trigger { width:42px; gap:4px; padding-inline:2px; } }

/* Site typography scale. Keep the requested sizes at every breakpoint. */
:root {
  --fs-0:.833rem;
  --fs-1:1rem;
  --fs-2:1rem;
  --fs-3:1.5rem;
  --fs-4:2.5rem;
  --fs-5:2.5rem;
  --fs-6:4rem;
}
body { font-size:1rem; }
.hero h1, .page-head h1 { font-size:3.5rem; overflow-wrap:anywhere; }
.lead { font-size:1.5rem; }
.hero .lead, .page-head .lead { font-size:1.125rem; }
main h2, .legal-copy h2 { font-size:2.25rem; overflow-wrap:anywhere; }
main h3, main h4,
.card h3, .feature h3, .step__text h3, .faq-group h3,
.calc__result h3, .case-story h3 { font-size:1.125rem; overflow-wrap:anywhere; }
.card p, .feature p, .state p, .type-row p, .def__item dd,
.bullets, .acc__body, .acc summary, .table,
.input, .select, .textarea, .field label, .choice strong,
.ledger__rows li, .trace__val, .calc__rows li, .calc__rows .v,
#fee-calc .calc-amount .prefix { font-size:1rem; }
button, .btn, .btn--sm, .pill, .tab, .trace__replay,
.topbar .nav__parent, .header-contact,
.language-picker__trigger, .language-picker__menu button,
.case-choice__title, .seg label { font-size:1.0rem; }
small, .small, .hint, .field .hint, .note, .step__note,
.calc__note, .calc__rows .k small, .ledger__foot, .trace__foot,
.choice span, .footer__bottom, .topbar .sub a span { font-size:.833rem; }

/* Fee calculator: compact inputs and currency-specific rate overview. */
.fee-page .fee-estimator { display:grid; grid-template-columns:1.2fr 1fr; border:1px solid var(--line); border-radius:var(--radius-l); overflow:hidden; }
.fee-page .fee-estimator__fields { padding:36px; background:var(--mist); }
.fee-page .fee-estimator__row { display:grid; grid-template-columns:1fr; gap:20px; margin-bottom:20px; }
.fee-page .fee-estimator__row .field { min-width:0; margin:0; }
.fee-page .fee-estimator__row input,.fee-page .fee-estimator__row select { min-width:0; width:100%; }
.fee-page .fee-estimator__fields .btn-row { margin-top:28px; }
.fee-page .fee-estimator__result { padding:36px; background:#10204a; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.fee-page .fee-estimator__result h3 { color:#fff; margin:0 0 20px; }
.fee-page .fee-estimator__result output { color:var(--green); font-size:2.5rem; line-height:1.3; font-weight:600; overflow-wrap:anywhere; }
.fee-page .fee-estimator__result dl { margin:24px 0 0; }
.fee-page .fee-estimator__result dl div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--line-dark); }
.fee-page .fee-estimator__result dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.fee-page .fee-estimator__result .hint { color:var(--on-dark-2); margin-top:20px; }
.fee-page .fee-currencies { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:8px; background:var(--tint-blue); border-radius:var(--radius); margin-bottom:40px; }
.fee-page .fee-currencies .pill { justify-content:center; border:0; background:transparent; border-radius:6px; }
.fee-page .fee-currencies .pill[aria-pressed="true"] { background:#10204a; color:white; }
.fee-page .fee-explainer { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.fee-page .fee-explainer>div:first-child { grid-column:1/-1; max-width:800px; }
.fee-page .fee-explainer p { color:var(--ink-2); }
@media(max-width:760px) { .fee-page .fee-estimator { grid-template-columns:1fr; } .fee-page .fee-estimator__fields,.fee-page .fee-estimator__result { padding:24px; } .fee-page .fee-explainer { grid-template-columns:1fr; } }
@media(max-width:420px) { .fee-page .fee-estimator__row { grid-template-columns:1fr; gap:16px; } }

/* Reference-style denomination / amount / payment-coin row. */
.fee-page .fee-payment-row { display:grid; grid-template-columns:1fr 1.25fr 1.05fr; align-items:center; background:#111620; border:1px solid var(--line); border-radius:12px; margin-bottom:20px; min-height:60px; }
.fee-page .fee-payment-row>div { display:flex; align-items:center; min-width:0; gap:8px; padding:12px; }
.fee-page .fee-payment-row>div+div { border-left:1px solid var(--line); }
.fee-page .fee-payment-row select,.fee-page .fee-payment-row input { font:inherit; font-size:1rem; color:var(--ink); min-width:0; width:100%; background:transparent; border:0; padding:4px 0; }
.fee-page .fee-payment-row select { cursor:pointer; }
.fee-page .fee-payment-row label { flex:none; color:var(--ink-3); font-size:1rem; }
.fee-page .fee-payment-row input::placeholder { color:var(--ink-3); }
.fee-page .fee-payment-row input:focus-visible,.fee-page .fee-payment-row select:focus-visible { outline:2px solid var(--navy); outline-offset:3px; }
@media(max-width:600px) { .fee-page .fee-payment-row { grid-template-columns:.85fr 1.1fr 1fr; } .fee-page .fee-payment-row>div { padding:10px 6px; gap:4px; } .fee-page .fee-payment-row__currency .language-flag { display:none; } .fee-page .fee-payment-row__amount label { font-size:.833rem; } }

/* Connected calculator banner and relocated pricing table. */
.fee-page .fee-banner { background:#10204a; }
.fee-page .fee-banner .page-head { padding-bottom:32px; }
.fee-page .fee-intro { padding-top:0; }
.fee-page .fee-estimator { display:block; max-width:580px; }
.fee-page .btn-row { justify-content:flex-start; }
.fee-rate-panel { padding:32px; border-radius:var(--radius-l); }
.fee-rate-panel .fee-currencies { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:8px; background:var(--tint-blue); border-radius:var(--radius); margin-bottom:32px; }
.fee-rate-panel .pill { justify-content:center; border:0; background:transparent; border-radius:6px; }
.fee-rate-panel .pill[aria-pressed="true"] { background:#10204a; color:white; }
@media(max-width:600px) { .fee-rate-panel { padding:16px; } }

/* Coin icons and footer typography. */
.coin-icon { width:20px; height:20px; flex:none; vertical-align:middle; }
.fee-rate-panel .pill { display:flex; align-items:center; gap:8px; }
.footer h4 { font-size:1.125rem; }
.footer__grid li a,.footer__legal a { font-size:1rem; }
.footer__copyright { font-size:.833rem; }
.fee-page .fee-estimator { overflow:visible; }
.fee-page .fee-estimator__fields { border-radius:var(--radius-l); }
.fee-page .coin-picker { width:100%; position:relative; }
.fee-page .coin-picker summary { display:flex; align-items:center; justify-content:space-between; gap:6px; list-style:none; cursor:pointer; font-size:1.0rem; }
.fee-page .coin-picker summary::-webkit-details-marker { display:none; }
.fee-page [data-coin-label] { display:flex; align-items:center; gap:6px; }
.fee-page .coin-picker__menu { position:absolute; right:-12px; top:calc(100% + 18px); min-width:150px; padding:6px; border:1px solid var(--line); border-radius:10px; background:#111620; box-shadow:0 8px 24px rgba(9,36,41,.1); z-index:5; }
.fee-page .coin-picker__menu button { display:flex; align-items:center; gap:8px; width:100%; padding:10px; border:0; background:#111620; color:var(--ink); text-align:left; cursor:pointer; border-radius:6px; }
.fee-page .coin-picker__menu button:hover { background:var(--mist); }
.fee-page .coin-picker summary:focus-visible,.fee-page .coin-picker button:focus-visible { outline:2px solid var(--navy); outline-offset:3px; }

/* Calculator beside explanatory content; shared footer layout. */
.fee-page .fee-content__layout { display:grid; grid-template-columns:minmax(0,580px) minmax(0,1fr); gap:48px; align-items:start; }
.fee-page .fee-content .fee-explainer { display:grid; grid-template-columns:1fr; gap:24px; min-width:0; }
.fee-page .fee-content .fee-estimator { width:100%; }
.fee-page .btn-row { justify-content:center; }
.footer h4 { font-size:1rem; }
.footer__grid li a,.footer__legal a { font-size:.85rem; }
.footer__policies .footer__legal { display:block; margin:0; padding:0; text-align:left; }
.footer__policies .footer__legal li { margin-bottom:10px; }
.footer__disclosure { display:grid; grid-template-columns:1.6fr 1fr; gap:48px; border-top:1px solid var(--line-dark); margin-top:40px; padding-top:24px; color:var(--on-dark-3); font-size:.833rem; line-height:1.8; }
.footer__disclosure p { margin:0 0 8px; }
.footer__disclosure>div:last-child { text-align:right; }
@media(min-width:1101px) { .footer__grid { grid-template-columns:1.6fr repeat(5,1fr); } }
@media(max-width:980px) { .fee-page .fee-content__layout { grid-template-columns:1fr; } .fee-page .fee-content .fee-estimator { justify-self:center; } }
@media(max-width:600px) { .footer__disclosure { grid-template-columns:1fr; gap:16px; } .footer__disclosure>div:last-child { text-align:left; } }

.footer__brand p { font-size:.85rem; }

/* Calculator dropdowns use the navigation chevron geometry. */
.fee-page .fee-estimator select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23051B23' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:12px 12px; background-position:right 14px center; padding-right:36px; }
.fee-page .fee-payment-row select { background-position:right 0 center; padding-right:20px; }
.fee-page .fee-chevron { width:12px; height:12px; flex:none; transition:transform .15s ease; }
.fee-page .coin-picker[open] .fee-chevron { transform:rotate(180deg); }
@media(prefers-reduced-motion:reduce) { .fee-page .fee-chevron { transition:none; } }

/* Match the payment row to the adjacent select controls. */
.fee-page .fee-payment-row { height:52px; min-height:52px; border:1.5px solid var(--line); border-radius:var(--radius-s); }
.fee-page .fee-payment-row>div { height:100%; padding-block:0; }

/* Pricing reference section, using the site's own fee rules. */
.pricing-overview .fee-rate-panel { padding:0; }
.pricing-overview .fee-currencies { margin-bottom:32px; }
.pricing-overview .table { background:var(--paper); }
.pricing-overview__copy { display:grid; gap:32px; margin-top:48px; }
.pricing-overview__copy h3 { margin-bottom:12px; }
.pricing-overview__copy p,.pricing-overview__copy li { color:var(--ink-2); }
.pricing-overview__copy p:last-child { margin-bottom:0; }
.pricing-overview__examples { padding-left:24px; margin-block:12px; }
.pricing-overview__examples li { margin-bottom:10px; }

/* Navigation alignment and table outline. */
@media(min-width:981px) { .container.topbar__inner { gap:40px; } }
.table-wrap { border:1px solid var(--line); }

/* Pricing table heading and its explanatory note. */
.pricing-overview .pricing-rate-heading { text-align:left; max-width:none; margin-bottom:28px; }
.pricing-overview .pricing-rate-heading h2 { font-size:1.125rem; margin-bottom:8px; }
.pricing-overview .pricing-rate-heading p { max-width:none; margin-inline:auto; }
.pricing-rate-note { font-size:.833rem; color:var(--ink-2); margin:16px 0 0; }

.pricing-overview .fee-currencies { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pricing-rate-note { padding:16px; margin:16px 0 0; border-radius:8px; background:#121722; color:#aac0ff; font-size:0.875rem; }

/* Fee table left, platform-specific explanation right. */
.pricing-overview>.container { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px; align-items:start; }
.pricing-overview .fee-rate-panel,.pricing-overview .pricing-overview__copy { min-width:0; }
.pricing-overview .pricing-overview__copy { margin-top:0; }
@media(max-width:980px) { .pricing-overview>.container { grid-template-columns:1fr; gap:40px; } }

/* Unified teal / lime palette. Colors only; layout and typography unchanged. */
:root { --navy:#152654; --navy-deep:#101d43; --green:#4775ff; --green-deep:#658cff; --green-text:#152654; --paper:#111620; --mist:#121722; --mint:#121722; --tint-blue:#121722; --tint-green:#121722; --line:#293246; --ink:#f1f4fc; --ink-2:#bac3d6; --ink-3:#97a4be; --st-protected:#152654; --st-released:#4775ff; }
.topbar { --header-ink:var(--navy); --header-muted:var(--ink-3); border-bottom-color:var(--line); }
.header-contact { background:var(--green); color:var(--navy); }
.header-contact:hover { background:var(--green-deep); color:var(--navy-deep); }
.topbar .nav-toggle { color:var(--navy); }

/* Three-color palette; gradients are reserved for banners. */
:root { --brand-blue-1000:#152654; --brand-green-muted:#152654; --brand-gradient-dark:#080e20; --navy:#152654; --navy-deep:#101d43; --green:#4775ff; --green-deep:#658cff; --green-text:#152654; --mist:#121722; --mint:#121722; --tint-blue:#121722; --tint-green:#121722; --ink:#f1f4fc; --ink-2:#bac3d6; --ink-3:#97a4be; }
.hero,.page-head { background:linear-gradient(135deg,#080e20 0%,#102963 100%); }
.footer { background:#152654; }
.bg-mist,.bg-mint,.form-success { background:#121722; }
.card--mint { background:#111620; }
.btn--primary:hover { background:#10204a; color:#FFFFFF; }
.header-contact:hover { background:#658cff; color:#aac0ff; }

/* Left-align button groups within all banners. */
.hero .btn-row, .page-head .btn-row, .fee-page .fee-banner .btn-row { justify-content:flex-start; }

/* Homepage banner: Figma node 2131:147; legal body typography. */
.hero { min-height:720px; display:flex; align-items:center; background:#080e20; }
.legal-copy p,.legal-copy li,.legal-copy dd { font-size:1rem; color:var(--ink-2); }
.legal-copy h3,.legal-copy h4 { font-size:1.125rem; }

/* Center desktop navigation between the brand and header actions. */
@media(min-width:981px) { .topbar .nav { margin-inline:auto; } }

/* Match the footer background while the page is scrolled. */
.topbar.is-scrolled { background:#080e20; -webkit-backdrop-filter:none; backdrop-filter:none; border-bottom-color:var(--line-dark); }
.topbar.is-scrolled .brand__placeholder,
.topbar.is-scrolled .nav__parent,
.topbar.is-scrolled .language-picker__trigger,
.topbar.is-scrolled .nav-toggle { color:#FFFFFF; }
.topbar.is-scrolled .nav__parent:hover,
.topbar.is-scrolled .nav__parent[aria-expanded="true"],
.topbar.is-scrolled .language-picker__trigger:hover,
.topbar.is-scrolled .language-picker__trigger[aria-expanded="true"] { color:var(--navy); }
.topbar.is-scrolled .nav-toggle span,
.topbar.is-scrolled .nav-toggle span::before,
.topbar.is-scrolled .nav-toggle span::after { background:#10204a; }
.topbar.is-scrolled .nav-toggle[aria-expanded="true"] span { background:transparent; }
.topbar.is-scrolled .brand:focus-visible,
.topbar.is-scrolled .nav__parent:focus-visible,
.topbar.is-scrolled .language-picker__trigger:focus-visible,
.topbar.is-scrolled .header-contact:focus-visible,
.topbar.is-scrolled .nav-toggle:focus-visible { outline-color:var(--green); }
@media(max-width:980px) { .topbar.is-scrolled .nav { background:#10204a; } }

/* Reference section surface, with the existing brand mint for cards. */
.section.bg-mist {
  background-color:var(--paper);
  background-image:linear-gradient(180deg,rgba(15,58,74,.1) 20%,transparent 100%);
}
.section.bg-mist .card {
  background:#111620;
  border-radius:var(--radius);
  box-shadow:none;
}
.section.bg-mist .cta { background:transparent; }

/* Match page button dimensions while preserving header button appearance. */
.header-contact { min-height:48px; padding:0 24px; border:1.5px solid transparent; line-height:1.4; }

/* White four-column surfaces and shared button corner radius. */
.grid.grid--4 > .card, .section.bg-mist .grid.grid--4 > .card { background:#111620; }
.header-contact { border-radius:var(--radius-s); }

/* Gray content sections with readable foregrounds; amount-only input row. */
.section.bg-navy { background:#121722; color:var(--ink); --on-dark:var(--ink); --on-dark-2:var(--ink-2); --line-dark:var(--line); }
.section.bg-navy .card { background:var(--paper); }
.section.bg-navy .card h3,.section.bg-navy .def__item dt { color:var(--ink); }
.section.bg-navy a,.section.bg-navy .link-more { color:var(--navy); }
.section.bg-navy .icon--navy { background:var(--tint-blue); color:var(--navy); }
.section.bg-navy .icon--green { background:var(--tint-green); color:var(--green-text); }
.section.bg-navy .flow li { background:var(--tint-blue); color:var(--navy); }
.section.bg-navy .flow li.flow__end { background:var(--tint-green); color:var(--green-text); }
.section.bg-navy .flow li.flow__arrow { background:none; color:var(--ink-3); }
.section.bg-navy :focus-visible { outline-color:var(--navy); }
.fee-page .fee-payment-row { grid-template-columns:minmax(0,1fr); }

/* Help desk: category sidebar and individually outlined question cards. */
.faq-section { background:#111620; }
#faq { display:grid; grid-template-columns:224px minmax(0,1fr); gap:48px; align-items:start; }
#faq > .tabs { display:flex; flex-direction:column; flex-wrap:nowrap; gap:20px; margin:0; border:0; }
#faq > .tabs .tab { width:100%; padding:0 12px 16px; margin:0; text-align:left; white-space:normal; border-bottom:2px solid transparent; color:var(--ink-2); }
#faq > .tabs .tab[aria-selected="true"] { color:var(--navy); border-bottom-color:var(--navy); }
#faq > .split { display:block; min-width:0; max-width:none; width:100%; }
#faq .faq-group { margin-bottom:0; }
#faq .acc { margin-bottom:12px; padding:12px; border:1px solid var(--line); border-radius:12px; }
#faq .acc:last-child { margin-bottom:0; }
#faq .acc summary { padding:12px 16px; border:1px dashed var(--line); border-radius:8px; background:var(--paper); color:var(--navy); font-weight:500; }
#faq .acc summary:hover { background:var(--tint-blue); }
#faq .acc__body { max-width:none; padding:16px 16px 4px; }
@media(max-width:760px) {
  #faq { grid-template-columns:minmax(0,1fr); gap:28px; }
  #faq > .tabs { flex-direction:row; flex-wrap:wrap; gap:8px 16px; }
  #faq > .tabs .tab { width:auto; padding:10px 4px; }
  #faq .acc { padding:8px; }
  #faq .acc summary { padding:12px; }
  #faq .acc__body { padding:16px 12px 4px; }
}

/* Align FAQ details with the site's existing surfaces and controls. */
.faq-section { background:#111620; }
#faq { gap:40px; }
#faq > .tabs { gap:8px; }
#faq > .tabs .tab { padding:14px 18px; border:1px solid transparent; border-radius:var(--radius-s); font-size:1rem; line-height:1.5; }
#faq > .tabs .tab:hover { background:var(--mist); color:var(--navy); }
#faq > .tabs .tab[aria-selected="true"] { background:#10204a; color:#FFFFFF; border-color:var(--navy); }
#faq .acc { padding:0; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
#faq .acc summary { padding:20px 24px; border:0; border-radius:0; font-size:1rem; font-weight:600; line-height:1.75; }
#faq .acc summary:hover { background:var(--mist); }
#faq .acc[open] summary { background:var(--paper); }
#faq .acc summary::after { width:8px; height:8px; margin-right:2px; }
#faq .acc__body { padding:0 24px 24px; font-size:1rem; line-height:1.8; color:var(--ink-2); }
#faq .acc__body p:last-child { margin-bottom:0; }
#faq .tab:focus-visible { outline:2px solid var(--green-text); outline-offset:3px; }
#faq .acc summary:focus-visible { outline:2px solid var(--green-text); outline-offset:-4px; }
@media(max-width:760px) {
  #faq { gap:24px; }
  #faq > .tabs { gap:8px; }
  #faq > .tabs .tab { padding:10px 14px; }
  #faq .acc summary { padding:16px; }
  #faq .acc__body { padding:0 16px 20px; }
}

/* Center inner-page banner copy without changing button alignment. */
.page-head h1,.page-head .lead { text-align:center; margin-inline:auto; }

/* Uniform inner-page banner height. */
.page-head { min-height:420px; }

/* FAQ card outline. */
#faq .acc { border-color:#121722; }

/* Match the navigation chevron and center inner-page banner content. */
#faq .acc summary::after {
  width:12px; height:12px; border:0; margin-right:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center / contain no-repeat;
  transform:rotate(0deg);
}
#faq .acc[open] summary::after { transform:rotate(180deg); }
.page-head,.fee-page .fee-banner .page-head { display:flex; align-items:center; padding-block:0; }
.page-head > .container > :last-child { margin-bottom:0; }
.page-head .btn-row,.fee-page .fee-banner .btn-row { justify-content:center; }

/* Gray hover and expanded FAQ surfaces. */
/* 常见问题卡片：默认、展开与 hover 均不使用白色 */
#faq .acc, #faq .acc summary, #faq .acc[open], #faq .acc[open] summary { background:#121722; border-color:#121722; }
#faq .acc summary:hover, #faq .acc[open] summary:hover { background:#121722; }
#faq > .tabs .tab[aria-selected="true"]:hover { background:#10204a; color:#FFFFFF; }

/* Contact button: previous hover color as default, darker hover. */
.header-contact,.btn--contact { background:#4775ff; color:#aac0ff; }
.header-contact:hover,.btn--contact:hover { background:#658cff; color:#aac0ff; }

/* Contact page: consultation form and supporting information. */
.contact-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:80px; align-items:start; }
.contact-layout > * { min-width:0; }
.contact-section .form-grid { gap:24px; }
.contact-section .form-grid > h2 { margin-bottom:8px; }
.contact-section .form-grid > h3 { margin-bottom:0; }
.contact-section .field { margin:0; }
.contact-section .input,.contact-section .select,.contact-section .textarea { background:#121722; border-color:var(--line); border-radius:var(--radius); }
.contact-section .input,.contact-section .select { min-height:52px; }
.contact-section .textarea { min-height:128px; resize:vertical; }
.contact-section .input:focus,.contact-section .select:focus,.contact-section .textarea:focus { border-color:var(--navy); }
.contact-section .choice { background:#121722; border-radius:var(--radius); }
.contact-section .choice:has(input:checked) { background:var(--mint); border-color:var(--navy); }
.contact-section .input-group .input { min-width:0; border-top-left-radius:0; border-bottom-left-radius:0; }
.contact-privacy { font-size:.833rem; line-height:1.8; color:var(--ink-2); margin-bottom:24px; }
.contact-privacy a { text-decoration:underline; text-underline-offset:3px; }
.contact-submit .btn { width:100%; background:#4775ff; color:#aac0ff; }
.contact-submit .btn:hover { background:#658cff; }
.contact-support { display:grid; gap:56px; }
.contact-support h2 { margin-bottom:24px; }
.contact-support p { color:var(--ink-2); line-height:1.8; }
.contact-support section > :last-child { margin-bottom:0; }
.contact-support__link { display:inline-flex; align-items:center; gap:12px; color:var(--navy); font-weight:600; text-decoration:underline; text-underline-offset:6px; }
.contact-support__link span { font-size:1.5rem; }
@media(max-width:980px) { .contact-layout { grid-template-columns:minmax(0,1fr); gap:48px; } .contact-support { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } }
@media(max-width:600px) { .contact-support { grid-template-columns:minmax(0,1fr); } .contact-section .form-grid { gap:20px; } }

/* Explanatory copy left, calculator right on desktop. */
@media(min-width:981px) {
  .fee-page .fee-content__layout { grid-template-columns:minmax(0,1fr) minmax(0,580px); }
  .fee-page .fee-content .fee-explainer { grid-column:1; grid-row:1; }
  .fee-page .fee-content .fee-estimator { grid-column:2; grid-row:1; }
}

/* Support capabilities: distinct cards and accessible tick/cross lists. */
.support-scope { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; }
.support-scope__card { border:1px solid #121722; border-radius:var(--radius-l); background:var(--paper); overflow:hidden; }
.support-scope__heading { display:flex; align-items:flex-start; gap:16px; padding:24px; background:#121722; }
.support-scope__card--can .support-scope__heading { background:var(--mint); }
.support-scope__heading h3 { margin:0; font-size:1.125rem; line-height:1.65; color:var(--navy); }
.support-scope__badge { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; background:var(--paper); color:var(--navy); }
.support-scope__badge svg { width:20px; height:20px; }
.support-scope__list { list-style:none; padding:8px 24px 16px; margin:0; }
.support-scope__list li { display:flex; align-items:flex-start; gap:12px; padding:16px 0; color:var(--ink-2); font-size:1rem; line-height:1.75; }
.support-scope__list li + li { border-top:1px solid #121722; }
.support-scope__list svg { width:20px; height:20px; flex:none; margin-top:4px; color:var(--green-text); }
.support-scope__card--limited .support-scope__list svg { color:var(--ink-3); }
.support-scope__closing { margin-top:32px; }
@media(max-width:760px) { .support-scope { grid-template-columns:minmax(0,1fr); gap:24px; } .support-scope__heading { padding:20px; } .support-scope__list { padding-inline:20px; } }

/* A single support card fills the content area. */
.support-scope > .support-scope__card--can:only-child { grid-column:1 / -1; }

/* Full-width contact copy and emphasized email address. */
.contact-email-support .section-head, .contact-email-support .support-scope__closing { max-width:none; width:100%; }
.contact-email-address { display:inline-block; padding:2px 10px; border-radius:var(--radius-s); background:var(--mint); color:var(--navy); font-weight:700; }

/* Project types: numbered horizontal cards, using existing copy and icons. */
.project-types-section { background:#121722; }
.project-types-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:40px; }
.project-types-heading .section-head { margin-bottom:0; }
.project-types-controls { display:flex; gap:10px; flex:none; }
.project-types-controls button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--line); border-radius:50%; background:var(--paper); color:var(--navy); cursor:pointer; }
.project-types-controls button:hover:not(:disabled) { background:var(--mint); }
.project-types-controls button:disabled { opacity:.4; cursor:default; }
.project-types-controls svg { width:12px; height:12px; }
.project-types-prev svg { transform:rotate(90deg); }
.project-types-next svg { transform:rotate(-90deg); }
.project-types-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 72px)/4); gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding-bottom:28px; scrollbar-width:thin; scrollbar-color:var(--green-text) var(--paper); }
.project-types-track::-webkit-scrollbar { height:5px; }
.project-types-track::-webkit-scrollbar-track { background:var(--paper); border-radius:99px; }
.project-types-track::-webkit-scrollbar-thumb { background:var(--green-text); border-radius:99px; }
#project-types .project-type-card { display:flex; flex-direction:column; gap:0; min-width:0; padding:24px; border:1px solid var(--line); border-radius:var(--radius-l); background:var(--paper); scroll-snap-align:start; }
.project-type-card__number { font-size:1.125rem; color:var(--navy); align-self:flex-start; margin-bottom:24px; }
#project-types .project-type-card .icon { position:relative; width:72px; height:72px; margin:0 auto 28px; border:1px solid var(--green-text); border-radius:50%; background:transparent; }
#project-types .project-type-card .icon::after { content:""; position:absolute; inset:-6px; border:1px dashed var(--green-text); border-radius:50%; }
#project-types .project-type-card .icon svg { width:32px; height:32px; }
#project-types .project-type-card > div { display:flex; flex-direction:column; flex:1; }
#project-types .project-type-card h3 { text-align:center; margin-bottom:16px; }
#project-types .project-type-card p { line-height:1.8; }
#project-types .project-type-card .tags { margin-top:auto; padding-top:12px; justify-content:center; }
.project-types-section :focus-visible { outline:2px solid var(--green-text); outline-offset:3px; }
@media(max-width:1100px) { .project-types-track { grid-auto-columns:calc((100% - 48px)/3); } }
@media(max-width:980px) { .project-types-track { grid-auto-columns:calc((100% - 24px)/2); } }
@media(max-width:600px) { .project-types-heading { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:28px; } .project-types-controls { align-self:flex-end; } .project-types-track { grid-auto-columns:100%; gap:16px; } }

/* Reference carousel: fixed-width slides, visible overflow and draggable progress. */
.project-types-section { overflow:hidden; }
.project-types-section > .container { position:relative; }
.project-types-heading { margin-bottom:0; }
.project-types-controls { gap:8px; transform:translateY(-14px); }
.project-types-controls button { width:28px; height:28px; border:0; }
.project-types-track { display:flex; gap:20px; overflow:visible; padding:24px 0 36px; scroll-snap-type:none; touch-action:pan-y; cursor:grab; will-change:transform; }
.project-types-track.is-dragging { cursor:grabbing; user-select:none; }
#project-types .project-type-card { flex:0 0 400px; width:400px; padding:24px; border-radius:12px; gap:16px; }
.project-type-card__number { margin-bottom:0; }
#project-types .project-type-card .icon { margin:6px auto; width:78px; height:78px; flex-shrink:0; }
#project-types .project-type-card h3 { margin-bottom:16px; }
#project-types .project-type-card p { text-align:center; }
.project-types-progress { display:block; appearance:none; -webkit-appearance:none; width:min(800px,100%); height:4px; padding:0; margin:0 auto; border:0; border-radius:999px; background:var(--paper); cursor:grab; touch-action:pan-y; }
.project-types-progress::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:var(--progress-thumb,250px); height:4px; border:0; border-radius:999px; background:#10204a; cursor:grab; }
.project-types-progress::-moz-range-thumb { width:var(--progress-thumb,250px); height:4px; border:0; border-radius:999px; background:#10204a; cursor:grab; }
@media(max-width:1023px) {
 .project-types-controls { display:none; }
 .project-types-heading { margin-bottom:24px; }
 .project-types-track { padding-top:0; }
 #project-types .project-type-card { flex-basis:300px; width:300px; padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .project-types-track { transition:none !important; } }

/* Site-wide feedback: preserve geometry and existing brand colors. */
a,button,input,select,textarea,summary,[role="tab"],.card,.project-type-card,.type-row,.support-scope__card { transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease; }
button:not(:disabled),select,summary,[role="tab"] { cursor:pointer; }
button:disabled,input:disabled,select:disabled { cursor:not-allowed; }
@media(hover:hover) {
 a:not(.btn):not(.header-contact):not(.brand):hover { text-decoration-thickness:1px; text-underline-offset:4px; }
 .brand:hover { opacity:.8; }
 .btn:hover,.header-contact:hover { filter:brightness(.94); box-shadow:none; }
 button:not(:disabled):hover { filter:brightness(.96); }
 .input:hover,.select:hover,.textarea:hover,input:not([type="range"]):not([type="hidden"]):hover,select:hover,textarea:hover { border-color:var(--green-text); background-color:var(--mint); }
 .card:hover,.project-type-card:hover,.support-scope__card:hover { box-shadow:none; }
 #project-types .project-type-card:hover { border-color:var(--green-text); }
 .type-row:not(.project-type-card):hover { background-color:var(--mint); }
 .table-wrap tbody tr:hover { background-color:var(--mint); }
 .pill:hover,.tab:hover { box-shadow:inset 0 0 0 1px var(--green-text); }
 .fee-payment-row:hover,.coin-picker__trigger:hover { border-color:var(--green-text); background-color:var(--mint); }
}
:where(a,button,input,select,textarea,summary,[role="tab"]):focus-visible { outline:2px solid var(--green-text); outline-offset:3px; }
#project-types .project-type-card > div { text-align:left; align-items:stretch; }
#project-types .project-type-card > div h3,#project-types .project-type-card > div p { text-align:left; }
#project-types .project-type-card > div .tags { justify-content:flex-start; }
html[lang="en-US"] .sub { min-width:280px; }
html[lang="en-US"] .page-head .lead { max-width:1000px; }
@media(prefers-reduced-motion:reduce) { a,button,input,select,textarea,summary,[role="tab"],.card,.project-type-card,.type-row,.support-scope__card { transition:none; } }

/* Keep the requested 320px banner while containing longer translated copy. */
@media(max-width:760px) {
 html[lang="en-US"] .page-head > .container { max-height:100%; overflow-y:auto; padding-block:24px; scrollbar-width:thin; }
}

/* ==========================================================================
   Wise 风格配色（Forest Green #163300 / Bright Green #9FE870 / Fog #E8EBE6）
   ========================================================================== */
:root { --tint-green:#142346; --tint-blue:#121722; --line-dark:rgba(255,255,255,.18); }
.btn--accent,.btn--contact,.header-contact,.contact-submit .btn { background:#4775ff; color:#aac0ff; }
.btn--accent:hover,.btn--contact:hover,.header-contact:hover,.contact-submit .btn:hover { background:#658cff; color:#aac0ff; filter:none; }

/* 顶栏深色统一为 #092429 */
.topbar { --navy:#080e20; --navy-deep:#080e20; --ink:#aac0ff; --header-ink:#aac0ff; --header-muted:#aac0ff; }

/* 页脚：沿用原版式，仅底色改为 #092429 */
.footer { background:#080e20; }

/* Upward hover feedback; independent of existing icon and carousel transforms. */
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  a,button,input,select,textarea,summary,[role="tab"],.card,.project-type-card,.type-row,.support-scope__card,.fee-payment-row {
    transition-property:background-color,color,border-color,box-shadow,filter,translate;
    transition-duration:.18s;
    transition-timing-function:ease;
  }
  a:hover,button:not(:disabled):hover,input:not(:disabled):not([type="hidden"]):not([type="range"]):hover,select:not(:disabled):hover,textarea:not(:disabled):hover,summary:hover,[role="tab"]:not([aria-disabled="true"]):hover { translate:0 -3px; }
  .card:hover,.project-type-card:hover,.type-row:hover,.support-scope__card:hover,.fee-payment-row:hover { translate:0 -5px; }
  /* Inline text links need positioning to move without changing line wrapping. */
  a:not([class]) { position:relative; top:0; transition:color .18s ease,top .18s ease; }
  a:not([class]):hover { top:-3px; translate:none; }
}

/* ==========================================================================
   按钮交互：更顺滑的过渡曲线、轻微上浮与按下回弹
   ========================================================================== */
.btn,.header-contact,.pill,.tab,.nav__parent,.language-picker__trigger,.language-picker__menu button,.coin-picker__trigger,.choice,.acc summary,button:not(:disabled) {
  transition-property:background-color,color,border-color,box-shadow,filter,translate,scale,opacity;
  transition-duration:.32s;
  transition-timing-function:cubic-bezier(.22,.61,.36,1);
  -webkit-tap-highlight-color:transparent;
}
.btn,.header-contact { will-change:translate,box-shadow; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .btn:hover,.header-contact:hover,button.btn:not(:disabled):hover { translate:0 -2px; filter:none; box-shadow:none; }
  .btn:active,.header-contact:active,button.btn:not(:disabled):active { translate:0 0; scale:.97; box-shadow:none; transition-duration:.12s; }
  .btn--accent:hover,.btn--contact:hover,.header-contact:hover,.contact-submit .btn:hover { background:#658cff; }
  .pill:active,.tab:active,.nav__parent:active,.language-picker__trigger:active,.language-picker__menu button:active,.coin-picker__trigger:active { scale:.96; transition-duration:.12s; }
  .pill,.tab,.nav__parent,.language-picker__trigger,.coin-picker__trigger { transition-duration:.26s; }
}
@media (hover:none) {
  .btn:active,.header-contact:active { scale:.97; transition-duration:.12s; }
}
@media (prefers-reduced-motion:reduce) {
  .btn,.header-contact,.pill,.tab,.nav__parent,.language-picker__trigger,.language-picker__menu button,.coin-picker__trigger,.choice,.acc summary,button:not(:disabled) { transition:none; }
  .btn:active,.header-contact:active { scale:none; }
}

/* 小屏：首屏与内页横幅不再撑满固定高度，按内容自适应 */
@media (max-width:760px) {
  .hero { min-height:0; }
  .page-head { min-height:0; }
}

/* 所有图标统一使用浅绿底 */
.icon,.icon--navy,.icon--green,.bg-navy .icon--navy,.bg-navy .icon--green,.section.bg-navy .icon--navy,.section.bg-navy .icon--green,.form-success .icon,.type-row .icon,#project-types .project-type-card .icon { background:var(--tint-green); }
.icon--navy,.bg-navy .icon--navy,.section.bg-navy .icon--navy { color:var(--navy); }
.icon--green,.bg-navy .icon--green,.section.bg-navy .icon--green { color:var(--green-text); }

/* ==========================================================================
   内容宽度规则（--max / --page-gutter 为规范变量；--container / --gutter 为站内引用别名）
   ========================================================================== */
/* 默认桌面端 */
:root { --max:1280px; --page-gutter:clamp(20px, 3.2vw, 56px); --container:var(--max); --gutter:var(--page-gutter); }
/* 大屏幕 */
@media (min-width:1440px) { :root { --max:1360px; --page-gutter:clamp(36px, 4vw, 72px); } }
@media (min-width:1720px) { :root { --max:1500px; --page-gutter:clamp(48px, 5vw, 96px); } }
@media (min-width:2100px) { :root { --max:1680px; --page-gutter:clamp(72px, 6vw, 132px); } }
/* 平板 */
@media (max-width:1180px) {
  :root { --page-gutter:24px; }
  .container { width:calc(100% - 48px); }
}
/* 手机 */
@media (max-width:680px) {
  :root { --page-gutter:15px; }
  .container { width:calc(100% - 30px); }
}
@media (max-width:420px) { :root { --page-gutter:12px; } }
.legal-copy { max-width:none; }

/* ==========================================================================
   共享版式：左侧 1:1 占位图 + 右侧文字（与首页“交易进展”一致）
   ========================================================================== */
.media-split__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:center; gap:clamp(32px,8vw,120px); }
.media-split__media { position:relative; width:100%; max-width:560px; aspect-ratio:1/1; border-radius:28px; background:#151a25; overflow:hidden; }
.media-split__copy .section-head { margin-bottom:24px; }
@media (max-width:860px) {
  .media-split__grid { grid-template-columns:minmax(0,1fr); gap:36px; }
  .media-split__copy { order:1; }
  .media-split__media { order:2; max-width:100%; }
}

/* 担保流程：三方角色卡（居中标题 + 白色圆角卡 + 居中按钮，参考 Wise 步骤卡版式） */
.process-roles .section-head { margin-inline:auto; text-align:center; max-width:800px; margin-bottom:40px; }
.process-roles .card { background:#111620; border-color:transparent; box-shadow:none; border-radius:var(--radius); padding:32px; }
.process-roles .btn-row { justify-content:center; margin-top:40px; }
@media (max-width:760px) {
  .process-roles .card { padding:24px; }
}

/* 图文区块：左文右图 */
.media-split--reverse .media-split__media { order:2; justify-self:end; }
.media-split--reverse .media-split__copy { order:1; }
@media (max-width:860px) {
  .media-split--reverse .media-split__media { order:2; justify-self:stretch; }
}

/* 页脚：Logo 下方广告语 */
.footer__tagline { margin:12px 0 0; font-size:1rem; font-weight:500; color:#fff; line-height:1.6; }
.footer__brand .footer__tagline + p { margin-top:14px; }

/* 常见问题：hover 时整张问题卡整体上移（而非仅标题行） */
#faq .acc { transition:translate .32s cubic-bezier(.22,.61,.36,1), background-color .32s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #faq .acc:hover { translate:0 -5px; }
  #faq .acc summary:hover, #faq .acc[open] summary:hover { translate:none; }
}
@media (prefers-reduced-motion:reduce) {
  #faq .acc { transition:none; }
}

/* 内页横幅中的文字链接（如常见问题“联系我们”）使用品牌绿 */
.page-head .lead a { color:#4775ff; text-decoration:underline; text-underline-offset:4px; }
.page-head .lead a:hover { color:#658cff; }

/* 步骤序号统一 42×42px，所有页面与断点一致 */
.step { grid-template-columns:42px minmax(0,1fr); }
.step::before { left:20.5px; top:42px; }
.step__marker { width:42px; height:42px; min-width:42px; min-height:42px; font-size:var(--fs-1); flex:none; }
@media (max-width:980px), (max-width:600px) {
  .step { grid-template-columns:42px minmax(0,1fr); }
  .step::before { left:20.5px; top:42px; }
  .step__marker { width:42px; height:42px; font-size:var(--fs-1); }
}

/* 争议处理页 / 担保流程页：步骤标题在左、步骤流程在右 */
#steps > .container, #process-steps > .container { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); column-gap:clamp(32px,6vw,96px); align-items:start; }
#steps > .container > .section-head, #process-steps > .container > .section-head { margin-bottom:0; position:sticky; top:calc(var(--topbar-h) + 24px); }
@media (max-width:860px) {
  #steps > .container, #process-steps > .container { grid-template-columns:minmax(0,1fr); row-gap:24px; }
  #steps > .container > .section-head, #process-steps > .container > .section-head { position:static; }
}

/* 步骤连接线：深绿到浅灰的纵向渐变，浅灰底上也清晰可见 */
.step::before { background:linear-gradient(180deg,#152654 0%,rgba(25,45,100,.35) 60%,rgba(25,45,100,.12) 100%); }
#steps .step::before, #process-steps .step::before { width:2px; left:20px; }

/* 主要按钮统一为品牌绿 */
.btn--primary { background:#4775ff; color:#aac0ff; border-color:transparent; }
.btn--primary:hover { background:#658cff; color:#aac0ff; }

/* 所有按钮圆角与顶栏“联系我们”一致 */
.btn, .btn--sm, .btn--primary, .btn--accent, .btn--outline, .btn--outline-light, .btn--contact, .contact-submit .btn { border-radius:var(--radius-s); }

/* 所有卡片圆角统一为 --radius（14px） */
.card, .card--mint, .card--tint, .section.bg-mist .card, .section.bg-navy .card, .support-scope__card, #project-types .project-type-card, .process-roles .card, .trust-cards .card, .how-steps .card, #faq .acc, .state, .ms { border-radius:var(--radius); }

/* 联系我们页：清单勾选符号与全站 .checks 一致（绿色圆点 + 深绿对勾） */
.support-scope__list svg { display:none; }
.support-scope__list li { position:relative; padding-left:30px; }
.support-scope__list li::before { content:""; position:absolute; left:0; top:calc(16px + 0.35em); width:18px; height:18px; border-radius:50%; background:var(--green); }
.support-scope__list li::after { content:""; position:absolute; left:6px; top:calc(16px + 0.35em + 4px); width:5px; height:9px; border:solid var(--navy); border-width:0 2px 2px 0; transform:rotate(45deg); }

/* 交易状态卡：与其他卡片相同的 hover 上移交互 */
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .state { transition:translate .18s ease, background-color .18s ease; }
  .state:hover { translate:0 -5px; }
}

/* Dispute outcomes use the same text size as the step body. */
#steps .step__text #outcomes h2, #steps .step__text #outcomes h3 { font-size:1rem; }

/* Spacing is scoped to the dispute outcomes only. */
#steps .step__text #outcomes > .section-head { margin-bottom:0; }
#steps .step__text #outcomes > .section-head h2 { margin-bottom:10px; }
#steps .step__text #outcomes .card h3 { margin-bottom:0; }

/* Padding applies only to dispute outcome cards. */
#steps .step__text #outcomes .card { padding:10px; }

/* Center only the dispute outcome card content. */
#steps .step__text #outcomes .card { display:flex; align-items:center; justify-content:center; text-align:center; }
#steps .step__text #outcomes .card h3 { font-weight:400; text-align:center; }

/* ==========================================================================
   顶栏导航：hover 底色随顶栏当前底色而定
   ========================================================================== */
/* 白底顶栏：浅灰 hover；滚动后的深色顶栏：半透明白 hover，文字保持白色 */
.topbar .nav__parent:hover, .topbar .nav__parent[aria-expanded="true"] { background:#121722; color:#aac0ff; }
.topbar.is-scrolled .nav__parent:hover, .topbar.is-scrolled .nav__parent[aria-expanded="true"],
.topbar.is-scrolled .language-picker__trigger:hover, .topbar.is-scrolled .language-picker__trigger[aria-expanded="true"] { background:rgba(255,255,255,.12); color:#fff; }

/* 图文区块：与上一区块的间距减半（上一区块的下内边距已提供一半间距，本区块不再叠加） */
.section.media-split { padding-top:0; }

/* 二级菜单：参考 Wise——hover 打开的通栏面板，短促的下滑淡入，父项胶囊高亮保持 */
@media (min-width:981px) {
  .topbar .sub { display:grid; opacity:0; visibility:hidden; transform:translateY(-6px); pointer-events:none; transition:opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1), visibility 0s linear .22s; }
  .topbar .has-sub.is-open .sub { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; transition-delay:0s; }
  .topbar .has-sub.is-open .nav__parent { background:#121722; color:#aac0ff; }
  .topbar.is-scrolled .has-sub.is-open .nav__parent { background:rgba(255,255,255,.12); color:#fff; }
  .topbar .has-sub.is-open .nav__parent > svg { transform:rotate(180deg); }
}
@media (prefers-reduced-motion:reduce) { .topbar .sub { transition:none; } }

/* 二级菜单：面板与顶栏背景融合（无分隔线、无投影、同底色），下方页面蒙上黑色半透明磨砂层 */
@media (min-width:981px) {
  .topbar .sub { border-bottom:0; box-shadow:none; background:#111620; padding-top:8px; }
  .topbar.has-open-menu { border-bottom-color:transparent; box-shadow:none; }
  /* 深色顶栏打开二级菜单时，整条顶栏回到白底，与白色面板融合 */
  .topbar.is-scrolled.has-open-menu { background:#111620; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .topbar.is-scrolled.has-open-menu .brand__placeholder,
  .topbar.is-scrolled.has-open-menu .nav__parent,
  .topbar.is-scrolled.has-open-menu .language-picker__trigger,
  .topbar.is-scrolled.has-open-menu .nav-toggle { color:#aac0ff; }
  .topbar.is-scrolled.has-open-menu .nav__parent:hover,
  .topbar.is-scrolled.has-open-menu .has-sub.is-open .nav__parent,
  .topbar.is-scrolled.has-open-menu .nav__parent[aria-expanded="true"],
  .topbar.is-scrolled.has-open-menu .language-picker__trigger:hover { background:#121722; color:#aac0ff; }
  .nav-backdrop { position:fixed; inset:0; z-index:40; background:rgba(9,36,41,.18); -webkit-backdrop-filter:blur(1px); backdrop-filter:blur(1px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease, visibility 0s linear .22s; }
  .nav-backdrop.is-visible { opacity:1; visibility:visible; transition-delay:0s; }
}
@media (prefers-reduced-motion:reduce) { .nav-backdrop { transition:none; } }

/* 顶栏深浅切换：底色、边线与文字颜色平滑过渡 */
.topbar { transition:background-color .35s ease, border-color .35s ease, box-shadow .35s ease; }
.topbar .brand__placeholder, .topbar .nav__parent, .topbar .language-picker__trigger, .topbar .nav-toggle,
.topbar .nav-toggle span, .topbar .nav-toggle span::before, .topbar .nav-toggle span::after { transition:color .35s ease, background-color .35s ease; }
@media (prefers-reduced-motion:reduce) { .topbar, .topbar .brand__placeholder, .topbar .nav__parent, .topbar .language-picker__trigger, .topbar .nav-toggle { transition:none; } }

/* 带下拉的一级导航项：hover 时不显示手型 */
.topbar .has-sub > .nav__parent, .topbar .has-sub > .nav__parent:hover { cursor:default; }

/* 顶栏导航项、语言切换、二级菜单链接：hover 上移幅度、时长与缓动全部与按钮一致 */
.topbar .nav__parent, .topbar .language-picker__trigger, .topbar .nav-toggle, .topbar .sub a, .topbar .language-picker__menu button {
  transition-property:background-color,color,border-color,box-shadow,filter,translate,scale;
  transition-duration:.32s;
  transition-timing-function:cubic-bezier(.22,.61,.36,1);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .topbar .nav__parent, .topbar .language-picker__trigger, .topbar .sub a, .topbar .language-picker__menu button { transition-duration:.32s; }
  .topbar .sub a { position:static; top:auto; }
  .topbar .nav__parent:hover, .topbar .language-picker__trigger:hover, .topbar .nav-toggle:hover { translate:0 -2px; }
  .topbar .has-sub.is-open .nav__parent, .topbar .language-picker__trigger[aria-expanded="true"] { translate:0 -2px; }
  .topbar .sub a:hover, .topbar .language-picker__menu button:hover { translate:0 -2px; top:auto; }
  .topbar .nav__parent:active, .topbar .language-picker__trigger:active, .topbar .sub a:active, .topbar .language-picker__menu button:active { translate:0 0; scale:.97; transition-duration:.12s; }
}

/* 英文字体：拉丁字符优先使用 Arial（中文字形继续回退到中文字体） */
:root { --font:Arial, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif; }
html[lang="en-US"] body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/* Photography fills existing media slots without changing their dimensions. */
.media-split__media > .content-photo,
.project-type-card__img > .content-photo {
  position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover;
}
.case-choice img.case-art { display:block; aspect-ratio:2 / 1; object-fit:cover; }

/* 所有表格：表头底色统一为 #F2F5F2 */
.table thead th { background:#121722; }

/* 常见问题分类标签：hover 上移幅度与按钮一致 */
@media (hover:hover) and (prefers-reduced-motion:no-preference) { #faq > .tabs .tab:hover { translate:0 -2px; } }

/* Legal document section titles match the site subheading size. */
main .legal-copy h2 { font-size:1.125rem; }

/* 页脚：公司联系信息 */
.footer__contact { margin:14px 0 0; display:grid; gap:6px; font-size:.85rem; color:var(--on-dark-2); }
.footer__contact > div { display:flex; gap:8px; }
.footer__contact dt { flex:none; color:var(--on-dark-3); }
.footer__contact dt::after { content:"："; }
.footer__contact dd { margin:0; min-width:0; overflow-wrap:anywhere; }

/* 联系我们页：联系方式列表（图标 + 标题 + 内容） */
/* 联系我们页：标题、联系方式、“我们可以帮您”卡依次纵向排列 */
.contact-email-support .contact-head { margin-bottom:32px; }
.contact-email-support .support-scope { grid-template-columns:minmax(0,1fr); gap:40px; }
.contact-info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 32px; align-content:start; }
@media (max-width:760px) { .contact-info { grid-template-columns:minmax(0,1fr); } }
.support-scope { align-items:start; }
.contact-info__item { display:grid; grid-template-columns:56px minmax(0,1fr); gap:20px; align-items:center; }
.contact-info__icon { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#121722; color:var(--ink); }
.contact-info__icon svg { width:22px; height:22px; }
.contact-info__item strong { display:block; font-size:1rem; color:var(--ink); margin-bottom:4px; }
.contact-info__item span:not(.contact-info__icon) { display:block; color:var(--ink-2); line-height:1.7; overflow-wrap:anywhere; }
.support-scope > .support-scope__card--can:only-child { grid-column:auto; }
/* Shared public component: back-to-top. All pages use the homepage's
   70px green control, icon scale, offsets, and entrance behaviour. */
:root{
  --shared-back-to-top-size:70px;
  --shared-back-to-top-icon-size:28px;
  --shared-back-to-top-offset:24px;
  --shared-back-to-top-green:#00D16A;
  --shared-back-to-top-ink:#142929;
}
.back-to-top{
  position:fixed;
  right:var(--shared-back-to-top-offset);
  bottom:var(--shared-back-to-top-offset);
  z-index:45;
  width:var(--shared-back-to-top-size);
  height:var(--shared-back-to-top-size);
  border:1px solid var(--shared-back-to-top-green);
  border-radius:50%;
  background:var(--shared-back-to-top-green);
  color:var(--shared-back-to-top-ink);
  box-shadow:none;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  translate:0 8px;
  transition:opacity .28s ease,translate .28s cubic-bezier(.22,.61,.36,1),visibility 0s linear .28s,background-color .2s ease;
}
.back-to-top.is-visible{opacity:1;visibility:visible;translate:0 0;transition-delay:0s;}
.back-to-top svg{width:var(--shared-back-to-top-icon-size);height:var(--shared-back-to-top-icon-size);}
.back-to-top:hover{background:var(--shared-back-to-top-green);border-color:var(--shared-back-to-top-green);}
@media (hover:hover){.back-to-top:hover{translate:0 -2px;}}
.back-to-top:focus-visible{outline:2px solid var(--shared-back-to-top-green);outline-offset:3px;}
@media (max-width:680px){.back-to-top{right:15px;bottom:15px;}}
@media (prefers-reduced-motion:reduce){.back-to-top{transition:none;}}
/* Keep all ten language options reachable on smaller screens. */
.language-picker__menu { max-height:calc(100dvh - 110px); overflow-y:auto; overscroll-behavior:contain; }

/* Longer translated labels stay within the existing header area. */
@media (min-width:981px) {
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav { min-width:0; flex:1; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav__list { min-width:0; width:100%; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav__list > li { min-width:0; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav__parent { white-space:normal; overflow-wrap:anywhere; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .header-contact { white-space:normal; max-width:210px; text-align:center; }
}
@media (min-width:981px) and (max-width:1440px) {
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .container.topbar__inner { gap:16px; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav__list { gap:2px; }
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .topbar .nav__parent { padding-inline:8px; }
}
@media (max-width:600px) {
 html:is([lang="es"],[lang="pt-BR"],[lang="ja"],[lang="fr"],[lang="de"],[lang="id"],[lang="vi"]) .header-contact { white-space:normal; text-align:center; min-width:0; }
}

/* Transaction detail redirect confirmation only. */
.transaction-redirect { width:min(480px,calc(100vw - 32px)); box-sizing:border-box; margin:auto; padding:28px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:#111620; box-shadow:0 20px 70px rgba(0,0,0,.18); }
.transaction-redirect::backdrop { background:rgba(0,0,0,.42); backdrop-filter:blur(4px); }
.transaction-redirect h2 { font-size:1.125rem; margin:0 0 16px; }
.transaction-redirect p { font-size:1rem; margin:0 0 16px; }
.transaction-redirect .transaction-redirect__destination { overflow-wrap:anywhere; padding:12px; border-radius:8px; background:var(--mist,#111620); }
.transaction-redirect .btn-row { margin-top:24px; }

/* Keep the shared navigation typography zoom-safe and give both desktop
   dropdowns the same Trustly-style entrance curve. */
.topbar .nav__parent,
.topbar .language-picker__trigger,
.header-contact,
.language-picker__menu button{line-height:1.5;}
.topbar .sub a strong{line-height:1.3;}
.topbar .sub a span{line-height:1.3;}
@media (min-width:981px) and (hover:hover){
 .topbar .sub,
 .language-picker__menu{
  transition:opacity .3s cubic-bezier(.34,1.56,.64,1),
              transform .3s cubic-bezier(.34,1.56,.64,1),
              visibility 0s linear .3s;
 }
 .topbar .sub{transform:translateY(2rem);}
 .topbar .has-sub.is-open .sub,
 .topbar .has-sub:hover .sub,
 .topbar .has-sub:focus-within .sub{transform:translateY(0);transition-delay:0s;}
 .language-picker__menu{transform:translateY(2rem);}
 .language-picker.is-open .language-picker__menu,
 .language-picker__trigger[aria-expanded="true"] + .language-picker__menu{transform:translateY(0);transition-delay:0s;}
}

/* Show the complete flag artwork inside a circular language badge. */
.topbar .language-picker__trigger .language-flag,
.topbar .language-picker__menu .language-flag{
 display:grid;place-items:center;box-sizing:border-box;
 aspect-ratio:1;border-radius:50%;overflow:visible;
 background:#f8f9fa;border:1px solid rgba(20,26,25,.12);
}
.topbar .language-picker__trigger .language-flag{
 width:1.25rem;height:1.25rem;min-width:1.25rem;flex:0 0 1.25rem;
}
.topbar .language-picker__menu .language-flag{
 width:1rem;height:1rem;flex:0 0 1rem;
}
.topbar .language-picker__trigger .language-flag svg,
.topbar .language-picker__menu .language-flag svg{
 display:block;width:78%;height:78%;max-width:100%;max-height:100%;
 flex:none;margin:0;overflow:visible;
}

/* Desktop navigation follows Trustly's hover model: the control itself stays
   still, while its arrow and panel provide the movement.  The same token set
   is shared by first-level menus and the language control so their type,
   motion and surfaces remain coherent at every browser text scale. */
:root{
  --trustly-type-jumbo:6.25rem;
  --trustly-type-h1:5rem;
  --trustly-type-h2:4rem;
  --trustly-type-h3:3rem;
  --trustly-type-h4:2rem;
  --trustly-type-text-xl:1.25rem;
  --trustly-type-text-l:1.125rem;
  --trustly-type-text-m:1rem;
  --trustly-type-text-s:.875rem;
  --trustly-type-label-s:.75rem;
  --trustly-line-tight:.9;
  --trustly-line-short:1.1;
  --trustly-line-regular:1.3;
  --trustly-line-reading:1.5;
  --trustly-medium-weight:550;
  --trustly-dropdown-ease:cubic-bezier(.34,1.56,.64,1);
}

@media (min-width:981px) and (hover:hover){
  .topbar .nav__parent,
  .topbar .language-picker__trigger{
    font-size:var(--trustly-type-text-s);
    line-height:var(--trustly-line-reading);
    font-weight:var(--trustly-medium-weight);
    translate:0 0;
    scale:1;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
  }
  .topbar .sub a strong,
  .topbar .language-picker__menu button{
    font-size:var(--trustly-type-text-s);
    line-height:var(--trustly-line-regular);
    font-weight:var(--trustly-medium-weight);
  }
  .topbar .sub a span{font-size:var(--trustly-type-label-s);line-height:var(--trustly-line-reading);}
  .topbar .nav__parent:hover,
  .topbar .nav__parent[aria-expanded="true"],
  .topbar .language-picker__trigger:hover,
  .topbar .language-picker__trigger[aria-expanded="true"],
  .topbar .sub a:hover,
  .topbar .language-picker__menu button:hover{
    translate:0 0;
    scale:1;
    transform:none;
    box-shadow:none;
  }

  .topbar .nav-dropdown-arrow.w-embed,
  .topbar .language-picker__trigger > .language-picker__chevron{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 1rem;
    width:1rem;
    height:.5rem;
    overflow:visible;
    transform-origin:50% 50%;
    transform-style:preserve-3d;
    transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transition:transform .3s var(--trustly-dropdown-ease);
    will-change:transform;
  }
  .topbar .nav-dropdown-arrow.w-embed > svg,
  .topbar .language-picker__trigger > .language-picker__chevron > svg{
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
  }
  .topbar .has-sub:hover > .nav__parent .nav-dropdown-arrow.w-embed,
  .topbar .has-sub:focus-within > .nav__parent .nav-dropdown-arrow.w-embed,
  .topbar .nav__parent[aria-expanded="true"] .nav-dropdown-arrow.w-embed,
  .language-picker:hover .language-picker__trigger > .language-picker__chevron,
  .language-picker:focus-within .language-picker__trigger > .language-picker__chevron,
  .language-picker__trigger[aria-expanded="true"] > .language-picker__chevron{
    transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(180deg) rotateY(0deg) rotateZ(0deg);
  }

  .topbar .sub,
  .topbar .language-picker__menu{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s var(--trustly-dropdown-ease),transform .3s var(--trustly-dropdown-ease),visibility 0s linear .3s;
  }
  .topbar .sub{transform:translateY(2rem);}
  .language-picker__menu{transform:translateY(2rem);}
  .topbar .has-sub:hover .sub,
  .topbar .has-sub:focus-within .sub,
  .topbar .has-sub.is-open .sub,
  .language-picker.is-open .language-picker__menu,
  .language-picker__trigger[aria-expanded="true"] + .language-picker__menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
  .topbar .has-sub:hover .sub,
  .topbar .has-sub:focus-within .sub,
  .topbar .has-sub.is-open .sub{transform:translateY(0);}
  .language-picker.is-open .language-picker__menu,
  .language-picker__trigger[aria-expanded="true"] + .language-picker__menu{transform:translateY(0);}

  .topbar .language-picker__trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.25rem;
  }
  .topbar .language-picker__trigger .language-flag{
    align-self:center;
    justify-self:center;
    margin-inline:0;
    translate:0 0;
    transform:none;
  }
  .topbar .language-picker__trigger:hover .language-flag,
  .topbar .language-picker__trigger[aria-expanded="true"] .language-flag{translate:0 0;transform:none;}

  /* The two menus share one white surface and one backdrop treatment. */
  .topbar .sub,
  .topbar .language-picker__menu{
    border-color:rgba(20,26,25,.12);
    background:var(--paper);
    box-shadow:0 1.25rem 2.25rem rgba(7,7,7,.12);
  }
  .nav-backdrop{
    background:rgba(7,25,19,.14);
    -webkit-backdrop-filter:blur(.75rem);
    backdrop-filter:blur(.75rem);
    transition:opacity .25s ease,visibility 0s linear .25s;
  }
}
@media (prefers-reduced-motion:reduce){
  .topbar .nav-dropdown-arrow.w-embed,
  .topbar .language-picker__trigger > .language-picker__chevron,
  .topbar .sub,
  .topbar .language-picker__menu,
  .nav-backdrop{transition:none;}
}

/* Desktop navigation uses the same fluid unit as the reference site.  The
   controls keep their natural content width while their type and bar height
   interpolate with the viewport and still honour browser text zoom. */
@media (min-width:981px) and (hover:hover){
  .topbar{
    --trustly-nav-unit:clamp(.84375rem,calc(.587238rem + .41841vw),.963806rem);
    --trustly-nav-text-s:clamp(.738281rem,calc(.513833rem + .366109vw),.84333rem);
    --trustly-nav-label-s:clamp(.632813rem,calc(.440429rem + .313808vw),.722855rem);
    --trustly-nav-space-quarter:clamp(.210938rem,calc(.14681rem + .104603vw),.240952rem);
    --trustly-nav-space-half:clamp(.421875rem,calc(.293619rem + .209205vw),.481903rem);
    --trustly-nav-space-threequarters:clamp(.632813rem,calc(.440429rem + .313808vw),.722855rem);
    --trustly-nav-control-height:clamp(1.803516rem,calc(1.255221rem + .894351vw),2.060136rem);
    --trustly-nav-action-height:clamp(2.225391rem,calc(1.54884rem + 1.103556vw),2.542039rem);
    --trustly-nav-bar-height:clamp(3.912891rem,calc(2.723316rem + 1.940376vw),4.469651rem);
  }
  .topbar,
  .topbar.is-scrolled{
    --topbar-h:var(--trustly-nav-bar-height);
    height:auto;
    min-height:var(--trustly-nav-bar-height);
    padding-block:0;
  }
  .topbar__inner{
    height:auto;
    min-height:var(--trustly-nav-bar-height);
    gap:var(--trustly-nav-space-threequarters);
  }
  .topbar .nav__parent{
    box-sizing:border-box;
    min-height:0;
    padding:var(--trustly-nav-space-half) var(--trustly-nav-space-threequarters);
    gap:var(--trustly-nav-space-half);
    font-size:var(--trustly-nav-text-s);
    line-height:1.3;
    font-weight:var(--trustly-medium-weight);
    white-space:nowrap;
    flex:0 0 auto;
  }
  .topbar .nav__parent .nav-dropdown-arrow,
  .topbar .language-picker__trigger > .language-picker__chevron{
    flex-basis:var(--trustly-nav-unit);
    width:var(--trustly-nav-unit);
    height:var(--trustly-nav-space-half);
  }
  .topbar .language-picker__trigger{
    box-sizing:border-box;
    width:auto;
    min-width:0;
    height:auto;
    min-height:var(--trustly-nav-action-height);
    padding:var(--trustly-nav-space-half) var(--trustly-nav-space-threequarters);
    gap:var(--trustly-nav-space-quarter);
    font-size:var(--trustly-nav-text-s);
    line-height:1.3;
    font-weight:var(--trustly-medium-weight);
  }
  .header-escrow,
  .header-login,
  .header-contact{
    box-sizing:border-box;
    min-height:var(--trustly-nav-action-height);
    height:auto;
    padding:var(--trustly-nav-space-half) var(--trustly-nav-space-threequarters);
    font-size:var(--trustly-nav-text-s);
    line-height:1.3;
    font-weight:var(--trustly-medium-weight);
  }
  .header-escrow__icon,
  .header-contact .header-escrow__icon{
    flex-basis:var(--trustly-nav-unit);
    width:var(--trustly-nav-unit);
    height:var(--trustly-nav-unit);
    margin-left:var(--trustly-nav-space-half);
  }
  .topbar .sub a strong,
  .language-picker__menu button{
    font-size:var(--trustly-nav-text-s);
    line-height:1.3;
    font-weight:var(--trustly-medium-weight);
  }
  .topbar .sub a span{
    font-size:var(--trustly-nav-label-s);
    line-height:1.5;
  }

  /* The reference menu surface is a quiet gray container.  Cards and menu
     items stay white/transparent respectively so both dropdowns share the
     same hierarchy without altering their existing layout. */
  .topbar .sub,
  .language-picker__menu{
    background:#f8f9fa;
    border-color:transparent;
    box-shadow:none;
  }
  .topbar .sub a{
    background:#fff;
    border-color:rgba(7,7,7,.06);
    box-shadow:none;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease;
  }
  .topbar .sub a:hover,
  .topbar .sub a:focus-visible{
    background:#fff;
    border-color:rgba(7,7,7,.12);
  }
  .language-picker__menu{
    padding:var(--trustly-nav-space-half);
    border-radius:var(--trustly-nav-space-half);
  }
  .language-picker__menu button{
    min-height:var(--trustly-nav-control-height);
    padding:var(--trustly-nav-space-half) var(--trustly-nav-space-threequarters);
    gap:var(--trustly-nav-space-half);
    border-radius:var(--trustly-nav-space-half);
    background:transparent;
    color:var(--ink);
    transition:background-color .2s ease,color .2s ease;
  }
  .language-picker__menu button:hover,
  .language-picker__menu button:focus-visible,
  .language-picker__menu button[aria-checked="true"]{
    background:#fff;
    color:var(--ink);
    box-shadow:none;
  }
}

/* Keep typography on the same fluid desktop scale as the reference site.
   Existing rem-based type now follows the browser viewport while the mobile
   experience remains at the accessible 16px base size. */
html{font-size:16px;}
@media screen and (min-width:992px) and (max-width:1440px){
  html{font-size:calc(.587238rem + .41841vw);}
}
@media screen and (min-width:1441px) and (max-width:1920px){
  html{font-size:calc(.812695rem + .208117vw);}
}
@media screen and (min-width:1921px){
  html{font-size:calc(.625rem + .416667vw);}
}

/* The hover scrim begins just below the navigation.  This restores the
   original soft background blur without softening the navigation itself. */
@media (min-width:981px) and (hover:hover){
  :root{--nav-hover-scrim-top:clamp(3.912891rem,calc(2.723316rem + 1.940376vw),4.469651rem);}
  .nav-backdrop{
    inset:calc(var(--nav-hover-scrim-top) + 1.666667px) 0 0;
    background:rgba(7,25,19,.14);
    -webkit-backdrop-filter:blur(.75rem);
    backdrop-filter:blur(.75rem);
  }
}

/* Give the compact desktop header a little more reading size while it
   approaches the mobile breakpoint.  The adjustment fades out by 1100px,
   and tighter empty space keeps every existing control on one line. */
@media (min-width:981px) and (max-width:1100px) and (hover:hover){
  .topbar{
    --trustly-nav-text-s:calc(clamp(.738281rem,calc(.513833rem + .366109vw),.84333rem) + clamp(0px,calc(4.4px - .4vw),.5px));
    --trustly-nav-label-s:calc(clamp(.632813rem,calc(.440429rem + .313808vw),.722855rem) + clamp(0px,calc(2.2px - .2vw),.25px));
  }
  .topbar__inner{gap:8px;}
  .topbar .nav__list{gap:0;}
  .topbar .nav__parent{padding-inline:8px;}
  .header-actions{gap:6px;}
  .header-escrow,
  .header-login,
  .header-contact{padding-inline:7px;}
}

/* Header actions use the site's primary green. */
.header-login{
  border-color:#00D16A;
  background:#00D16A;
  color:#071B14;
}
.header-login:hover,
.header-login:focus-visible{
  border-color:#00D16A;
  background:#00D16A;
  color:#071B14;
}

/* H1 remains a single, predictable scale across page templates. */
h1,
.hero h1,
.page-head h1{font-size:4.5rem;}

/* START: homepage-banner-button-system */
/* Keep every page action aligned with the homepage banner's two button roles. */
.btn{
  border-radius:10px;
  box-shadow:none;
  font-weight:600;
  letter-spacing:.005em;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.btn:is(.btn--accent,.btn--contact,.btn--primary),
.contact-submit .btn{
  background:#142929;
  border-color:#142929;
  color:#fff;
}
.btn:is(.btn--accent,.btn--contact,.btn--primary):hover,
.contact-submit .btn:hover{
  background:#0b1d1b;
  border-color:#0b1d1b;
  color:#fff;
}
.btn:is(.btn--outline,.btn--outline-light){
  background:transparent;
  border-color:rgba(20,41,41,.72);
  color:#142929;
}
.btn:is(.btn--outline,.btn--outline-light):hover{
  background:rgba(255,255,255,.28);
  border-color:#142929;
  color:#142929;
}
@media (hover:hover){
  .btn:hover{translate:0;transform:none;filter:none;}
}
/* END: homepage-banner-button-system */

/* START: footer-disclosure-order-v5 */
footer.footer .footer__disclosure{
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
footer.footer .footer__disclosure > .footer__disclosure-list{
  display:grid;
  gap:.5rem;
  max-width:none;
  text-align:left;
}
footer.footer .footer__disclosure > .footer__disclosure-list p{
  margin:0;
}
/* END: footer-disclosure-order-v5 */

/* START: shared-footer-email-white-v10 */
footer.footer .footer__contact a,
footer.footer .footer__contact a:visited{color:#fff;}
/* END: shared-footer-email-white-v10 */

footer.footer .footer__contact a:hover,
footer.footer .footer__contact a:focus-visible{color:var(--h-aqua,#00D16A);}

/* Shared navigation toggle icons use Lucide Menu/X paths (ISC license), sized to match the language flag icon. */
.nav-toggle{color:currentColor;}
.nav-toggle__icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-toggle__icon--close{display:none;}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon--menu{display:none;}
.nav-toggle[aria-expanded="true"] .nav-toggle__icon--close{display:block;}
/* Collapsed navigation: consistent primary rows with click-open, full-width submenus. */
@media (max-width:980px){
  .topbar .nav__list{align-items:stretch;gap:0;}
  .topbar .nav__list>li{display:block;width:100%;min-width:0;}
  .topbar .nav__list>li>.nav__parent{
    box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
    width:100%;height:52px;min-height:52px;padding:0 14px;line-height:1.25;
    white-space:nowrap;text-align:left;border-radius:12px;
  }
  .topbar .nav__list>li>a.nav__parent{justify-content:flex-start;}
  .topbar .nav__list>li>.sub{
    position:static;inset:auto;display:none;width:100%;min-width:0;max-width:100%;
    grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);
    flex-direction:column;align-items:stretch;gap:6px;box-sizing:border-box;
    margin:0;padding:4px 0 10px;border:0;border-radius:0;box-shadow:none;
    background:transparent;overflow:visible;
  }
  .topbar .nav__list>li.is-open>.sub{display:flex;}
  .topbar .nav__list>li>.sub::before{display:none;}
  .topbar .nav__list>li>.sub>a{
    box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
    width:100%;min-width:0;padding:12px 14px;border:0;border-radius:8px;
    text-align:left;white-space:normal;
  }
  .topbar .nav__list>li>.sub>a .sub__copy{text-align:left;min-width:0;}
}

/* Responsive menu alignment: expanded second-level surface matches the menu panel,
   while its links retain the same inset as the first-level labels. */
@media (max-width:980px){
  .topbar .nav__list>li>.sub{
    align-self:stretch;
    width:calc(100% + var(--gutter, 1rem) + var(--gutter, 1rem));
    max-width:none;
    margin-left:calc(0px - var(--gutter, 1rem));
    margin-right:calc(0px - var(--gutter, 1rem));
    padding-right:var(--gutter, 1rem);
    padding-left:var(--gutter, 1rem);
  }
  .topbar .nav__parent .nav-dropdown-arrow.w-embed{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 1rem;
    width:1rem;
    height:.5rem;
    margin-left:auto;
    vertical-align:middle;
    transition:none!important;
  }
  .topbar .nav__parent .nav-dropdown-arrow.w-embed>svg{
    display:block;
    width:100%;
    height:100%;
  }
}
/* START: collapsed-navigation-default-hover-and-click-arrow-v1 */
@media (max-width:980px){
  .topbar .nav__list{gap:5px!important;}
  .topbar .nav__list>li.has-sub:not(.is-open)>.sub{display:none!important;}
  .topbar .nav__list>li.has-sub.is-open>.sub{display:grid!important;}
  .topbar .nav__list>li>.nav__parent,
  .topbar .nav__list>li>.nav__parent:hover,
  .topbar .nav__list>li>.nav__parent[aria-expanded="true"]{
    border-radius:8px!important;
  }
  .topbar .nav__list>li>.nav__parent:not(:hover):not([aria-expanded="true"]){background:#121722!important;}
  .topbar.is-scrolled .nav__list>li>.nav__parent:not(:hover):not([aria-expanded="true"]){background:rgba(255,255,255,.12)!important;}
  .topbar .nav__list>li.is-open>.nav__parent[aria-expanded="true"]{background:#f8f9fa!important;color:#070707!important;}
  .topbar .nav__list>li>.nav__parent .nav-dropdown-arrow.w-embed{transform:none!important;}
  .topbar .nav__list>li>.nav__parent[aria-expanded="true"] .nav-dropdown-arrow.w-embed{transform:rotateX(180deg)!important;}
}
/* END: collapsed-navigation-default-hover-and-click-arrow-v1 */


/* START: collapsed-navigation-white-icon-gray-hover-green-open-v1 */
@media(max-width:980px){
  .topbar .nav-toggle{color:#fff!important;}
  .topbar .nav__list>li:not(.is-open)>.nav__parent:not([aria-expanded="true"]):hover,
  .topbar .nav__list>li:not(.is-open):hover>.nav__parent:not([aria-expanded="true"]){
    background:#f8f9fa!important;
    color:#070707!important;
  }
  .topbar .nav__list>li>.nav__parent:active,
  .topbar .nav__list>li.is-open>.nav__parent[aria-expanded="true"],
  .topbar .nav__list>li>.nav__parent[aria-expanded="true"]{
    background:#f8f9fa!important;
    color:#fff!important;
  }
  .topbar .nav__list>li>.nav__parent[aria-expanded="true"] .nav-dropdown-arrow.w-embed,
  .topbar .nav__list>li>.nav__parent[aria-expanded="true"] .nav-dropdown-arrow.w-embed>svg{
    color:#fff!important;
  }
}
/* END: collapsed-navigation-white-icon-gray-hover-green-open-v1 */
/* START: collapsed-navigation-light-submenu-v1 */
@media(max-width:1399.98px){
  .home-v2 .topbar .nav__list>li.is-open>.sub{background:#f8f9fa!important;}
}
@media(max-width:980px){
  .topbar .nav__list>li.is-open>.sub{background:#f8f9fa!important;}
}
/* END: collapsed-navigation-light-submenu-v1 */

/* Main content uses the same responsive measure as the Explore page. */
body main {
  --site-content-max: 1440px;
  --site-content-gutter: clamp(20px, 3.2vw, 56px);
}

body main .container {
  box-sizing: border-box;
  width: min(var(--site-content-max), calc(100% - 2 * var(--site-content-gutter))) !important;
  max-width: none !important;
  min-width: 0;
  margin-inline: auto;
}

@media (min-width: 1720px) {
  body main { --site-content-gutter: clamp(56px, 5vw, 96px); }
}

@media (max-width: 1180px) {
  body main { --site-content-gutter: 24px; }
}

@media (max-width: 680px) {
  body main { --site-content-gutter: 15px; }
}

@media (max-width: 420px) {
  body main { --site-content-gutter: 12px; }
}

/* Keep footer navigation in two columns throughout phone widths. */
@media (max-width: 680px) {
  footer.footer .footer__grid {
    display: grid!important;
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
  footer.footer .footer__grid > * {
    grid-column: auto!important;
  }
  footer.footer .footer__grid > .footer__brand,
  footer.footer.home-footer .footer__grid > .footer__contact-column {
    grid-column: 1 / -1!important;
  }
}
/* Prevent document-level horizontal scrolling at every viewport width. */
html,
body {
  overflow-x:clip!important;
}