/* Homepage reference sections only. Shared pages and the hero/steps stay unchanged. */
.home-v2 main .visibility{border-top:0;padding-block:120px;background:#061c18;color:#fff;}
.home-v2 .visibility .media-split__grid{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:clamp(52px,6vw,96px);align-items:center;}
.home-v2 .visibility .media-split__media{grid-column:2;grid-row:1;aspect-ratio:4/3;border:1px solid rgba(0,209,106,.2);border-radius:24px;overflow:hidden;min-height:0;width:100%;max-width:none;justify-self:stretch;background:#0b2a24;}
.home-v2 .visibility .content-photo{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;}
.home-v2 .visibility .media-split__copy{position:static;grid-column:1;grid-row:1;z-index:auto;box-sizing:border-box;height:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.home-v2 main .visibility .section-head{margin:0 0 20px;max-width:none;}
.home-v2 main .visibility .section-head h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.18;letter-spacing:-.035em;color:#fff;}
.home-v2 main .visibility .section-head p{font-size:0.9375rem;line-height:1.65;color:rgba(255,255,255,.72);}
.home-v2 .visibility__lead{font-size:0.875rem;margin:20px 0 10px;color:#fff;}
.home-v2 .visibility__list{gap:8px;}
.home-v2 .visibility__list li{border:0;padding:4px 0;font-size:0.875rem;line-height:1.6;gap:12px;color:rgba(255,255,255,.9);}
.home-v2 .visibility__icon{width:28px;height:28px;flex:0 0 28px;background:var(--h-aqua);color:var(--h-ink);border-radius:50%;}
.home-v2 main .section.bg-mist.capability-cards{border-top:0;background:var(--h-paper);color:var(--h-ink);}
.home-v2 main .capability-cards .section-head{max-width:none;margin-bottom:72px;}
.home-v2 main .capability-cards .section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;color:var(--h-ink);}
.home-v2 main .capability-cards .section-head p{color:var(--h-ink-3);}
.home-v2 .capability-cards .grid{gap:24px;}
.home-v2 main .section.capability-cards .grid>.card{background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;transform:none;translate:none;}
.home-v2 .capability-photo{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;margin-bottom:18px;background:#163e35;}
.home-v2 .capability-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .4s;}
.home-v2 .capability-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(0,105,73,.25),transparent 75%);pointer-events:none;}
.home-v2 .capability-cards .capability-photo img[src$=".svg"]{filter:none;}
.home-v2 .capability-cards .capability-photo:has(img[src$=".svg"])::after{display:none;}
.home-v2 .capability-more{position:absolute;right:15px;bottom:15px;z-index:1;display:grid;place-items:center;width:38px;height:38px;background:var(--h-aqua);color:#07100e;border-radius:50%;font-size:1.75rem;line-height:1;text-decoration:none;}
.home-v2 .capability-more:hover{background:#fff;}
.home-v2 .capability-photo:hover img{transform:scale(1.04);}
.home-v2 main .section.capability-cards .card h3{font-size:1.4375rem;line-height:1.3;margin:0 0 12px;color:var(--h-ink);}
.home-v2 main .section.capability-cards .card p{font-size:1.0rem;line-height:1.6;color:var(--h-ink-3);}
.home-v2 main .trust-cards{--trust-bg:#f8f9fa;border:0;background:var(--trust-bg);color:var(--h-ink);padding-block:clamp(82px,8vw,120px);}
.home-v2 main .trust-cards>.container{border-top:0;padding-top:0;}
.home-v2 main .trust-cards .section-head{max-width:860px;margin-bottom:64px;}
.home-v2 main .trust-cards .section-head h2{color:var(--h-ink);}
.home-v2 main .trust-cards .section-head p{color:var(--h-ink-3);}
.home-v2 .trust-panels{display:grid;grid-template-columns:1fr;gap:0;min-height:0;border-radius:0;overflow:hidden;background:var(--trust-bg);}
.home-v2 main .section.trust-cards .grid>.trust-panel.card{position:relative;isolation:isolate;display:grid;grid-template-columns:38.5% 61.5%;align-items:stretch;gap:0;min-width:0;min-height:clamp(176px,14vw,210px);padding:0;border:0;border-top:1px solid rgba(20,41,41,.14);border-radius:0;box-shadow:none;overflow:hidden;transform:none;translate:none;background:var(--trust-bg);color:var(--h-ink);transition:background-color .2s ease;}
.home-v2 main .section.trust-cards .grid>.trust-panel.card:last-child{border-bottom:1px solid rgba(20,41,41,.14);}
.home-v2 main .section.trust-cards .grid>.trust-panel.card:not(.is-active):hover{background:#e9ece7;}
.home-v2 main .section.trust-cards .grid>.trust-panel.card.is-active{background:var(--h-aqua);}
.home-v2 main .section.trust-cards .grid>.trust-panel.card.is-active::before{display:none;}
.home-v2 .trust-panel__trigger{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:28px;border:0;border-radius:0;background:none;color:#84908a;cursor:pointer;text-align:left;overflow:hidden;}
.home-v2 .trust-panel__trigger:focus-visible{outline:2px solid var(--h-aqua);outline-offset:-4px;}
.home-v2 .trust-panel__trigger span{display:block;font-family:Arial,sans-serif;font-size:clamp(3.625rem,5vw,5.125rem);font-weight:300;line-height:1;letter-spacing:-.055em;transform:none;}
.home-v2 .trust-panel__trigger span::before{content:"0";}
.home-v2 .trust-panel.is-active .trust-panel__trigger{width:100%;color:var(--h-ink);}
.home-v2 .trust-panel__copy{position:relative;z-index:1;display:flex;min-width:0;padding:32px clamp(38px,5vw,76px) 32px 0;flex-direction:column;justify-content:center;}
.home-v2 main .trust-cards .trust-panel__copy h3{font-size:clamp(1.5rem,2vw,2rem);font-weight:500;color:var(--h-ink);line-height:1.25;margin:0 0 14px;}
.home-v2 main .trust-cards .trust-panel__copy p{max-width:72ch;font-size:0.9375rem;line-height:1.55;color:var(--h-ink-3);}
.home-v2 main .trust-cards .trust-panel.is-active .trust-panel__copy h3{color:var(--h-ink);}
.home-v2 main .trust-cards .trust-panel.is-active .trust-panel__copy p{color:var(--h-ink-2);}
.home-v2 main .section.bg-navy.chain-split{background:#141414;padding-block:70px;}
.home-v2 .chain-split__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(48px,9vw,150px);align-items:start;}
.home-v2 main .chain-split .section-head h2{color:var(--h-aqua);font-size:clamp(1.75rem,2.5vw,2.375rem);line-height:1.3;font-weight:500;}
.home-v2 main .chain-split .section-head p{font-size:1.0rem;line-height:1.7;color:#a5adab;}
.home-v2 .chain-split__features{gap:24px;}
.home-v2 .chain-split__features .feature{display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:34px 24px;background:#050706;border:0;border-radius:0;}
.home-v2 .chain-split__features .feature .icon{width:42px;height:42px;padding:0;margin:0 0 28px;border:0;border-radius:0;background:none;color:#fff;}
.home-v2 .chain-split__features .feature .icon svg{width:36px;height:36px;}
.home-v2 main .chain-split__features .feature h3{font-size:1.5rem;font-weight:400;line-height:1.4;margin-bottom:16px;}
.home-v2 main .chain-split__features .feature p{font-size:0.9375rem;line-height:1.5;color:#9ca6a2;}
.home-v2 main .payment-cards .section-head{max-width:960px;text-align:center;margin:0 auto 90px;}
.home-v2 main .payment-cards .section-head p{margin-inline:auto;}
.home-v2 .payment-cards .grid{gap:28px;}
.home-v2 main .section.payment-cards .grid>.card{position:relative;display:flex;flex-direction:column;min-height:510px;padding:32px 28px;border:0;border-radius:28px;overflow:hidden;background:#edf3ef;box-shadow:none;transform:none;translate:none;}
.home-v2 main .section.payment-cards .grid>.card:first-child{background:#03251c;color:white;}
.home-v2 main .section.payment-cards .grid>.card:last-child{background:#070a08;color:white;}
.home-v2 main .payment-cards .card h3{font-size:1.8125rem;line-height:1.3;margin:0 0 30px;order:0;}
.home-v2 main .payment-cards .card p{font-size:1.1875rem;line-height:1.55;order:1;}
.home-v2 main .payment-cards .card:first-child h3,.home-v2 main .payment-cards .card:last-child h3,.home-v2 main .payment-cards .card:first-child p,.home-v2 main .payment-cards .card:last-child p{color:white;}
.home-v2 main .payment-cards .card .icon{order:3;margin-top:auto;width:70px;height:70px;border:0;border-radius:50%;background:var(--h-aqua);color:#142929;}
.home-v2 .payment-cards .tags{order:2;margin:25px 0;}
.home-v2 .home-footer{position:relative;overflow:hidden;min-height:0;padding:72px 0 28px;background:linear-gradient(112deg,#00A85A 0%,#007B4B 20%,#071B19 51%,#0B3D2F 73%,#00D16A 100%);color:#fff;border:0;border-top:1px solid rgba(255,255,255,.14);}
.home-v2 .footer__wordmark{display:none;}
.home-v2 .home-footer>.container{width:min(100% - 2 * var(--gutter),var(--container));max-width:var(--container);}
.home-v2 .home-footer .footer__grid{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(180px,.9fr) minmax(160px,.75fr) minmax(260px,1.15fr);column-gap:clamp(36px,4vw,64px);align-items:start;}
.home-v2 .home-footer .footer__brand{display:none;}
.home-v2 .home-footer .footer__sitemap{grid-column:2;}
.home-v2 .home-footer .footer__policies{grid-column:3;}
.home-v2 .home-footer .footer__contact-column{grid-column:4;}
.home-v2 .home-footer .footer__sitemap>h4,.home-v2 .home-footer .footer__policies>h4,.home-v2 .home-footer .footer__contact-column>h4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.home-v2 .home-footer a,.home-v2 .home-footer p,.home-v2 .home-footer dt,.home-v2 .home-footer dd{color:rgba(255,255,255,.88);}
.home-v2 .home-footer .footer__grid ul{display:grid;gap:14px;font-size:0.875rem;line-height:1.4;}
.home-v2 .home-footer .footer__grid li a,.home-v2 .home-footer .footer__legal a{display:inline-flex;position:relative;font-size:0.875rem;color:#fff;text-decoration:none;translate:none;transition:color .2s ease,transform .2s ease;}
.home-v2 .home-footer .footer__contact{display:grid;gap:28px;margin:0;font-size:0.875rem;line-height:1.45;}
.home-v2 .home-footer .footer__contact>div{display:grid;gap:5px;}
.home-v2 .home-footer .footer__contact dt{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;border:0;color:rgba(255,255,255,.58);}
.home-v2 .home-footer .footer__contact dt::after{content:"";}
.home-v2 .home-footer .footer__contact dd{margin:0;color:#fff;overflow-wrap:anywhere;}
.home-v2 .home-footer .footer__contact a{display:inline-flex;color:var(--h-aqua);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;translate:none;transition:color .2s ease,transform .2s ease;}
.home-v2 .home-footer .footer__disclosure{display:grid;grid-template-columns:1fr;gap:24px;margin-top:96px;padding-top:0;border:0;font-size:0.75rem;line-height:1.6;color:rgba(255,255,255,.62);}
.home-v2 .home-footer .footer__disclosure>div:first-child{order:2;max-width:780px;}
.home-v2 .home-footer .footer__disclosure>div:last-child{order:1;max-width:560px;text-align:left;}
.home-v2 .home-footer .footer__disclosure p{color:inherit;}
.home-v2 .home-footer a:focus-visible{outline:2px solid var(--h-aqua);outline-offset:4px;}
@media(hover:hover){
 .home-v2 .home-footer .footer__grid li a:hover,.home-v2 .home-footer .footer__legal a:hover{color:var(--h-aqua);translate:none;transform:translateY(-3px);}
 .home-v2 .home-footer .footer__contact a:hover{color:var(--h-aqua,#00D16A);translate:none;transform:translateY(-3px);}
}
@media(max-width:1100px){
 .home-v2 .visibility .media-split__copy{padding:0;}
 .home-v2 .chain-split__grid{gap:40px;grid-template-columns:1fr 1.2fr;}
 .home-v2 .chain-split__features .feature{padding:24px 20px;}
 .home-v2 .home-footer .footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;}
 .home-v2 .home-footer .footer__sitemap,.home-v2 .home-footer .footer__policies,.home-v2 .home-footer .footer__contact-column{grid-column:auto;}
 .home-v2 .trust-panel__copy{padding-right:24px;}
}
@media(max-width:900px){
 .home-v2 .visibility .media-split__grid{grid-template-columns:1fr;gap:42px;}
 .home-v2 .visibility .media-split__copy{grid-column:1;grid-row:1;}
 .home-v2 .visibility .media-split__media{grid-column:1;grid-row:2;width:100%;margin:0;aspect-ratio:4/3;}
}
@media(max-width:760px){
 .home-v2 main .visibility{padding-block:64px;}
 .home-v2 .visibility .media-split__grid{grid-template-columns:1fr;}
 .home-v2 .visibility .media-split__media{grid-column:1;grid-row:2;min-height:0;aspect-ratio:4/3;margin:0;width:100%;}
 .home-v2 .visibility .media-split__copy{grid-column:1;grid-row:1;height:auto;margin:0;padding:0;}
 .home-v2 .capability-cards .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;}
 .home-v2 main .capability-cards .section-head{margin-bottom:36px;}
 .home-v2 main .trust-cards{padding-block:64px;}
 .home-v2 main .trust-cards .section-head{margin-bottom:38px;}
 .home-v2 .trust-panels{display:grid;min-height:0;border-radius:0;}
 .home-v2 main .section.trust-cards .grid>.trust-panel.card{grid-template-columns:84px minmax(0,1fr);min-height:168px;align-items:stretch;}
 .home-v2 .trust-panel__trigger{justify-content:center;align-self:stretch;padding:18px 10px;}
 .home-v2 .trust-panel__trigger span{font-size:2.6875rem;transform:none;}
 .home-v2 .trust-panel.is-active .trust-panel__trigger{width:100%;padding:18px 10px;}
 .home-v2 .trust-panel__copy{padding:25px 20px 25px 0;}
 .home-v2 main .trust-cards .trust-panel__copy h3{font-size:1.375rem;}
 .home-v2 main .trust-cards .trust-panel__copy p{font-size:1.0rem;}
 .home-v2 .chain-split__grid{grid-template-columns:1fr;}
 .home-v2 .chain-split__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
 .home-v2 main .chain-split__features .feature h3{font-size:1.3125rem;}
 .home-v2 .payment-cards .grid{grid-template-columns:1fr;}
 .home-v2 main .payment-cards .section-head{margin-bottom:44px;}
 .home-v2 main .section.payment-cards .grid>.card{min-height:430px;}
 .home-v2 .home-footer>.container{width:calc(100% - 40px);}
 .home-v2 .home-footer{min-height:0;padding:52px 0 24px;}
 .home-v2 .home-footer .footer__grid{grid-template-columns:1fr;gap:0;}
 .home-v2 .home-footer .footer__sitemap,.home-v2 .home-footer .footer__policies,.home-v2 .home-footer .footer__contact-column{grid-column:auto;}
 .home-v2 .home-footer .footer__grid ul{gap:22px;}
 .home-v2 .home-footer .footer__policies{margin-top:22px;}
 .home-v2 .home-footer .footer__contact-column{margin-top:62px;}
 .home-v2 .home-footer .footer__contact{gap:38px;}
 .home-v2 .home-footer .footer__disclosure{grid-template-columns:1fr;gap:30px;margin-top:96px;}
 .home-v2 .home-footer .footer__disclosure>div:last-child{text-align:center;max-width:none;}
}
@media(max-width:420px){
 .home-v2 .capability-cards .grid{grid-template-columns:1fr;}
 .home-v2 .chain-split__features{grid-template-columns:1fr;}
 .home-v2 .chain-split__features .feature{min-height:280px;}
}
@media(prefers-reduced-motion:reduce){.home-v2 .trust-panel,.home-v2 .capability-photo img,.home-v2 .home-footer a{transition:none!important;}}

/* Homepage typography scale follows the supplied Wise-inspired specification. */
.home-v2{
 --type-display-size:5.5rem;--type-display-line:6.125rem;
 --type-h1-size:3.75rem;--type-h1-line:4.5rem;
 --type-h2-size:3rem;--type-h2-line:3.875rem;
 --type-h3-size:2.25rem;--type-h3-line:3rem;
 --type-h4-size:1.5rem;--type-h4-line:2.125rem;
 --type-body-l-size:1.25rem;--type-body-l-line:2rem;
 --type-body-m-size:1.125rem;--type-body-m-line:1.75rem;
 --type-body-s-size:1rem;--type-body-s-line:1.5rem;
 --type-caption-size:.875rem;--type-caption-line:1.375rem;
 --type-nav-size:1rem;--type-nav-line:1.5rem;
 --type-button-size:1rem;--type-button-line:1.5rem;
 --type-label-size:.875rem;--type-label-line:1.25rem;
}
@media(min-width:1920px){
 .home-v2{
  --type-display-size:6rem;--type-display-line:6.625rem;
  --type-h1-size:4rem;--type-h1-line:4.75rem;
  --type-h2-size:3.25rem;--type-h2-line:4.25rem;
  --type-h3-size:2.25rem;--type-h3-line:3rem;
  --type-h4-size:1.625rem;--type-h4-line:2.25rem;
 }
}
@media(min-width:768px) and (max-width:1199.98px){
 .home-v2{
  --type-display-size:4rem;--type-display-line:4.75rem;
  --type-h1-size:3rem;--type-h1-line:3.75rem;
  --type-h2-size:2.5rem;--type-h2-line:3.25rem;
  --type-h3-size:2rem;--type-h3-line:2.75rem;
  --type-h4-size:1.5rem;--type-h4-line:2.125rem;
  --type-body-l-size:1.125rem;--type-body-l-line:1.875rem;
 }
}
@media(max-width:767.98px){
 .home-v2{
  --type-display-size:2.5rem;--type-display-line:3rem;
  --type-h1-size:2.25rem;--type-h1-line:2.875rem;
  --type-h2-size:2rem;--type-h2-line:2.625rem;
  --type-h3-size:1.625rem;--type-h3-line:2.25rem;
  --type-h4-size:1.375rem;--type-h4-line:2rem;
  --type-body-l-size:1.125rem;--type-body-l-line:1.75rem;
  --type-body-m-size:1rem;--type-body-m-line:1.625rem;
  --type-body-s-size:.875rem;--type-body-s-line:1.375rem;
  --type-caption-size:.75rem;--type-caption-line:1.125rem;
  --type-label-size:.75rem;--type-label-line:1.125rem;
 }
}

.home-v2 .hero h1{
 font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:700;
}
.home-v2 main .cta h2{
 font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:700;
}
.home-v2 main .how-steps .section-head h2,
.home-v2 main .section.how-steps.is-pinned .section-head h2,
.home-v2 main .visibility .section-head h2,
.home-v2 main .capability-cards .section-head h2,
.home-v2 main .trust-cards .section-head h2,
.home-v2 main .chain-split .section-head h2,
.home-v2 main .payment-cards .section-head h2{
 font-size:var(--type-h2-size);line-height:var(--type-h2-line);font-weight:600;
}
.home-v2 main .section.how-steps .how-steps__copy h3,
.home-v2 main .trust-cards .trust-panel__copy h3{
 font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:600;
}
.home-v2 main .section.capability-cards .card h3,
.home-v2 main .chain-split__features .feature h3,
.home-v2 main .payment-cards .card h3{
 font-size:var(--type-h4-size);line-height:var(--type-h4-line);font-weight:600;
}
.home-v2 .hero .lead,
.home-v2 main .section-head p,
.home-v2 main .section.how-steps.is-pinned .section-head p,
.home-v2 main .cta p{
 font-size:var(--type-body-l-size);line-height:var(--type-body-l-line);font-weight:400;
}
.home-v2 main .section.how-steps .how-steps__copy p,
.home-v2 main .visibility__list li,
.home-v2 main .section.capability-cards .card p,
.home-v2 main .trust-cards .trust-panel__copy p,
.home-v2 main .chain-split__features .feature p,
.home-v2 main .payment-cards .card p{
 font-size:var(--type-body-m-size);line-height:var(--type-body-m-line);font-weight:400;
}.home-v2 .globe__card li,
.home-v2 .home-footer .footer__tagline,
.home-v2 .home-footer .footer__about,
.home-v2 .home-footer .footer__grid ul,
.home-v2 .home-footer .footer__grid li a,
.home-v2 .home-footer .footer__legal a,
.home-v2 .home-footer .footer__contact{
 font-size:var(--type-body-s-size);line-height:var(--type-body-s-line);font-weight:400;
}.home-v2 .home-footer .footer__disclosure{
 font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:400;
}.home-v2 main .btn,
.home-v2 .how-steps__art-action{
 font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600;
}
.home-v2 main .how-steps .step-num,
.home-v2 main .visibility__lead,
.home-v2 main .tags li,
.home-v2 .globe__card-head,
.home-v2 .home-footer h4{
 font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:600;
}

@media(min-width:1200px){
 .home-v2 .hero__grid{grid-template-columns:minmax(0,1.6fr) minmax(360px,.8fr);}
}
@media(max-width:1199.98px){
 .home-v2 .hero__grid{grid-template-columns:minmax(0,1fr);gap:40px;}
}
.home-v2 main .section.bg-mist.capability-cards{background:#f8f9fa;}

/* Final spacing and header sizing pass. */
.home-v2 main .section.bg-mist{padding-block:120px;}

/* Trustly's nav-dropdown-arrow: the same compact SVG wrapper is used by
   every desktop dropdown, with a 3D flip and a short spring-like entrance. */
@media (min-width:981px) and (hover:hover){.home-v2 .header-escrow__icon{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin-left:7.7105px;}.home-v2 .header-escrow__icon svg{display:block;width:100%;height:100%;}
}

@media (min-width:981px) and (max-width:1365.98px){.home-v2 .header-escrow__icon{margin-left:7.3757px;}
}.home-v2 .header-escrow__icon{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;
 width:18px;height:18px;margin-left:7.7105px;line-height:0;
}.home-v2 .header-escrow__icon svg{display:block;width:100%;height:100%;}

@media (min-width:981px) and (max-width:1365.98px){.home-v2 .header-escrow__icon{margin-left:7.3757px;}
}
@media (max-width:980.98px){.home-v2 .header-escrow__icon{margin-left:7px;}
}

/* Final responsive typography and trust-section alignment. Text dimensions use
   rem/unitless line-height so browser text scaling preserves the visual rhythm. */
.home-v2 main .trust-cards{background:#f8f9fa;}
.home-v2 main .trust-cards .section-head{
 max-width:53.75rem;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}
.home-v2 main .trust-cards .section-head h2,
.home-v2 main .trust-cards .section-head p{margin-left:auto;margin-right:auto;}

/* Keep the explicit section sizes visually identical while allowing rem-based
   scaling when the browser text size changes. */
.home-v2 main .visibility .section-head h2{font-size:clamp(1.75rem,3vw,2.75rem);}
.home-v2 main .capability-cards .section-head h2{font-size:clamp(2rem,4vw,3.5rem);}
.home-v2 .trust-panel__trigger span{font-size:clamp(3.625rem,5vw,5.125rem);}
.home-v2 main .trust-cards .trust-panel__copy h3{font-size:clamp(1.5rem,2vw,2rem);}
.home-v2 main .chain-split .section-head h2{font-size:clamp(1.75rem,2.5vw,2.375rem);}

/* Homepage-specific precedence for the shared fluid Trustly navigation. */
@media (min-width:981px) and (hover:hover){
 .home-v2 .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);
 }
}

/* Apply the requested H1 scale after the homepage-specific type tokens. */
.home-v2 h1,
.home-v2 .hero h1{font-size:4.5rem;}

/* Slightly tighten the homepage's responsive type scale while retaining its
   rem-based browser scaling behavior. */
html:has(body.home-v2){font-size:15.2px;}
@media screen and (min-width:992px) and (max-width:1440px){
 html:has(body.home-v2){font-size:calc(.557876rem + .39749vw);}
}
@media screen and (min-width:1441px) and (max-width:1920px){
 html:has(body.home-v2){font-size:calc(.77206rem + .197711vw);}
}
@media screen and (min-width:1921px){
 html:has(body.home-v2){font-size:calc(.59375rem + .395834vw);}
}

/* Keep clamp-based homepage headings in step with the slightly smaller
   responsive type scale above. */
.home-v2 main .visibility .section-head h2{font-size:clamp(1.6625rem,2.85vw,2.6125rem);}
.home-v2 main .capability-cards .section-head h2{font-size:clamp(1.9rem,3.8vw,3.325rem);}
.home-v2 .trust-panel__trigger span{font-size:clamp(3.44375rem,4.75vw,4.86875rem);}
.home-v2 main .trust-cards .trust-panel__copy h3{font-size:clamp(1.425rem,1.9vw,1.9rem);}
.home-v2 main .chain-split .section-head h2{font-size:clamp(1.6625rem,2.375vw,2.25625rem);}

/* The horizontal step rail keeps the requested 2px green rule and now uses
   numbered waypoints.  The in-card marker follows the compact pill treatment. */
.home-v2 .how-steps__step::after{height:2px;background:#00D16A;}
.home-v2 .how-steps__step::before{
 content:attr(data-step);
 display:grid;
 place-items:center;
 bottom:-8px;
 left:calc(50.75% - 21px);
 width:42px;
 height:42px;
 border-radius:50%;
 background:#00D16A;
 color:#fff;
 font-size:.875rem;
 font-weight:700;
 line-height:1;
 letter-spacing:0;
 font-variant-numeric:tabular-nums;
}
.home-v2 main .how-steps .step-num{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:auto;
 height:auto;
 min-height:2rem;
 margin:0 0 2rem;
 padding:.375rem .875rem;
 border-radius:999px;
 background:#00D16A;
 color:#fff;
 font-size:.875rem;
 font-weight:700;
 line-height:1.125;
 letter-spacing:0;
}
.home-v2 .how-steps__step[data-step="01"]{--step-label:"第一步";}
.home-v2 .how-steps__step[data-step="02"]{--step-label:"第二步";}
.home-v2 .how-steps__step[data-step="03"]{--step-label:"第三步";}
.home-v2 .how-steps .step-num::before{content:var(--step-label);}
html:lang(en) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Step 1";}
html:lang(en) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Step 2";}
html:lang(en) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Step 3";}
html:lang(es) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Paso 1";}
html:lang(es) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Paso 2";}
html:lang(es) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Paso 3";}
html:lang(pt-BR) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Etapa 1";}
html:lang(pt-BR) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Etapa 2";}
html:lang(pt-BR) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Etapa 3";}
html:lang(ja) .home-v2 .how-steps__step[data-step="01"]{--step-label:"ステップ 1";}
html:lang(ja) .home-v2 .how-steps__step[data-step="02"]{--step-label:"ステップ 2";}
html:lang(ja) .home-v2 .how-steps__step[data-step="03"]{--step-label:"ステップ 3";}
html:lang(fr) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Étape 1";}
html:lang(fr) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Étape 2";}
html:lang(fr) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Étape 3";}
html:lang(de) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Schritt 1";}
html:lang(de) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Schritt 2";}
html:lang(de) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Schritt 3";}
html:lang(id) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Langkah 1";}
html:lang(id) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Langkah 2";}
html:lang(id) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Langkah 3";}
html:lang(vi) .home-v2 .how-steps__step[data-step="01"]{--step-label:"Bước 1";}
html:lang(vi) .home-v2 .how-steps__step[data-step="02"]{--step-label:"Bước 2";}
html:lang(vi) .home-v2 .how-steps__step[data-step="03"]{--step-label:"Bước 3";}
@media(max-width:760px),(max-height:620px),(prefers-reduced-motion:reduce){
 .home-v2 .how-steps__step::before,.home-v2 .how-steps__step::after{display:none;}
}

/* Let each horizontal step size itself to its own content instead of stretching
   to the tallest neighbouring slide. */
.home-v2 .how-steps__track{align-items:flex-start;}
.home-v2 main .section.how-steps .grid>.how-steps__step.card{
 height:auto;
 min-height:0;
 align-self:flex-start;
}

/* The visibility lead deliberately reads as an introduction, above each checklist line. */
.home-v2 main .visibility__lead{
 font-size:var(--type-body-l-size);
 line-height:var(--type-body-l-line);
 font-weight:600;
}

/* Keep the numbered rail inside the pinned viewport rather than clipping its lower edge. */
.home-v2 .how-steps.is-pinned .how-steps__viewport{padding:.75rem 0 1.25rem;}

/* The checklist uses the same supporting-text scale as the paragraph above it. */
.home-v2 main .visibility__list li{font-size:.9375rem;line-height:1.65;}

/* Final alignment pass: keep the trust surface, section headings, and feature
   cards coherent without changing the surrounding section structure. */
.home-v2 main .trust-cards > .container{background:#f8f9fa;}
.home-v2 main .section-head{
 text-align:center;
 margin-inline:auto;
}
.home-v2 main .section-head h2,
.home-v2 main .section-head p{margin-inline:auto;}

/* The payment section is the shared H2 reference across the homepage. */
.home-v2 main h2{
 font-size:var(--type-h2-size)!important;
 line-height:var(--type-h2-line)!important;
}

.home-v2 main .section.trust-cards .grid > .trust-panel.card.is-active{
 border-radius:1rem;
 z-index:1;
}

/* Feature cards begin from their top edge so rows retain a consistent rhythm. */
.home-v2 .chain-split__features .feature{justify-content:flex-start;}

/* Footer navigation follows the header's information architecture, with one
   visible column per group at desktop width. */
.home-v2 .home-footer .footer__grid{
 grid-template-columns:repeat(5,minmax(0,1fr));
 column-gap:clamp(24px,3vw,48px);
 row-gap:2.25rem;
}
.home-v2 .home-footer .footer__sitemap,
.home-v2 .home-footer .footer__policies,
.home-v2 .home-footer .footer__contact-column{grid-column:auto;}
.home-v2 .home-footer .footer__sitemap>h4,
.home-v2 .home-footer .footer__policies>h4,
.home-v2 .home-footer .footer__contact-column>h4{
 position:static;
 width:auto;
 height:auto;
 padding:0;
 margin:0 0 1rem;
 overflow:visible;
 clip:auto;
 white-space:normal;
 border:0;
 color:#fff;
 font-size:var(--type-body-s-size);
 line-height:var(--type-body-s-line);
 font-weight:600;
}
@media(max-width:1100px){
 .home-v2 .home-footer .footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:680px){
 .home-v2 .home-footer .footer__grid{grid-template-columns:1fr;gap:2rem;}
 .home-v2 .home-footer .footer__policies,
 .home-v2 .home-footer .footer__contact-column{margin-top:0;}
}

/* Only the visibility introduction is left aligned. */
.home-v2 main .visibility .section-head{
 text-align:left;
 margin-inline:0;
}
.home-v2 main .visibility .section-head h2,
.home-v2 main .visibility .section-head p{margin-inline:0;}

/* The trust heading and four-card area sit on the requested mist surface. */
.home-v2 main .trust-cards .section-head,
.home-v2 main .trust-cards .grid.grid--4.trust-panels{background:#f8f9fa;}

/* The chain introduction is deliberately independent from globally centred
   section heads, and feature descriptions share its text rhythm. */
.home-v2 main .chain-split{
 --chain-copy-size:1rem;
 --chain-copy-line:1.7;
}
.home-v2 main .chain-split .section-head{
 text-align:left;
 margin-inline:0;
}
.home-v2 main .chain-split .section-head h2,
.home-v2 main .chain-split .section-head p{margin-inline:0;}
.home-v2 main .chain-split .section-head p,
.home-v2 main .chain-split__features .feature p{
 font-size:var(--chain-copy-size);
 line-height:var(--chain-copy-line);
}

/* Let each step copy grow solely with its own translated content. */
.home-v2 .how-steps__copy{min-height:0;}

/* Centre the legal disclosure and restore the subtle clipped footer wordmark. */
.home-v2 .home-footer{
 padding-bottom:clamp(10rem,17vw,14rem);
}
.home-v2 .home-footer>.container{
 position:relative;
 z-index:1;
}
.home-v2 .home-footer .footer__disclosure{
 justify-items:center;
 text-align:center;
}
.home-v2 .home-footer .footer__disclosure>div:first-child,
.home-v2 .home-footer .footer__disclosure>div:last-child{
 max-width:780px;
 margin-inline:auto;
 text-align:center;
}
.home-v2 .home-footer .footer__wordmark{
 display:block;
 position:absolute;
 z-index:0;
 left:50%;
 bottom:0;
 width:max-content;
 margin:0;
 color:#fff;
 opacity:.12;
 font-size:clamp(20rem,45vw,40rem);
 font-weight:800;
 line-height:.78;
 letter-spacing:-.1em;
 white-space:nowrap;
 pointer-events:none;
 user-select:none;
 transform:translate(-50%,47%);
}
@media(max-width:680px){
 .home-v2 .home-footer{padding-bottom:8rem;}
 .home-v2 .home-footer .footer__wordmark{font-size:clamp(12rem,58vw,25rem);}
}

/* The two chain panels carry equal visual weight on desktop. */
@media(min-width:961px){
 .home-v2 .chain-split__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Keep the same 33% wordmark reveal while bringing it closer to the text. */
@media(min-width:681px){
 .home-v2 .home-footer{padding-bottom:clamp(7.5rem,13vw,11rem);}
}

/* Final type and menu refinement: preserve the responsive scale while using a
   slightly more compact vertical rhythm throughout the homepage. */
.home-v2{
 --type-display-line:5.875rem;
 --type-h1-line:4.25rem;
 --type-h2-line:3.625rem;
 --type-h3-line:2.75rem;
 --type-h4-line:2rem;
 --type-body-l-line:1.875rem;
 --type-body-m-line:1.625rem;
 --type-body-s-line:1.375rem;
 --type-caption-line:1.25rem;
 --type-nav-line:1.375rem;
 --type-button-line:1.375rem;
 --type-label-line:1.125rem;
}
@media(min-width:1920px){
 .home-v2{
  --type-display-line:6.375rem;
  --type-h1-line:4.5rem;
  --type-h2-line:4rem;
  --type-h3-line:2.75rem;
  --type-h4-line:2.125rem;
 }
}
@media(min-width:768px) and (max-width:1199.98px){
 .home-v2{
  --type-display-line:4.5rem;
  --type-h1-line:3.5rem;
  --type-h2-line:3rem;
  --type-h3-line:2.5rem;
  --type-h4-line:2rem;
  --type-body-l-line:1.75rem;
 }
}
@media(max-width:767.98px){
 .home-v2{
  --type-display-line:2.75rem;
  --type-h1-line:2.625rem;
  --type-h2-line:2.375rem;
  --type-h3-line:2rem;
  --type-h4-line:1.875rem;
  --type-body-l-line:1.625rem;
  --type-body-m-line:1.5rem;
  --type-body-s-line:1.25rem;
  --type-caption-line:1rem;
  --type-label-line:1rem;
 }
}

/* Section heads use the requested shared content measure.  Left-aligned
   sections retain their existing alignment rules above. */
.home-v2 main .section-head{
 max-width:none;
}

/* The in-card step label follows the dark-text treatment from the reference. */
.home-v2 main .how-steps .step-num{
 color:#071B14;
 line-height:1;
}.home-v2 main .btn{line-height:1.25;}
.home-v2 main .chain-split{--chain-copy-line:1.6;}

/* Button feedback stays tactile but quiet across the homepage. */
.home-v2 button,
.home-v2 .btn,
.home-v2 .capability-more{
 transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,translate .22s ease,opacity .22s ease;
}
@media (hover:hover){.home-v2 main .btn:hover,
.home-v2 .capability-more:hover{
  transform:translateY(-1px);
  translate:0 0;
  box-shadow:0 .5rem 1.25rem rgba(7,27,20,.08);
 }
}

/* Give the capability lead-in more breathing room without changing its lower rhythm. */
.home-v2 main .section.bg-mist.capability-cards{padding-top:clamp(6.5rem,8vw,9rem);}
@media (max-width:900px){
 .home-v2 main .section.bg-mist.capability-cards{padding-top:clamp(5rem,11vw,6.5rem);}
}

/* The fourth trust row ends without an additional closing rule. */
.home-v2 main .section.trust-cards .grid > .trust-panel.card:last-child{border-bottom:0;}

/* Feature cards share the homepage's settled card radius. */
.home-v2 .chain-split__features .feature{border-radius:1rem;overflow:hidden;}.home-v2 main .btn,
.home-v2 .capability-more{
 transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,translate .22s ease,opacity .22s ease;
}

/* Trust, footer and header refinements keep the homepage on one visual system. */
.home-v2 main .trust-cards > .container{background:#f8f9fa;}
.home-v2 main .section.trust-cards .grid > .trust-panel.card{
 transition:background-color .38s cubic-bezier(.22,.61,.36,1),color .38s cubic-bezier(.22,.61,.36,1);
}
.home-v2 main .section.trust-cards .grid > .trust-panel.card.is-active{z-index:1;}

/* Use the exact main-content measure for the footer as well. */
.home-v2 .home-footer > .container{
 --home-content-max:1440px;
 --home-content-gutter:clamp(20px,3.2vw,56px);
 width:min(var(--home-content-max),calc(100% - 2 * var(--home-content-gutter)));
 max-width:none;
 margin-inline:auto;
 padding-inline:0;
}
@media(min-width:1720px){
 .home-v2 .home-footer > .container{--home-content-gutter:clamp(56px,5vw,96px);}
}
@media(max-width:1180px){
 .home-v2 .home-footer > .container{--home-content-gutter:24px;}
}
@media(max-width:680px){
 .home-v2 .home-footer > .container{--home-content-gutter:15px;}
}

/* Inactive trust panels receive the same softened corners when hovered. */
@media(hover:hover){
 .home-v2 main .section.trust-cards .grid > .trust-panel.card:not(.is-active):hover{
  border-radius:1rem;
  border-top-color:transparent;
 }
}

/* A hovered trust row keeps its rounded surface but merges directly into the next row. */
@media(hover:hover){
 .home-v2 main .section.trust-cards .grid > .trust-panel.card:not(.is-active):hover + .trust-panel.card{
  border-top-color:transparent;
 }
}

/* The disclosure area now begins with a quiet full-width separator. */
.home-v2 .home-footer .footer__disclosure{
 border-top:1px solid rgba(255,255,255,.24);
 padding-top:1.5rem;
}

/* The final step ends the rail cleanly instead of extending a line beyond it. */
.home-v2 .how-steps__track.grid--3 > .how-steps__step:nth-child(3)::after{display:none!important;}

/* The active green trust row meets the following row without a lower separator. */
.home-v2 main .section.trust-cards .grid > .trust-panel.card.is-active + .trust-panel.card{
 border-top-color:transparent;
}

/* The disclosure copy keeps its compact spacing without a separator rule. */
.home-v2 .home-footer .footer__disclosure{
 border-top:0;
 padding-top:.5rem;
}

/* Keep the clipped footer mark slightly more prominent without changing its reveal. */
.home-v2 .home-footer .footer__wordmark{
 font-size:clamp(21rem,48vw,43rem);
}
@media(max-width:680px){
 .home-v2 .home-footer .footer__wordmark{font-size:clamp(13rem,62vw,27rem);}
}

/* The closing action stays deliberately narrower than the page content. */
.home-v2 main .cta__inner{
 width:80%;
 max-width:var(--container);
 margin-inline:auto;
}

/* Keep the two chain-record columns flush without an intervening grid gap. */
.home-v2 .chain-split__grid{gap:0!important;}

/* Keep the banner compact without changing the rest of the type scale. */
.home-v2 .hero h1{line-height:1.25;}

/* The last card owns the final portion of the visible desktop progress rail. */
@media (min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 .home-v2 .how-steps__track.grid--3 > .how-steps__step:nth-child(3)::after{display:block!important;}
}

/* Let the closing CTA copy use the full available measure.  Its container
   follows the content height, while the final gap before the footer remains a
   fixed 40px at every breakpoint. */
.home-v2 main .cta h2,
.home-v2 main .cta p{max-width:none;}
.home-v2 main .section.bg-mist:has(> .cta__inner){
 block-size:auto;
 min-block-size:0;
 padding-bottom:40px;
}
.home-v2 main .section.bg-mist:has(> .cta__inner) > .container.cta__inner{
 block-size:auto;
 min-block-size:0;
}

/* Step labels share the 40px green icon scale.  Rail waypoints use the same
   dark number treatment, and the connection line gains the requested .5px. */
.home-v2 main .how-steps .step-num{
 min-height:42px;
 padding:.5rem 1rem;
 color:#071B14;
}
.home-v2 .how-steps__step::before{color:#071B14;}
.home-v2 .how-steps__step::after{height:2.5px;}

/* Keep the Traditional Chinese capability heading on the requested two-line
   measure while all other locale copy continues to flow naturally. */
html[lang="zh-HK"] .home-v2 main :is(.capability-cards,.payment-cards) .section-head h2,
html[lang="zh-TW"] .home-v2 main :is(.capability-cards,.payment-cards) .section-head h2{
 white-space:pre-line;
}

/* Footer navigation group labels use the homepage green. */
.home-v2 .home-footer :is(.footer__sitemap,.footer__policies,.footer__contact-column)>h4{
 color:#00D16A;
}

/* Step waypoints and the homepage back-to-top control match the 70px
   payment-card icon footprint. */
.home-v2{
 --home-payment-icon-size:70px;
 --home-payment-icon-arrow-size:28px;
}
.home-v2 .how-steps__step::before{
 width:var(--home-payment-icon-size);
 height:var(--home-payment-icon-size);
 font-size:1.5rem;
}
/* Centre the enlarged waypoint precisely on the existing 2.5px rail. */
.home-v2 .how-steps__step::before{
 left:calc(50.75% - 35px);
 bottom:-21.75px;
}

/* The on-chain evidence heading remains white against its dark surface. */
.home-v2 main .chain-split .section-head h2{color:#fff;}

/* The step copy uses one deliberate inset at every breakpoint. */
.home-v2 .how-steps__copy{padding:45px;}

/* Keep the enlarged numbered waypoint inside the pinned viewport, while its
   card and track remain free to render the full circle. */
@media (min-width:761px) and (min-height:621px){
 .home-v2 main .section.how-steps.is-pinned.is-carousel{
  padding-top:var(--visibility-adjacent-space);
  padding-bottom:var(--visibility-adjacent-space);
 }
 .home-v2 .how-steps.is-pinned .how-steps__stage{
  /* When returning upward through the sticky sequence, keep the complete
     three-step surface 40px clear of the browser edge. */
  bottom:40px;
 }
 .home-v2 .how-steps.is-pinned.is-returning .how-steps__stage{
  /* A measured inset allows the stage to retain its natural height while
     its lower edge lands exactly on the 40px upward-scroll safety gap. */
  top:max(0px,calc(100vh - 40px - var(--how-steps-stage-height,0px)));
  bottom:auto;
 }
 .home-v2 .how-steps.is-pinned .how-steps__viewport{
  padding-bottom:calc(21.75px + 1rem);
 }
 .home-v2 .how-steps__track,
 .home-v2 .how-steps__step{overflow:visible;}
}

/* The steps container owns the mist surface and its shared corner radius. */
.home-v2 .how-steps__stage > .container{
 background:#f8f9fa;
 border-radius:1rem;
}
.home-v2 main .how-steps .section-head{
 background:transparent;
 border-radius:0;
}

/* The visibility module retains one shared responsive inset on its two
   vertical edges at every breakpoint. */
.home-v2 main{--visibility-adjacent-space:clamp(6.5rem,8vw,9rem);}
.home-v2 main .section.visibility{
 margin-block:0;
 padding-top:var(--visibility-adjacent-space);
 padding-bottom:var(--visibility-adjacent-space);
}
/* Match the lower module rhythm above the visibility content while retaining
   identical top and bottom insets on the visibility section itself. */
.home-v2 .visibility .media-split__grid{
 margin-top:var(--visibility-adjacent-space);
}
.home-v2 main .section.visibility + .section.capability-cards{
 padding-top:var(--visibility-adjacent-space);
}
@media (max-width:760px){
 .home-v2 main{--visibility-adjacent-space:64px;}
}

/* Carry the mist surface through the complete three-step experience; the
   individual information cards retain their existing paper backgrounds. */
.home-v2 main .section.how-steps[data-steps-sticky]{background:#f8f9fa;}

/* At the narrowest desktop width, the responsive base never falls below the
   mobile base size.  This preserves legibility while larger widths continue
   to scale with the existing rules. */
@media screen and (min-width:992px) and (max-width:1440px){
 html:has(body.home-v2){font-size:max(15.2px,calc(.557876rem + .39749vw));}
}

/* This module derives its height exclusively from its copy and media at every
   layout breakpoint; no inherited fixed or minimum block size can remain. */
.home-v2 main .section.visibility,
.home-v2 .visibility .media-split__grid,
.home-v2 .visibility .media-split__copy,
.home-v2 .visibility .media-split__media{
 block-size:auto;
 min-block-size:0;
 height:auto;
 min-height:0;
}

/* Align the visibility copy with the top visual edge.  The preceding step
   section and following capability heading therefore meet this module at the
   same shared content interval on every layout. */
.home-v2 .visibility .media-split__grid{align-items:start;}
.home-v2 .visibility .media-split__copy{justify-content:flex-start;}

/* Direct controls mirror the instant touch and wheel navigation of the three-step track. */
.home-v2 .how-steps__controls{
 display:flex;
 justify-content:center;
 gap:.625rem;
 margin-top:1.25rem;
}
.home-v2 .how-steps__control{
 display:grid;
 place-items:center;
 width:2.75rem;
 height:2.75rem;
 padding:0;
 border:0;
 border-radius:50%;
 background:var(--h-ink);
 color:#fff;
 cursor:pointer;
 transition:background-color .18s ease,transform .18s ease,opacity .18s ease;
}
.home-v2 .how-steps__control svg{width:1.125rem;height:1.125rem;}
.home-v2 .how-steps__control:hover:not(:disabled){background:#103b2a;transform:translateY(-1px);}
.home-v2 .how-steps__control:disabled{opacity:.34;cursor:default;}
.home-v2 .how-steps__control:focus-visible{outline:2px solid var(--h-aqua);outline-offset:3px;}
@media (max-height:850px) and (min-width:761px){
 .home-v2 .how-steps__controls{margin-top:.75rem;}
 .home-v2 .how-steps__control{width:2.375rem;height:2.375rem;}
}

/* The step rail takes over only once the card reaches the visual centre. */
@media (min-width:761px) and (min-height:621px) and (prefers-reduced-motion:no-preference){
 .home-v2 .how-steps.is-pinned:not(.is-returning) .how-steps__stage{
  top:calc(50vh - var(--how-steps-card-center-offset,50vh));
  bottom:auto;
 }
}

/* Place the direct step controls on the two outer sides of the active card. */
.home-v2 .how-steps__viewport{position:relative;}
.home-v2 .how-steps__controls{
 position:absolute;
 z-index:4;
 top:50%;
 left:clamp(.75rem,2vw,2rem);
 right:clamp(.75rem,2vw,2rem);
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:0;
 margin:0;
 transform:translateY(-50%);
 pointer-events:none;
}
.home-v2 .how-steps__control{pointer-events:auto;}
@media (max-width:760px){
 .home-v2 .how-steps__controls{left:.5rem;right:.5rem;}
 .home-v2 .how-steps__control{width:2.5rem;height:2.5rem;}
}

/* Let the two buttons own only their own hit areas, leaving the full card
   surface free for immediate mouse and touch dragging. */
.home-v2 .how-steps__controls{display:contents;pointer-events:auto;}
.home-v2 .how-steps__control{
 position:absolute;
 z-index:4;
 top:50%;
 transform:translateY(-50%);
 pointer-events:auto;
}
.home-v2 .how-steps__control[data-step-previous]{left:clamp(.75rem,2vw,2rem);}
.home-v2 .how-steps__control[data-step-next]{right:clamp(.75rem,2vw,2rem);}
.home-v2 .how-steps__control:hover:not(:disabled){transform:translateY(calc(-50% - 1px));}
@media (max-width:760px){
 .home-v2 .how-steps__control[data-step-previous]{left:.5rem;}
 .home-v2 .how-steps__control[data-step-next]{right:.5rem;}
}

/* Keep the visibility split compact and centre its copy against the media. */
.home-v2 .visibility .media-split__grid{
 margin-top:0;
 align-items:center;
}
.home-v2 .visibility .media-split__copy{
 align-self:stretch;
 justify-content:center;
}
@media (max-width:900px){
 .home-v2 .visibility .media-split__copy{align-self:auto;}
}

/* Track the active copy card vertically while keeping each direct control at
   the outer edge of the existing content region. */
.home-v2 .how-steps__control{
 top:var(--how-steps-copy-center,50%);
}
.home-v2 .how-steps__control[data-step-previous]{left:0;}
.home-v2 .how-steps__control[data-step-next]{right:0;}

/* Keep every phone-size value intact, then let the larger homepage type tiers
   grow more gently toward a lower desktop ceiling.  Pixel endpoints make the
   transition independent of the existing rem-based browser zoom scale. */
@media (min-width:768px){
 .home-v2{
  --type-display-size:clamp(60.8px,calc(45.333px + 2.014vw),84px);
  --type-display-line:clamp(68.4px,calc(49.2px + 2.5vw),97.2px);
  --type-h1-size:clamp(45.6px,calc(36.0px + 1.25vw),60px);
  --type-h1-line:clamp(53.2px,calc(41.6px + 1.51vw),70.6px);
  --type-h2-size:clamp(38px,calc(31.333px + .868vw),48px);
  --type-h2-line:clamp(45.6px,calc(36.8px + 1.146vw),58.8px);
  --type-h3-size:clamp(30.4px,calc(28px + .313vw),34px);
  --type-h3-line:clamp(38px,calc(35.2px + .365vw),42.2px);
  --type-h4-size:clamp(22.8px,calc(21.667px + .148vw),24.5px);
  --type-h4-line:clamp(30.4px,calc(29px + .182vw),32.5px);
  --type-body-l-size:clamp(17.1px,calc(16.167px + .122vw),18.5px);
  --type-body-l-line:clamp(26.6px,calc(25.333px + .165vw),28.5px);
  --type-body-m-size:clamp(17.1px,calc(16.833px + .035vw),17.5px);
  --type-body-m-line:clamp(24.7px,calc(24px + .091vw),25.75px);
  --type-body-s-size:clamp(15.2px,calc(15.067px + .017vw),15.4px);
  --type-body-s-line:clamp(20.9px,calc(20.133px + .1vw),22.05px);
  --type-caption-size:clamp(13.3px,calc(13.167px + .017vw),13.5px);
  --type-caption-line:clamp(19px,calc(18.333px + .087vw),20px);
  --type-label-size:clamp(13.3px,calc(13.167px + .017vw),13.5px);
  --type-label-line:clamp(17.1px,calc(16.633px + .061vw),17.8px);
 }

 /* This prominent trust index is not tied to the shared heading tokens. */
 .home-v2 .trust-panel__trigger span{
  font-size:clamp(52.345px,calc(42.575px + 1.272vw),67px);
 }
}

/* The display tier also steps down, while the compact supporting-text tiers
   above retain their current minimum values. */
.home-v2 .hero h1{
 font-size:clamp(64px,calc(55.2px + .688vw),68.4px);
 line-height:clamp(80px,calc(69px + .859vw),85.5px);
}

/* Progress visibility follows the reference's single, rounded split surface:
   explanatory copy on the left and the existing transaction-progress image on
   the right. */
.home-v2 main .section.visibility{
 background:var(--h-paper);
 color:var(--h-ink);
}
.home-v2 .visibility .media-split__grid{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:0;
 align-items:stretch;
 overflow:hidden;
 min-height:0;
 border-radius:clamp(1.5rem,2.1vw,2rem);
 background:#00433e;
}
.home-v2 .visibility .media-split__copy{
 grid-column:1;
 grid-row:1;
 align-self:stretch;
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:0;
 height:auto;
 margin:0;
 padding:clamp(3rem,4vw,8.25rem);
 color:#fff;
 background:#00433e;
}
.home-v2 main .visibility .section-head{
 width:100%;
 max-width:none;
 margin:0;
}
.home-v2 main .visibility .section-head h2{
 max-width:none;
 margin:0;
 color:#fff;
 font-size:clamp(2.5rem,4.3vw,5rem);
 line-height:1.07;
 letter-spacing:-.045em;
}
.home-v2 main .visibility .section-head p{
 max-width:none;
 margin:clamp(1.5rem,2.3vw,2.75rem) 0 0;
 color:rgba(255,255,255,.84);
 font-size:clamp(1.05rem,1.3vw,1.5rem);
 line-height:1.55;
}
.home-v2 .visibility__lead{
 max-width:none;
 margin:clamp(1.75rem,3.5vw,4.25rem) 0 clamp(1rem,1.35vw,1.5rem);
 padding:0;
 color:#fff;
 font-size:clamp(1rem,1.08vw,1.25rem);
 line-height:1.5;
}
.home-v2 .visibility__list{
 display:grid;
 gap:clamp(.75rem,1vw,1.125rem);
 margin:0;
}
.home-v2 .visibility__list li{
 grid-template-columns:1.875rem minmax(0,1fr);
 gap:.75rem;
 padding:0;
 border:0;
 color:rgba(255,255,255,.92);
 font-size:clamp(.95rem,1vw,1.125rem);
 line-height:1.45;
}
.home-v2 .visibility__icon{
 width:1.875rem;
 height:1.875rem;
 flex-basis:1.875rem;
 border-radius:50%;
 background:var(--h-aqua);
 color:var(--h-ink);
}
.home-v2 .visibility__icon svg{width:.9375rem;height:.9375rem;}
.home-v2 .visibility .media-split__media{
 grid-column:2;
 grid-row:1;
 align-self:stretch;
 width:100%;
 min-height:0;
 aspect-ratio:auto;
 border:0;
 border-radius:0;
 background:#0b2a24;
}
.home-v2 .visibility .content-photo{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
}

/* Trust titles share the capability-card title tier for a single, consistent
   information hierarchy. */
.home-v2 main .trust-cards .trust-panel__copy h3{
 font-size:var(--type-h4-size);
 line-height:var(--type-h4-line);
}
@media (max-width:900px){
 .home-v2 .visibility .media-split__grid{
  grid-template-columns:1fr;
  min-height:0;
  border-radius:1.5rem;
 }
 .home-v2 .visibility .media-split__copy{
  grid-column:1;
  grid-row:1;
  padding:clamp(3rem,4vw,8.25rem);
 }
 .home-v2 .visibility .media-split__media{
  grid-column:1;
  grid-row:2;
  aspect-ratio:4/3;
 }
 .home-v2 main .visibility .section-head h2{max-width:none;}
}

/* The carousel itself must never become the browser's scroll anchor while a
   step is moving horizontally. */
.home-v2 .how-steps,
.home-v2 .how-steps__stage,
.home-v2 .how-steps__viewport{overflow-anchor:none;}

/* The stage itself no longer adds a separate upper inset; its surrounding
   section spacing remains responsible for the vertical rhythm. */
.home-v2 .how-steps__stage,
.home-v2 .how-steps.is-pinned .how-steps__stage{padding-top:0;}

/* Navy icon surfaces retain their existing treatment while their glyphs use
   the homepage green. */
.home-v2 main .icon.icon--navy,
.home-v2 main .chain-split__features .feature .icon.icon--navy{color:var(--h-aqua);}
.home-v2 main .chain-split__features .feature .icon.icon--green{color:var(--h-aqua);}

/* The workflow capability section returns to the page surface; the following
   trust section intentionally retains its dedicated mist background. */
.home-v2 main .section.bg-mist.capability-cards{background:var(--h-paper);}

/* The workflow module begins directly after the preceding section.  Its former
   lower inset becomes the matching external gap before the trust module. */
.home-v2 main .section.visibility + .section.capability-cards,
.home-v2 main .section.bg-mist.capability-cards{
 padding-top:0;
 padding-bottom:0;
}
.home-v2 main .section.bg-mist.capability-cards{
 margin-bottom:var(--visibility-adjacent-space);
}

/* The steps heading sits directly on its existing surface at every viewport. */
.home-v2 main .how-steps .section-head,
.home-v2 main .how-steps.is-pinned .section-head{padding:0;}

/* Match the visibility introduction to the steps introduction type scale. */
.home-v2 main .visibility .section-head p{
 font-size:var(--type-body-l-size);
 line-height:var(--type-body-l-line);
 font-weight:400;
}

/* Feature cards now size solely from their own content. */
.home-v2 .chain-split__features .feature{min-height:0;}

/* Keep the carousel clipping inside its viewport while placing the direct
   controls fully beyond the two content edges by exactly one control width. */
.home-v2 .how-steps__stage > .container{position:relative;}
.home-v2 .how-steps__control{
 --how-steps-control-size:2.75rem;
 width:var(--how-steps-control-size);
 height:var(--how-steps-control-size);
 top:var(--how-steps-copy-center,50%);
}
.home-v2 .how-steps__control[data-step-previous]{left:calc(-1 * var(--how-steps-control-size));}
.home-v2 .how-steps__control[data-step-next]{right:calc(-1 * var(--how-steps-control-size));}
@media (max-height:850px) and (min-width:761px){
 .home-v2 .how-steps__control{--how-steps-control-size:2.375rem;}
}
@media (max-width:760px){
 .home-v2 .how-steps__control{--how-steps-control-size:2.5rem;}
}

/* Raise the clipped footer mark by 3% while leaving the footer's reserved
   height and content spacing untouched. */
.home-v2 .home-footer .footer__wordmark{transform:translate(-50%,44%);}

/* Desktop pointers reveal the step controls anywhere within the complete
   three-step section. Touch and keyboard use keep their existing access. */
@media (hover:hover) and (pointer:fine){
 .home-v2 .how-steps__stage > .container .how-steps__control,
 .home-v2 .how-steps__stage > .container .how-steps__control:disabled{
  opacity:0;
  pointer-events:none;
  transition:background-color .18s ease,transform .18s ease,opacity .18s ease;
 }
 .home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control,
 .home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control{
  opacity:1;
  pointer-events:auto;
 }
 .home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control:disabled,
 .home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control:disabled{
  opacity:.34;
  pointer-events:none;
 }
}


/* Requested headline adjustment: preserve every existing fluid breakpoint and
   increase homepage H1/H2 text by exactly 2px. */
.home-v2 .hero h1{
  font-size:clamp(66px,calc(57.2px + .688vw),70.4px);
}
.home-v2 main h2{
  font-size:calc(var(--type-h2-size) + 2px)!important;
}

/* Centre the chain introduction against the four-feature column on desktop;
   stacked layouts retain their current document-flow alignment. */
@media (min-width:901px){
  .home-v2 .chain-split__copy{align-self:center;}
}

/* Keep the chain introduction centred against the full feature column at all
   desktop widths, and give the visibility copy twenty additional pixels above
   and below its existing fluid inset. */
@media (min-width:901px){
  .home-v2 .chain-split__copy{
    align-self:stretch!important;
    display:flex;
    flex-direction:column;
    justify-content:center!important;
  }
}
.home-v2 .visibility .media-split__copy{
  padding-block:calc(clamp(3rem,4vw,8.25rem) + 20px);
}

/* Homepage hero: fill the viewport below the header without ever becoming
   shorter than 520px, while using the brand green as its primary surface. */
.home-v2 .hero{
  min-height:520px;
  min-height:max(520px,calc(100svh - var(--topbar-h,86px)));
  background:var(--h-aqua);
  border-bottom-color:rgba(20,41,41,.16);
}
.home-v2 .hero h1{
  color:var(--h-ink);
  font-size:clamp(70px,calc(61.2px + .688vw),74.4px);
}
.home-v2 .hero .lead{color:rgba(20,41,41,.8);}
.home-v2 .hero .btn--accent,
.home-v2 .hero .btn--contact{
  background:var(--h-ink);
  border-color:var(--h-ink);
  color:#fff;
}
.home-v2 .hero .btn--accent:hover,
.home-v2 .hero .btn--contact:hover{
  background:#0b1d1b;
  border-color:#0b1d1b;
  color:#fff;
}
.home-v2 .hero .btn--outline-light{
  background:transparent;
  border-color:rgba(20,41,41,.72);
  color:var(--h-ink);
}
.home-v2 .hero .btn--outline-light:hover{
  background:rgba(255,255,255,.28);
  border-color:var(--h-ink);
  color:var(--h-ink);
}
.home-v2 .hero .globe__svg circle[fill^="url(#globeFill)"]{
  fill:url("#globeFill");
  stroke:rgba(255,255,255,.35);
}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(1){stop-color:#1B4A3A;}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(2){stop-color:#0E2E2E;}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(3){stop-color:#071C22;}
.home-v2 .hero .globe__svg ellipse,
.home-v2 .hero .globe__svg line{stroke:rgba(255,255,255,.16);}
.home-v2 .hero .globe__svg circle[fill^="url(#dots)"]{opacity:.55;}
.home-v2 .hero .globe__svg #dots circle{fill:rgba(255,255,255,.35);}
.home-v2 .hero .globe__orbit{stroke:rgba(255,255,255,.14);}
.home-v2 .hero .globe__orbit--slow{stroke:rgba(159,232,112,.35);}

/* The requested four-pixel headline increment is applied to the existing
   homepage fluid scale rather than introducing a separate type hierarchy. */
.home-v2 main h2{font-size:calc(var(--type-h2-size) + 6px)!important;}

/* Step controls share the visible green service-icon footprint and retain a
   fixed centre against the active step copy at every responsive size. */
.home-v2 .how-steps__control{
  --how-steps-control-size:42px;
  width:var(--how-steps-control-size);
  height:var(--how-steps-control-size);
}
.home-v2 .how-steps__control svg{width:22px;height:22px;}

/* Give every homepage H2 a little more breathing room without changing its
   requested responsive font-size tier. */
.home-v2 main h2{line-height:calc(var(--type-h2-line) + 2px)!important;}

/* The chain introduction intentionally starts at the top of the equal-width
   record grid rather than vertically centring against the feature cards. */
@media (min-width:901px){
  .home-v2 .chain-split__copy{
    align-self:start!important;
    display:block;
  }
}

/* A hovered arrow keeps the same vertical centre as its sibling and active
   copy; the colour transition remains unchanged. */
.home-v2 .how-steps__control:hover:not(:disabled){transform:translateY(-50%);}

/* Isolate step arrows from the generic button lift so both controls remain
   exactly centred on the active copy even while one is hovered or focused. */
.home-v2 .how-steps__control,
.home-v2 .how-steps__control:hover:not(:disabled){translate:none!important;}

/* Let the homepage banner take only the vertical space required by its
   existing content and padding, while centring its copy in the left column. */
.home-v2 .hero{
  min-height:0;
  height:auto;
}
.home-v2 .hero__grid > :first-child{text-align:center;}
.home-v2 .hero .lead{margin-inline:auto;}
.home-v2 .hero .btn-row{justify-content:center;}

/* Keep the desktop banner within one browser viewport. Narrow layouts retain
   their existing content-driven height so stacked content is never clipped. */
@media (min-width:981px){
  .home-v2 .hero{
    max-height:100vh;
    max-height:100svh;
  }
}

/* On wide screens, the existing copy spans the hero grid and is centred
   against the banner itself; the decorative globe stays in its current
   right-hand grid position. */
@media (min-width:1200px){
  .home-v2 .hero__grid > :first-child{
    grid-column:1 / -1;
    grid-row:1;
    width:min(100%,46rem);
    justify-self:center;
    position:relative;
    z-index:1;
  }
  .home-v2 .hero .globe{
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
}

/* The banner copy occupies eighty percent of the existing banner content
   frame, maintaining a single centred text measure at every breakpoint. */
.home-v2 .hero__grid > :first-child{
  width:80%;
  margin-inline:auto;
}

/* The wide-screen banner is exactly one browser viewport high. Stacked
   narrow layouts continue to grow with their content rather than clipping it. */
@media (min-width:981px){
  .home-v2 .hero{
    height:100vh;
    height:100svh;
    max-height:100svh;
  }
}

/* Direct step controls share the same outer footprint as every numbered
   waypoint, including the current responsive state. */
.home-v2 .how-steps__control{
  --how-steps-control-size:var(--home-payment-icon-size);
  width:var(--how-steps-control-size);
  height:var(--how-steps-control-size);
}

/* Give homepage H2s a slightly more open reading rhythm. */
.home-v2 main h2{line-height:calc(var(--type-h2-line) + 4px)!important;}

/* The hero now follows a vertical story: centred copy first, then the globe.
   Desktop-only spacing keeps the requested one-viewport banner intact. */
@media (min-width:981px){
  .home-v2 .hero{padding-block:clamp(24px,4vh,40px);}
  .home-v2 .hero__grid{
    grid-template-columns:minmax(0,1fr);
    gap:clamp(18px,2.5vh,28px);
    justify-items:center;
  }
  .home-v2 .hero__grid > :first-child{
    grid-column:auto;
    grid-row:auto;
    justify-self:center;
  }
  .home-v2 .hero .globe{
    grid-column:auto;
    grid-row:auto;
    justify-self:center;
    width:min(100%,clamp(180px,27svh,260px));
    margin-inline:auto;
  }
}

/* Keep the vertical banner illustration below the copy without allowing its
   decorative floating cards to overlap the text on short desktop viewports. */
@media (min-width:981px){
  .home-v2 .hero .globe__card{display:none;}
}
/* Retain the two globe callouts in the vertical desktop banner, scaled to
   sit beside the illustration instead of intruding into the copy above it. */
@media (min-width:981px){
  .home-v2 .hero .globe__card{
    display:block;
    width:min(74%,172px);
    padding:8px 10px;
    border-radius:10px;
  }
  .home-v2 .hero .globe__card--a{left:-42%;bottom:0;}
  .home-v2 .hero .globe__card--b{right:-42%;top:0;}
  .home-v2 .hero .globe__card-head{gap:5px;margin-bottom:4px;font-size:.72rem;line-height:1.15;}
  .home-v2 .hero .globe__card-icon{width:20px;height:20px;border-radius:6px;}
  .home-v2 .hero .globe__card-icon svg{width:12px;height:12px;}
  .home-v2 .hero .globe__card ul{gap:2px;}
  .home-v2 .hero .globe__card li{padding-left:8px;font-size:.56rem;line-height:1.25;}
  .home-v2 .hero .globe__card li::before{top:.55em;width:3px;height:3px;}
}
/* Homepage typography and banner height tiers.  Laptop displays retain a
   full viewport banner; wide desktop displays use the requested 85% cap. */
.home-v2 main h2{line-height:calc(var(--type-h2-line) + 12px)!important;}
.home-v2 .hero h1{width:100%;margin-inline:auto;text-align:center;}
@media (min-width:981px) and (max-width:1919.98px){
  .home-v2 .hero{height:100vh;height:100svh;max-height:100svh;}
}
@media (min-width:1920px){
  .home-v2 .hero{height:85vh;height:85svh;max-height:85svh;}
}
@media (max-width:980px){
  .home-v2 .hero{height:auto;max-height:none;}
}
/* The homepage globe stays in the established vertical hero layout while
   gaining a measured 15% scale increase at desktop and tablet widths. */
@media (min-width:981px){
  .home-v2 .hero .globe{width:min(100%,clamp(210px,31svh,300px));}
}
@media (max-width:980px){
  .home-v2 .hero .globe{width:min(100%,460px);}
}
/* Homepage banner: retain the approved two-column globe composition on desktop.
   The original reference structure is preserved; Truskeep's green remains the
   sole banner surface and all existing small-screen layouts stay unchanged. */
@media (min-width:981px){
  .home-v2 .hero{
    display:flex;
    align-items:center;
  }
  .home-v2 .hero__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:clamp(48px,5vw,80px);
    align-items:center;
    justify-items:stretch;
  }
  .home-v2 .hero__grid > :first-child{
    grid-column:auto;
    grid-row:auto;
    width:auto;
    margin-inline:0;
    justify-self:stretch;
    text-align:left;
  }
  .home-v2 .hero h1,
  .home-v2 .hero .lead{
    text-align:left;
  }
  .home-v2 .hero .lead{margin-inline:0;}
  .home-v2 .hero .btn-row{justify-content:flex-start;}
  .home-v2 .hero .globe{
    grid-column:auto;
    grid-row:auto;
    justify-self:end;
    width:min(100%,560px);
    margin-inline:auto;
  }
  .home-v2 .hero .globe__card{
    width:min(62%,300px);
    padding:16px 18px;
    border-radius:14px;
  }
  .home-v2 .hero .globe__card--a{left:-6%;bottom:8%;}
  .home-v2 .hero .globe__card--b{right:-6%;top:22%;}
  .home-v2 .hero .globe__card-head{
    gap:10px;
    margin-bottom:8px;
    font-size:1rem;
    line-height:1.2;
  }
  .home-v2 .hero .globe__card-icon{width:32px;height:32px;border-radius:10px;}
  .home-v2 .hero .globe__card-icon svg{width:18px;height:18px;}
  .home-v2 .hero .globe__card ul{gap:4px;}
  .home-v2 .hero .globe__card li{
    padding-left:14px;
    font-size:var(--fs-0);
    line-height:1.6;
  }
  .home-v2 .hero .globe__card li::before{top:.65em;width:5px;height:5px;}
}

/* Current homepage globe: luminous translucent green wireframe surface. */
.home-v2 .hero .globe__svg circle[fill^="url(#globeFill)"]{
  fill:url("#globeFill");
  stroke:rgba(244,255,248,.68);
  stroke-width:1.1;
}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(1){
  stop-color:#C4FFDA;
  stop-opacity:.82;
}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(2){
  stop-color:#24D77A;
  stop-opacity:.72;
}
.home-v2 .hero .globe__svg #globeFill stop:nth-child(3){
  stop-color:#075C38;
  stop-opacity:.64;
}
.home-v2 .hero .globe__svg :is(ellipse,line){stroke:rgba(244,255,248,.42);}
.home-v2 .hero .globe__svg circle[fill^="url(#dots)"]{opacity:.9;}
.home-v2 .hero .globe__svg #dots circle{fill:rgba(246,255,250,.62);}
.home-v2 .hero .globe__orbit{stroke:rgba(246,255,250,.52);}
.home-v2 .hero .globe__orbit--slow{stroke:rgba(246,255,250,.88);}
.home-v2 .hero .globe__card{
  background:rgba(3,17,12,.62);
  border-color:rgba(222,255,234,.5);
  box-shadow:0 16px 34px rgba(3,17,12,.1);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}
.home-v2 .hero .globe__card-head{color:#fff;}
.home-v2 .hero .globe__card-icon{
  background:rgba(0,209,106,.22);
  color:#dcffe8;
}
.home-v2 .hero .globe__card li{color:rgba(247,255,250,.94);}
.home-v2 .hero .globe__card li::before{background:#bfffd4;}

/* START: hero-globe-light-green-wireframe */
/* The hero globe remains a transparent drawing: only its lines and dots glow light green. */
.home-v2 .hero .globe__svg > circle[fill="none"]{stroke:rgba(191,255,212,.78);}
.home-v2 .hero .globe__svg :is(ellipse,line){stroke:rgba(191,255,212,.48);}
.home-v2 .hero .globe__svg circle[fill^="url(#dots)"]{opacity:.9;}
.home-v2 .hero .globe__svg #dots circle{fill:rgba(191,255,212,.72);}
.home-v2 .hero .globe__orbit{stroke:rgba(191,255,212,.58);}
.home-v2 .hero .globe__orbit--slow{stroke:rgba(191,255,212,.82);}
/* END: hero-globe-light-green-wireframe */

/* START: hero-globe-scale-and-card-borders */
/* Give the transparent globe a little more presence without moving its callouts. */
.home-v2 .hero .globe__svg{
  transform:scale(1.08);
  transform-origin:center;
}
.home-v2 .hero :is(.globe__card--a,.globe__card--b){border:0;}
/* END: hero-globe-scale-and-card-borders */

/* BEGIN: escrow-types-shared-banner
   担保适用场景页 / 争议处理流程页沿用与「什么是担保」一致的亮绿页头，
   替换 style.css / visual-refresh.css 里遗留的深蓝渐变。高度对齐 620px。 */
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head{
  display:flex;
  align-items:center;
  justify-content:center;
  height:620px;
  min-height:620px;
  max-height:620px;
  padding-block:clamp(4rem,7.5vw,7rem);
  background:#00D16A;
  color:#142929;
}
/* 窄屏按内容自适应，与「什么是担保」的 980px 断点一致 */
@media (max-width:980px){
  body.home-v2:is(.escrow-types,.dispute-process) main > .page-head{
    height:auto;
    min-height:0;
    max-height:none;
    padding-block:clamp(4rem,11vw,6rem);
  }
}
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head::before,
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head::after{display:none;}
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head > .container{text-align:center;}
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head :is(h1,.lead){
  margin-inline:auto;
  color:#142929;
  text-align:center;
}
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head .lead{
  max-inline-size:68ch;
  color:rgba(20,41,41,.8);
}
/* END: escrow-types-shared-banner */

/* START: visibility-controls-v104 */
/* Keep the page surface light; apply the requested dark treatment only to the
   progress split container. */
.home-v2 main .section.visibility{background:var(--h-paper)!important;}
.home-v2 .visibility .media-split__grid{background:#142929!important;}

/* The three-step controls use the same circular, enabled and disabled states
   as the suitable-transactions carousel. Their outer placement is unchanged. */
.home-v2 .how-steps__control{
  --how-steps-control-size:4rem;
  width:var(--how-steps-control-size);
  height:var(--how-steps-control-size);
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--h-aqua);
  color:var(--h-ink);
  cursor:pointer;
  opacity:1;
  transition:background-color .22s ease,color .22s ease,opacity .22s ease;
}
.home-v2 .how-steps__control svg{width:2rem;height:2rem;}
.home-v2 .how-steps__control:disabled{
  background:#edf0ef;
  color:rgba(20,41,41,.5);
  opacity:1;
  cursor:default;
  pointer-events:none;
}
@media (hover:hover){
  .home-v2 .how-steps__control:not(:disabled):hover{
    background:#00bb60;
    color:var(--h-ink);
    transform:translateY(-50%);
  }
}
@media (max-width:640px){
  .home-v2 .how-steps__control{--how-steps-control-size:3.5rem;}
}
/* END: visibility-controls-v104 */
/* START: visibility-controls-state-v105 */
/* Keep the muted state fully legible even while the step rail is hovered. */
.home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control:disabled,
.home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control:disabled{
  opacity:1;
  background:#edf0ef;
  color:rgba(20,41,41,.5);
}
/* END: visibility-controls-state-v105 */
/* START: visibility-controls-final-v106 */
.home-v2 .how-steps__control:disabled{
  background:#edf0ef!important;
  color:rgba(20,41,41,.5)!important;
  opacity:1!important;
}
/* END: visibility-controls-final-v106 */
/* START: visibility-copy-surface-v107 */
.home-v2 .visibility .media-split__copy{background:transparent!important;}
/* END: visibility-copy-surface-v107 */
/* START: homepage-step-control-lift-v108 */
@media (hover:hover){
  .home-v2 .how-steps__control:not(:disabled):hover{
    transform:translateY(calc(-50% - 2px))!important;
  }
}
/* END: homepage-step-control-lift-v108 */
/* START: homepage-step-control-hover-transition-v109 */
.home-v2 .how-steps__control{
  transition:background-color .22s ease,color .22s ease,opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1)!important;
}
/* END: homepage-step-control-hover-transition-v109 */
/* BEGIN: escrow-types-typography-and-carousel
   担保适用场景页：文字层级与轮播控件对齐首页。
   字号一律走 --type-* 字阶 token，避免再写死数值。 */

/* 1. 文字层级 —— 区块标题/说明、场景卡、结算表与切换器
   区块标题与说明为两页共用 */
body.home-v2:is(.escrow-types,.dispute-process) main .section-head h2{
  font-size:var(--type-h2-size);
  line-height:var(--type-h2-line);
  font-weight:600;
  color:var(--h-ink);
}
body.home-v2:is(.escrow-types,.dispute-process) main .section-head p{
  font-weight:400;
  color:var(--h-ink-3);
}
body.home-v2.escrow-types #project-types .scene-card.project-type-card h3{
  font-size:var(--type-h4-size);
  line-height:var(--type-h4-line);
  font-weight:600;
}
body.home-v2.escrow-types .scene-card p,
body.home-v2.escrow-types .settle-intro__title,
body.home-v2.escrow-types .settle-intro__sub,
body.home-v2.escrow-types .settle-table .table tbody td,
body.home-v2.escrow-types .settle-table .table tbody th,
body.home-v2.escrow-types .settle-table .table thead th,
body.home-v2.escrow-types .settle-tab,
body.home-v2.escrow-types .settle-note{
  font-size:var(--type-body-m-size);
  line-height:var(--type-body-m-line);
}

/* 2. 轮播控件 —— 尺寸、配色、图标与 hover 淡入均同首页三步模块
   基准为 home-sections.css 的 visibility-controls-v104 段（4rem 亮绿底 + 墨绿图标）。 */
body.home-v2.escrow-types .project-types-controls button{
  --how-steps-control-size:4rem;
  width:var(--how-steps-control-size);
  height:var(--how-steps-control-size);
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--h-aqua);
  color:var(--h-ink);
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:1;
  transition:background-color .22s ease,color .22s ease,opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1);
}
body.home-v2.escrow-types .project-types-controls button svg{
  width:2rem;
  height:2rem;
  transform:none;
}
body.home-v2.escrow-types .project-types-controls button:disabled{
  background:#edf0ef;
  color:rgba(20,41,41,.5);
  opacity:1;
  cursor:default;
  pointer-events:none;
}
@media (hover:hover){
  body.home-v2.escrow-types .project-types-controls button:not(:disabled):hover{
    background:#00bb60;
    color:var(--h-ink);
  }
}
@media (max-width:640px){
  body.home-v2.escrow-types .project-types-controls button{--how-steps-control-size:3.5rem;}
}
body.home-v2.escrow-types .project-types-controls button:focus-visible{
  outline:2px solid var(--h-aqua);
  outline-offset:3px;
}
/* 指针设备上平时隐藏，移入轮播区域才淡入（同首页） */
@media (hover:hover) and (pointer:fine){
  body.home-v2.escrow-types .project-types-controls button{
    opacity:0;
    pointer-events:none;
  }
  body.home-v2.escrow-types .project-types-section:hover .project-types-controls button,
  body.home-v2.escrow-types .project-types-section:focus-within .project-types-controls button{
    opacity:1;
    pointer-events:auto;
  }
  body.home-v2.escrow-types .project-types-section:hover .project-types-controls button:disabled,
  body.home-v2.escrow-types .project-types-section:focus-within .project-types-controls button:disabled{
    opacity:1;
    pointer-events:none;
  }
}
/* END: escrow-types-typography-and-carousel */

/* START: escrow-types-banner-and-four-up-v108 */
/* Match the established "What Is Escrow" banner height on the use-case page. */
body.home-v2.escrow-types main > .page-head{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
}
/* Keep carousel controls quiet until the use-case stage is intentionally engaged. */
@media (hover:hover){
  body.home-v2.escrow-types #project-types .project-types-controls{
    opacity:0;
    transition:opacity .2s ease;
  }
  body.home-v2.escrow-types #project-types .project-types-stage:hover .project-types-controls,
  body.home-v2.escrow-types #project-types .project-types-stage:focus-within .project-types-controls{
    opacity:1;
  }
}
/* Four use-case cards fill the desktop rail exactly; smaller screens retain their
   existing responsive card widths and drag behavior. */
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-types-stage{overflow:hidden;}
  body.home-v2.escrow-types #project-types .project-types-track{width:100%;}
  body.home-v2.escrow-types #project-types .project-type-card{
    flex:0 0 calc((100% - 60px) / 4)!important;
    width:calc((100% - 60px) / 4)!important;
  }
}
/* END: escrow-types-banner-and-four-up-v108 */

/* START: escrow-types-four-card-viewport-v109 */
/* The full-width rail is visually clipped to its content frame so exactly four
   complete cards are present in a desktop viewport, without partial edge cards. */
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-types-stage{
    clip-path:inset(0 var(--gutter) 0 var(--gutter));
  }
  body.home-v2.escrow-types #project-types .project-types-controls{
    left:var(--gutter);
    right:var(--gutter);
  }
}
/* END: escrow-types-four-card-viewport-v109 */

/* START: escrow-types-heading-controls-v110 */
/* Keep the scene rail interaction in its simple, visible arrow-led form. */
body.home-v2.escrow-types #project-types .project-types-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:clamp(1.5rem,4vw,5rem)!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  max-width:min(100%,58rem)!important;
  margin:0!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.875rem!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls button{
  opacity:1!important;
  pointer-events:auto!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls button:disabled{
  opacity:1!important;
  pointer-events:none!important;
}
body.home-v2.escrow-types #project-types .project-types-prev svg,
body.home-v2.escrow-types #project-types .project-types-next svg{
  transform:none!important;
}
@media (hover:hover){
  body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls button:not(:disabled):hover{
    transform:translateY(-2px)!important;
  }
}
@media (max-width:760px){
  body.home-v2.escrow-types #project-types .project-types-heading{
    flex-direction:column!important;
    gap:1.5rem!important;
  }
  body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls{
    align-self:flex-start!important;
  }
}
/* END: escrow-types-heading-controls-v110 */
/* START: escrow-types-heading-controls-sizing-v111 */
body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls{
  width:max-content!important;
}
/* END: escrow-types-heading-controls-sizing-v111 */
/* START: escrow-types-scene-card-contrast-v112 */
/* Keep copy readable over the scene imagery without a dark outline treatment. */
body.home-v2.escrow-types #project-types .scene-card__body,
body.home-v2.escrow-types #project-types .scene-card__body h3,
body.home-v2.escrow-types #project-types .scene-card__body p{
  color:#fff!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
/* Restore the heading's natural height now that its controls occupy the title row. */
body.home-v2.escrow-types #project-types .project-types-heading{
  height:auto!important;
  min-height:0!important;
  margin-bottom:0!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
}
/* END: escrow-types-scene-card-contrast-v112 */
/* START: project-types-title-alignment-v113 */
/* Start the full-width scene rail on the same left edge as its section title. */
body.home-v2.escrow-types #project-types .project-types-stage{
  padding-inline:calc((100vw - 100%) / 2)!important;
}
/* END: project-types-title-alignment-v113 */
/* START: project-types-four-and-a-half-v116 */
/* Keep the scene rail aligned to its copy, with four-and-a-half cards visible on wide screens. */
body.home-v2.escrow-types #project-types .project-types-heading .section-head,
body.home-v2.escrow-types #project-types .project-types-heading .section-head h2,
body.home-v2.escrow-types #project-types .project-types-heading .section-head p{
  text-align:left!important;
}
body.home-v2.escrow-types #project-types .project-types-heading .section-head p{
  margin-inline:0!important;
}
@media (min-width:761px){
  body.home-v2.escrow-types #project-types .project-types-heading{
    align-items:flex-end!important;
  }
  body.home-v2.escrow-types #project-types .project-types-heading .project-types-controls{
    align-self:flex-end!important;
  }
}
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-types-stage{
    overflow:hidden!important;
    padding-left:calc((100vw - 100%) / 2)!important;
    padding-right:10px!important;
    clip-path:inset(0 10px 0 0)!important;
  }
  body.home-v2.escrow-types #project-types .project-types-track{
    width:100%!important;
  }
  body.home-v2.escrow-types #project-types .project-type-card{
    flex:0 0 calc((100% - 80px) / 4.5)!important;
    width:calc((100% - 80px) / 4.5)!important;
  }
}
/* END: project-types-four-and-a-half-v116 */
/* START: project-types-stack-transition-v117 */
/* Match the suitable-transaction rail: the outgoing leading card recedes to the
   right while the following card settles into the first-card position. */
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-types-stage{
    --project-types-edge:18px;
    padding-right:var(--project-types-edge)!important;
    clip-path:inset(0 var(--project-types-edge) 0 0)!important;
  }
}
body.home-v2.escrow-types #project-types .project-type-card{
  position:relative;
  z-index:var(--project-type-card-layer,2);
  opacity:var(--project-type-card-opacity,1);
  transform:translate3d(var(--project-type-card-exit-x,0),0,0) scale(var(--project-type-card-scale,1));
  transform-origin:left center;
  will-change:transform,opacity;
}
/* END: project-types-stack-transition-v117 */
/* START: escrow-types-settlement-tabs-v119 */
body.home-v2.escrow-types #settlement .settle-tabs{
  background:var(--h-surface)!important;
}
body.home-v2.escrow-types #settlement .settle-tabs__indicator{
  background:var(--h-aqua)!important;
}
body.home-v2.escrow-types #settlement .settle-tab:not([aria-selected="true"]){
  background:transparent!important;
  color:#6b7280!important;
}
body.home-v2.escrow-types #settlement .settle-tab[aria-selected="true"]{
  color:#fff!important;
}
/* END: escrow-types-settlement-tabs-v119 */
/* START: escrow-types-four-card-alignment-v120 */
/* Keep the first scene card on the exact left edge of the title and show four complete cards on desktop. */
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  flex:0 1 62ch!important;
  inline-size:min(100%,62ch)!important;
  max-width:62ch!important;
}
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-types-stage{
    padding-left:calc((100vw - 100%) / 2)!important;
  }
  body.home-v2.escrow-types #project-types .project-type-card{
    flex:0 0 calc((100% - 60px) / 4)!important;
    width:calc((100% - 60px) / 4)!important;
  }
}
/* Match the banner copy weight used on the What Is Escrow page. */
body.home-v2.escrow-types main > .page-head .lead{
  font-weight:400!important;
}
/* Keep equal breathing room above and below the settlement content. */
body.home-v2.escrow-types main > #settlement{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
/* END: escrow-types-four-card-alignment-v120 */
/* START: escrow-types-settlement-polish-v121 */
/* Keep the settlement control readable in every state. */
body.home-v2.escrow-types #settlement .settle-tabs{
  background:var(--h-surface)!important;
}
body.home-v2.escrow-types #settlement .settle-tabs__indicator{
  background:var(--h-aqua)!important;
}
body.home-v2.escrow-types #settlement .settle-tab,
body.home-v2.escrow-types #settlement .settle-tab[aria-selected="true"]{
  color:var(--h-ink)!important;
}
/* Use one slightly stronger, consistent border across every settlement table. */
body.home-v2.escrow-types #settlement .settle-table{
  border-color:#dfe8e2!important;
}
/* Project-type cards are borderless. */
body.home-v2.escrow-types #project-types .project-type-card{
  border:0!important;
}
/* Preserve four complete scene cards at desktop widths. */
@media (min-width:981px){
  body.home-v2.escrow-types #project-types .project-type-card{
    flex:0 0 calc((100% - 60px) / 4)!important;
    width:calc((100% - 60px) / 4)!important;
  }
}
/* END: escrow-types-settlement-polish-v121 */
/* START: escrow-types-settlement-tab-text-v122 */
/* Override the previous inactive-tab tint so every label stays dark. */
body.home-v2.escrow-types #settlement .settle-tab:not([aria-selected="true"]){
  color:var(--h-ink)!important;
}
/* END: escrow-types-settlement-tab-text-v122 */
/* START: escrow-types-spacing-and-controls-v123 */
/* Give the scene rail the requested additional space above it. */
body.home-v2.escrow-types #project-types .project-types-stage{
  margin-top:20px!important;
}
/* Keep both step controls hidden until the homepage step section is engaged. */
@media (hover:hover) and (pointer:fine){
  .home-v2 .how-steps.is-pinned.is-carousel .how-steps__control,
  .home-v2 .how-steps.is-pinned.is-carousel .how-steps__control:disabled{
    opacity:0!important;
    pointer-events:none!important;
  }
  .home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control:not(:disabled),
  .home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control:not(:disabled){
    opacity:1!important;
    pointer-events:auto!important;
  }
}
/* Reserve the requested lower breathing room beneath settlement content. */
body.home-v2.escrow-types main > #settlement{
  padding-bottom:200px!important;
}
/* All existing panel dividers use the same, slightly stronger border tone. */
body.home-v2.escrow-types #settlement .tab-panel,
body.home-v2.escrow-types #settlement .tab-panel *{
  border-color:#dfe8e2!important;
}
/* END: escrow-types-spacing-and-controls-v123 */
/* START: shared-switch-controls-v124 */
/* Move the scene-card content down by a visible 20px without relying on collapsed margins. */
body.home-v2.escrow-types #project-types .project-types-stage{
  padding-top:20px!important;
}
/* Home and scene-rail navigation use the shared back-to-top footprint. */
.home-v2 .how-steps__control,
body.home-v2.escrow-types #project-types .project-types-controls button{
  --how-steps-control-size:var(--shared-back-to-top-size,70px);
  width:var(--shared-back-to-top-size,70px)!important;
  height:var(--shared-back-to-top-size,70px)!important;
}
.home-v2 .how-steps__control svg,
body.home-v2.escrow-types #project-types .project-types-controls button svg{
  width:var(--shared-back-to-top-icon-size,28px)!important;
  height:var(--shared-back-to-top-icon-size,28px)!important;
}
/* On hover-capable screens, both arrows enter together; the disabled arrow remains visibly muted. */
@media (hover:hover) and (pointer:fine){
  .home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control:disabled,
  .home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control:disabled{
    opacity:.34!important;
    pointer-events:none!important;
  }
}
/* END: shared-switch-controls-v124 */
/* BEGIN: dispute-process-typography
   争议处理流程页：文字层级对齐首页。
   步骤标题走 h4 字阶（同场景卡），正文统一到 body-m（= 首页卡片正文 17.337px）。 */
body.home-v2.dispute-process main .step__text h3,
body.home-v2.dispute-process main .card h3{
  font-size:var(--type-h4-size);
  line-height:var(--type-h4-line);
  font-weight:600;
  color:var(--h-ink);
}
body.home-v2.dispute-process main .step__text p,
body.home-v2.dispute-process main .card p,
body.home-v2.dispute-process main .step__text li,
body.home-v2.dispute-process main .bullets li{
  font-size:var(--type-body-m-size);
  line-height:var(--type-body-m-line);
  font-weight:400;
  color:var(--h-ink-3);
}
/* 步骤序号：沿用首页卡片标题的字重，尺寸随标记圆点 */
body.home-v2.dispute-process main .step__marker{
  font-weight:600;
}
/* END: dispute-process-typography */
/* START: escrow-types-scene-card-radius-v125 */
/* Give only the project scene cards a slightly softer, larger corner treatment. */
body.home-v2.escrow-types #project-types .scene-card.project-type-card{
  border-radius:calc(var(--radius) + 2px)!important;
}
/* END: escrow-types-scene-card-radius-v125 */

/* START: escrow-types-scene-card-surface-v126 */
/* Keep the original image gradient while removing the added hover veil. */
body.home-v2.escrow-types #project-types .scene-card.project-type-card{
  border-radius:24px!important;
}
@media (hover:hover){
  body.home-v2.escrow-types #project-types .scene-card:hover::after,
  body.home-v2.escrow-types #project-types .scene-card:focus-within::after{
    opacity:0!important;
  }
}
/* END: escrow-types-scene-card-surface-v126 */

/* START: escrow-types-project-heading-width-v127 */
/* Give the project-types title and its supporting copy a slightly wider reading measure. */
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  flex:0 1 68ch!important;
  inline-size:min(100%,68ch)!important;
  max-width:68ch!important;
}
/* END: escrow-types-project-heading-width-v127 */

/* START: shared-inner-banner-h1-type-v129 */
/* Match the two remaining inner-page banner titles to the What Is Escrow H1 scale. */
body.home-v2:is(.escrow-types,.dispute-process) main > .page-head h1{
  font-size:38px!important;
  font-weight:700!important;
}
@media (min-width:768px){
  body.home-v2:is(.escrow-types,.dispute-process) main > .page-head h1{
    font-size:clamp(70px,calc(61.2px + .688vw),74.4px)!important;
  }
}
/* END: shared-inner-banner-h1-type-v129 */
/* START: dispute-process-rules-showcase-v130 */
/* Keep the dispute steps distinct on a quiet gray surface and present handling
   rules as a structured, reference-led decision system. */
body.home-v2.dispute-process main #steps{
  background:#f8f9fa!important;
}
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy,
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head,
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head :is(h2,p){
  text-align:left!important;
}
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head,
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head p{
  margin-inline:0!important;
}
body.home-v2.dispute-process main #outcomes .section-head h2{
  margin:0!important;
  font-size:var(--type-h4-size)!important;
  line-height:var(--type-h4-line)!important;
  font-weight:600!important;
  text-align:left!important;
}
body.home-v2.dispute-process main #rules{
  background:#fff!important;
  color:var(--h-ink)!important;
  border:0!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__heading{
  max-inline-size:none!important;
  margin-inline:0!important;
  margin-bottom:clamp(2.5rem,5vw,5rem)!important;
  text-align:left!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__heading :is(h2,p){
  text-align:left!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__heading p{
  max-inline-size:70ch;
  margin-inline:0!important;
}
body.home-v2.dispute-process main #rules .rules-showcase{
  display:grid;
  grid-template-columns:minmax(13rem,.7fr) minmax(0,2.25fr);
  gap:clamp(2.5rem,6vw,7.5rem);
  align-items:start;
}
body.home-v2.dispute-process main #rules .rules-showcase__index{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  margin:0;
  padding:0 0 0 1.65rem;
  list-style:none;
  border-inline-start:4px solid #edf0ed;
}
body.home-v2.dispute-process main #rules .rules-showcase__index a{
  display:block;
  margin-inline-start:-1.9rem;
  padding:.75rem 0 .75rem 1.65rem;
  border-inline-start:4px solid transparent;
  color:#747b76;
  font-size:var(--type-body-l-size);
  font-weight:600;
  line-height:var(--type-h4-line);
  text-decoration:none;
  transition:color 180ms ease,border-color 180ms ease,transform 180ms ease;
}
body.home-v2.dispute-process main #rules .rules-showcase__index a.is-active,
body.home-v2.dispute-process main #rules .rules-showcase__index a:hover,
body.home-v2.dispute-process main #rules .rules-showcase__index a:focus-visible{
  border-inline-start-color:var(--h-aqua);
  color:var(--h-ink);
}
@media (hover:hover){
  body.home-v2.dispute-process main #rules .rules-showcase__index a:hover{
    transform:translateX(4px);
  }
}
body.home-v2.dispute-process main #rules .rules-showcase__index a:focus-visible{
  outline:0;
}
body.home-v2.dispute-process main #rules .rules-showcase__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.5rem);
  margin:0;
}
body.home-v2.dispute-process main #rules .rules-showcase__card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-block-size:clamp(17rem,22vw,22rem);
  margin:0;
  padding:clamp(1.65rem,3vw,3.25rem);
  scroll-margin-top:calc(var(--topbar-h,80px) + 1.5rem);
  background:#eef0ed;
  border:0;
  border-radius:24px;
}
body.home-v2.dispute-process main #rules .rules-showcase__icon{
  display:grid;
  place-items:center;
  inline-size:5rem;
  block-size:5rem;
  margin-bottom:clamp(1.5rem,2.5vw,2.75rem);
  border-radius:50%;
  background:#dce0da;
  color:var(--h-ink);
}
body.home-v2.dispute-process main #rules .rules-showcase__icon svg{
  inline-size:2rem;
  block-size:2rem;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.home-v2.dispute-process main #rules .rules-showcase__card dt{
  margin:0 0 .9rem;
  color:var(--h-ink);
  font-size:var(--type-h4-size);
  font-weight:600;
  line-height:var(--type-h4-line);
}
body.home-v2.dispute-process main #rules .rules-showcase__card dd{
  margin:0;
  color:var(--h-ink-3);
  font-size:var(--type-body-m-size);
  font-weight:400;
  line-height:var(--type-body-m-line);
}
@media (max-width:820px){
  body.home-v2.dispute-process main #rules .rules-showcase{
    grid-template-columns:1fr;
    gap:2rem;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.25rem 1rem;
    padding:0 0 1rem;
    border-inline-start:0;
    border-block-end:4px solid #edf0ed;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index a{
    margin:0;
    padding:.4rem 0;
    border-inline-start:0;
    border-block-end:3px solid transparent;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index a.is-active,
  body.home-v2.dispute-process main #rules .rules-showcase__index a:hover,
  body.home-v2.dispute-process main #rules .rules-showcase__index a:focus-visible{
    border-inline-start-color:transparent;
    border-block-end-color:var(--h-aqua);
  }
}
@media (max-width:580px){
  body.home-v2.dispute-process main #rules .rules-showcase__index,
  body.home-v2.dispute-process main #rules .rules-showcase__grid{
    grid-template-columns:1fr;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__card{
    min-block-size:0;
  }
}
/* END: dispute-process-rules-showcase-v130 */
/* START: dispute-process-rule-pairs-v132 */
body.home-v2.dispute-process main{
  color:var(--h-ink);
}
/* Match the homepage text hierarchy: dark titles, muted supporting copy. */
body.home-v2.dispute-process main #rules .rules-showcase__index button{
  appearance:none;
  display:block;
  inline-size:100%;
  margin-inline-start:-1.9rem;
  padding:.75rem 0 .75rem 1.65rem;
  border:0;
  border-inline-start:4px solid transparent;
  background:transparent;
  color:var(--h-ink-3);
  font:inherit;
  font-size:var(--type-body-l-size);
  font-weight:600;
  line-height:var(--type-h4-line);
  text-align:start;
  cursor:pointer;
  transition:color 180ms ease,border-color 180ms ease,transform 180ms ease;
}
body.home-v2.dispute-process main #rules .rules-showcase__index button.is-active,
body.home-v2.dispute-process main #rules .rules-showcase__index button:hover,
body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
  border-inline-start-color:var(--h-aqua);
  color:var(--h-ink);
}
body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
  outline:0;
}
@media (hover:hover){
  body.home-v2.dispute-process main #rules .rules-showcase__index button:hover{
    transform:translateX(4px);
  }
}

/* Each left rule selects its matching detail card. */
body.home-v2.dispute-process main #rules .rules-showcase__grid{
  display:block;
  margin:0;
}
body.home-v2.dispute-process main #rules .rules-showcase__card{
  display:none;
  min-block-size:clamp(22rem,30vw,29rem);
}
body.home-v2.dispute-process main #rules .rules-showcase__card.is-active{
  display:flex;
  animation:rules-showcase-card-in 220ms ease-out both;
}
body.home-v2.dispute-process main #rules .rules-showcase__card[hidden]{
  display:none!important;
}
@keyframes rules-showcase-card-in{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}
@media (max-width:820px){
  body.home-v2.dispute-process main #rules .rules-showcase__index button{
    margin:0;
    padding:.4rem 0;
    border-inline-start:0;
    border-block-end:3px solid transparent;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button.is-active,
  body.home-v2.dispute-process main #rules .rules-showcase__index button:hover,
  body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
    border-inline-start-color:transparent;
    border-block-end-color:var(--h-aqua);
  }
}
@media (max-width:580px){
  body.home-v2.dispute-process main #rules .rules-showcase__card{
    min-block-size:0;
  }
}
@media (prefers-reduced-motion:reduce){
  body.home-v2.dispute-process main #rules .rules-showcase__card.is-active{
    animation:none;
  }
}
/* END: dispute-process-rule-pairs-v132 */
/* START: dispute-process-rule-navigation-v133 */
body.home-v2.dispute-process main > .page-head .lead{
  color:var(--h-ink-3)!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__card{
  background:#f3f4f3;
}
body.home-v2.dispute-process main #rules .rules-showcase__index{
  position:relative;
}
body.home-v2.dispute-process main #rules .rules-showcase__index::after{
  position:absolute;
  z-index:1;
  inset-inline-start:0;
  inset-block-start:0;
  inline-size:4px;
  block-size:var(--rules-indicator-height,0px);
  border-radius:4px;
  background:var(--h-aqua);
  content:"";
  pointer-events:none;
  transform:translateY(var(--rules-indicator-y,0px));
  transition:transform 240ms cubic-bezier(.22,.61,.36,1),block-size 180ms ease;
}
body.home-v2.dispute-process main #rules .rules-showcase__index button{
  border-inline-start:0;
  color:var(--h-ink-3);
  font-size:var(--type-body-l-size);
  line-height:var(--type-body-l-line);
  transform:none!important;
  transition:color 180ms ease;
}
body.home-v2.dispute-process main #rules .rules-showcase__index button.is-active,
body.home-v2.dispute-process main #rules .rules-showcase__index button:hover,
body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
  border-inline-start-color:transparent;
  color:var(--h-ink);
  transform:none!important;
}
@media (max-width:820px){
  body.home-v2.dispute-process main #rules .rules-showcase__index::after{
    display:none;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button{
    border-block-end:3px solid transparent;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button.is-active,
  body.home-v2.dispute-process main #rules .rules-showcase__index button:hover,
  body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
    border-block-end-color:var(--h-aqua);
  }
}
/* END: dispute-process-rule-navigation-v133 */
/* START: dispute-outcomes-spacing-v134 */
body.home-v2.dispute-process main #outcomes > .section-head{
  text-align:left!important;
  margin-bottom:20px!important;
}
body.home-v2.dispute-process main #outcomes > .section-head h2{
  margin-bottom:0!important;
  text-align:left!important;
}
/* END: dispute-outcomes-spacing-v134 */
/* START: dispute-process-copy-and-rule-rail-v135 */
/* Keep the dispute page on the same text hierarchy as What Is Escrow; the
   green page-head uses a white supporting line for contrast. */
body.home-v2.dispute-process main{
  color:var(--h-ink)!important;
}
body.home-v2.dispute-process main > .page-head .lead{
  color:#fff!important;
}
/* The active rail occupies the same position as the quiet reference rail. */
body.home-v2.dispute-process main #rules .rules-showcase__index{
  isolation:isolate;
}
body.home-v2.dispute-process main #rules .rules-showcase__index::after{
  z-index:2;
  inset-inline-start:-4px;
}
body.home-v2.dispute-process main #rules .rules-showcase__index button{
  position:relative;
  z-index:0;
  color:var(--h-ink)!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__index button.is-active,
body.home-v2.dispute-process main #rules .rules-showcase__index button:hover,
body.home-v2.dispute-process main #rules .rules-showcase__index button:focus-visible{
  color:var(--h-ink)!important;
}
/* END: dispute-process-copy-and-rule-rail-v135 */
/* START: dispute-process-page-head-copy-v136 */
body.home-v2.dispute-process main > .page-head .lead{
  color:var(--h-ink)!important;
}
/* END: dispute-process-page-head-copy-v136 */
/* START: dispute-process-intro-copy-v137 */
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head p{
  color:var(--h-ink)!important;
}
/* END: dispute-process-intro-copy-v137 */
/* START: dispute-process-steps-intro-v138 */
/* Align the dispute step heading and its supporting copy with the page grid;
   the supporting color matches the body copy on What Is Escrow. */
body.home-v2.dispute-process main #steps > .container > .section-head,
body.home-v2.dispute-process main #steps > .container > .section-head :is(h2,.steps-intro){
  text-align:left!important;
  margin-inline:0!important;
}
body.home-v2.dispute-process main #steps > .container > .section-head .steps-intro{
  max-inline-size:42em!important;
  margin:1rem 0 0!important;
  color:#3c5450!important;
  font-size:var(--type-body-m-size)!important;
  line-height:var(--type-body-m-line)!important;
  font-weight:400!important;
}
/* END: dispute-process-steps-intro-v138 */
/* START: dispute-outcomes-left-and-copy-tone-v140 */
/* Let the outcomes heading begin on the same left edge as its step content. */
body.home-v2.dispute-process main #outcomes > .section-head{
  max-inline-size:none!important;
  width:auto!important;
  margin-inline:0!important;
  padding-inline:0!important;
}
body.home-v2.dispute-process main #outcomes > .section-head h2{
  margin-inline:0!important;
  padding-inline:0!important;
}
body.home-v2.dispute-process main #outcomes .card h3{
  color:#3c5450!important;
}
/* END: dispute-outcomes-left-and-copy-tone-v140 */
/* START: dispute-steps-match-process-and-cta-center-v142 */
/* Keep the dispute page's right-hand step flow in the same visual system as
   the five-step transaction flow, without changing its left-hand introduction. */
body.home-v2.dispute-process main #steps .step__text h3{
  font-size:var(--type-h3-size)!important;
  line-height:var(--type-h3-line)!important;
  font-weight:600!important;
  color:#142929!important;
}
body.home-v2.dispute-process main #steps .step__text :is(p,li){
  font-size:var(--type-body-m-size)!important;
  line-height:var(--type-body-m-line)!important;
  font-weight:400!important;
  color:#3c5450!important;
}
body.home-v2.dispute-process main #steps .step__marker{
  background:#142929!important;
  color:#fff!important;
  font-weight:700!important;
}
body.home-v2.dispute-process main #steps .step::before{
  width:1.5px!important;
  left:20.25px!important;
  background:rgba(7,27,20,.18)!important;
}

/* The three shared closing actions retain their existing height while placing
   their visible copy and actions on the vertical centre of the dark surface. */
body.home-v2:not(.what-is-escrow) main .section.bg-mist:has(> .cta__inner){
  padding-block:80px!important;
}
/* END: dispute-steps-match-process-and-cta-center-v142 */
/* START: rules-showcase-density-v143 */
/* Give each desktop rule index item a slightly more generous tap/read area while
   tightening the paired detail card by a matching, restrained amount. */
@media (min-width:821px){
  body.home-v2.dispute-process main #rules .rules-showcase__index button{
    padding-block:.875rem!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__card{
    min-block-size:clamp(21.5rem,28.5vw,27.5rem)!important;
  }
}
/* END: rules-showcase-density-v143 */
/* START: dispute-outcomes-and-rules-sync-v144 */
body.home-v2.dispute-process main #steps .step__text #outcomes .card h3{
  font-size:1rem!important;
  line-height:1.4!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__card.is-active{
  min-block-size:0!important;
}
@media (min-width:821px){
  body.home-v2.dispute-process main #rules .rules-showcase{
    align-items:stretch!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index,
  body.home-v2.dispute-process main #rules .rules-showcase__grid{
    align-self:stretch!important;
  }
}
/* END: dispute-outcomes-and-rules-sync-v144 */
/* START: project-types-and-rules-density-v145 */
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  width:75%!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__index{
  justify-content:space-between!important;
}
body.home-v2.dispute-process main #steps .step__text #outcomes .card h3{
  font-size:.875rem!important;
  line-height:1.35!important;
}
/* END: project-types-and-rules-density-v145 */
/* START: project-types-heading-width-v146 */
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  width:75%!important;
  max-width:none!important;
}
/* END: project-types-heading-width-v146 */
/* START: project-types-heading-flex-width-v147 */
body.home-v2.escrow-types #project-types .project-types-heading .section-head{
  width:75%!important;
  max-width:none!important;
  flex:0 0 75%!important;
}
/* END: project-types-heading-flex-width-v147 */
/* START: sticky-step-head-offset-v148 */
body.what-is-escrow main #process-steps > .container > .section-head,
body.home-v2.dispute-process main #steps > .container > .section-head{
  top:calc(var(--topbar-h) + 54px)!important;
}
/* END: sticky-step-head-offset-v148 */
/* START: dispute-outcomes-and-rules-height-v149 */
body.home-v2.dispute-process main #steps .step__text #outcomes .card h3{
  font-size:var(--type-body-m-size)!important;
  line-height:var(--type-body-m-line)!important;
}
@media (min-width:821px){
  body.home-v2.dispute-process main #rules .rules-showcase__grid{
    display:flex!important;
    align-items:stretch!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__card.is-active{
    flex:1 1 auto!important;
  }
}
/* END: dispute-outcomes-and-rules-height-v149 */
/* START: rules-showcase-icon-v150 */
body.home-v2.dispute-process main #rules .rules-showcase__icon{
  width:var(--shared-back-to-top-size)!important;
  height:var(--shared-back-to-top-size)!important;
  background:var(--shared-back-to-top-green)!important;
}
/* END: rules-showcase-icon-v150 */
/* START: dispute-outcome-card-padding-v152 */
body.home-v2.dispute-process main #steps .step__text #outcomes .card{
  padding:15px!important;
}
/* END: dispute-outcome-card-padding-v152 */
/* START: typography-audit-and-project-copy-width-v154 */
/* Re-align the two dispute-page descriptive tiers with the shared inner-page copy scale. */
body.home-v2.dispute-process main > .page-head .lead{
  color:rgba(20,41,41,.8)!important;
}
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head p{
  color:#3c5450!important;
}
/* Revert the temporary green emphasis so the sentence follows its paragraph color. */
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head p strong{
  color:inherit!important;
}
/* Keep the supporting copy on the exact same reading width as its project-types heading. */
body.home-v2.escrow-types #project-types .project-types-heading .section-head > p{
  inline-size:100%!important;
  width:100%!important;
  max-inline-size:none!important;
  max-width:none!important;
}
/* END: typography-audit-and-project-copy-width-v154 */
/* START: dispute-protected-funds-ink-v156 */
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head p strong{
  color:#142929!important;
}
/* END: dispute-protected-funds-ink-v156 */
/* START: dispute-intro-heading-auto-width-v158 */
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head > h2{
  display:inline-block!important;
  inline-size:fit-content!important;
  width:fit-content!important;
  max-inline-size:100%!important;
  max-width:100%!important;
}
/* END: dispute-intro-heading-auto-width-v158 */
/* START: dispute-traditional-heading-single-line-v159 */
/* The available grid gap accommodates the short Traditional Chinese title on desktop. */
@media (min-width:981px){
  html:is([lang="zh-HK"],[lang="zh-TW"]) body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__copy .section-head > h2{
    white-space:nowrap!important;
    inline-size:max-content!important;
    width:max-content!important;
    max-inline-size:calc(100% + 7.5rem)!important;
    max-width:calc(100% + 7.5rem)!important;
  }
}
/* END: dispute-traditional-heading-single-line-v159 */
/* START: how-steps-disabled-match-suitable-v160 */
/* Keep the disabled homepage step controls identical to suitable-showcase controls. */
.home-v2 .how-steps__control:disabled {
  background: #edf0ef !important;
  color: rgba(20, 41, 41, .5) !important;
  opacity: 1 !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-v2 .how-steps.is-pinned.is-carousel:hover .how-steps__control:disabled,
  .home-v2 .how-steps.is-pinned.is-carousel:focus-within .how-steps__control:disabled {
    background: #edf0ef !important;
    color: rgba(20, 41, 41, .5) !important;
    opacity: 1 !important;
  }
}
/* END: how-steps-disabled-match-suitable-v160 */
/* START: home-trust-hover-green-v161 */
/* Inactive trust panels use the page's light-green hover surface. */
@media (hover: hover) {
  .home-v2 main .section.trust-cards .grid > .trust-panel.card:not(.is-active):hover {
    background: #F6FFFA;
  }
}
/* END: home-trust-hover-green-v161 */
/* START: home-trust-hover-white-v162 */
/* Inactive trust panels use a clean white hover surface. */
@media (hover: hover) {
  .home-v2 main .section.trust-cards .grid > .trust-panel.card:not(.is-active):hover {
    background: #FFFFFF;
  }
}
/* END: home-trust-hover-white-v162 */
/* START: shared-footer-reference-layout-v2 */
/* Reference footer: subscription at left, contact and social icons at right,
   with the large brand wordmark retained as a quiet background layer. */
.home-v2 .home-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(3rem,4.5vw,4.75rem) 0 clamp(7.5rem,13vw,11rem);
}
.home-v2 .home-footer > .container{position:relative;z-index:1;}
.home-v2 .home-footer .footer__wordmark{
  display:block;
  position:absolute;
  z-index:0;
  left:50%;
  bottom:0;
  width:max-content;
  margin:0;
  color:#fff;
  opacity:.12;
  font-size:clamp(21rem,48vw,43rem);
  font-weight:800;
  line-height:.78;
  letter-spacing:-.1em;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  transform:translate(-50%,calc(44% - 200px));
}
.home-v2 .home-footer .footer__grid{
  display:grid;
  grid-template-columns:minmax(15rem,1.5fr) repeat(3,minmax(8rem,.75fr)) minmax(11rem,1fr);
  gap:clamp(2rem,4vw,4.5rem);
  align-items:start;
}
.home-v2 .home-footer .footer__brand{
  display:grid;
  grid-column:auto;
  align-content:start;
  gap:.8rem;
  min-width:0;
}
.home-v2 .home-footer .footer__brand .brand{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  color:#fff;
  text-decoration:none;
}
.home-v2 .home-footer .footer__brand > :is(h4,.footer__about,.footer__socials){display:none;}
.home-v2 .home-footer .footer__tagline{
  max-width:28ch;
  margin:0!important;
  color:rgba(255,255,255,.88);
  font-size:.875rem;
  line-height:1.55;
}
.home-v2 .home-footer .footer__email{display:none;}
.home-v2 .home-footer .footer__subscribe{
  display:flex;
  align-items:center;
  width:min(100%,25rem);
  min-height:3.5rem;
  margin:.25rem 0 0;
  padding:4px;
  overflow:hidden;
  border:1px solid rgba(0,209,106,.62);
  border-radius:999px;
  background:rgba(0,209,106,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.home-v2 .home-footer .footer__subscribe input{
  box-sizing:border-box;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:calc(3.5rem - 10px);
  padding:0 1rem;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:.875rem;
  line-height:1.2;
}
.home-v2 .home-footer .footer__subscribe input::placeholder{color:rgba(255,255,255,.66);opacity:1;}
.home-v2 .home-footer .footer__subscribe input:focus-visible{outline:2px solid rgba(255,255,255,.86);outline-offset:-5px;border-radius:999px;}
.home-v2 .home-footer .footer__subscribe button{
  flex:0 0 auto;
  min-height:calc(3.5rem - 10px);
  padding:0 1.28rem;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#142929;
  font:inherit;
  font-size:.875rem;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.home-v2 .home-footer .footer__subscribe button:hover,
.home-v2 .home-footer .footer__subscribe button:focus-visible{background:#dfffee;color:#142929;transform:translateY(-1px);}
.home-v2 .home-footer .footer__grid > :is(.footer__sitemap,.footer__contact-column){
  grid-column:auto;
  min-width:0;
  margin:0;
}
.home-v2 .home-footer .footer__grid > :is(.footer__sitemap,.footer__contact-column) > h4{
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0 0 1rem;
  overflow:visible;
  clip:auto;
  white-space:normal;
  border:0;
  color:#00D16A;
  font-size:var(--type-body-s-size);
  font-weight:600;
  line-height:var(--type-body-s-line);
}
.home-v2 .home-footer .footer__grid ul{
  margin:0;
  padding:0;
  list-style:none;
  gap:.7rem;
}
.home-v2 .home-footer .footer__grid li a{
  color:#fff;
  font-size:.875rem;
  line-height:1.4;
}
.home-v2 .home-footer .footer__contact{
  margin:0;
  gap:.75rem;
  font-size:.875rem;
  line-height:1.45;
}
.home-v2 .home-footer .footer__contact > div{gap:.2rem;}
.home-v2 .home-footer .footer__socials{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  margin-top:1.15rem;
}
.home-v2 .home-footer .footer__social{
  display:inline-grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.94);
}
.home-v2 .home-footer .footer__social svg{display:block;width:1rem;height:1rem;}
.home-v2 .home-footer .footer__lower{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(1.5rem,4vw,4rem);
  align-items:center;
  margin-top:clamp(2.75rem,5vw,4.5rem);
  padding-top:1.375rem;
  border-top:1px solid rgba(255,255,255,.24);
}
.home-v2 .home-footer .footer__lower .footer__disclosure{
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:rgba(255,255,255,.62);
  font-size:.75rem;
  line-height:1.55;
  text-align:left;
}
.home-v2 .home-footer .footer__lower .footer__disclosure > div{
  max-width:none;
  margin:0;
  text-align:left;
}
.home-v2 .home-footer .footer__lower .footer__disclosure-list{
  display:flex;
  flex-wrap:wrap;
  gap:.15rem .9rem;
}
.home-v2 .home-footer .footer__lower .footer__disclosure p{margin:0;color:inherit;}
.home-v2 .home-footer .footer__lower .footer__policies{
  grid-column:auto;
  margin:0;
}
@media(min-width:681px){
  .home-v2 .home-footer .footer__lower .footer__policies{padding-right:5.5rem;}
}
.home-v2 .home-footer .footer__lower .footer__policies > h4{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.home-v2 .home-footer .footer__lower .footer__legal{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.5rem clamp(1rem,2vw,1.75rem);
  margin:0;
  padding:0;
  list-style:none;
}
.home-v2 .home-footer .footer__lower .footer__legal a{
  color:#fff;
  font-size:.8125rem;
  line-height:1.4;
}
@media(max-width:1100px){
  .home-v2 .home-footer .footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-v2 .home-footer .footer__brand{grid-column:1 / -1;}
}
@media(max-width:680px){
  .home-v2 .home-footer{padding-block:3rem 7.5rem;}
  .home-v2 .home-footer .footer__wordmark{font-size:clamp(13rem,62vw,27rem);}
  .home-v2 .home-footer .footer__grid{grid-template-columns:1fr;gap:2rem;}
  .home-v2 .home-footer .footer__brand{grid-column:auto;}
  .home-v2 .home-footer .footer__subscribe{width:min(100%,24rem);}
  .home-v2 .home-footer .footer__lower{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;}
  .home-v2 .home-footer .footer__lower .footer__legal{justify-content:flex-start;}
  .home-v2 .home-footer .footer__lower .footer__disclosure-list{display:grid;gap:.2rem;}
}
/* END: shared-footer-reference-layout-v2 */

/* START: homepage-hero-viewport-and-entrance-v1 */
.home-v2 .hero{
  height:max(380px,100vh);
  min-height:380px;
}
@media (prefers-reduced-motion:no-preference){
  .home-v2 .hero h1,
  .home-v2 .hero .lead,
  .home-v2 .hero .btn-row{
    animation-duration:.84s;
  }
  .home-v2 .hero h1{animation-delay:.12s;}
  .home-v2 .hero .lead{animation-delay:.28s;}
  .home-v2 .hero .btn-row{animation-delay:.44s;}
  .home-v2 .globe{
    animation-duration:1.12s;
    animation-delay:.22s;
  }
}
/* END: homepage-hero-viewport-and-entrance-v1 */

/* START: home-footer-disclosure-alignment-v1 */
/* Legal documents begin from the same top baseline as the disclosure block. */
.home-v2 .home-footer .footer__lower{
  align-items:start;
}
.home-v2 .home-footer .footer__lower .footer__disclosure-list{
  display:grid;
  grid-template-columns:1fr;
  gap:.2rem;
}
/* END: home-footer-disclosure-alignment-v1 */


/* START: home-footer-legal-link-top-baseline-v1 */
.home-v2 .home-footer .footer__lower .footer__legal{
  align-items:flex-start;
  line-height:1.4;
}
/* END: home-footer-legal-link-top-baseline-v1 */


/* START: home-footer-legal-link-box-alignment-v1 */
.home-v2 .home-footer .footer__lower .footer__legal a{
  display:block;
  line-height:1.4;
}
/* END: home-footer-legal-link-box-alignment-v1 */


/* START: shared-footer-contact-reference-v3 */
/* The home footer uses a compact contact column and one disclosure per line. */
.home-v2 .home-footer .footer__grid{
  grid-template-columns:repeat(4,minmax(8rem,.85fr)) minmax(14rem,1.15fr);
}
.home-v2 .home-footer .footer__contact-column > h4{
  margin-bottom:1rem;
}
.home-v2 .home-footer .footer__contact{
  display:grid;
  gap:.5rem;
}
.home-v2 .home-footer .footer__contact > div{
  display:block;
  min-width:0;
  white-space:nowrap;
}
.home-v2 .home-footer .footer__contact :is(dt,dd){
  display:inline;
  margin:0;
}
.home-v2 .home-footer .footer__contact dt{
  color:rgba(255,255,255,.68);
}
.home-v2 .home-footer .footer__contact dt::after{content:":";}
html[lang^="zh"] .home-v2 .home-footer .footer__contact dt::after{content:"：";}
.home-v2 .home-footer .footer__contact dd{
  color:#fff;
  overflow-wrap:normal;
}
.home-v2 .home-footer .footer__socials{
  gap:.55rem;
  margin-top:1.15rem;
}
.home-v2 .home-footer button.footer__social{
  display:inline-grid;
  place-items:center;
  width:2.7rem;
  height:2.7rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:rgba(255,255,255,.94);
  cursor:pointer;
  transition:background-color .24s ease,color .24s ease,transform .24s ease;
}
.home-v2 .home-footer button.footer__social:hover,
.home-v2 .home-footer button.footer__social:focus-visible{
  background:rgba(0,209,106,.24);
  color:#fff;
  transform:translateY(-2px);
}
.home-v2 .home-footer button.footer__social:focus-visible{
  outline:2px solid var(--h-aqua);
  outline-offset:3px;
}
.home-v2 .home-footer button.footer__social svg{width:1.2rem;height:1.2rem;}
.home-v2 .home-footer .footer__lower .footer__disclosure-list{
  display:grid;
  grid-template-columns:1fr;
  justify-items:start;
  gap:.2rem;
  text-align:left;
}
.home-v2 .home-footer .footer__lower .footer__legal{
  justify-content:flex-end;
  text-align:right;
}
.home-v2 .home-footer .footer__lower .footer__legal li{display:block;}
@media(max-width:680px){
  .home-v2 .home-footer .footer__lower .footer__legal{justify-content:flex-end;}
}
/* END: shared-footer-contact-reference-v3 */

/* START: homepage-hero-dynamic-viewport-v2 */
.home-v2 .hero{
  height:100vh;
  height:100svh;
  min-height:380px;
}
/* END: homepage-hero-dynamic-viewport-v2 */
/* START: shared-footer-contact-responsive-v4 */
@media(max-width:1100px){
  .home-v2 .home-footer .footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:680px){
  .home-v2 .home-footer .footer__grid{grid-template-columns:1fr;gap:2rem;}
}
.home-v2 .home-footer .footer__lower .footer__policies{padding-right:0;}
/* END: shared-footer-contact-responsive-v4 */
/* START: home-footer-disclosure-centered-no-rule-v5 */
.home-v2 .home-footer .footer__lower{
  border-top:0;
}
.home-v2 .home-footer .footer__lower .footer__disclosure,
.home-v2 .home-footer .footer__lower .footer__disclosure > div,
.home-v2 .home-footer .footer__lower .footer__disclosure-list{
  inline-size:100%;
  text-align:center;
}
.home-v2 .home-footer .footer__lower .footer__disclosure-list{
  justify-items:center;
}
/* END: home-footer-disclosure-centered-no-rule-v5 */
/* START: footer-social-default-surface-v6 */
.home-v2 .home-footer button.footer__social{
  background:rgba(255,255,255,.08);
}
/* END: footer-social-default-surface-v6 */

/* START: shared-footer-contact-spacing-and-help-text-v7 */
/* Keep contact values close to their labels and use the Help Center supporting-copy tier. */
.home-v2 .home-footer .footer__contact dd{margin-inline-start:5px;}
.home-v2 .home-footer .footer__lower .footer__disclosure{
  font-size:var(--type-body-s-size);
  line-height:var(--type-body-s-line);
}
/* END: shared-footer-contact-spacing-and-help-text-v7 */

/* START: footer-legal-links-as-help-column-v10 */
/* Legal links now occupy the column immediately after Help Center. */
.home-v2 .home-footer .footer__contact a,
.home-v2 .home-footer .footer__contact a:visited{color:#fff;}
/* END: footer-legal-links-as-help-column-v10 */

/* START: shared-footer-contact-wrap-v11 */
/* Keep contact details inline when possible and allow them to wrap within the column when needed. */
.home-v2 .home-footer .footer__contact > div{
  white-space:normal;
}
.home-v2 .home-footer .footer__contact dd{
  overflow-wrap:anywhere;
}
/* END: shared-footer-contact-wrap-v11 */

/* START: homepage-chain-split-feature-motion-v1 */
@media (prefers-reduced-motion: no-preference) {
  .home-v2 .chain-split__features.chain-split__features--ready .feature {
    opacity: 0;
    transform: translate3d(0, 1.125rem, 0);
    transition:
      opacity 620ms cubic-bezier(.22, .61, .36, 1),
      transform 620ms cubic-bezier(.22, .61, .36, 1);
    will-change: opacity, transform;
  }
  .home-v2 .chain-split__features.chain-split__features--ready .feature:nth-child(2) { transition-delay: 80ms; }
  .home-v2 .chain-split__features.chain-split__features--ready .feature:nth-child(3) { transition-delay: 160ms; }
  .home-v2 .chain-split__features.chain-split__features--ready .feature:nth-child(4) { transition-delay: 240ms; }
  .home-v2 .chain-split__features.chain-split__features--ready.is-revealed .feature {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .home-v2 .chain-split__features.chain-split__features--ready.is-revealed .feature:hover {
    transform: translate3d(0, -0.4rem, 0);
    transition-delay: 0ms;
  }
}
/* END: homepage-chain-split-feature-motion-v1 */
/* START: homepage-hero-glass-callouts-v1 */
/* Retain the dark callouts while giving the right-side banner cards a visible frosted-glass surface. */
.home-v2 .hero .globe__card{
  background:linear-gradient(135deg,rgba(7,25,18,.72),rgba(18,65,44,.42));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 0 0 1px rgba(223,255,236,.07),
    0 16px 34px rgba(3,17,12,.16);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
/* END: homepage-hero-glass-callouts-v1 */
/* START: homepage-hero-glass-callouts-v2 */
/* The two banner callouts use a clearer frosted layer while retaining their existing dark tone. */
.home-v2 .hero :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.065) 38%,rgba(255,255,255,.02) 64%),
    linear-gradient(135deg,rgba(7,25,18,.67),rgba(18,65,44,.38));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(223,255,236,.12),
    0 16px 34px rgba(3,17,12,.16);
  backdrop-filter:blur(24px) saturate(155%);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
}
/* END: homepage-hero-glass-callouts-v2 */
/* START: homepage-hero-globe-callout-layering-v1 */
/* Keep the banner callouts and their headings above the wireframe globe at every breakpoint. */
.home-v2 .hero .globe{position:relative;isolation:isolate;}
.home-v2 .hero .globe__svg{position:relative;z-index:0;}
.home-v2 .hero .globe__card{z-index:1;}
.home-v2 .hero .globe__card-head{position:relative;z-index:1;}
/* END: homepage-hero-globe-callout-layering-v1 */

/* START: homepage-hero-viewport-background-v3 */
/* The home Banner fills the viewport while retaining enough space for all hero content. */
.home-v2 .hero{
  height:100vh;
  min-height:400px;
  max-height:none;
  background-color:var(--h-aqua);
  background-image:url("../images/index/globe_right_isolated_lossless.webp");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
}
/* The supplied dark artwork needs the existing hero content to retain a readable contrast tier. */
.home-v2 .hero h1{color:#fff;}
.home-v2 .hero .lead{color:rgba(255,255,255,.86);}
.home-v2 .hero .btn--accent,
.home-v2 .hero .btn--contact{
  background:var(--h-aqua);
  border-color:var(--h-aqua);
  color:var(--h-ink);
}
.home-v2 .hero .btn--accent:hover,
.home-v2 .hero .btn--contact:hover{
  background:#9ff17e;
  border-color:#9ff17e;
  color:var(--h-ink);
}
.home-v2 .hero .btn--outline-light{
  border-color:rgba(255,255,255,.72);
  color:#fff;
}
.home-v2 .hero .btn--outline-light:hover{
  background:rgba(255,255,255,.14);
  border-color:#fff;
  color:#fff;
}
/* END: homepage-hero-viewport-background-v3 */


/* START: homepage-hero-viewport-fit-v6 */
/* The navigation and Banner together occupy one visible browser viewport. */
.home-v2 .hero{
  height:calc(100vh - var(--topbar-h,84px));
  height:calc(100svh - var(--topbar-h,84px));
  min-height:min(400px,calc(100svh - var(--topbar-h,84px)));
}
/* END: homepage-hero-viewport-fit-v6 */


/* START: homepage-hero-globe-card-foreground-v7 */
/* The two retained information cards sit above the decorative globe SVG. */
.home-v2 .hero .globe__svg{position:relative;z-index:0;}
.home-v2 .hero .globe :is(.globe__card--a,.globe__card--b){
  position:absolute;
  z-index:2;
}
/* END: homepage-hero-globe-card-foreground-v7 */


/* START: homepage-hero-globe-card-frost-v8 */
/* A translucent surface and backdrop blur make the existing globe cards visibly frosted. */
.home-v2 .hero :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.045) 43%,rgba(255,255,255,.015)),
    rgba(11,42,29,.52);
  border-color:rgba(224,255,236,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 0 0 1px rgba(226,255,238,.09),
    0 18px 34px rgba(2,15,10,.2);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
}
/* END: homepage-hero-globe-card-frost-v8 */


/* START: homepage-hero-card-foreground-and-contact-hover-v9 */
/* Keep card surfaces in a dedicated foreground layer above the globe drawing. */
.home-v2 .hero .globe{isolation:isolate;}
.home-v2 .hero .globe > .globe__svg{
  position:relative;
  z-index:0 !important;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  position:absolute;
  z-index:4 !important;
  isolation:isolate;
  transform:translateZ(0);
}
/* The primary contact action uses the shared light hover treatment. */
.home-v2 .hero .btn--contact:hover{
  background:#fff;
  border-color:#fff;
  color:var(--h-ink);
}
/* END: homepage-hero-card-foreground-and-contact-hover-v9 */


/* START: homepage-hero-circular-escrow-panel-v11 */
/* Replace the decorative wireframe globe with a frosted circular escrow amount panel. */
.home-v2 .hero .globe{
  position:relative;
  aspect-ratio:1;
  isolation:isolate;
}
.home-v2 .hero .globe__svg{display:none !important;}
.home-v2 .hero .globe::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:0;
  border:1px solid rgba(226,255,238,.26);
  border-radius:50%;
  background:
    radial-gradient(circle at 31% 27%,rgba(226,255,238,.20),transparent 33%),
    radial-gradient(circle at 76% 74%,rgba(0,209,106,.15),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045) 46%,rgba(255,255,255,.09)),
    rgba(11,42,29,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 0 0 1px rgba(226,255,238,.07),
    0 24px 56px rgba(2,15,10,.24);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
}
.home-v2 .hero .globe__amount{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-content:center;
  gap:clamp(.35rem,.8vw,.7rem);
  padding:clamp(2.5rem,7vw,5rem);
  color:#fff;
  text-align:center;
  pointer-events:none;
}
.home-v2 .hero .globe__amount-label{
  color:rgba(247,255,250,.75);
  font-size:clamp(.9rem,1.3vw,1.25rem);
  font-weight:500;
  letter-spacing:.01em;
}
.home-v2 .hero .globe__amount-value{
  color:#fff;
  font-size:clamp(2.25rem,4.6vw,4.8rem);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:.96;
  text-shadow:0 8px 22px rgba(0,0,0,.16);
  font-variant-numeric:tabular-nums;
}
@media (min-width:981px){
  /* Preserve the approved positions of the two status cards. */
  .home-v2 .hero .globe > .globe__card--a{
    top:auto;
    right:auto;
    bottom:8%;
    left:-6%;
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:22%;
    right:-6%;
    bottom:auto;
    left:auto;
  }
}
@media (max-width:980px){
  .home-v2 .hero .globe::before{inset:0;}
}
/* END: homepage-hero-circular-escrow-panel-v11 */


/* START: homepage-hero-amount-visual-clearance-v12 */
/* Keep the central label readable beside the unchanged upper-right status card. */
@media (min-width:981px){
  .home-v2 .hero .globe__amount{transform:translateX(-10%);}
}
/* END: homepage-hero-amount-visual-clearance-v12 */


/* START: homepage-hero-circular-panel-no-shadow-v13 */
/* Keep the frosted circle flat against the hero background. */
.home-v2 .hero .globe::before{box-shadow:none;}
/* END: homepage-hero-circular-panel-no-shadow-v13 */


/* START: homepage-hero-dotted-globe-surface-v14 */
/* Give the circular escrow panel a frosted, luminous globe surface with a contained dot field. */
.home-v2 .hero .globe::before{
  border-color:rgba(214,255,228,.36);
  background:
    radial-gradient(circle at 71% 18%,rgba(221,255,232,.25),transparent 26%),
    radial-gradient(circle at 75% 73%,rgba(0,209,106,.18),transparent 44%),
    radial-gradient(circle at 24% 76%,rgba(0,209,106,.10),transparent 37%),
    linear-gradient(145deg,rgba(235,255,243,.18),rgba(15,62,39,.26) 49%,rgba(5,36,24,.44)),
    rgba(8,37,24,.46);
}
.home-v2 .hero .globe::after{
  content:"";
  position:absolute;
  inset:8%;
  z-index:1;
  border-radius:50%;
  background-image:radial-gradient(circle,rgba(182,255,207,.9) 0 1px,transparent 1.55px);
  background-size:9px 9px;
  clip-path:polygon(54% 4%,70% 8%,82% 21%,77% 31%,91% 43%,77% 52%,83% 65%,69% 74%,64% 94%,48% 84%,52% 68%,39% 58%,45% 44%,39% 27%);
  opacity:.72;
  transform:rotate(-12deg) scale(1.03);
  transform-origin:center;
  pointer-events:none;
}
.home-v2 .hero .globe__amount{z-index:2;}
/* END: homepage-hero-dotted-globe-surface-v14 */

/* START: footer-contact-single-line-v15 */
/* Keep the contact column wide enough for complete single-line details while the navigation columns share the remaining space. */
@media (min-width:1101px){
  .home-v2 .home-footer .footer__grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) minmax(max-content,1.35fr);
    column-gap:clamp(.875rem,1.65vw,2rem);
    row-gap:clamp(1.5rem,3vw,2.5rem);
  }
}
@media (min-width:681px) and (max-width:1100px){
  .home-v2 .home-footer .footer__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:clamp(1rem,2.4vw,1.5rem);
    row-gap:clamp(1.5rem,4vw,2.5rem);
  }
  .home-v2 .home-footer .footer__contact-column{grid-column:span 2;}
}
/* END: footer-contact-single-line-v15 */
/* START: homepage-hero-direct-dot-globe-v16 */
/* The supplied globe image now provides the complete banner map surface. */
.home-v2 .hero .globe__image{
  position:absolute;
  inset:-4%;
  z-index:0;
  display:block;
  width:108%;
  height:108%;
  max-width:none;
  object-fit:contain;
  pointer-events:none;
}
.home-v2 .hero .globe::before,
.home-v2 .hero .globe::after{display:none;}
/* END: homepage-hero-direct-dot-globe-v16 */
/* START: homepage-hero-globe-center-and-card-position-v17 */
/* Center the escrow amount in the supplied globe and raise only the upper status card slightly. */
@media (min-width:981px){
  .home-v2 .hero .globe__amount{transform:none;}
  .home-v2 .hero .globe > .globe__card--b{top:19%;}
}
/* END: homepage-hero-globe-center-and-card-position-v17 */
/* START: homepage-hero-globe-frost-and-icon-v18 */
/* Strengthen the existing frosted treatment without changing the two callouts' content or dimensions. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(135deg,rgba(255,255,255,.19) 0%,rgba(255,255,255,.07) 43%,rgba(255,255,255,.025) 72%),
    rgba(10,42,28,.64);
  -webkit-backdrop-filter:blur(20px) saturate(155%);
  backdrop-filter:blur(20px) saturate(155%);
}
.home-v2 .hero .globe__card-icon{background:#00D16A;}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{top:12%;}
}
/* END: homepage-hero-globe-frost-and-icon-v18 */
/* START: homepage-hero-globe-visible-frost-v19 */
/* Make the two Banner status cards visibly frosted above the globe image. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(120deg,rgba(255,255,255,.48) 0%,rgba(235,255,243,.27) 44%,rgba(188,255,213,.11) 100%),
    rgba(7,42,27,.24);
  -webkit-backdrop-filter:blur(44px) saturate(180%) brightness(1.14);
  backdrop-filter:blur(44px) saturate(180%) brightness(1.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.31),
    inset 0 0 0 1px rgba(231,255,240,.13),
    0 14px 32px rgba(0,14,8,.18);
}
.home-v2 .hero .globe__card-icon{color:#142929;}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{top:8%;}
}
/* END: homepage-hero-globe-visible-frost-v19 */
/* START: homepage-hero-globe-language-safe-spacing-v20 */
/* Keep both status cards clear of the centered amount even when translated copy changes height. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(120deg,rgba(255,255,255,.48) 0%,rgba(235,255,243,.27) 44%,rgba(188,255,213,.11) 100%),
    rgba(7,42,27,.30);
}
@media (min-width:981px){
  .home-v2 .hero .globe__image{
    inset:-6%;
    width:112%;
    height:112%;
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:auto;
    bottom:65.5%;
  }
  .home-v2 .hero .globe > .globe__card--a{
    top:65.5%;
    bottom:auto;
  }
}
/* END: homepage-hero-globe-language-safe-spacing-v20 */
/* START: homepage-hero-black-frost-and-number-asset-v21 */
/* Keep the supplied number graphic centered while using a dedicated glass layer behind each status card. */
.home-v2 .hero img.globe__amount-value{
  display:block;
  width:clamp(11rem,23vw,19rem);
  max-width:100%;
  height:auto;
  color:transparent;
  text-shadow:none;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  isolation:auto;
  transform:none;
  overflow:hidden;
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) > :is(.globe__card-head,ul){
  position:relative;
  z-index:1;
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{
    top:auto;
    bottom:69.5%;
  }
  .home-v2 .hero .globe > .globe__card--a{
    top:68%;
    bottom:auto;
  }
}
/* END: homepage-hero-black-frost-and-number-asset-v21 */

/* START: homepage-hero-map-backdrop-and-card-edge-v22 */
/* Restore a visible blur surface behind the transparent dot-globe without adding a shadow to its circular area. */
.home-v2 .hero .globe{
  isolation:auto;
}
.home-v2 .hero .globe::before{
  display:block;
  inset:-10%;
  z-index:0;
  border:1px solid rgba(218,255,232,.16);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 28%,rgba(183,255,213,.11),transparent 39%),
    radial-gradient(circle at 70% 74%,rgba(0,209,106,.10),transparent 48%),
    rgba(5,35,23,.12);
  box-shadow:none;
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
}
.home-v2 .hero .globe__image{z-index:1;}
.home-v2 .hero .globe__amount{z-index:2;}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  background:none !important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border:1.5px solid rgba(231,255,241,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 0 0 .5px rgba(194,255,218,.18),
    0 16px 34px rgba(0,0,0,.31),
    0 0 18px rgba(98,255,170,.10);
}
/* END: homepage-hero-map-backdrop-and-card-edge-v22 */

/* START: homepage-hero-map-layer-sizing-and-deeper-card-edge-v23 */
/* Keep the map backdrop exactly aligned to the responsive map surface. */
.home-v2 .hero .globe::before{inset:-4%;}
@media (min-width:981px){
  .home-v2 .hero .globe::before{inset:-6%;}
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  border-color:rgba(126,183,150,.48);
}
/* END: homepage-hero-map-layer-sizing-and-deeper-card-edge-v23 */

/* START: homepage-hero-separated-map-backdrop-v24 */
/* Keep the blur as a larger, edge-free halo behind the map rather than matching its visible contour. */
.home-v2 .hero .globe::before{
  inset:-14%;
  border:0;
  background:radial-gradient(circle at 50% 50%,rgba(7,46,29,.18) 0%,rgba(7,46,29,.13) 53%,rgba(7,46,29,.05) 71%,rgba(7,46,29,0) 100%);
}
/* END: homepage-hero-separated-map-backdrop-v24 */

/* START: homepage-hero-strong-map-frost-v25 */
/* Intensify the edge-free glass surface behind the map while preserving every foreground element. */
.home-v2 .hero .globe::before{
  background:
    radial-gradient(circle at 28% 21%,rgba(255,255,255,.18),transparent 38%),
    radial-gradient(circle at 76% 76%,rgba(0,209,106,.17),transparent 47%),
    linear-gradient(135deg,rgba(239,255,246,.12),rgba(113,255,176,.035) 46%,rgba(0,0,0,.13) 100%),
    rgba(4,34,21,.24);
  -webkit-backdrop-filter:blur(64px) saturate(185%) brightness(1.16);
  backdrop-filter:blur(64px) saturate(185%) brightness(1.16);
}
/* END: homepage-hero-strong-map-frost-v25 */

/* START: homepage-hero-card-only-strong-frost-v26 */
/* Remove the map backdrop and make the two retained status cards read as translucent frosted glass. */
.home-v2 .hero .globe::before{display:none;}
/* END: homepage-hero-card-only-strong-frost-v26 */

/* START: homepage-hero-single-globe-and-black-card-surface-v27 */
/* Use the supplied half-teal globe as the single visible circular artwork. */
.home-v2 .hero .globe__image{display:block;}
/* END: homepage-hero-single-globe-and-black-card-surface-v27 *//* START: homepage-hero-amount-icon-and-glass-refinement-v28 */
/* Scale the supplied amount graphic slightly while keeping it centered in the globe. */
.home-v2 .hero img.globe__amount-value{
  width:clamp(12.25rem,26vw,21rem);
}
/* Retain each card's geometry while giving its status icon a little more presence. */
.home-v2 .hero .globe__card-icon{
  flex:0 0 auto;
  width:clamp(2rem,2.8vw,2.35rem);
  height:clamp(2rem,2.8vw,2.35rem);
  border-radius:clamp(.625rem,.9vw,.75rem);
}
.home-v2 .hero .globe__card-icon svg{
  width:clamp(1.125rem,1.45vw,1.3rem);
  height:clamp(1.125rem,1.45vw,1.3rem);
}
/* Keep the black translucent surface on the pseudo-layer and visibly defocus the globe behind it. */
/* END: homepage-hero-amount-icon-and-glass-refinement-v28 */

/* START: homepage-capability-image-and-hero-card-layout-v29 */
/* Remove the image edge in the repeatable-delivery workflow section. */
.home-v2 .capability-cards .capability-photo,
.home-v2 .capability-cards .capability-photo img{
  border:0;
  outline:0;
}
/* Keep the two Banner callouts in place while presenting their icon above the label. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) .globe__card-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(.4rem,.65vw,.625rem);
  margin-bottom:0;
  text-align:center;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) .globe__card-head strong{
  display:block;
  text-align:center;
}
/* END: homepage-capability-image-and-hero-card-layout-v29 */

/* START: homepage-hero-card-direct-glass-and-content-width-v30 */
/* Render the status-card glass directly on each card; the pseudo layer is no longer used. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  width:fit-content;
  max-width:calc(10.5em + clamp(2rem,3vw,2.25rem));
  min-width:0;
  background:rgba(0,0,0,.32) !important;
  -webkit-backdrop-filter:blur(32px) saturate(128%) brightness(.82) !important;
  backdrop-filter:blur(32px) saturate(128%) brightness(.82) !important;
}
/* END: homepage-hero-card-direct-glass-and-content-width-v30 */

/* START: homepage-hero-card-flat-border-and-horizontal-layout-v31 */
/* Restore the original horizontal icon-and-label layout while keeping the adaptive card widths. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  border:1px solid rgba(198,220,204,.48);
  border-radius:clamp(1.125rem,1.65vw,1.5rem);
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) .globe__card-head{
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(.5rem,.8vw,.625rem);
  text-align:left;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) .globe__card-head strong{
  text-align:left;
}
/* END: homepage-hero-card-flat-border-and-horizontal-layout-v31 */

/* START: homepage-hero-card-direct-content-and-motion-v32 */
/* The callout content now sits directly in each card, retaining a minimum width that fits the longest Chinese label. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(.5rem,.8vw,.625rem);
  width:fit-content;
  min-width:calc(10.5em + clamp(2rem,3vw,2.25rem));
  max-width:100%;
  border:1.5px solid rgba(198,220,204,.40);
  border-radius:clamp(1rem,1.45vw,1.25rem);
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  font-size:var(--type-label-size);
  line-height:var(--type-label-line);
  font-weight:600;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) > strong{
  display:block;
  color:#fff;
}
@keyframes homeHeroStatusCardDrift{
  0%,100%{transform:translate3d(0,0,0);}
  25%{transform:translate3d(1.5px,-1.5px,0);}
  50%{transform:translate3d(-1.25px,1.25px,0);}
  75%{transform:translate3d(-1px,-.75px,0);}
}
@media (prefers-reduced-motion:no-preference){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
    animation:homeHeroStatusCardDrift 7.2s ease-in-out infinite;
  }
  .home-v2 .hero .globe > .globe__card--b{animation-delay:-3.6s;}
}
@media (prefers-reduced-motion:reduce){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){animation:none;}
}
/* END: homepage-hero-card-direct-content-and-motion-v32 */
/* START: homepage-hero-callout-alignment-and-amount-scale-v33 */
/* Keep the two status callouts in a horizontal icon-and-label layout at every viewport. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  flex-flow:row nowrap;
  align-items:center;
  font-size:clamp(.75rem,.9vw,.875rem);
  line-height:1.2;
  border:1.5px solid rgba(0,209,106,.30);
  border-radius:clamp(.875rem,1.2vw,1rem);
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b) > strong{
  white-space:nowrap;
}
/* Use the natural label width on desktop while retaining room for the full Chinese labels. */
@media (min-width:981px){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
    width:max-content;
    min-width:calc(10.5em + clamp(2rem,3vw,2.25rem));
    max-width:none;
  }
  /* Shift the segregated-funds callout only slightly down and right. */
  .home-v2 .hero .globe > .globe__card--a{
    top:70.25%;
    left:-2%;
  }
}
/* Give the centered escrow amount a modest, matching increase in prominence. */
.home-v2 .hero .globe__amount-label{
  font-size:clamp(1rem,1.5vw,1.375rem);
}
.home-v2 .hero img.globe__amount-value{
  width:clamp(13.25rem,28.5vw,23rem);
}
/* END: homepage-hero-callout-alignment-and-amount-scale-v33 */
/* START: homepage-hero-amount-weight-and-release-card-cap-v34 */
.home-v2 .hero .globe__amount-label{font-weight:700;}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{
    width:fit-content;
    max-width:180px;
  }
  .home-v2 .hero .globe > .globe__card--b > strong{
    min-width:0;
    white-space:normal;
  }
}
/* END: homepage-hero-amount-weight-and-release-card-cap-v34 */
/* START: homepage-hero-release-card-visible-frost-v35 */
/* The filter was active, but a uniform black fill hid it; retain the dark transparent base while exposing a clear glass layer on the release card. */
.home-v2 .hero .globe > .globe__card--b{
  background:
    linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(237,255,245,.065) 42%,rgba(0,209,106,.075) 100%),
    rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter:blur(48px) saturate(165%) brightness(1.14) !important;
  backdrop-filter:blur(48px) saturate(165%) brightness(1.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 0 0 1px rgba(0,209,106,.10),
    0 14px 32px rgba(0,0,0,.22);
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{max-width:240px;}
}
/* END: homepage-hero-release-card-visible-frost-v35 */
/* START: homepage-hero-status-card-width-cap-v36 */
@media (min-width:981px){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
    max-width:280px;
  }
}
/* END: homepage-hero-status-card-width-cap-v36 */
/* START: homepage-hero-static-callouts-and-scale-v37 */
/* Keep every right-side Banner element visually static. */
.home-v2 .hero .globe,
.home-v2 .hero .globe__image,
.home-v2 .hero .globe__amount,
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  animation:none !important;
}
/* Allow the segregated-funds label to wrap within its existing card width while retaining the horizontal icon-and-text structure. */
.home-v2 .hero .globe > .globe__card--a > strong{
  min-width:0;
  white-space:normal;
}
/* Give both status icons and labels a small, consistent increase in scale. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  font-size:clamp(.8125rem,.975vw,.9375rem);
}
.home-v2 .hero .globe__card-icon{
  width:clamp(2.15rem,3vw,2.5rem);
  height:clamp(2.15rem,3vw,2.5rem);
}
.home-v2 .hero .globe__card-icon svg{
  width:clamp(1.25rem,1.65vw,1.45rem);
  height:clamp(1.25rem,1.65vw,1.45rem);
}
/* END: homepage-hero-static-callouts-and-scale-v37 */
/* START: homepage-hero-status-card-subtle-frost-v38 */
/* Retain the dark translucent cards while reducing the visible frosted-glass treatment. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b){
  background:
    linear-gradient(135deg,rgba(255,255,255,.075) 0%,rgba(237,255,245,.025) 45%,rgba(0,209,106,.035) 100%),
    rgba(0,0,0,.28) !important;
  -webkit-backdrop-filter:blur(24px) saturate(120%) brightness(1.02) !important;
  backdrop-filter:blur(24px) saturate(120%) brightness(1.02) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(0,209,106,.055),
    0 12px 28px rgba(0,0,0,.20);
}
/* END: homepage-hero-status-card-subtle-frost-v38 */
/* START: homepage-hero-third-dispute-card-and-lower-opacity-v39 */
/* Lighten the glass treatment by lowering the opaque layer while keeping all three callouts visually consistent. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background:
    linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(237,255,245,.02) 45%,rgba(0,209,106,.025) 100%),
    rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter:blur(22px) saturate(116%) brightness(1.01) !important;
  backdrop-filter:blur(22px) saturate(116%) brightness(1.01) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(0,209,106,.045),
    0 12px 28px rgba(0,0,0,.18);
}
/* The third status sits in the open lower-right space and shares the existing static horizontal card layout. */
.home-v2 .hero .globe > .globe__card--c{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(.5rem,.8vw,.625rem);
  width:fit-content;
  min-width:calc(10.5em + clamp(2rem,3vw,2.25rem));
  max-width:100%;
  overflow:hidden;
  z-index:4 !important;
  animation:none !important;
  border:1.5px solid rgba(0,209,106,.30);
  border-radius:clamp(.875rem,1.2vw,1rem);
  color:#fff;
  font-size:clamp(.8125rem,.975vw,.9375rem);
  line-height:1.2;
  font-weight:600;
}
.home-v2 .hero .globe > .globe__card--c > strong{
  display:block;
  min-width:0;
  color:#fff;
  white-space:normal;
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--c{
    width:max-content;
    max-width:280px;
    top:72%;
    right:0;
    bottom:auto;
    left:auto;
  }
}
/* END: homepage-hero-third-dispute-card-and-lower-opacity-v39 */
/* START: homepage-hero-status-card-triangle-layout-v40 */
/* Darken the shared glass treatment and distribute the three cards around the globe in a loose triangle. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  -webkit-backdrop-filter:blur(22px) saturate(116%) brightness(.82) !important;
  backdrop-filter:blur(22px) saturate(116%) brightness(.82) !important;
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{
    top:9%;
    right:-3%;
    bottom:auto;
    left:auto;
  }
  .home-v2 .hero .globe > .globe__card--a{
    top:68.5%;
    right:auto;
    bottom:auto;
    left:-4%;
  }
  .home-v2 .hero .globe > .globe__card--c{
    top:77.5%;
    right:-2%;
    bottom:auto;
    left:auto;
  }
}
/* END: homepage-hero-status-card-triangle-layout-v40 */
/* START: homepage-hero-right-entry-and-funds-position-v41 */
/* Bring the entire right-side globe group in once from the right, without adding a continuous idle motion. */
@keyframes homeHeroGlobeEnterV41{
  from{opacity:0;transform:translate3d(2.25rem,0,0) scale(.992);}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);}
}
@media (prefers-reduced-motion:no-preference){
  .home-v2 .hero .globe{
    animation:homeHeroGlobeEnterV41 .92s cubic-bezier(.22,.61,.36,1) .22s both !important;
    will-change:transform,opacity;
  }
}
@media (prefers-reduced-motion:reduce){
  .home-v2 .hero .globe{
    animation:none !important;
    opacity:1;
    transform:none;
  }
}
@media (min-width:981px){
  /* Move the segregated-funds callout to the marked left-middle space on the globe. */
  .home-v2 .hero .globe > .globe__card--a{
    top:27%;
    right:auto;
    bottom:auto;
    left:-4%;
  }
}
/* END: homepage-hero-right-entry-and-funds-position-v41 */
/* START: homepage-hero-funds-offset-and-brightness-v42 */
/* Restore the brighter shared glass finish and lift only the segregated-funds callout by 20px. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  -webkit-backdrop-filter:blur(22px) saturate(116%) brightness(1.02) !important;
  backdrop-filter:blur(22px) saturate(116%) brightness(1.02) !important;
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    top:calc(27% - 20px);
  }
}
/* END: homepage-hero-funds-offset-and-brightness-v42 */
/* START: homepage-hero-status-card-visible-frost-v43 */
/* Restore a visible frosted-glass surface directly on all three status cards while retaining brightness(1.02). */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background:
    linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(230,255,240,.075) 43%,rgba(0,209,106,.085) 100%),
    rgba(2,20,12,.22) !important;
  -webkit-backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  border-color:rgba(92,226,143,.38) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(179,255,208,.075) !important;
}
/* END: homepage-hero-status-card-visible-frost-v43 */
/* START: homepage-hero-funds-left-offset-v44 */
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    left:calc(-4% - 40px);
  }
}
/* END: homepage-hero-funds-left-offset-v44 */
/* START: homepage-hero-status-card-backdrop-visibility-v45 */
/* Let more of the filtered globe backdrop show through so the existing 28px glass blur is perceptible. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background:
    linear-gradient(135deg,rgba(255,255,255,.075) 0%,rgba(230,255,240,.035) 43%,rgba(0,209,106,.04) 100%),
    rgba(2,20,12,.10) !important;
  -webkit-backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  background-clip:padding-box;
}
/* END: homepage-hero-status-card-backdrop-visibility-v45 */
/* START: homepage-hero-status-card-position-adjustments-v46 */
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    top:calc(27% - 100px);
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:calc(9% + 100px);
  }
}
/* END: homepage-hero-status-card-position-adjustments-v46 */
/* START: homepage-hero-release-card-offset-v47 */
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--b{
    top:calc(9% + 70px);
    right:calc(-3% - 20px);
  }
}
/* END: homepage-hero-release-card-offset-v47 */
/* START: homepage-hero-status-card-black-frost-and-foreground-v48 */
/* Give all three status cards a consistent translucent black glass surface above the globe. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background:rgba(0,0,0,.6) !important;
  -webkit-backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  backdrop-filter:blur(28px) saturate(142%) brightness(1.02) !important;
  z-index:5 !important;
  isolation:isolate;
}
@media (max-width:980px){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
    position:relative;
  }
}
/* END: homepage-hero-status-card-black-frost-and-foreground-v48 */
/* START: homepage-hero-visible-black-glass-and-dispute-offset-v49 */
/* Keep the black surface at 60% while restoring visible frosted highlights and stronger backdrop diffusion. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background-color:rgba(0,0,0,.6) !important;
  background-image:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 48%,rgba(0,209,106,.035) 100%) !important;
  -webkit-backdrop-filter:blur(48px) saturate(165%) brightness(1.02) !important;
  backdrop-filter:blur(48px) saturate(165%) brightness(1.02) !important;
  -webkit-transform:translateZ(0);
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--c{
    right:30px;
  }
}
/* END: homepage-hero-visible-black-glass-and-dispute-offset-v49 */
/* START: homepage-hero-funds-card-offset-v50 */
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    top:calc(27% - 120px);
  }
}
/* END: homepage-hero-funds-card-offset-v50 */
/* START: homepage-hero-status-card-deep-base-v51 */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background-color:rgba(1,8,6,.6) !important;
}
/* END: homepage-hero-status-card-deep-base-v51 */
/* START: homepage-hero-funds-and-release-card-offset-v52 */
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    top:calc(27% - 110px);
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:calc(9% + 65px);
  }
}
/* END: homepage-hero-funds-and-release-card-offset-v52 */
/* START: homepage-hero-status-card-opacity-v53 */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  background-color:rgba(1,8,6,.95) !important;
}
/* END: homepage-hero-status-card-opacity-v53 */

/* START: homepage-status-cards-deep-green-border-v54 */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  border-color:#2D765D!important;
}
/* END: homepage-status-cards-deep-green-border-v54 */

/* START: homepage-payment-cards-hover-v1 */
.home-v2 main .section.payment-cards .grid>.card{
  transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .home-v2 main .section.payment-cards .grid>.card:hover{
    transform:translateY(-3px);
  }
}
/* END: homepage-payment-cards-hover-v1 */

/* Keep the home hero login CTA wide enough for four CJK characters. */
.home-v2 .hero .btn-row > .btn:first-child{min-width:4em;}

/* START: homepage-hero-globe-frosted-circle-v1 */
/* Add a subtle frosted circular backdrop to the existing globe without clipping its callouts. */
.home-v2 .hero .globe{
  border-radius:50%;
  background:rgba(0,0,0,.05);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
/* END: homepage-hero-globe-frosted-circle-v1 */

/* START: homepage-hero-globe-frosted-circle-fit-v2 */
/* Fit the frosted circle to the visible globe artwork instead of its transparent image canvas. */
.home-v2 .hero .globe{
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.home-v2 .hero .globe::before{
  content:"";
  position:absolute;
  display:block;
  inset:3%;
  z-index:0;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.05);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  box-shadow:none;
  pointer-events:none;
}
/* END: homepage-hero-globe-frosted-circle-fit-v2 */

/* START: homepage-hero-globe-frost-strength-v3 */
.home-v2 .hero .globe::before{
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
}
/* END: homepage-hero-globe-frost-strength-v3 */

/* START: homepage-hero-responsive-globe-layout-v1 */
/* Keep the map and all three status callouts in one responsive composition. */
.home-v2 .hero{
  height:auto!important;
  min-height:max(400px,calc(100svh - var(--topbar-h,84px)))!important;
  max-height:none!important;
  align-items:flex-start!important;
  padding-top:60px!important;
}
.home-v2 .hero__grid > :first-child{
  align-self:start!important;
  margin-top:0!important;
}
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  position:absolute!important;
  width:min(62%,300px);
  margin:0!important;
}
@media (min-width:981px){
  .home-v2 .hero .globe > .globe__card--a{
    top:7.3%;
    left:-11.1%;
    right:auto;
    bottom:auto;
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:20.6%;
    right:-6.6%;
    left:auto;
    bottom:auto;
  }
  .home-v2 .hero .globe > .globe__card--c{
    top:77.5%;
    right:5.4%;
    left:auto;
    bottom:auto;
  }
}
@media (max-width:980px){
  .home-v2 .hero{
    min-height:max(400px,calc(100svh - var(--topbar-h,84px)))!important;
  }
  .home-v2 .hero .globe{
    width:min(100%,460px);
    margin:0 auto;
  }
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
    width:min(68%,240px);
    max-width:68%;
  }
  .home-v2 .hero .globe > .globe__card--a{
    top:7.3%;
    left:0;
    right:auto;
    bottom:auto;
  }
  .home-v2 .hero .globe > .globe__card--b{
    top:20.6%;
    right:0;
    left:auto;
    bottom:auto;
  }
  .home-v2 .hero .globe > .globe__card--c{
    top:77.5%;
    right:0;
    left:auto;
    bottom:auto;
  }
}
@media (max-width:420px){
  .home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
    padding:8px 9px;
  }
}
/* END: homepage-hero-responsive-globe-layout-v1 */

/* Keep the responsive globe and its three labels entirely inside the banner's right-side composition. */
@media (min-width:981px) and (max-width:1199.98px){
  .home-v2 .hero .globe{width:min(100%,420px)!important;}
  .home-v2 .hero .globe>:is(.globe__card--a,.globe__card--b,.globe__card--c){box-sizing:border-box;width:min(72%,280px);max-width:72%;}
  .home-v2 .hero .globe>.globe__card--a{top:5%;left:0;right:auto;bottom:auto;}
  .home-v2 .hero .globe>.globe__card--b{top:34%;right:0;left:auto;bottom:auto;}
  .home-v2 .hero .globe>.globe__card--c{top:auto;right:0;left:auto;bottom:5%;}
}
@media (max-width:980px){
  .home-v2 .hero__grid{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;}
  .home-v2 .hero .globe{box-sizing:border-box;width:min(100%,460px)!important;max-width:100%;margin-inline:auto!important;}
  .home-v2 .hero .globe>:is(.globe__card--a,.globe__card--b,.globe__card--c){box-sizing:border-box;width:min(78%,280px);max-width:78%;min-width:0;}
  .home-v2 .hero .globe>.globe__card--a{top:5%;left:0;right:auto;bottom:auto;}
  .home-v2 .hero .globe>.globe__card--b{top:34%;right:0;left:auto;bottom:auto;}
  .home-v2 .hero .globe>.globe__card--c{top:auto;right:0;left:auto;bottom:5%;}
}
/* START: homepage-responsive-hero-copy-alignment-v1 */
@media(min-width:768px){
  .home-v2 .hero{
    align-items:center!important;
    padding-top:0!important;
  }
  .home-v2 .hero__grid > :first-child{align-self:center!important;}
}
@media(max-width:767.98px){
  .home-v2 .hero{
    align-items:flex-start!important;
    padding-top:60px!important;
  }
  .home-v2 .hero__grid > :first-child{
    align-self:start!important;
    margin-top:0!important;
  }
}
/* END: homepage-responsive-hero-copy-alignment-v1 */
/* Responsive status cards shrink to their labels and stay inside the map area,
   so long translations wrap instead of spilling over adjacent hero copy. */
@media (max-width:1199.98px){
  .home-v2 .hero .globe>:is(.globe__card--a,.globe__card--b,.globe__card--c){
    box-sizing:border-box;
    width:fit-content!important;
    min-width:0!important;
    max-width:min(78%,280px)!important;
  }
  .home-v2 .hero .globe>:is(.globe__card--a,.globe__card--b,.globe__card--c)>strong{
    display:block;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}
/* END: collapsed-navigation-white-icon-gray-hover-green-open-v1 */
/* START: escrow-types-banner-image-and-viewport-height-v1 */
body.home-v2.escrow-types main>.page-head{
  box-sizing:border-box;
  height:calc(100vh - var(--topbar-h,84px))!important;
  height:calc(100svh - var(--topbar-h,84px))!important;
  min-height:min(400px,calc(100svh - var(--topbar-h,84px)))!important;
  max-height:none!important;
  background-color:transparent!important;
  background-image:url("../images/Escrow-Cases/banner_bg.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* END: escrow-types-banner-image-and-viewport-height-v1 */
/* START: escrow-types-banner-bottom-copy-white-login-cta-v1 */
body.home-v2.escrow-types main>.page-head{align-items:flex-end!important;}
body.home-v2.escrow-types main>.page-head :is(h1,.lead){color:#fff!important;}
body.home-v2.escrow-types main>.page-head .page-head__actions{
  justify-content:center!important;
  margin-top:clamp(1.25rem,2vw,2rem)!important;
}
body.home-v2.escrow-types main>.page-head .btn--contact{
  min-height:48px;
  padding-inline:24px;
  border-radius:10px!important;
  background:#00D16A!important;
  border-color:#00D16A!important;
  color:#142929!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
@media(hover:hover){
  body.home-v2.escrow-types main>.page-head .btn--contact:hover{
    transform:translateY(-1px);
    background:#fff!important;
    border-color:#fff!important;
    color:#142929!important;
    box-shadow:0 .5rem 1.25rem rgba(7,27,20,.08);
  }
}
/* END: escrow-types-banner-bottom-copy-white-login-cta-v1 */
/* START: escrow-types-banner-copy-left-centered-v2 */
body.home-v2.escrow-types main>.page-head{align-items:center!important;}
body.home-v2.escrow-types main>.page-head>.container{text-align:left!important;}
body.home-v2.escrow-types main>.page-head :is(h1,.lead){
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
body.home-v2.escrow-types main>.page-head .page-head__actions{justify-content:flex-start!important;}
/* END: escrow-types-banner-copy-left-centered-v2 */
/* START: escrow-types-banner-copy-horizontal-center-v3 */
body.home-v2.escrow-types main>.page-head>.container{text-align:center!important;}
body.home-v2.escrow-types main>.page-head :is(h1,.lead){
  margin-inline:auto!important;
  text-align:center!important;
}
body.home-v2.escrow-types main>.page-head .page-head__actions{justify-content:center!important;}
/* END: escrow-types-banner-copy-horizontal-center-v3 */
/* START: dispute-process-banner-match-escrow-types-v1 */
body.home-v2.dispute-process main>.page-head{
  box-sizing:border-box;
  height:calc(100vh - var(--topbar-h,84px))!important;
  height:calc(100svh - var(--topbar-h,84px))!important;
  min-height:min(400px,calc(100svh - var(--topbar-h,84px)))!important;
  max-height:none!important;
  background-color:#00D16A!important;
  background-image:url("../images/case/business-meeting-cinematic-light-dark-left-3800.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body.home-v2.dispute-process main>.page-head>.container{text-align:center!important;}
body.home-v2.dispute-process main>.page-head :is(h1,.lead){
  margin-inline:auto!important;
  color:#fff!important;
  text-align:center!important;
}
/* END: active-nav-parent-light-gray-v1 */

/* START: dispute-process-banner-login-cta-and-active-nav-v1 */
body.home-v2.dispute-process main>.page-head .page-head__actions{
  justify-content:center!important;
  margin-top:clamp(1.25rem,2vw,2rem)!important;
}
body.home-v2.dispute-process main>.page-head .btn--contact{
  min-height:48px;
  padding-inline:24px;
  border-radius:10px!important;
  background:#00D16A!important;
  border-color:#00D16A!important;
  color:#142929!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
@media(hover:hover){
  body.home-v2.dispute-process main>.page-head .btn--contact:hover{
    transform:translateY(-1px);
    background:#fff!important;
    border-color:#fff!important;
    color:#142929!important;
    box-shadow:0 .5rem 1.25rem rgba(7,27,20,.08);
  }
}
/* END: dispute-process-banner-login-cta-and-active-nav-v1 */

/* START: dispute-process-banner-frosted-overlay-v1 */
body.home-v2.dispute-process main>.page-head{position:relative;isolation:isolate;}
body.home-v2.dispute-process main>.page-head::before{
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  clip-path:none;
  box-shadow:none;
  z-index:1;
  background:rgba(1,8,6,.14);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  pointer-events:none;
}
body.home-v2.dispute-process main>.page-head>.container{position:relative;z-index:2;}
/* END: dispute-process-banner-frosted-overlay-v1 */

/* START: dispute-intro-image-match-what-mechanism-v1 */
/* Match the editorial image sizing used by the What Is Escrow mechanism section. */
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__media,
body.home-v2.dispute-process main > .section.media-split.media-split--reverse .content-photo{
  min-height:620px;
  border:0!important;
}
@media (min-width:861px){
  body.home-v2.dispute-process main > .section.media-split.media-split--reverse .media-split__media{
    align-self:stretch;
    aspect-ratio:auto;
    max-width:560px;
  }
}
/* END: dispute-intro-image-match-what-mechanism-v1 */

/* START: requested-three-banner-copy-offset-v1 */
body.home-v2.escrow-types main > .page-head,
body.home-v2.dispute-process main > .page-head{
  align-items:flex-start !important;
  padding-top:0 !important;
}
body.home-v2.escrow-types main > .page-head > .container,
body.home-v2.dispute-process main > .page-head > .container{
  position:relative;
  top:0 !important;
  margin-top:160px !important;
}
/* END: requested-three-banner-copy-offset-v1 */

/* Replace the status-card outline with a restrained inset edge highlight,
   weighted toward the top and left while preserving the existing lift. */
.home-v2 .hero .globe > :is(.globe__card--a,.globe__card--b,.globe__card--c){
  border-color:transparent!important;
  box-shadow:
    inset 0 1px 0 rgba(224,255,240,.24),
    inset 1px 0 0 rgba(224,255,240,.18),
    inset 0 0 0 1px rgba(45,118,93,.16),
    0 12px 28px rgba(0,0,0,.22)!important;
}

/* Match the What Is Escrow banner-copy entrance on the two related pages. */
@keyframes whatEscrowBannerCopyEnter{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}
body.home-v2:is(.escrow-types,.dispute-process,.pricing-page) main>.page-head>.container,
body.home-v2.support-page:is(.about-page,.contact-page,.help-page) main>.page-head>.container,
body:is(.security-page,.explore-page) main>.page-head>.container{
  animation:whatEscrowBannerCopyEnter .72s cubic-bezier(.2,.7,.25,1) .12s both;
}
@media(prefers-reduced-motion:reduce){
  body.home-v2:is(.escrow-types,.dispute-process,.pricing-page) main>.page-head>.container,
  body.home-v2.support-page:is(.about-page,.contact-page,.help-page) main>.page-head>.container,
  body:is(.security-page,.explore-page) main>.page-head>.container{animation:none;}
}

/* Keep homepage footer navigation in two columns on narrow phones. */
@media(max-width:680px){
  body.home-v2 .home-footer .footer__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.home-v2 .home-footer .footer__grid>.footer__brand,
  body.home-v2 .home-footer .footer__grid>.footer__contact-column{
    grid-column:1/-1!important;
  }
  body.home-v2 .home-footer .footer__grid>.footer__sitemap,
  body.home-v2 .home-footer .footer__grid>.footer__policies{
    grid-column:auto!important;
  }
}

/* START: responsive-rules-showcase-side-by-side-v1 */
/* Keep the supplementary-rules rail beside its active content on tablet and phone. */
@media(max-width:820px){
  body.home-v2.dispute-process main #rules .rules-showcase{
    grid-template-columns:minmax(7.25rem,.72fr) minmax(0,1.7fr)!important;
    gap:clamp(.75rem,2.5vw,1.5rem)!important;
    align-items:stretch!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index{
    display:flex!important;
    flex-direction:column!important;
    gap:.15rem!important;
    align-self:stretch!important;
    padding:0 0 0 .85rem!important;
    border:0!important;
    border-inline-start:3px solid #edf0ed!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index::after{
    display:block!important;
    inset-inline-start:-3px!important;
    inline-size:3px!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button{
    min-width:0;
    margin:0!important;
    padding:.55rem .2rem!important;
    border:0!important;
    border-radius:0!important;
    font-size:clamp(.78rem,1.7vw,.95rem)!important;
    line-height:1.35!important;
    text-align:start!important;
    overflow-wrap:anywhere;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button:is(.is-active,:hover,:focus-visible){
    border:0!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__grid{
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__card{
    min-width:0;
    min-block-size:0!important;
    padding:clamp(.9rem,2.5vw,1.5rem)!important;
    border-radius:16px!important;
  }
}
@media(max-width:580px){
  body.home-v2.dispute-process main #rules .rules-showcase{
    grid-template-columns:minmax(6.25rem,.68fr) minmax(0,1.7fr)!important;
    gap:.65rem!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button{
    font-size:.76rem!important;
  }
}
/* END: responsive-rules-showcase-side-by-side-v1 */

/* START: homepage-hero-isolated-globe-art-v1 */
/* Use the supplied green field as the hero backdrop and its isolated globe art
   as the single right-side visual. */
.home-v2 .hero{
  background-color:#020b08!important;
  background-image:url("../images/index/globe_right_isolated_lossless.webp")!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.home-v2 .hero .hero__visual{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
}
.home-v2 .hero .hero__visual img{
  display:block;
  width:72svh;
  max-width:none;
  height:50svh;
  max-height:none;
  object-fit:contain;
}
@media(min-width:981px){
  .home-v2 .hero__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
    align-items:center!important;
    justify-items:stretch!important;
  }
  .home-v2 .hero .hero__visual{
    grid-column:2;
    grid-row:1;
    align-self:center;
  }
}
@media(max-width:980px){
  .home-v2 .hero__grid{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
  }
  .home-v2 .hero .hero__visual{
    grid-column:1;
    grid-row:2;
    width:min(100%,460px);
    margin-inline:auto;
  }
  .home-v2 .hero .hero__visual img{
    width:100%;
    max-width:100%;
    height:auto;
  }
}
/* END: homepage-hero-isolated-globe-art-v1 */

/* Keep capability-card headings below their photos. */
.home-v2 main .section.capability-cards .card .capability-photo__title{
  position:static;
  display:block;
  box-sizing:border-box;
  width:auto;
  inline-size:auto;
  min-width:0;
  max-width:none;
  max-inline-size:none;
  margin:0 0 12px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:var(--h-ink);
  font-size:var(--type-h4-size);
  font-weight:600;
  line-height:var(--type-h4-line);
  letter-spacing:normal;
  text-align:left;
  text-wrap:initial;
  transform:none;
}

/* Restore the shared pale surface on the fiat-payment and wallet cards. */
.home-v2 main .section.payment-cards .grid > .card:first-child,
.home-v2 main .section.payment-cards .grid > .card:last-child{
  background:#edf3ef !important;
  color:#142929 !important;
}
.home-v2 main .payment-cards .card:first-child :is(h3,p),
.home-v2 main .payment-cards .card:last-child :is(h3,p){
  color:#142929 !important;
}
/* Keep the English homepage banner headline within three lines on phones. */
@media (max-width:767.98px) {
  html[lang^="en"] .home-v2 .hero h1 {
    font-size:1.5rem!important;
    line-height:1.2!important;
    max-width:100%;
    text-wrap:balance;
  }
}
/* Fill the viewport with the footer wordmark at every screen width. */
.home-v2 .home-footer .footer__wordmark {
  width:100vw;
  font-size:20vw;
  letter-spacing:-.04em;
  text-align:center;
}
/* Keep the desktop right-side hero artwork at least 580px tall. */
@media (min-width:981px) {
  .home-v2 .hero .hero__visual img {
    min-height:580px;
  }
}
/* Enlarge the hero artwork throughout the desktop two-column layout. */
@media (min-width:1200px) {
  .home-v2 .hero .hero__visual img {
    width:86svh!important;
    height:60svh!important;
    min-height:620px!important;
  }
}@media (max-width:760px) {
  /* Keep each three-step slide in a compact side-by-side layout on phones. */
  .home-v2 main .section.how-steps .grid > .how-steps__step.card {
    display:grid !important;
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) !important;
    align-items:center !important;
    gap:clamp(8px,2.8vw,14px) !important;
    padding:0 0 70px !important;
  }
  .home-v2 .how-steps__art {
    box-sizing:border-box;
    width:100%;
    height:clamp(150px,46vw,210px);
    max-width:none;
    min-width:0;
    margin:0;
  }
  .home-v2 .how-steps__art-blob {
    left:50% !important;
    top:50% !important;
    width:clamp(104px,34vw,160px) !important;
    height:clamp(104px,34vw,160px) !important;
    transform:translate(-50%,-50%) !important;
  }
  .home-v2 .how-steps__step:nth-child(2) .how-steps__art-blob {
    transform:translate(-50%,-50%) rotate(45deg) !important;
  }
  .home-v2 .how-steps__art-card {
    box-sizing:border-box;
    width:min(100%,148px);
    max-width:100%;
    padding:clamp(7px,2.3vw,11px);
    gap:clamp(7px,2.3vw,10px);
    transform:none !important;
  }
  .home-v2 .how-steps__field { height:clamp(20px,7vw,32px); }
  .home-v2 .how-steps__shield { height:clamp(48px,16vw,72px); }
  .home-v2 .how-steps__shield svg { width:clamp(38px,12vw,56px); height:auto; }
  .home-v2 .how-steps__art-action {
    min-height:30px;
    margin-top:0 !important;
    padding:6px 7px;
    font-size:clamp(.7rem,2.8vw,.875rem);
  }
  .home-v2 .how-steps__copy {
    box-sizing:border-box;
    min-width:0;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(12px,3.8vw,20px) !important;
  }
  .home-v2 main .how-steps .step-num { margin-bottom:8px; font-size:.75rem; }
  .home-v2 main .section.how-steps .how-steps__copy h3 {
    font-size:clamp(1rem,4.6vw,1.25rem) !important;
    line-height:1.3;
    margin-bottom:8px;
    overflow-wrap:anywhere;
  }
  .home-v2 main .section.how-steps .how-steps__copy p {
    font-size:clamp(.8125rem,3.5vw,.9375rem) !important;
    line-height:1.5;
    overflow-wrap:anywhere;
  }
}

/* Set the English mobile hero heading to 2rem while allowing balanced wrapping. */
@media (max-width:767.98px) {
  html[lang^="en"] .home-v2 .hero h1 {
    font-size:2rem !important;
    line-height:1.2 !important;
    max-width:100%;
    text-wrap:balance;
  }
  html[lang^="en"] .home-v2 .hero h1 br { display:none; }
}

/* Keep the mobile three-step heading inset and its progress rail visible. */
@media (max-width:760px) {
  .home-v2 .how-steps__stage,
  .home-v2 .how-steps.is-pinned .how-steps__stage {
    padding-top:40px !important;
  }
  .home-v2 .how-steps__step::before {
    display:grid !important;
    place-items:center !important;
    text-align:center;
  }
  .home-v2 .how-steps__step::after {
    display:block !important;
  }
}@media (max-width:760px) {
  .home-v2 .how-steps__track.grid--3 > .how-steps__step:nth-child(3)::after {
    display:block !important;
  }
}
/* Footer layout: let content set the section height, pin the full-bleed wordmark
   to a stable bottom inset, and align the copyright with the first sitemap column. */
.home-v2 .home-footer {
  height:auto;
  min-height:0;
}
.home-v2 .home-footer .footer__wordmark {
  left:50%;
  bottom:1rem;
  width:100vw;
  text-align:center;
  transform:translate(-50%,0);
}
.home-v2 .home-footer .footer__lower {
  grid-template-columns:minmax(0,1fr);
  justify-items:start;
}
.home-v2 .home-footer .footer__lower .footer__disclosure,
.home-v2 .home-footer .footer__lower .footer__disclosure > div,
.home-v2 .home-footer .footer__lower .footer__disclosure-list {
  text-align:left;
}
.home-v2 .home-footer .footer__lower .footer__disclosure-list {
  justify-items:start;
  justify-content:flex-start;
}
/* Align the desktop copyright row with the social icons; keep the mobile stack intact. */
.home-v2 .home-footer .footer__socials {
  margin-top:20px;
}
@media (min-width:681px) {
  .home-v2 .home-footer .footer__lower {
    margin-top:-2rem;
    padding-top:0;
    align-items:center;
  }
}
/* Keep the wordmark at its earlier visual position and group copyright with socials. */
.home-v2 .home-footer .footer__wordmark {
  bottom:0;
  transform:translate(-50%,calc(44% - 140px));
}
.home-v2 .home-footer .footer__lower {
  grid-template-columns:minmax(0,1fr) auto;
  justify-items:stretch;
  gap:clamp(.75rem,2vw,2rem);
  margin-top:20px;
  padding-top:0;
  align-items:center;
}
.home-v2 .home-footer .footer__lower .footer__socials {
  margin-top:0;
  justify-self:end;
  flex-wrap:nowrap;
}
/* Match the copyright label to the footer link text size. */
.home-v2 .home-footer .footer__lower .footer__disclosure {
  font-size:.875rem;
}
/* Nudge the footer wordmark down without affecting the footer's layout height. */
.home-v2 .home-footer .footer__wordmark {
  transform:translate(-50%,calc(44% - 120px));
  opacity:.108;
}
/* Add a subtle frosted-glass surface to the footer social buttons. */
.home-v2 .home-footer button.footer__social {
  background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(8px) saturate(125%);
  backdrop-filter:blur(8px) saturate(125%);
}
.home-v2 .home-footer button.footer__social:hover,
.home-v2 .home-footer button.footer__social:focus-visible {
  background:rgba(0,209,106,.24);
}
/* Separate the copyright and social row without changing its layout height. */
.home-v2 .home-footer .footer__lower {
  position:relative;
  padding-top:50px;
}
.home-v2 .home-footer .footer__lower::before {
  content:"";
  position:absolute;
  inset-inline:0;
  top:25px;
  border-top:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
/* Move the wordmark down without changing the footer's layout dimensions. */
.home-v2 .home-footer .footer__wordmark {
  transform:translate(-50%,19%);
}
/* Match green footer section titles to the white sitemap text size. */
.home-v2 .home-footer .footer__grid > :is(.footer__sitemap,.footer__contact-column) > h4 {
  font-size:.875rem;
}

/* FAQ banner lead width and contact-link accent. */
body.home-v2.help-page main > .page-head .lead {
  max-width:29em!important;
  max-inline-size:29em!important;
}
body.home-v2.help-page main > .page-head .lead a {
  color:#00D16A;
}

/* Let the footer address wrap within a readable measure and stay left-aligned. */
body.home-v2 .home-footer .footer__contact-column .footer__contact > div:nth-child(3) {
  max-width:18rem;
  justify-items:start;
  text-align:left;
  white-space:normal;
}
body.home-v2 .home-footer .footer__contact-column .footer__contact > div:nth-child(3) dd {
  max-width:18rem;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* Preserve the full mobile step waypoint inside the horizontally clipped viewport. */
@media (max-width:760px) {
  .home-v2 .how-steps__viewport {
    padding-bottom:calc(21.75px + 1rem) !important;
  }
}

/* Stretch the footer wordmark edge to edge and move it down without changing footer height. */
.home-v2 .home-footer img.footer__wordmark {
  display:block;
  width:100vw;
  max-width:none;
  height:auto;
  object-fit:contain;
  transform:translate(-50%,39%);
}

/* Keep the three-step arrows 20px from the browser edges at every viewport width. */
.home-v2 .how-steps__control[data-step-previous]{
  left:calc((100% - 100vw)/2 + 20px) !important;
}
.home-v2 .how-steps__control[data-step-next]{
  right:calc((100% - 100vw)/2 + 20px) !important;
}

/* The payment options section should not start with a divider. */
.home-v2 main > .section.payment-cards {
  border-top:0;
}

/* Temporarily hide the homepage section about verifiable collaboration records. */
body.home-v2 main > section.chain-split {
  display:none !important;
}


/* Mobile step controls stay visible without hover; larger screens restore their prior placement outside the content edge, clamped to remain on-screen. */
@media (max-width:760px){
  .home-v2 .how-steps__control,
  .home-v2 .how-steps__control:disabled{
    opacity:1!important;
    pointer-events:auto!important;
  }
}
@media (min-width:761px){
  .home-v2 .how-steps__control[data-step-previous]{
    left:max(calc(0px - var(--how-steps-control-size, 4rem)),calc(12px - 50vw + 50%))!important;
  }
  .home-v2 .how-steps__control[data-step-next]{
    right:max(calc(0px - var(--how-steps-control-size, 4rem)),calc(12px - 50vw + 50%))!important;
  }
}


/* Preserve the approved homepage banner type scale after copy updates. */
.home-v2 .hero h1 {
  font-size:clamp(70px,calc(61.2px + .688vw),74.4px);
}
.home-v2 .hero .lead {
  font-size:1.125rem;
}


/* Increase footer depth by 30px; the bottom-anchored wordmark follows the footer edge. */
.home-v2 .home-footer{
  padding-bottom:calc(clamp(7.5rem,13vw,11rem) + 30px);
}
@media(max-width:680px){
  .home-v2 .home-footer{
    padding-bottom:calc(7.5rem + 30px);
  }
}

/* On responsive layouts, align the three-step controls with the progress rail beneath the active card. */
@media (max-width:1000px) {
  .home-v2 .how-steps__control {
    top:var(--how-steps-rail-center, var(--how-steps-copy-center, 50%)) !important;
    transform:translateY(-50%) !important;
  }
  .home-v2 .how-steps__control:hover:not(:disabled) {
    transform:translateY(-50%) !important;
  }
}

/* Match the dispute supplementary-rules tabs to the pricing Other fees rail. */
@media (max-width:820px) {
  body.home-v2.dispute-process main #rules .rules-showcase__index {
    padding:0 0 0 1.65rem!important;
    border:0!important;
    border-inline-start:4px solid #edf0ed!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index::after {
    display:block!important;
    inset-inline-start:-4px!important;
    inline-size:4px!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button {
    margin-inline-start:-1.9rem!important;
    padding:.75rem 0 .75rem 1.65rem!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--h-ink)!important;
    font-size:var(--type-body-l-size)!important;
    font-weight:600!important;
    line-height:var(--type-body-l-line)!important;
    text-align:start!important;
    transition:color 180ms ease!important;
  }
  body.home-v2.dispute-process main #rules .rules-showcase__index button:is(.is-active,:hover,:focus-visible) {
    border:0!important;
    background:transparent!important;
    color:var(--h-ink)!important;
    transform:none!important;
  }
}

/* Let the active dispute rules panel stretch to the same height as its sidebar. */
body.home-v2.dispute-process main #rules .rules-showcase__grid {
  display:flex!important;
  align-items:stretch!important;
}
body.home-v2.dispute-process main #rules .rules-showcase__card.is-active {
  flex:1 1 auto!important;
}