/* Design refresh layer: type scale, spacing, Hugeicons, lattice. Loaded last on every page. */
:root{--font-body:'Open Sans',Arial,sans-serif;--font-display:'Montserrat','Open Sans',Arial,sans-serif;
--fs-hero:clamp(38px,4.3vw,60px);--fs-h1:clamp(34px,3.8vw,52px);--fs-h2:clamp(28px,2.7vw,40px);--fs-h3:20px;--fs-card:18px;--fs-lede:17px;--fs-body:16px;--fs-small:14px;
--ico-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18.5%2012L4.99997%2012%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M13%2018C13%2018%2019%2013.5811%2019%2012C19%2010.4188%2013%206%2013%206%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");--ico-ext:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%206.65032C9%206.65032%2015.9383%206.10759%2016.9154%207.08463C17.8924%208.06167%2017.3496%2015%2017.3496%2015M16.5%207.5L6.5%2017.5%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
body{font-family:var(--font-body)}
body [lang=en]{font-family:var(--font-body)}
h1,h2,h3,h4,.closing h2,summary,.button,.brand-word{font-family:var(--font-display)}
h1,h2,h3{letter-spacing:-.02em!important;font-weight:600!important}
h1 .blue,h2 .blue{font-weight:inherit}

/* one type scale */
main h1{font-size:var(--fs-h1)!important;line-height:1.08!important}
.home-hero h1{font-size:var(--fs-hero)!important;line-height:1.08!important;margin:0 0 20px!important}
main h2{font-size:var(--fs-h2)!important;line-height:1.14!important}
main h3{font-size:var(--fs-h3)!important;line-height:1.3!important}
.benefits h2,.post-card h2,.post-card h3{font-size:var(--fs-card)!important;line-height:1.3!important}
.article-content h2{font-size:26px!important}.article-content h3{font-size:21px!important}.article-content h4{font-size:18px}
.legal-page h2,.legal h2{font-size:24px!important}
main p{font-size:inherit}
.home-hero .intro,.heading-aside p,.journey-lede,.blog-lede{font-size:var(--fs-lede)!important;line-height:1.65!important}
.benefits p:not(.eyebrow){font-size:14px!important;line-height:1.55!important}
.open-pillars p,.journey-grid p{font-size:15px!important;line-height:1.6!important}
.button{font-size:14px;font-weight:600}

/* condensed spacing */
.section{padding-top:64px!important;padding-bottom:64px!important}
.section-heading{margin-bottom:40px!important}
.home-hero{padding:20px 0 24px!important;gap:48px!important}
.home-hero .button-row{margin-top:24px!important}
.hero-options{margin-top:0!important}
.visual-stage{height:auto!important;min-height:0!important}
.hero-option{min-height:0!important;height:auto!important}
.payment-art{position:relative!important;inset:auto!important;padding:18px 28px 14px!important}
.endpoint{gap:8px!important}
.art-message{margin-top:8px!important}
.payment-art .payment-rail{padding-top:0!important}
.equal-amount{margin-top:6px!important}
.graphic-facts{padding-top:14px!important;margin-top:14px!important}
.payment-art .art-disclaimer{margin:8px 0 0!important}
.scenario-switch{margin-top:14px!important}
.speed-source{margin-top:10px!important;font-size:12px!important}
.closing{padding-top:64px!important;padding-bottom:64px!important}

/* hero payment card */
.payment-art{border:1px solid rgba(119,164,255,.22);border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#17396a 0%,#0c1629 62%,#0a1222 100%)!important;box-shadow:0 30px 80px -40px rgba(34,98,233,.55),inset 0 1px 0 rgba(255,255,255,.05);justify-content:center}
.payment-art .payment-rail{padding-top:28px}
.endpoint-icon{width:54px!important;height:54px!important;background:rgba(18,37,64,.9)!important;border-color:rgba(119,164,255,.45)!important;color:#9fc0ff!important}
.endpoint-icon .hi-ico{width:24px;height:24px}
.art-message{font-family:var(--font-display);font-size:24px!important;margin-top:14px!important;letter-spacing:-.01em}
.scenario-switch button{font-family:var(--font-display);font-size:13px}
.graphic-facts strong{font-family:var(--font-display)}

/* stats with icons */
.benefits article{padding-top:18px!important;padding-bottom:16px!important}
.stat-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(119,164,255,.1);border:1px solid rgba(119,164,255,.22);color:var(--blue);margin-bottom:10px}
.stat-ico .hi-ico{width:20px;height:20px}
.benefits h2{margin-bottom:8px!important}
.benefits .quiet-link{margin-top:10px}

/* pillar icons */
.open-pillars .pillar-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px!important;border-radius:9px;background:rgba(40,96,205,.08);border:1px solid rgba(40,96,205,.2);color:#2860cd}
.open-pillars .pillar-icon .hi-ico{width:20px;height:20px}

/* Hugeicons arrows */
.ico{display:inline-block;flex:none;width:1.15em;height:1.15em;min-width:16px;min-height:16px;background:currentColor;-webkit-mask:var(--ico-arrow) center/contain no-repeat;mask:var(--ico-arrow) center/contain no-repeat;vertical-align:-.2em;font-size:inherit!important}
.button .ico,.text-link .ico{width:18px;height:18px}
.quiet-link .ico,.speed-source .ico{width:15px;height:15px;min-width:15px;min-height:15px}
.ico-ext{-webkit-mask-image:var(--ico-ext);mask-image:var(--ico-ext);width:12px;height:12px;min-width:12px;min-height:12px;margin-left:2px;opacity:.7}
[dir=rtl] .ico-arrow{transform:scaleX(-1)}
a:hover .ico-arrow{transform:translateX(3px)}
[dir=rtl] a:hover .ico-arrow{transform:scaleX(-1) translateX(3px)}
.hi-ico{display:block}

/* block lattice */
.lattice-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.lattice-copy p{color:var(--muted);font-size:var(--fs-lede);line-height:1.65;margin:16px 0 20px;max-width:460px}
.lattice-legend{list-style:none;display:flex;gap:24px;padding:0;margin:0 0 20px;font-size:14px;color:var(--muted)}
.lattice-legend li{display:flex;align-items:center;gap:8px}
.lattice-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}
.lg-send{background:var(--action)}.lg-receive{background:transparent;border:1.5px solid var(--blue)}
.lattice-stage{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0c1629,#0a1220);padding:18px 12px}
.lattice-stage svg{display:block;width:100%;height:auto}
.lt-lane{stroke:rgba(162,184,221,.12);stroke-dasharray:2 6}
.lt-account{fill:#122540;stroke:rgba(119,164,255,.5)}
.lt-account-label{fill:#cfe0ff;font:600 13px var(--font-display)}
.lt-world{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lt-chain{stroke:rgba(119,164,255,.45);stroke-width:1.5}
.lt-link{fill:none;stroke:#77a4ff;stroke-width:1.5;stroke-dasharray:4 4;opacity:.75;animation:lt-dash .8s linear infinite}
.lt-block rect{animation:lt-pop .32s cubic-bezier(.2,.9,.3,1.3) both;transform-box:fill-box;transform-origin:center}
.lt-send rect{fill:#2262e9;stroke:#5b8cff}
.lt-receive rect{fill:#0c1629;stroke:#77a4ff;stroke-width:1.5}
.lt-receive rect{animation-delay:.22s}
@keyframes lt-pop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes lt-dash{to{stroke-dashoffset:-16}}
@media (prefers-reduced-motion:reduce){.lt-link,.lt-block rect{animation:none}.lt-world{transition:none}}
[data-theme=light] .lattice-stage{background:#f4f7fd}

@media (max-width:1000px){
  .home-hero{gap:28px!important}
  
  .lattice-section{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  :root{--fs-hero:clamp(34px,9vw,44px);--fs-h1:clamp(30px,8vw,40px);--fs-h2:clamp(26px,7vw,32px);--fs-h3:19px}
  .section{padding-top:48px!important;padding-bottom:48px!important}
  .visual-stage{height:auto!important}
  .lattice-section{padding:48px 0}
  .lattice-legend{flex-wrap:wrap;gap:12px 20px}
}

/* ---------- Consistent type roles (audit, 30 Sep 2026) ----------
   Display  60 home hero / 52 page titles      (Montserrat 600)
   Section  39 h2                              (Montserrat 600)
   Card     20 card and item titles            (Montserrat 600)
   Lede     17 paragraphs under a title
   Body     16 standalone paragraphs, FAQ answers
   Card body 15 copy and lists inside cards
   UI       14 buttons, text links, legends
   Meta     13 dates, counts, inline card links, notes
   Fine     12 disclaimers, sources, eyebrow labels            */
:root{--fs-card:20px;--fs-body-card:15px;--fs-ui:14px;--fs-meta:13px;--fs-fine:12px}
main h1:not(.home-hero h1){font-size:var(--fs-h1)!important}
.benefits h2,.post-card h2,.post-card h3,.post-grid h2,.post-grid h3,main h3{font-size:var(--fs-card)!important;font-family:var(--font-display)!important;font-weight:600!important;line-height:1.3!important}
.article-content h3{font-size:21px!important}
/* ledes */
.home-hero .intro,.hero-description,.section-sub,.heading-aside p,p.heading-aside,.journey-lede,.faq-intro,.blog-lede,.lattice-copy p,.safety-heading>p,.closing p{font-size:var(--fs-lede)!important;line-height:1.65!important}
/* body */
main section p{font-size:var(--fs-body)}
.faq-list details p{font-size:var(--fs-body)!important;line-height:1.7!important}
summary{font-size:16px!important;font-weight:500!important}
/* card body */
.benefits p:not(.eyebrow),.open-pillars p,.journey-grid p,.post-summary,.safety-list p,.market-card li,.market-card p:not(.eyebrow):not(.micro-note),.quickstart-copy li,.flow-section li,.paths p,.paths li,.flow-result p,.facilitator p,.pursekeeper-copy p:not(.eyebrow):not(.disclaimer),.agent-invitation p,main section li:not(.lattice-legend li){font-size:var(--fs-body-card)!important;line-height:1.6!important}
/* UI */
.button,a.button,.button-small,.text-link,a.text-link.heading-aside,.faucet-links .text-link,.lattice-legend,.lattice-legend li,.article-back,.article-back a,.blog-note.author-back{font-size:var(--fs-ui)!important}
/* meta */
.quiet-link,a.quiet-link,.post-meta,.article-meta,.blog-count,.blog-note,.micro-note,p.micro-note{font-size:var(--fs-meta)!important}
/* fine print + eyebrow labels */
.art-disclaimer,.speed-source,.section-note,.faucet-hint,.journey-note,p.disclaimer,.disclaimer,.under-demo,.eyebrow,p.eyebrow,span.eyebrow,.micro,span.micro,p.micro,.path-tag{font-size:var(--fs-fine)!important}
@media (max-width:760px){:root{--fs-card:18px;--fs-lede:16px;--fs-body-card:15px}}
.pursekeeper-copy p.disclaimer,main p.disclaimer{font-size:var(--fs-fine)!important}
.article-content h2,.legal-page h2,.legal h2{font-size:24px!important}
.article-content h3{font-size:20px!important}
.article-content p,.article-content li{font-size:17px!important;line-height:1.75!important}
.under-demo p{font-size:var(--fs-meta)!important;line-height:1.6!important}
.under-demo a{font-size:var(--fs-ui)!important}

/* ---------- Arrows: tight, consistent, centred on the text (30 Sep 2026) ---------- */
a:has(>.arw.ico),button:has(>.arw.ico){display:inline-flex!important;align-items:center;gap:0!important}
.arw.ico{margin-left:.35em!important;width:1.1em!important;height:1.1em!important;min-width:14px!important;min-height:14px!important;vertical-align:middle!important;position:static!important;top:auto!important}
.button>.arw.ico,.text-link>.arw.ico{width:17px!important;height:17px!important;margin-left:8px!important}
.footer-top>.quiet-link{line-height:1}
[dir=rtl] .arw.ico{margin-left:0!important;margin-right:.35em!important}
[dir=rtl] .button>.arw.ico,[dir=rtl] .text-link>.arw.ico{margin-right:8px!important}
/* footer social icons */
.footer-social a{gap:7px}
.soc-ico{width:17px;height:17px;flex:none;color:var(--muted)}
.footer-social a:hover .soc-ico{color:var(--blue)}

/* ---------- Hero: compact card so the 4 benefits sit above the fold ---------- */
.home-hero{padding:8px 0 16px!important}
.payment-art{padding:14px 24px 10px!important}
.endpoint-icon{width:44px!important;height:44px!important}
.endpoint-icon .hi-ico{width:20px;height:20px}
.endpoint{gap:4px!important}
.endpoint strong,.endpoint .amount{font-size:19px!important}
.art-message{font-size:20px!important;margin-top:4px!important;line-height:1.3!important}
.payment-art .graphic-facts{padding-top:10px!important;margin-top:10px!important}
.payment-art .art-disclaimer{margin:6px 0 0!important}
.speed-source{margin-top:8px!important;line-height:1.5!important}
.benefits article{padding-top:14px!important;padding-bottom:12px!important}
.benefits .stat-ico{margin-bottom:8px!important}
.benefits h2{margin-bottom:6px!important}
.benefits .quiet-link{margin-top:6px!important}
.lab-card{min-height:0;padding:14px 24px 10px}
.sw-dial{width:170px;height:170px}
.sw-time{font-size:38px}
.sw-meta{margin:10px 0 12px}
.gl-log{margin:8px 0 10px;min-height:0}
.gl-log li{padding:4px 2px}
.mt-list{min-height:200px;margin:8px 0}
.payment-art .payment-rail{margin-top:18px!important}
.payment-art .art-eyebrow{padding-top:0!important}
.pk-mark .arw.ico{position:absolute!important;width:60px!important;height:60px!important;top:14px!important;right:-50px;margin:0!important}
@media (max-width:760px){.pk-mark .arw.ico{width:44px!important;height:44px!important}}
.footer-social a{flex-direction:row!important;align-items:center!important;display:inline-flex!important}
/* homepage closing title matches the hero title */
.home .closing h2{font-size:var(--fs-hero)!important;line-height:1.08!important;letter-spacing:-.02em!important}
/* closing band without heading: single left-aligned column */
.home .closing-inner{display:block!important}
.home .closing-actions{max-width:none}
/* closing line: see heading-size rule below */
/* lattice illustration: smaller, closer to the card scale elsewhere */
.lattice-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important}
.lattice-stage{width:100%;max-width:560px;justify-self:end;padding:12px 10px!important}
@media (max-width:760px){.lattice-section{grid-template-columns:1fr!important;gap:28px!important}.lattice-stage{max-width:none;justify-self:stretch}}
/* faucet title matches the "Your first payment starts here." section title */
main .faucet-copy h3{font-size:var(--fs-h2)!important;line-height:1.14!important}
.faq-more a{color:var(--blue);font-weight:600;display:inline-flex;align-items:center}
.faq-more a:hover{text-decoration:underline}

/* ---------- 30 Sep 2026, round 3 ---------- */
/* 1 hero breathes on tall screens, stays compact at 800px */
.home-hero{padding:clamp(8px,calc((100vh - 760px) / 2),80px) 0 clamp(16px,calc((100vh - 760px) / 2),80px)!important}
/* 3 hero buttons: blue + white, no arrows */
.button-light{background:#fff!important;color:#0b1424!important;border:1px solid #fff!important}
.button-light:hover{background:#e6edff!important;border-color:#e6edff!important}
.home-hero .button-row{gap:14px}
.home-hero .button-row .button{justify-content:center!important}
/* 4 content links: blue, white on hover (dark ink on pale sections) */
main .quiet-link,main a.text-link,main article a:not(.button),main .faq-more a,main .under-demo a,main p a:not(.button),main li a:not(.button){color:#77a4ff!important;transition:color .2s}
main .quiet-link:hover,main a.text-link:hover,main article a:not(.button):hover,main .faq-more a:hover,main .under-demo a:hover,main p a:not(.button):hover,main li a:not(.button):hover{color:#fff!important}
main .pale-section .quiet-link,main .pale-section a.text-link,main .pale-section article a:not(.button),main .pale-section .faq-more a,main .pale-section p a:not(.button),main .pale-section li a:not(.button){color:#2262e9!important}
main .pale-section .quiet-link:hover,main .pale-section a.text-link:hover,main .pale-section article a:not(.button):hover,main .pale-section .faq-more a:hover,main .pale-section p a:not(.button):hover,main .pale-section li a:not(.button):hover{color:#0b1424!important}
main .post-grid a,main .post-card a,main .post-grid a:hover,main .post-card a:hover{color:inherit!important}
[data-theme=light] main .quiet-link,[data-theme=light] main a.text-link,[data-theme=light] main article a:not(.button),[data-theme=light] main p a:not(.button){color:#2262e9!important}
[data-theme=light] main .quiet-link:hover,[data-theme=light] main a.text-link:hover,[data-theme=light] main article a:not(.button):hover,[data-theme=light] main p a:not(.button):hover{color:#0b1424!important}
/* 6 lattice: back under the benefits, larger */
@media (min-width:1001px){.lattice-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:56px!important}}
@media (max-width:1000px){.lattice-section{grid-template-columns:1fr!important;gap:28px!important}.lattice-stage,.globe-panel .globe-card{max-width:none!important;justify-self:stretch!important}}
.lattice-stage{max-width:none!important;justify-self:stretch!important;padding:16px 12px!important}
/* 8 footer notes smaller */
footer .footer-bottom p,footer .footer-bottom p a{font-size:13px!important;line-height:1.6!important}
footer .footer-bottom .footer-note{margin-bottom:6px}
@media (max-width:760px){footer .footer-bottom p,footer .footer-bottom p a{font-size:13px!important}}
/* 9 step titles use the card title style */
.journey-grid article>h3{margin-top:0!important}
/* 10 closing band centred */
.home .closing-inner{text-align:center}
.home .closing-actions .button-row{justify-content:center}
.home .closing-blue .button-row .button{justify-content:center!important}
.journey-grid article a{margin-right:22px}
.faucet-label{font-family:var(--font-body);color:#55637a;margin:0 0 4px}
footer .footer-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:start}
footer .footer-bottom>.footer-note{grid-column:1;grid-row:1;max-width:760px}
footer .footer-bottom>p:not(.footer-note){grid-column:1;grid-row:2;max-width:760px}
footer .footer-bottom>div{grid-column:2;grid-row:1 / span 2;align-self:center}
@media (max-width:760px){footer .footer-bottom{grid-template-columns:1fr}footer .footer-bottom>div{grid-column:1;grid-row:3;margin-top:16px}}
footer .footer-bottom>p{margin:0!important}
footer .footer-bottom{row-gap:8px}
footer .footer-bottom p a{display:inline!important;min-height:0!important}
@media (max-width:520px){header .nav-actions a.button.button-small{display:none!important}}
/* illustration disclaimers match the footer's small print */
.art-disclaimer,.hero-option .art-disclaimer,.lab-card .art-disclaimer,main .art-disclaimer{font-size:13px!important}
/* footer tagline in blue */
.footer-top>span{color:#77a4ff!important}
[data-theme=light] .footer-top>span{color:#2262e9!important}
main .visual-stage .hero-option p.art-disclaimer,main .hero-options p.art-disclaimer{font-size:13px!important}
/* brand typography: Montserrat headings, Open Sans for all copy (monospace kept only for code) */
.art-eyebrow,.use-links span,.project-bottom,.pillar-icon,.journey-grid article>span,.home .faucet-steps li::before,.post-cat,.article-crumb,.pager-label,.eyebrow,.micro,.path-tag,.code-top,.step-number,.demo-badge,.breadcrumb,.hero-bottom a span,.status-code,.safety-list article>span{font-family:var(--font-body)!important;letter-spacing:.01em!important;text-transform:none!important}
.status-code{font-family:var(--font-display)!important;font-weight:600}
/* closing panel line matches section heading size */
main .closing-blue .closing-actions>p,.closing-blue .closing-actions>p{font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:var(--fs-h2)!important;font-weight:600;line-height:1.14;letter-spacing:-.02em;color:#fff;max-width:none;margin:0 0 32px}
/* design-review picker: amber so it reads as a temporary tool, not part of the site */
.hero-lab{background:#ffc53d!important;border:2px solid #1a1300!important;box-shadow:0 20px 50px -18px rgba(0,0,0,.75)!important;backdrop-filter:none!important}
.hero-lab .hero-lab-title{color:#1a1300!important}
.hero-lab .hero-lab-note{color:#3d3000!important}
.hero-lab .hero-lab-buttons button{background:rgba(255,255,255,.35)!important;border:1px solid rgba(26,19,0,.45)!important;color:#1a1300!important}
.hero-lab .hero-lab-buttons button:hover{background:rgba(255,255,255,.6)!important}
.hero-lab .hero-lab-buttons button[aria-pressed=true]{background:#1a1300!important;border-color:#1a1300!important;color:#ffc53d!important}
.hero-lab .hero-lab-buttons button:focus-visible{outline:3px solid #080e1b!important;outline-offset:2px}
/* FAQ band: dark blue */
.navy-section{background:var(--bg,#080e1b);color:#f7f9ff;--muted:#b4c2dc;--line:rgba(162,184,221,.28)}
.navy-section .faq-intro{color:#b4c2dc!important}
.navy-section .faq-list summary{color:#f7f9ff}
.navy-section .faq-list summary span{color:#77a4ff}
.navy-section .faq-list details p{color:#c9d5ea}
/* Back to top: up arrow everywhere */
a[href="#main"] .ico-arrow,[dir=rtl] a[href="#main"] .ico-arrow{transform:rotate(-90deg)}
a[href="#main"]:hover .ico-arrow,[dir=rtl] a[href="#main"]:hover .ico-arrow{transform:rotate(-90deg) translateX(3px)}
/* faucet: give the Nanswap box enough width for its full placeholder */
@media (min-width:1001px){main .faucet{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
@media (max-width:520px){main .faucet-card{padding:28px 18px!important}}
/* narrow laptops: faucet card takes a larger share with slimmer padding */
@media (min-width:1001px) and (max-width:1280px){main .faucet{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}main .faucet-card{padding-left:28px!important;padding-right:28px!important}}
.hero-lab .hero-lab-buttons{grid-template-columns:repeat(3,1fr)!important}
/* Around the world: standalone panel after the faucet */
.globe-panel{border-top:0!important}
.globe-panel .globe-card{width:100%;max-width:560px;justify-self:end;min-height:0;padding:22px 26px 14px}
.globe-panel .gl-map{max-height:none}
.globe-panel .gl-log{min-height:0;margin:10px 0 14px}
.globe-panel .gl-log li{font-size:17px!important;padding:7px 2px}
.globe-panel .gl-log li .ico{width:16px;height:16px;min-width:16px;min-height:16px}
.globe-panel .graphic-facts{font-size:17px!important}
.globe-panel .graphic-facts strong{font-size:20px}
.globe-panel .art-disclaimer{font-size:13px!important}
@media (max-width:760px){.globe-panel .globe-card{max-width:none;justify-self:stretch;padding:18px 14px 12px}.globe-panel .gl-log li,.globe-panel .graphic-facts{font-size:16px!important}.globe-panel .graphic-facts{gap:14px;flex-wrap:wrap}}
main .globe-panel .globe-card p.art-disclaimer{font-size:13px!important;color:#8e9cb4}
.globe-panel .gl-log li strong{font:600 17px var(--font-display)!important}
.globe-panel .globe-card{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;position:relative}
.globe-panel .globe-card .graphic-facts,.globe-panel .globe-card .art-disclaimer{position:static!important;transform:none!important}
.globe-panel .gl-map{max-height:none!important;height:auto!important}
.hero-lab .hero-lab-buttons{grid-template-columns:repeat(2,1fr)!important}
.lattice-visual{min-width:0;display:flex;flex-direction:column;gap:16px}
.lattice-visual .lattice-legend{margin:0!important;padding-left:4px;justify-content:flex-start}
.clean-list.icon-list li{display:flex;align-items:center;gap:14px;padding-left:0!important}
.clean-list.icon-list li::before{content:none!important;display:none!important}
.clean-list.icon-list .cl-ico{flex:0 0 22px;width:22px;height:22px;color:#77a4ff}
@media (min-width:1001px){.globe-panel{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:48px!important}}
.globe-panel .globe-card{max-width:none!important;justify-self:stretch!important;width:100%}
.globe-panel .gl-map{width:100%!important;margin:0 auto}
/* RTL: animation arrows point in reading direction; agent rail stays sender to receiver left to right */
[dir=rtl] .gl-log .ico-arrow,[dir=rtl] .mt-compose .ico-arrow{transform:scaleX(-1)}
[dir=rtl] .agent-card .ac-rail{direction:ltr}
[dir=rtl] .gl-log strong{direction:ltr;unicode-bidi:isolate}
.faucet-copy,.faucet-copy *{min-width:0;overflow-wrap:break-word}
@media (max-width:1000px){.faucet-grid,.faucet-panel{grid-template-columns:minmax(0,1fr)!important}}
.agent-card .ac-end{min-width:0;text-align:center}.agent-card .ac-name{overflow-wrap:anywhere}
.faucet-links a{white-space:normal!important;overflow-wrap:break-word}
.globe-panel .globe-card{overflow:hidden!important}
.globe-panel .gl-map{width:calc(100% + 40px)!important;max-width:none!important;margin:0 -20px!important}
@media (max-width:760px){.globe-panel .gl-map{width:calc(100% + 24px)!important;margin:0 -12px!important}}
/* Agents hero headline matches the homepage hero size */
main .hero.has-agent-card h1{font-size:var(--fs-hero)!important;line-height:1.08!important}
/* Agents page: buttons placed under headings/copy */
.section-heading .section-cta{margin-top:24px}
.facilitator > div > .button{margin-top:20px}
.closing:not(.closing-blue) .button-row{gap:14px!important}
/* ---------- Mobile optimisation pass ---------- */
@media (max-width:520px){
  /* hero message thread: give the list real height so messages show on phones */
  .visual-stage .hero-option.mt-card{height:400px!important;overflow:hidden!important}
  .visual-stage .mt-card .mt-list{flex:1 1 0!important;min-height:0!important}
  .mt-head strong{font-size:16px!important}
  .visual-stage .hero-option.sw-card{min-height:400px}
  /* full-width, equal buttons in heroes and closings */
  .home-hero .button-row,.hero .button-row,.closing .button-row,.closing-actions .button-row{flex-direction:column;align-items:stretch;gap:12px!important}
  .home-hero .button-row .button,.hero .button-row .button,.closing .button-row .button,.closing-actions .button{width:100%;justify-content:center;text-align:center}
  /* payment journey tabs: number and title only */
  .flow-step .step-caption,.flow-step .step-arrow{display:none!important}
  .flow-step{padding:14px 10px!important}
  /* globe panel */
  .globe-panel .gl-log li{padding:8px 0}
}
@media (max-width:760px){
  /* comfortable tap targets for stand-alone links */
  main .text-link,main .quiet-link,main a.heading-aside{min-height:44px;display:inline-flex;align-items:center}
  .lang-switch a,.lang-switch span{min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
  /* decorative Nano mark sat behind the closing copy */
  .closing:not(.closing-blue) .closing-symbol{display:none}
  /* section rhythm */
  .lattice-section,.globe-panel{padding-top:48px!important;padding-bottom:48px!important}
}
@media (max-width:520px){
  .home-hero .visual-stage .hero-option.lab-card.mt-card{height:400px!important;overflow:hidden!important}
  .home-hero .visual-stage .hero-option.lab-card.mt-card .mt-list{flex:1 1 0!important;min-height:0!important}
  .home-hero .button-row .button,.hero .button-row .button,.closing .button-row .button,.closing-actions .button{max-width:none!important;min-width:0!important}
}
/* Blog articles on phones: long links/words wrap, wide tables and code scroll inside their box */
@media (max-width:760px){
  main p a,main li a,main p strong,main li strong,main td,main p,main li{overflow-wrap:anywhere}
  main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main pre{max-width:100%;overflow-x:auto}
  main img,main iframe,main video{max-width:100%;height:auto}
}
@media (max-width:760px){html,body{overflow-x:clip}}
@media (max-width:380px){.agent-card .ac-orb{width:58px!important;height:58px!important}.agent-card .ac-orb svg{width:24px;height:24px}.agent-card .ac-amt{font-size:22px!important}.agent-card{padding-left:14px!important;padding-right:14px!important}}
@media (max-width:380px){.agent-card .ac-name{font-size:16px!important}.agent-card .ac-sub{font-size:16px!important}.agent-card .ac-rail{gap:8px!important}}
/* Message thread: standalone panel after the benefit boxes */
.thread-panel{border-top:0!important}
@media (min-width:1001px){.thread-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:56px!important}}
.thread-panel .thread-card{width:100%;max-width:520px;justify-self:end;height:440px!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:hidden;padding:20px 24px 14px}
.thread-panel .mt-list{flex:1 1 0!important;min-height:0!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px);mask-image:linear-gradient(to bottom,transparent 0,#000 28px)}
.thread-panel .art-disclaimer{font-size:13px!important}
@media (max-width:1000px){.thread-panel .thread-card{max-width:none;justify-self:stretch}}
@media (max-width:520px){.thread-panel .thread-card{height:400px!important;padding:16px 14px 12px}}
.visual-stage .gl-card .gl-map{max-height:none!important;width:calc(100% + 32px)!important;margin:0 -16px!important}
/* Header comparison */
.thread-panel[hidden],.globe-panel[hidden],.ver-a[hidden],.ver-b[hidden]{display:none!important}
.hero-lab .hero-lab-buttons{grid-template-columns:1fr 1fr!important}
.hero-lab .hero-lab-buttons button{white-space:normal;line-height:1.25}
/* Bigger hero map */
@media (min-width:1001px){
  .home-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)!important}
  .home-hero .visual-stage .hero-option.lab-card{height:390px!important}
}