/* South Africa brand refresh. Component behaviour and wallet illustration
   remain in styles.css; this layer owns the responsive presentation. */
:root{--ink:#111e38;--muted:#637084;--blue:#1558e8;--line:#e5e9ef;--surface:#f5f7fb}
body{background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
::selection{background:#d6e5ff;color:var(--ink)}
h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.055em}h3{letter-spacing:-.025em}
p{line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0 0 22px;line-height:1.5}
.site-header{height:96px;max-width:1360px;padding:0 40px;gap:26px;background:#fff}
.brand img{width:134px}.desktop-nav{gap:29px;font-size:13px;font-weight:600;color:#475366}
.header-actions{gap:24px}.header-actions .region{display:none}.login-link{font-size:13px}
.button{border-radius:9px;min-height:52px;padding:16px 22px;gap:24px;font-size:13px;font-weight:650;box-shadow:none}
.button-dark{background:var(--blue);color:#fff}.button-dark:hover{background:#1046bd;box-shadow:0 7px 20px #1558e825}
.header-join{min-height:43px;padding:12px 18px}.button span{font-size:21px}.text-link{border:0;padding:10px 0;font-size:13px;gap:16px;color:var(--ink)}
.text-link:hover{color:var(--blue)}.hero{max-width:1280px;margin:0 auto;padding:34px 0 52px;min-height:0;background:#fff;border-radius:0;display:grid;grid-template-columns:1.02fr 1fr;gap:38px;overflow:visible;align-items:center}
.hero-copy{width:auto;position:relative;z-index:2;padding:24px 0}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;background:#f0f5ff;border:1px solid #e0eaff;padding:8px 12px;border-radius:30px;margin-bottom:25px;font-size:9px;letter-spacing:1.2px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #d8e6ff;display:inline-block}
.hero h1{font-size:clamp(60px,5.5vw,80px);letter-spacing:-.065em;line-height:1.04;margin:0 0 25px;font-weight:650}
.hero h1 span{color:var(--blue);letter-spacing:inherit}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);max-width:430px;margin-bottom:28px}
.hero-buttons{display:flex;flex-direction:row;align-items:center;gap:25px}.hero-note{font-size:11px;color:#738093;margin-top:24px;gap:8px}.hero-note svg{color:#73909a}
.hero-art{position:relative;top:auto;right:auto;width:100%;height:555px;margin:0;border-radius:24px;background:#71d8d8;overflow:hidden;isolation:isolate;pointer-events:none}
.hero-art::after{content:"";position:absolute;inset:0;border:1px solid #111e3808;border-radius:24px;pointer-events:none}
.globe{position:absolute;width:660px;max-width:none;height:660px;left:50%;top:42px;transform:translateX(-50%);mix-blend-mode:darken;animation:none}
.art-caption{position:absolute;left:30px;right:30px;top:26px;display:flex;justify-content:space-between;align-items:center;color:#18505b;font-size:8px;font-weight:700;letter-spacing:1.6px;z-index:2}.art-caption>span:last-child{font-size:25px;font-weight:400}
.globe-label{border-radius:14px;padding:16px 18px;gap:11px;font-size:12px;font-weight:650;box-shadow:0 14px 40px #092e4230;backdrop-filter:blur(12px);background:#fffffff5}
.globe-label small{font-size:10px;color:#68788a;margin-top:4px}.label-top{top:104px;right:26px;transform:none}.label-icon{background:#eaf1ff;color:var(--blue);width:39px;height:39px;font-size:25px;border-radius:11px}
.label-bottom{bottom:35px;left:28px;transform:none}.sa-flag{font-size:28px}.small-dot{width:7px;height:7px;margin-left:8px;background:#16957b}
.capability-strip{max-width:1280px;padding:25px 0;margin:auto;gap:20px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:#59687b}
.capability-strip>span{display:flex;gap:12px;align-items:center;justify-content:center}.capability-strip>span+span{border-left:1px solid var(--line)}.capability-strip b{font-size:24px;font-weight:400;color:#496489}
.section{max-width:1200px;margin:0 auto;padding:104px 0}.section-heading{display:block;margin-bottom:44px}.section-heading>.eyebrow{padding:0;max-width:none;margin-bottom:16px}.section-heading>div{max-width:none;display:flex;justify-content:space-between;gap:60px;align-items:end}
.section-heading h2{font-size:48px;line-height:1.12;margin:0;letter-spacing:-2.4px}.section-heading p:not(.eyebrow){max-width:375px;font-size:15px;color:var(--muted);margin:0 0 4px}
.personal-grid{grid-template-columns:1fr 1fr;gap:76px}.app-showcase{height:578px;border-radius:22px;background:linear-gradient(145deg,#f1f5ff,#e4eeff);padding:27px 28px 0}
.app-showcase::before{content:"";position:absolute;width:360px;height:360px;border:1px solid #c6d6f1;border-radius:50%;top:130px;left:calc(50% - 180px);box-shadow:0 0 0 46px #e6eeff,0 0 0 47px #d5e2f6,0 0 0 95px #ecf2ff}
.showcase-caption{position:relative;font-size:8px;color:#5f7390;letter-spacing:1.8px}.showcase-caption>span:last-child{font-size:22px}.phone{position:relative;transform:rotate(-4deg);border-color:#182944;box-shadow:12px 20px 35px #1a3b6e25;margin-top:20px}
.wallet-preview{background:#102544}.preview-note{background:#e9f0fcef;color:#627590;font-size:9px;bottom:10px;z-index:2}
.feature-list article{border-color:var(--line);gap:20px;padding:26px 0}.feature-list h3{font-size:23px;font-weight:600;margin-bottom:10px}.feature-list p{font-size:14px;color:var(--muted);line-height:1.75}
.feature-icon{background:#eff4ff;color:var(--blue);width:43px;height:43px;border-radius:12px;font-size:25px}.feature-cta{margin-top:22px;color:var(--blue)}.feature-list .fine-print{max-width:400px;font-size:10px;color:#7a8695;margin-top:13px}
.international{max-width:1280px;background:#f5f8fc;border:1px solid #ebeff5;border-radius:24px;grid-template-columns:1.1fr 1fr;gap:70px;padding:62px 62px;align-items:center;margin-bottom:96px}
.international h2{font-size:47px;letter-spacing:-2.4px;line-height:1.12}.international .eyebrow{margin-bottom:20px}.transfer-story>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:415px;margin-bottom:25px}
.transfer-points{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:24px;font-size:10px;color:#617089}.transfer-points span::before{content:"✓";margin-right:5px;color:#128775}
.transfer-visual{padding-top:10px;isolation:isolate}.transfer-orbit{width:295px;height:295px;top:8px;left:calc(50% - 148px);border-color:#cad8e9}
.currency-card{border:1px solid #e4eaf4;border-radius:14px;padding:23px 20px;gap:14px;box-shadow:0 8px 28px #142f5509;background:#fff}.currency-card strong{font-size:16px;font-weight:600;letter-spacing:-.4px}.currency-card small{font-size:8px;color:#7c8a9d;margin-bottom:7px;letter-spacing:.7px}.currency-card>b{font-size:13px;color:#263c62}
.currency-flag{font-size:28px}.transfer-connector{padding:23px 30px;gap:13px}.transfer-connector>span{background:#dfeaff;color:var(--blue)}.transfer-connector p{font-size:11px;color:#62738a}.transfer-connector b{color:var(--ink);font-weight:600}
.destination{margin-left:28px;background:#fff}.destination .currency-flag{color:var(--blue);background:#eff4ff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.destination>span:last-child{color:var(--blue)}.transfer-visual>.fine-print{font-size:10px;padding-left:28px;color:#7a8695;margin-top:20px}
.business{max-width:none;margin:0;border-radius:0;background:#0e203d;color:#fff;position:relative}.business::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 100%,#184c7040,transparent 65%);pointer-events:none}
.business-inner{max-width:1200px;padding:84px 0;grid-template-columns:1fr 1fr;gap:95px;position:relative}.business .eyebrow{color:#8eabdb;letter-spacing:2px}.business h2{font-size:55px;line-height:1.1;letter-spacing:-2.6px;margin-bottom:25px}.business h2 span{color:#7ee2d0}
.business-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#aabbd1;max-width:355px;margin-bottom:27px}.button-lime{background:#fff;color:#13294b}.button-lime:hover{background:#e7f2ff}
.business-tags{display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.business-tags span{border:1px solid #344560;border-radius:6px;padding:7px 10px;font-size:9px;color:#aabbcf}
.business-tools{padding-top:0}.business-tools article{gap:20px;border-color:#2a3b57;padding:30px 0}.business-tools article:first-child{padding-top:5px}.tool-number{width:32px;height:32px;display:grid;place-items:center;background:#1d3354;color:#96b3d7;border-radius:9px;flex-shrink:0;margin-top:0;font-size:10px}
.business-tools h3{font-size:23px;font-weight:550;letter-spacing:-.7px;margin-bottom:12px}.business-tools article p{font-size:14px;line-height:1.8;color:#a4b6cf}.tool-arrow{color:#7edcca;font-size:22px}.business-note{font-size:10px;color:#8ca0bb;margin-left:52px;margin-top:25px}
.start-section{padding-top:102px;padding-bottom:96px}.steps{gap:26px}.steps li{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}.steps li>span{border:0;background:#edf3ff;color:var(--blue);width:40px;height:40px;border-radius:10px;font-size:11px;margin-bottom:27px}.steps h3{font-size:21px;font-weight:600;line-height:1.3;margin-bottom:12px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);max-width:100%}
.faq{padding-top:75px;padding-bottom:92px;gap:100px;border-color:var(--line);grid-template-columns:1fr 1.25fr}.faq h2{font-size:46px;line-height:1.15;letter-spacing:-2px}.faq>div>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:25px}.faq .text-link{color:var(--blue);font-size:12px}
.faq-list details{border-color:var(--line)}.faq-list summary{padding:23px 0;font-size:15px;font-weight:550;line-height:1.5}.faq-list summary span{background:#f1f5fa;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:18px;flex-shrink:0;color:#62738c}.faq-list details>p{color:var(--muted);font-size:13px;line-height:1.85}.faq-list details[open] summary{color:var(--blue)}
.closing{max-width:1280px;margin:0 auto;border-radius:22px;background:#edf3ff;padding:56px 62px;position:relative;overflow:hidden;gap:40px}.closing::before{content:"";position:absolute;right:-100px;bottom:-330px;width:600px;height:600px;border:1px solid #d9e5fa;border-radius:50%;box-shadow:0 0 0 42px #edf3ff,0 0 0 43px #d9e5fa;pointer-events:none}.closing>div{position:relative}.closing h2{font-size:48px;letter-spacing:-2.4px;line-height:1.12}.closing h2 span{color:var(--blue)}.closing .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:17px}.closing p:not(.eyebrow){font-size:11px;color:#6a7b94;margin:16px 0 0;line-height:1.7}
.site-footer{max-width:1200px;margin:0 auto;padding:68px 0 30px}.footer-main{gap:45px;grid-template-columns:1.4fr 1fr 1fr 1.2fr;margin-bottom:48px}.footer-brand img{width:135px}.footer-brand p{font-size:19px;color:#263b5b;line-height:1.35;letter-spacing:-.5px}.footer-main h3{font-size:11px;font-weight:700;color:#24344b;margin-bottom:23px}.footer-main>div>a:not(:first-child){font-size:11px;color:#6a7789;line-height:1.5;margin-bottom:15px}.footer-main>div:not(.footer-brand)>p{font-size:11px;color:#6a7789}.footer-brand .region{font-size:10px;color:#6a7789}.footer-bottom{border-color:var(--line);font-size:9px;color:#6a7789}.footer-disclaimer{font-size:9px;color:#8590a0}
.mobile-nav{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:0 16px 40px #122b4815;top:75px}.menu-toggle span{background:var(--ink)}
dialog{background:#fff;color:var(--ink);border-color:var(--line);border-radius:22px;padding:42px}dialog::backdrop{background:#0c1e3b70}dialog h2{font-size:35px;font-weight:600}dialog .eyebrow{color:var(--blue)}dialog>p:not(.eyebrow){color:var(--muted)}.dialog-close{background:#f0f4fa}.portal-option{border-color:var(--line);border-radius:12px}.portal-option:hover{background:#f2f6ff;border-color:#cbdcff}.portal-icon{color:var(--blue);background:#eef4ff;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.portal-option strong{font-weight:600}.portal-option small{color:var(--muted)}
@media(min-width:1600px){.hero{padding:34px 0 52px;margin:0 auto}.hero-art{width:100%;height:555px;right:auto;top:auto}.business,.closing{max-width:none;margin:0}.closing{max-width:1280px;margin:auto}}
@media(max-width:1360px){.hero,.capability-strip,.international,.closing{margin-left:40px;margin-right:40px}.section:not(.international),.site-footer{margin-left:60px;margin-right:60px}.hero{gap:30px}.hero-art{height:530px}.globe{width:640px;height:640px}.business-inner{padding:80px 60px;gap:70px}.international{padding:55px 46px;gap:50px}.hero h1{font-size:72px}.hero-description{font-size:16px}.hero-buttons{gap:20px}.section-heading h2{font-size:44px}.personal-grid{gap:55px}.closing{padding:52px 48px}}
@media(max-width:1050px){.site-header{height:86px;padding:0 32px}.header-actions .region{display:none}.hero{margin:0 32px;padding-top:25px;gap:24px}.hero-copy{width:auto}.hero h1{font-size:61px;letter-spacing:-3.6px}.hero .eyebrow{font-size:8px;max-width:none;letter-spacing:1px}.hero-description{font-size:14px;max-width:350px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:4px}.hero-note{font-size:10px}.hero-art{height:480px;width:100%;top:auto;right:auto}.globe{width:580px;height:580px;top:45px}.art-caption{left:21px;right:21px;font-size:7px;letter-spacing:1.1px}.label-top{right:16px;top:97px;font-size:10px;padding:13px}.label-top small{font-size:8px}.label-bottom{left:16px;bottom:29px;font-size:10px;padding:13px}.label-bottom small{font-size:8px}.label-icon{width:30px;height:30px;font-size:22px}.sa-flag{font-size:24px}.small-dot{margin-left:0}.capability-strip{margin:0 32px;font-size:10px;padding:22px 0;gap:8px}.capability-strip>span{gap:8px}.capability-strip b{font-size:20px}.section:not(.international),.site-footer{margin-left:40px;margin-right:40px}.section{padding-top:80px;padding-bottom:80px}.section-heading>div{gap:35px}.section-heading h2{font-size:37px;letter-spacing:-1.8px;flex:1.2}.section-heading p:not(.eyebrow){flex:1;font-size:13px}.personal-grid{gap:35px}.feature-list h3{font-size:20px}.feature-list p{font-size:13px}.feature-list article{gap:15px;padding:23px 0}.feature-icon{width:35px;height:35px;font-size:23px}.app-showcase{padding:24px 18px 0}.phone{width:280px}.international{margin:0 32px 80px;padding:45px 30px;gap:32px}.international h2{font-size:37px;letter-spacing:-1.8px}.transfer-story>p:not(.eyebrow){font-size:13px}.currency-card{padding:18px 14px;gap:10px}.currency-card strong{font-size:13px}.currency-card small{font-size:7px}.currency-flag{font-size:24px}.destination{margin-left:18px}.transfer-points{font-size:9px;gap:8px 12px}.business-inner{padding:65px 40px;gap:45px}.business h2{font-size:46px;letter-spacing:-2px}.business-tools h3{font-size:21px}.business-tools article p{font-size:13px}.business-tools article{gap:14px}.business-note{margin-left:46px}.steps{gap:18px}.steps li{padding:24px 20px}.steps h3{font-size:19px}.steps p{font-size:12px}.faq{gap:60px}.faq h2{font-size:39px}.closing{margin:0 32px;padding:46px 36px}.closing h2{font-size:39px;letter-spacing:-1.8px}.footer-main{gap:30px;grid-template-columns:1fr 1fr}.site-footer{padding-top:55px}}
@media(max-width:700px){.site-header{height:77px;padding:0 23px}.brand img{width:119px}.header-actions{gap:19px}.login-link{font-size:12px}.hero{display:flex;flex-direction:column;gap:28px;margin:0 22px;padding:23px 0 30px;min-height:0;overflow:visible}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:7px;padding:7px 10px;margin-bottom:20px;letter-spacing:1px}.hero h1{font-size:clamp(49px,12vw,74px);letter-spacing:-.06em;line-height:1.02;margin-bottom:22px}.hero h1 span{letter-spacing:inherit}.hero-description{font-size:14px;line-height:1.75;max-width:430px;margin-bottom:22px}.hero-buttons{flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.hero-buttons>.button{font-size:11px;min-height:48px;padding:14px 16px;gap:19px}.hero-buttons .text-link{font-size:11px;gap:9px;padding:9px 0}.hero-note{font-size:9px;margin-top:18px}.hero-art{width:100%;height:360px;margin:0;border-radius:19px;flex-shrink:0}.hero-art::after{border-radius:19px}.globe{width:470px;height:470px;top:14px;left:50%;transform:translateX(-50%)}.art-caption{top:16px;left:20px;right:20px;font-size:6px;letter-spacing:1.1px}.art-caption>span:last-child{font-size:23px}.label-top{top:64px;right:14px;padding:11px 12px;font-size:10px;gap:9px}.label-top small{font-size:8px}.label-top .label-icon{width:29px;height:29px;font-size:21px;border-radius:8px}.label-bottom{bottom:21px;left:16px;font-size:10px;padding:12px 14px;gap:10px}.label-bottom small{font-size:8px}.label-bottom .sa-flag{font-size:24px}.capability-strip{margin:0 22px;padding:22px 0;grid-template-columns:1fr 1fr;gap:19px 8px;font-size:9px}.capability-strip>span{justify-content:flex-start;gap:9px}.capability-strip>span+span{border:0}.capability-strip b{font-size:20px;width:24px;text-align:center}.section:not(.international),.site-footer{margin:0 24px}.section{padding:64px 0}.section-heading{margin-bottom:31px}.section-heading>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:14px}.section-heading>div{display:block}.section-heading h2{font-size:35px;letter-spacing:-1.8px;line-height:1.14}.section-heading p:not(.eyebrow){font-size:14px;margin:19px 0 0;max-width:440px}.personal-grid{grid-template-columns:1fr;gap:33px}.app-showcase{height:540px;padding:21px 24px 0}.phone{width:287px;margin-top:19px}.feature-list h3{font-size:21px}.feature-list article{gap:17px;padding:22px 0}.feature-list p{font-size:14px}.feature-icon{width:38px;height:38px}.feature-list .fine-print{font-size:10px}.international{margin:0 16px 64px;padding:38px 25px;grid-template-columns:1fr;gap:34px;border-radius:20px}.international .eyebrow{font-size:9px;letter-spacing:1.6px}.international h2{font-size:37px;letter-spacing:-1.9px}.transfer-story>p:not(.eyebrow){font-size:14px;line-height:1.8}.international .button{font-size:12px;padding:14px 18px;min-height:48px}.transfer-points{font-size:9px;margin-top:21px;gap:10px 12px}.transfer-visual{padding:7px 0 0}.currency-card{padding:20px 15px;gap:11px}.currency-card strong{font-size:14px}.currency-card small{font-size:7px}.currency-card>b{font-size:12px}.transfer-connector{padding:20px 24px}.destination{margin-left:14px}.transfer-visual>.fine-print{padding-left:14px;font-size:9px}.business{margin:0;border-radius:0}.business-inner{padding:55px 28px;grid-template-columns:1fr;gap:40px}.business .eyebrow{font-size:9px;margin-bottom:20px}.business h2{font-size:45px;letter-spacing:-2.2px;line-height:1.13}.business-copy>p:not(.eyebrow){font-size:14px;max-width:420px}.business-tags{margin-top:23px}.business-tools article{gap:16px;padding:26px 0}.business-tools h3{font-size:21px}.business-tools article p{font-size:13px}.business-note{font-size:9px;margin-left:48px}.steps{grid-template-columns:1fr;gap:14px;margin-top:0}.steps li{padding:26px 23px 26px 80px;position:relative;min-height:145px}.steps li>span{position:absolute;top:26px;left:22px;margin:0;width:36px;height:36px}.steps h3{font-size:21px}.steps p{font-size:13px}.faq{grid-template-columns:1fr;gap:24px;padding-top:55px;padding-bottom:60px}.faq .eyebrow{font-size:9px;letter-spacing:1.6px}.faq h2{font-size:37px;letter-spacing:-1.8px}.faq>div>p:not(.eyebrow){margin-top:18px}.faq-list summary{font-size:14px;padding:21px 0;gap:20px}.faq-list details>p{font-size:13px;padding-right:10px}.closing{margin:0 16px;border-radius:20px;padding:38px 28px;display:block}.closing h2{font-size:38px;letter-spacing:-1.9px}.closing .eyebrow{font-size:8px;letter-spacing:1.2px}.closing>div:last-child{margin-top:25px}.closing .button{font-size:12px;gap:25px;padding:15px 18px}.closing p:not(.eyebrow){font-size:11px;margin-top:14px}.site-footer{padding:50px 0 24px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px;margin-bottom:35px}.footer-brand img{width:118px}.footer-brand p{font-size:18px;margin:20px 0}.footer-main h3{font-size:11px;margin-bottom:19px}.footer-main>div>a:not(:first-child){font-size:11px;margin-bottom:13px}.footer-main>div:not(.footer-brand)>p{font-size:11px}.footer-bottom{font-size:9px;gap:20px;flex-wrap:wrap;padding:23px 0}.footer-disclaimer{font-size:8px}dialog{padding:38px 23px 26px;border-radius:20px}dialog h2{font-size:29px;letter-spacing:-1.4px}.portal-option{padding:18px 13px;gap:12px}.portal-option strong{font-size:17px}.portal-option small{font-size:10px}.portal-icon{width:34px;height:34px;font-size:22px}}
@media(max-width:370px){.hero{margin-left:20px;margin-right:20px}.hero h1{font-size:48px}.hero-buttons{gap:13px}.hero-buttons>.button{font-size:10px;padding:14px;gap:13px}.hero-buttons .text-link{font-size:10px;margin-left:0}.hero-art{height:330px}.globe{width:440px;height:440px;top:13px}.section:not(.international),.site-footer{margin-left:22px;margin-right:22px}.section-heading h2{font-size:32px}.phone{width:270px}.app-showcase{height:522px}.currency-card strong{font-size:12px}.currency-card small{font-size:6px}.currency-card{gap:9px;padding:18px 12px}.transfer-points{font-size:8px}.business h2{font-size:40px}.closing h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}