/* INTERACTIVE PREVIEW ONLY — © 2026 ReBrandMyAI. Reuse requires a valid licence. Not the customer edition. */

:root{--ivory:#fcf9f2;--ink:#071a36;--navy:#031f49;--copper:#e6512e;--blue:#0569d5;--serif:'DM Serif Display','Iowan Old Style',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
body{background:var(--ivory)}
.section-wrap{max-width:1540px;padding-left:clamp(24px,6.7vw,102px);padding-right:clamp(24px,6.7vw,102px)}
.site-head{background:rgba(251,249,243,.96)}.head-inner{max-width:1535px;height:78px}.site-nav a,.signin{font-size:13px}.brand{font-weight:750;letter-spacing:-.07em;font-size:23px}.brand-icon{width:29px;height:29px;flex-shrink:0}.brand-icon i{width:34px;height:12px}
.fiction-strip{font-size:9px;padding:4px 12px;background:#082149;letter-spacing:.05em;color:#d6e1f1}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em}

.hero{max-width:1600px;min-height:690px;grid-template-columns:minmax(450px,43%) minmax(0,57%);gap:0;padding-top:5px;padding-bottom:0;align-items:center;isolation:isolate}
.hero-copy{align-self:center;padding-bottom:35px}
.hero .eyebrow{font-size:9px;letter-spacing:.15em;color:#aa6557;margin-top:30px}
.hero h1{font-family:var(--serif);font-size:clamp(79px,7.7vw,125px);letter-spacing:-.054em;line-height:.79;font-weight:400;white-space:normal;margin:33px 0 29px}
.hero h1 em{font-weight:400;font-style:italic;color:#e64c2d}
.hero h1 .period{color:#071a36}
.hero-intro{font-size:17px;line-height:1.55;color:#132846;max-width:450px;margin-top:30px;margin-bottom:23px}
.hero-actions{gap:28px}.hero .btn{min-height:49px}.underlink{border:0}.hero-features{max-width:630px;margin-top:43px;padding-top:19px;gap:18px;border-top:0}.hero-features strong{font-size:11px;color:#09213b}.hero-features small{font-size:10px}.hero-features .mini-icon{width:35px;height:35px;background:#f5f4ee;color:#205989;border:1px solid #e4ded4}
.hero-art{position:relative;display:block;min-height:620px;align-self:stretch;overflow:visible;margin-left:-40px}
.hero-art:before{width:100%;height:95%;border-radius:48% 45% 48% 40%;background:radial-gradient(ellipse at 59% 50%,rgba(243,210,173,.52),transparent 75%);z-index:-1;right:-2%;top:0}
.hero-artwork{position:absolute;display:block;width:115%;max-width:none;max-height:none;height:97%;right:-9.3%;top:3%;object-fit:fill;filter:saturate(1.05) contrast(1.04);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%);mask-composite:intersect}
.hero .scribble{font-family:var(--serif);font-size:23px;right:0;top:15%;transform:rotate(-6deg);color:#273f43;line-height:.98;text-shadow:0 1px 3px #fff8eb}.hero .scribble strong{color:#21434c;font-weight:400}
.hero-floating{animation:none;border:1px solid #e6e3db;background:#fffefa;border-radius:8px;box-shadow:0 10px 30px rgba(4,24,49,.12)}
.float-origin{left:37%;top:35%;transform:none;padding:16px 18px;min-width:179px}.float-origin small{letter-spacing:.045em;font-size:9px;color:#647488}.float-origin strong{font-size:20px;letter-spacing:-.03em}.float-origin .locale{display:block;font-size:12px;color:#15385c}.float-origin em{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:6px}.float-origin .live-dot{position:static;display:inline-block;width:7px;height:7px;box-shadow:none}
.float-receipt{bottom:12%;right:0;min-width:203px;padding:13px 15px}.float-receipt strong{font-family:var(--sans);font-size:20px;letter-spacing:-.05em}.float-receipt small{font-size:9px}.circle-good{background:#075842;font-size:16px}
.between-section{background:#f9f4ea}.between-inner{padding-top:18px;padding-bottom:17px}

.why{background:radial-gradient(ellipse at 40% 55%,#103c86 0%,#062b68 60%,#041c44 100%);padding:68px 0 68px}.why:before{opacity:.28;background:repeating-radial-gradient(circle at 18% 130%,transparent 0 25px,rgba(139,198,246,.11) 26px 27px)}
.why-three-col{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:0;align-items:stretch}
.why-intro{padding:12px 45px 10px 0}.why-intro h2{font-size:clamp(48px,4.6vw,78px);margin:19px 0 25px;line-height:.93}.why-intro h2 em{color:#f4eafa;font-weight:400}.why-intro p:not(.eyebrow){font-size:14px;color:#c1d4ef;max-width:380px}.why-intro .underlink{margin-top:10px}
.old-way,.new-way{padding:10px 24px 0;border-left:1px solid rgba(178,205,249,.43)}.route-header span{display:block;font-size:10px;letter-spacing:.12em;color:#c9d9f0;font-weight:800}.new-way .route-header span{color:#f5c18a}.route-header small{display:block;color:#aabfdc;font-size:11px;margin-top:9px}.route-map{position:relative;height:300px}.route-map svg{display:block;width:100%;height:225px;overflow:visible;margin-top:16px}.route-map svg circle{fill:#0e4689;stroke:#9ed4fe;stroke-width:2}.route-map svg .mid-dot{fill:#073364;stroke:#79afec}.route-map svg .local-dot{fill:#9be6a1;stroke:#135a84}.route-map svg .ripple-dot{fill:none;stroke:#7dd4ff;stroke-width:1;animation:ringPulse 3s infinite;transform-origin:31px 36px}.route-map .way-line{animation:dashFlow 25s linear infinite}.route-map .new-route-line{stroke-dasharray:9 3;animation:dashFlow 13s linear infinite}.path-labels text{font-size:12px;fill:#c5d7ea;font-family:var(--sans)}.route-tag{position:absolute;bottom:6px;left:5px;right:5px;background:rgba(113,145,197,.27);border-radius:8px;text-align:center;padding:11px 9px;color:#d6e6f8;font-size:11px;white-space:nowrap}.route-tag span{padding:0 8px;opacity:.6}.route-tag-blue{background:#0765bb;color:#fff}

.route-section{padding-top:85px;padding-bottom:95px;position:relative;background:radial-gradient(ellipse at 82% 4%,rgba(250,227,202,.45),transparent 47%)}
.section-heading{align-items:center;margin-bottom:29px}.section-heading h2{font-size:clamp(56px,5.2vw,80px);margin:7px 0 0;line-height:.95}.section-heading h2 em{font-style:normal;color:var(--ink)}.section-heading .route-heading-blurb{font-size:13px;color:#677186;margin-top:18px;line-height:1.45}.section-heading>p{max-width:335px;color:#5f6f82;font-size:14px}.dot-separator{color:#d56a50}.demo-dot{height:7px;width:7px;background:#20a779;border-radius:50%;display:inline-block}
.room-device{background:#fffefb;border-radius:9px;border:1px solid #e6e2db;box-shadow:0 18px 55px rgba(35,29,26,.08);max-width:1440px}
.device-bar{background:#fffefa;padding:13px 20px}.device-bar:after{content:'GLOBAL VIEW     PAYMENTS     TREASURY     RECIPIENTS     INSIGHTS     APPROVALS';font-size:10px;letter-spacing:.05em;color:#7c8796;position:absolute;left:36%;top:27px;white-space:pre;pointer-events:none}.room-device{position:relative}
.device-brand b{font-size:17px;letter-spacing:-.05em}.demo-chip{font-size:8px;background:#e9f5ee}.device-toolbar{font-size:11px}.device-main{grid-template-columns:182px minmax(0,1fr) 230px;min-height:500px}
.room-sidebar{background:#faf9f6;padding:28px 17px}.sidebar-item{font-size:12px;padding:14px 12px;border-radius:5px}.sidebar-item.active{background:#eaf0f7;color:#0b254d}
.room-center{background:#fffdfa;padding:30px 31px}.room-center h3{font-size:39px;line-height:1.08;font-weight:400;letter-spacing:-.05em}.room-lead{font-size:12px}.payment-builder .field-group label{font-size:10px}.room-aside{background:#fffdfa;border-left:1px solid #eae9e5;padding:26px 19px}.rates-list>div{font-size:11px}.route-flow{background:#fcfaf5}

.capital{background:#fcf9f2;padding-top:15px;padding-bottom:95px;grid-template-columns:minmax(290px,.82fr) minmax(0,1.35fr);gap:75px;align-items:center}
.capital h2{font-size:clamp(50px,4.4vw,72px)}.capital h2 em{color:var(--ink);font-style:normal}.capital-copy>p:not(.eyebrow){max-width:420px;color:#4e6075}.calculator-card{min-height:300px;box-shadow:0 19px 50px rgba(27,33,43,.06);border:1px solid #ece4da;border-radius:12px}.calc-result{background:#00452f;border-radius:0 9px 9px 0}

.people{background:linear-gradient(100deg,#f9d3bc,#fbe5d3 80%);padding:45px 0 36px;position:relative;overflow:hidden}.people:before{content:'';position:absolute;width:310px;height:310px;left:-165px;top:34%;border-radius:50%;background:linear-gradient(#f65d26,#e74c1e);opacity:.85}
.people-grid{display:grid;grid-template-columns:36% 64%;align-items:center;gap:0;min-height:410px}.people-copy{z-index:2}.people h2{font-size:clamp(56px,5.5vw,86px);line-height:.9;color:#d94320}.people h2 em{color:#d94320;font-style:normal}.people-copy>p:not(.eyebrow){font-size:14px;max-width:400px;color:#533f43}.people-media{min-height:405px;height:100%;position:relative;display:block;overflow:visible}.people-collage{width:105%;height:100%;max-width:none;object-fit:fill;position:absolute;right:-4%;top:0;filter:saturate(1.03) contrast(1.02);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 98%),linear-gradient(180deg,transparent,#000 6%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 98%),linear-gradient(180deg,transparent,#000 6%,#000 91%,transparent);mask-composite:intersect}
.people-note{position:absolute;background:rgba(255,249,240,.96);border-radius:8px;padding:11px 14px;box-shadow:0 10px 28px rgba(83,48,38,.12);font:italic 20px/.98 var(--serif);color:#153047;z-index:2;transform:rotate(-4deg)}.people-note em{color:#c45534;font-style:italic}.note-merchant{bottom:5%;left:17%}.note-supplier{top:5%;right:4%;transform:rotate(3deg)}.note-freelance{bottom:13%;right:0;transform:rotate(2deg)}

.principles{padding-top:72px;padding-bottom:75px}.principles h2{font-size:clamp(49px,5vw,73px)}.principles h2 em{color:var(--ink);font-style:normal}.principle-list article{min-height:225px}.principle-list h3{font-family:var(--sans);font-size:16px;letter-spacing:-.04em;font-weight:780}.principle-icon{background:#f0f0ef;border-radius:50%;width:49px;height:49px}

.closing{padding:95px 0;min-height:430px;background:#001947}.closing:before{opacity:.25}.closing:after{display:none}.closing-earth{position:absolute;right:0;bottom:0;width:min(70%,1100px);height:100%;object-fit:cover;object-position:center;opacity:.95;filter:saturate(1.08);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%),linear-gradient(0deg,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 32%)}.closing h2{font-size:clamp(65px,7vw,110px);font-weight:400;line-height:.9}.closing-inner>p:not(.eyebrow){max-width:390px}.closing .btn{background:#117ff2;color:#fff}

.hero-artwork,.people-collage,.closing-earth{transition:filter .4s ease}.hero-art:hover .hero-artwork{filter:saturate(1.10) contrast(1.045)}
@keyframes dashFlow{to{stroke-dashoffset:-180}}@keyframes ringPulse{0%,100%{opacity:.7;transform:scale(.85)}50%{opacity:.08;transform:scale(1.75)}}
@media(max-width:1250px){.section-wrap{padding-left:clamp(24px,4.7vw,70px);padding-right:clamp(24px,4.7vw,70px)}.hero{grid-template-columns:minmax(370px,45%) minmax(0,55%)}.hero h1{font-size:clamp(73px,7.7vw,99px)}.hero-art{min-height:550px}.hero-artwork{width:116%;height:90%;top:7%}.why-three-col{gap:0}.old-way,.new-way{padding-left:15px;padding-right:15px}.route-tag{font-size:9px}.device-bar:after{display:none}}
@media(max-width:1010px){.hero{grid-template-columns:1fr;min-height:0;padding-top:45px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(86px,11.5vw,115px)}.hero-art{margin:0;min-height:580px}.hero-artwork{width:min(112%,900px);height:100%;right:-6%;top:0}.hero .scribble{right:5%}.float-origin{left:42%;top:33%}.float-receipt{right:5%}.why-three-col{grid-template-columns:1fr 1fr}.why-intro{grid-column:span 2;padding-bottom:36px}.why-intro h2{font-size:67px}.old-way{border-left:none}.new-way{border-left:1px solid rgba(178,205,249,.4)}.route-map{max-width:375px}.people-grid{grid-template-columns:40% 60%}.people-note{font-size:16px}.room-device{overflow:hidden}.device-main{grid-template-columns:138px minmax(0,1fr) 165px}.room-center{padding:24px 17px}.room-aside{padding:18px 12px}.room-sidebar{padding:20px 6px}.capital{gap:30px}}
@media(max-width:700px){.hero{padding-top:13px;gap:0}.hero h1{font-size:clamp(63px,11vw,82px);line-height:.82}.hero-art{min-height:460px;margin-top:-20px;border-radius:0;overflow:visible}.hero-artwork{width:115%;height:91%;object-fit:fill;right:-8%;top:9%}.hero .scribble{font-size:16px;top:19%;right:1%}.float-origin{left:27%;top:41%;transform:none;min-width:138px;padding:9px}.float-origin strong{font-size:14px}.float-origin small{font-size:7px}.float-origin .locale{font-size:10px}.float-origin em{font-size:8px}.float-receipt{min-width:143px;bottom:4%;padding:8px;right:1%}.float-receipt strong{font-size:14px}.hero-features{margin-top:25px}.why-three-col{display:block}.why{padding:65px 0}.why-intro h2{font-size:57px}.old-way,.new-way{border:none;border-top:1px solid rgba(178,205,249,.3);padding:24px 0 0;margin-top:15px}.route-map{max-width:440px;margin:auto;height:285px}.route-map svg{height:220px}.route-tag{font-size:10px}.people-grid{display:block;min-height:0}.people h2{font-size:62px}.people-media{min-height:340px;margin-top:20px}.people-note{font-size:15px}.note-supplier{top:1%;right:1%}.note-merchant{bottom:2%;left:9%}.note-freelance{bottom:5%;right:1%}.closing-earth{width:100%;height:60%;opacity:.48;filter:saturate(.85);-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}.closing-inner{position:relative;z-index:2}.capital{padding-top:40px}.section-heading h2{font-size:55px}.device-main{display:block;min-width:0}.room-sidebar{display:none}.room-center{padding:20px}.room-aside{border-left:0}.room-device{overflow:visible}.room-center h3{font-size:32px}}
@media(max-width:420px){.hero h1{font-size:clamp(54px,12.2vw,67px)}.hero-art{min-height:345px}.hero-artwork{height:98%;top:2%;right:-11%;width:118%}.float-origin{left:24%;top:40%;padding:7px;min-width:112px}.float-origin em{display:none}.float-receipt{right:-1%;bottom:0;min-width:130px}.float-receipt .circle-good{width:23px;height:23px}.hero .scribble{font-size:12px;top:14%}.people-media{min-height:260px}.people-note{font-size:12px;padding:7px}.people h2{font-size:52px}.section-heading h2{font-size:48px}.principles h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){.way-line,.new-route-line,.ripple-dot{animation:none!important}.hero-artwork,.people-collage{transition:none}}

.note-merchant{bottom:23%;left:14%}
@media(max-width:700px){.note-merchant{bottom:23%;left:10%}}