@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:light;--green:#285b4d;--ink:#214b3f;--muted:#68776d;--paper:#f8f8f2;--line:#dce1d7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.page-shell{max-width:1512px;margin:auto;padding:0 6.2%}.header{height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;width:215px}.brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.brand:focus-visible{outline:2px solid var(--green);outline-offset:10px}.launch-status{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#65936c;box-shadow:0 0 0 5px #65936c12}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:5%;align-items:center;padding:66px 0 57px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:11px;margin:0 0 25px}.eyebrow>span{width:24px;height:1px;background:var(--green)}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(60px,6.45vw,94px);line-height:1.045;letter-spacing:-5px;font-weight:500;margin:0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px}.intro{font-size:15px;line-height:1.85;color:var(--muted);margin:28px 0 30px}.launch-note{display:flex;align-items:center;gap:15px}.note-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ccd7ca;border-radius:50%;font-size:23px}.launch-note strong{font-size:12px;font-weight:600}.launch-note p{font-size:12px;color:var(--muted);margin:5px 0 0}.art{height:550px;position:relative;overflow:hidden;border-radius:180px 180px 14px 14px;background:#e5ecde;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#315d4410 1px,transparent 1px),linear-gradient(90deg,#315d4410 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000)}.orbit{position:absolute;border:1px solid #bccbb8;border-radius:50%;width:500px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:370px;height:370px}.sun{position:absolute;width:165px;height:165px;border-radius:50%;background:#d9e996;top:53px;right:57px;box-shadow:0 0 80px #d9e99560}.path-art{width:100%;height:100%;position:absolute;inset:0}.spark{position:absolute;color:var(--green);font-family:Georgia,serif}.spark-one{font-size:65px;right:32px;top:272px}.spark-two{font-size:26px;left:45px;top:75px}.art-label{position:absolute;bottom:29px;left:30px;display:flex;align-items:center;gap:10px;background:var(--paper);border-radius:30px;padding:12px 16px;font-size:9px;letter-spacing:1.3px;font-weight:700}.small-star{font-size:19px}.art-coordinate{position:absolute;bottom:36px;right:25px;font-size:9px;letter-spacing:1.5px;color:#4d6a55}.bottom-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bottom-mark{font-size:24px;color:#7a946b}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0;font-size:10px;color:var(--muted)}footer>span:last-child{font-size:8px;letter-spacing:1.5px}footer>span:last-child span{font-size:14px;margin-left:16px}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:75px}.art{height:600px}}
@media(max-width:1000px){.page-shell{padding:0 5%}.header{height:100px}.brand{width:185px}.hero{gap:5%;padding:50px 0}h1{font-size:68px;letter-spacing:-3.8px}.art{height:490px}.art-coordinate{display:none}.sun{right:20px}.intro{font-size:14px}.art-label{left:20px;font-size:8px}}
@media(max-width:720px){.header{height:90px}.brand{width:165px}.launch-status{font-size:10px;gap:8px}.hero{grid-template-columns:1fr;padding:42px 0 32px;gap:36px}.hero-copy{padding-left:3px}.eyebrow{margin-bottom:22px;font-size:10px}h1{font-size:clamp(58px,12vw,82px);letter-spacing:-3px}h1 em{letter-spacing:-3px}.intro{margin:24px 0}.art{height:430px;max-width:480px;width:100%;justify-self:center;border-radius:150px 150px 12px 12px}.path-art{object-fit:contain}.sun{right:55px;width:140px;height:140px}.spark-one{top:230px}.bottom-line{font-size:10px;gap:14px}.bottom-mark{font-size:20px}footer{padding:24px 0;align-items:flex-start;font-size:9px}footer>span:last-child{max-width:130px;text-align:right;font-size:7px;line-height:1.7}footer>span:last-child span{margin-left:5px}}
@media(max-width:380px){.launch-status{max-width:110px;line-height:1.5}.brand{width:145px}.art{height:380px}.desktop-break{display:none}.bottom-line{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}.art{animation:arrive .9s .1s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
/* Shopper hero layout */
.fintech-heading{font-size:clamp(32px,3.6vw,54px);font-weight:800;line-height:1.15;letter-spacing:-1.8px}.fintech-heading span{white-space:nowrap}.services{max-width:410px;line-height:1.9;color:var(--green)}.services strong{font-weight:600}
.hero{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;overflow:hidden;border-radius:20px;background:#edf2e6;padding:0;gap:0}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-copy{padding:56px 4.5%;width:52%}
h1{font-size:clamp(58px,6vw,88px)}
.header{border-bottom:0}
.bottom-line{margin-top:28px}
@media(min-width:1500px){.hero{min-height:710px;padding:0}}
@media(min-width:721px) and (max-width:1100px){.hero{min-height:580px;padding:0}.hero-copy{padding:42px 4%;width:55%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fafbf6dd 0%,#fafbf6a6 38%,transparent 65%)}h1{font-size:62px}.intro{font-size:13px}.launch-note strong,.launch-note p{font-size:11px}}
@media(max-width:720px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;gap:0;border-radius:16px;background:#f0f5e8}.hero-copy{width:100%;padding:36px 7% 30px;background:linear-gradient(#fafbf6,#f0f5e8)}h1{font-size:clamp(54px,11vw,78px);letter-spacing:-3px}.hero-image{position:relative;inset:auto;width:100%;height:360px;object-fit:cover;object-position:82% center;z-index:0;mask-image:linear-gradient(transparent,#000 12%);margin-top:-12px}.bottom-line{margin-top:24px}.note-arrow{flex-shrink:0}}
@media(max-width:380px){.hero-image{height:310px}.launch-note{gap:10px}.launch-note strong,.launch-note p{font-size:11px}}
@media(max-width:1100px) and (min-width:721px){.fintech-heading{font-size:clamp(27px,3.5vw,39px);letter-spacing:-1.1px}}
@media(max-width:720px){.fintech-heading{font-size:clamp(26px,5.7vw,41px);letter-spacing:-1px}.services{font-size:13px}}
/* Reference-inspired deep green and lime brand treatment */
.hero{background:#173d34}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,48,40,.97) 0%,rgba(20,57,47,.93) 35%,rgba(20,57,47,.46) 59%,rgba(20,57,47,.06) 100%)}
.hero-copy{position:relative;color:#fff;width:56%;padding:60px 4.5%}
.fintech-heading{color:#fff;font-weight:800}
.fintech-heading span{color:#e5f88a}
.eyebrow{color:#e5f88a;letter-spacing:2px}
.eyebrow>span{background:#e5f88a}
.services{color:#edf2e9;max-width:440px;font-size:15px}
.launch-note{margin-top:34px;padding-top:24px;border-top:1px solid #ffffff30}
.note-arrow{border-color:#e5f88a66;color:#e5f88a}
.launch-note strong{color:#fff}
.launch-note p{color:#d2dfd5}
@media(min-width:721px) and (max-width:1100px){.hero-copy{width:58%}.hero:after{background:linear-gradient(90deg,#14392ff5 0%,#14392fe8 38%,#14392f66 70%,#14392f0f 100%)}}
@media(max-width:720px){.hero-copy{width:100%;padding:36px 7% 30px;background:#173d34}.hero:after{display:none}.hero-image{mask-image:none;margin-top:0}.services{font-size:13px}.launch-note{margin-top:25px;padding-top:20px}}
/* Keep the complete service list on a single line. */
.services{white-space:nowrap;max-width:none;font-size:clamp(9px,1.05vw,15px);letter-spacing:-.15px}
@media(max-width:720px){.services{font-size:clamp(6px,1.56vw,11px);letter-spacing:-.1px}}