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

:root{
  --green:#079d58;--green2:#10b86b;--green-dark:#061b12;
  --red:#ed3037;--ink:#0a1711;--muted:#66756e;--line:#dfe8e3;
  --cream:#f7faf8;--white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--green2));z-index:9999}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;color:#fff;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.site-header:not(.scrolled){background:linear-gradient(180deg,rgba(3,18,11,.78),rgba(3,18,11,.18));backdrop-filter:blur(8px)}
.site-header.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(5,32,20,.14);color:#102018}
.nav-shell{height:82px;max-width:1280px;width:calc(100% - 48px);margin:auto;display:grid;grid-template-columns:180px 1fr 285px;align-items:center}
.brand img{width:126px;height:70px;object-fit:contain;filter:none}
.site-header:not(.scrolled) .brand{filter:drop-shadow(0 4px 12px rgba(0,0,0,.22))}
.desktop-nav{display:flex;justify-content:center;gap:34px}
.desktop-nav a{font-size:14px;font-weight:700;color:rgba(255,255,255,.92);padding:10px 0;position:relative;text-shadow:0 1px 8px rgba(0,0,0,.28);transition:color .25s}
.site-header.scrolled .desktop-nav a{color:#25372e;text-shadow:none}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}
.desktop-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green)}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.login-link{font-size:14px;font-weight:800;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.site-header.scrolled .login-link{color:#102018;text-shadow:none}
.nav-cta{background:var(--red);color:#fff;padding:12px 20px;border-radius:25px;font-size:13px;font-weight:800;box-shadow:0 10px 25px #ed30372b;transition:.3s}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ed303740}
.nav-cta span{margin-left:7px}
.menu-btn{display:none;background:none;border:0}
.menu-btn span{display:block;width:27px;height:2px;background:#fff;margin:5px}
.site-header.scrolled .menu-btn span{background:var(--ink)}
.mobile-menu{display:none}

.hero{height:820px;position:relative;overflow:hidden;background:#061b11}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#04150de8 0%,#04150db0 34%,#04150d18 67%,#04150d5e 100%),linear-gradient(0deg,#04150da8,transparent 40%)}
.hero-content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:auto;padding-top:205px;color:#fff}
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#079d58e6;border:1px solid #a7ffd055;padding:9px 14px;border-radius:22px;font-size:12px;font-weight:800;letter-spacing:.7px}
.hero-badge span{width:7px;height:7px;border-radius:50%;background:#a8ffd2}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:20px 0 22px;max-width:760px}
.hero h1 em{font-style:normal;color:#52dfa0}
.hero-content>p{font-size:18px;line-height:1.65;color:#e0ebe6;max-width:600px}
.hero-actions{display:flex;gap:14px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:30px;padding:15px 24px;font-size:14px;font-weight:800;transition:.3s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-3px)}
.btn span{transition:.3s}
.btn:hover span{transform:translateX(4px)}
.primary{background:var(--red);color:#fff;box-shadow:0 15px 30px #ed303746}
.glass{background:#ffffff16;border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(14px)}
.hero-proof{display:flex;gap:22px;align-items:center;margin-top:38px}
.hero-proof b{font-family:Manrope;font-size:16px}
.hero-proof small{display:block;color:#b8c9c1;font-size:12px;margin-top:3px}
.hero-proof i{height:30px;width:1px;background:#ffffff40}
.hero-scroll{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#b9c9c2}

.intro-band{background:var(--green-dark);color:#fff;padding:58px 0;border-bottom:1px solid #ffffff12}
.intro-grid{display:grid;grid-template-columns:1fr 3fr .7fr;align-items:center;gap:45px}
.intro-label{font-size:12px;color:#65dfa1;letter-spacing:2px;font-weight:900}
.intro-grid h2{font-family:Manrope;font-size:38px;line-height:1.05;margin:0;letter-spacing:-1.5px}
.intro-grid h2 em{color:#54dda0;font-style:normal}
.intro-grid p{font-size:16px;line-height:1.75;color:#9aada4;margin:14px 0 0;max-width:720px}
.intro-metric{text-align:right}
.intro-metric strong{font-family:Manrope;font-size:58px;color:#fff}
.intro-metric span{font-size:12px;color:#6edfa7;display:block}

.wallet-section{padding:115px 0;background:#f7faf8}
.section-kicker{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:900;margin-bottom:16px}
.wallet-head{display:flex;justify-content:space-between;align-items:end;gap:60px}
.wallet-head h2{font-family:Manrope;font-size:clamp(40px,5vw,58px);line-height:1;letter-spacing:-2.5px;margin:0}
.wallet-head h2 em{color:var(--red);font-style:normal}
.wallet-head p{width:450px;font-size:16px;color:#718079;line-height:1.75}
.wallet-feature{display:grid;grid-template-columns:1.25fr .85fr;gap:75px;margin-top:60px;align-items:center}
.wallet-image{height:490px;border-radius:30px;overflow:hidden;position:relative;box-shadow:0 30px 65px #062c1b25}
.wallet-image img{width:100%;height:100%;object-fit:cover}
.wallet-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061d1388,transparent 50%)}
.image-tag{position:absolute;z-index:2;bottom:25px;left:25px;background:#fff;color:#07160f;border-radius:13px;padding:12px 16px;font-size:13px;box-shadow:0 12px 25px #0002}
.image-tag span{color:var(--green);font-weight:900;margin-right:6px}
.feature-number{font-size:12px;color:var(--green);font-weight:900;letter-spacing:1px}
.wallet-copy h3{font-family:Manrope;font-size:36px;line-height:1.05;letter-spacing:-1.3px;margin:12px 0 25px}
.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:27px}
.use-cases div{background:#fff;border:1px solid #e3ebe6;border-radius:14px;padding:15px;display:grid;grid-template-columns:34px 1fr;box-shadow:0 8px 20px #082c1a08}
.use-cases span{grid-row:span 2;font-size:20px}
.use-cases b{font-size:14px}
.use-cases small{font-size:12px;color:#85918b;line-height:1.45;margin-top:3px}
.dark-btn{background:var(--green)}

.cards-section{position:relative;overflow:hidden;background:#050d0a;color:#fff;padding:115px 0}
.cards-orb{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}
.orb-a{width:550px;height:550px;background:#00a45c1d;left:-250px;top:-150px}
.orb-b{width:450px;height:450px;background:#ed30371a;right:-170px;bottom:-200px}
.section-kicker.light{color:#63dfa1}
.cards-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}
.cards-heading h2{font-family:Manrope;font-size:clamp(40px,5vw,56px);line-height:.98;letter-spacing:-2.5px;margin:0}
.cards-heading h2 em{color:#55dda0;font-style:normal}
.cards-heading p{width:430px;color:#91a39a;font-size:15px;line-height:1.7}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px;perspective:1400px}
.credit-card-option{background:linear-gradient(145deg,#ffffff0b,#ffffff04);border:1px solid #ffffff13;border-radius:24px;padding:20px;transition:.45s;position:relative;overflow:hidden}
.credit-card-option:hover{transform:translateY(-10px);background:#ffffff0e;border-color:#ffffff2b;box-shadow:0 28px 70px #0007}
.credit-card{height:255px;border-radius:20px;padding:25px;position:relative;overflow:hidden;box-shadow:0 28px 55px #0009;transform-style:preserve-3d;transition:transform .12s ease-out}
.credit-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 30%,#ffffff30 47%,transparent 61%);transform:translateX(-130%);transition:transform .8s ease;z-index:6}
.credit-card-option:hover .credit-card:before{transform:translateX(130%)}
.credit-card:after{content:"";position:absolute;width:160px;height:430px;background:#ffffff0d;transform:rotate(34deg);left:100px;top:-150px;pointer-events:none}
.sx .credit-card{background:radial-gradient(circle at 80% 20%,#ffffff45,transparent 25%),linear-gradient(145deg,#e3e7e5 0%,#8b9490 38%,#343c39 100%);color:#101714}
.master .credit-card{background:radial-gradient(circle at 82% 15%,#5c7cff66,transparent 24%),linear-gradient(145deg,#152a69 0%,#0d183e 48%,#070d1f 100%);color:#fff}
.pana .credit-card{background:radial-gradient(circle at 82% 14%,#ff737855,transparent 23%),linear-gradient(145deg,#710e18 0%,#2d070c 48%,#080608 100%);color:#fff}
.card-top{display:flex;justify-content:space-between;font-size:17px;position:relative;z-index:7}
.card-top b{font-family:Manrope;letter-spacing:-.5px}
.card-top span{font-size:10px;letter-spacing:1.6px;font-weight:800}
.chip{position:absolute;left:25px;bottom:82px;width:47px;height:35px;border-radius:7px;background:linear-gradient(135deg,#fff0a5,#bf8c25 50%,#f5d97a);z-index:7;box-shadow:inset 0 0 0 1px #fff6}
.chip:after{content:"";position:absolute;left:11px;right:11px;top:16px;border-top:1px solid #79591f}
.contactless{position:absolute;right:25px;top:56px;font-size:15px;z-index:7;opacity:.8;letter-spacing:-6px}
.number{position:absolute;left:25px;bottom:55px;font-size:11px;letter-spacing:3px;z-index:7;font-weight:700}
.card-bottom{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;font-size:10px;z-index:7}
.card-bottom b{font-size:12px}
.card-glow{position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-90px;background:#fff2;filter:blur(2px);z-index:1}
.holo{position:absolute;width:48px;height:48px;border-radius:50%;right:26px;bottom:75px;background:conic-gradient(#f3f0a8,#7ee7ff,#f2a6ff,#f3f0a8);opacity:.8;filter:saturate(.8);z-index:7;box-shadow:0 0 15px #fff2}
.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.card-meta b{font-family:Manrope;font-size:22px;display:block}
.card-meta span{display:block;color:#82968b;font-size:10px;letter-spacing:1.2px;margin-top:3px}
.card-meta strong{font-size:18px}
.sx .card-meta strong{color:#cfd6d3}.master .card-meta strong{color:#d6b85e}.pana .card-meta strong{color:#ff747a}
.credit-card-option p{font-size:14px;color:#9eaca5;line-height:1.65;min-height:47px}
.credit-card-option>a{display:flex;justify-content:space-between;background:#ffffff0b;border:1px solid #ffffff16;border-radius:12px;padding:13px 15px;font-size:12px;font-weight:900;margin-top:18px;transition:.3s}
.credit-card-option>a:hover{background:#ffffff15}
.credit-card-option>a span{color:#6ce6a7}
.legal-note{text-align:center;color:#63766b;font-size:10px;line-height:1.6;margin:28px auto 0;max-width:850px}

.app-section{background:#edf6f1;padding:110px 0;overflow:hidden}
.app-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}
.app-copy h2{font-family:Manrope;font-size:clamp(40px,5vw,56px);line-height:.98;letter-spacing:-2.5px;margin:0}
.app-copy h2 em{color:var(--green);font-style:normal}
.app-copy>p{font-size:16px;line-height:1.75;color:#77867e;max-width:510px}
.app-points{display:grid;gap:12px;margin:27px 0}
.app-points span{font-size:14px;font-weight:700}
.app-points b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d5eee1;color:var(--green);margin-right:9px;font-size:9px}
.app-visual{height:560px;position:relative;border-radius:35px;overflow:hidden;box-shadow:0 30px 70px #07321f22}
.app-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.app-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06231755,transparent 60%)}
.app-floating{position:absolute;z-index:2;bottom:24px;left:25px;background:#fff;border-radius:14px;padding:14px 17px;font-size:14px;font-family:Manrope;box-shadow:0 15px 35px #0002}
.app-floating b{font-family:"DM Sans";font-size:11px;color:var(--green);margin-left:8px}

.how-section{padding:115px 0;background:#fff}
.how-head{display:flex;justify-content:space-between;align-items:end}
.how-head h2{font-family:Manrope;font-size:clamp(40px,5vw,55px);line-height:.97;letter-spacing:-2px;margin:0}
.how-head h2 em{color:var(--red);font-style:normal}
.how-head p{font-size:15px;color:#7b8982;max-width:390px;line-height:1.7}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:65px}
.step{border:1px solid #e3ebe6;border-radius:20px;padding:26px;min-height:250px;transition:.35s;background:#fff}
.step:hover{transform:translateY(-7px);box-shadow:0 20px 40px #092d1b0d}
.step>span{font-family:Manrope;color:var(--green);font-size:12px}
.step-icon{width:52px;height:52px;border-radius:15px;background:#edf8f2;color:var(--green);display:grid;place-items:center;font-size:20px;margin:30px 0 18px}
.step h3{font-size:17px;margin:0}
.step p{font-size:13px;line-height:1.65;color:#829088}

.promo-section{background:#061810;padding:90px 0}
.promo-box{min-height:390px;border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#087b47,#0aa85e);position:relative;padding:65px;color:#fff}
.promo-box:after{content:"";position:absolute;right:-100px;top:-170px;width:500px;height:500px;border-radius:50%;border:1px solid #ffffff22;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}
.promo-copy{position:relative;z-index:2;max-width:620px}
.promo-copy h2{font-family:Manrope;font-size:clamp(42px,5vw,58px);line-height:.96;letter-spacing:-2px;margin:0}
.promo-copy h2 em{color:#a5ffd0;font-style:normal}
.promo-copy p{font-size:16px;line-height:1.7;color:#c5ead6;max-width:520px}
.white-btn{background:#fff;color:var(--green);margin-top:18px}
.promo-lines{position:absolute;right:70px;bottom:30px;z-index:1;display:flex;align-items:end;gap:12px;height:240px}
.promo-lines span{width:20px;background:#ffffff16;border-radius:20px}
.promo-lines span:nth-child(1){height:80px}.promo-lines span:nth-child(2){height:130px}.promo-lines span:nth-child(3){height:190px}.promo-lines span:nth-child(4){height:240px}
.promo-lines b{font-family:Manrope;font-size:65px;color:#ffffff16;margin-left:15px}

.about-section{padding:115px 0;background:#f7faf8}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.about-grid h2{font-family:Manrope;font-size:clamp(40px,5vw,54px);line-height:.98;letter-spacing:-2px;margin:0}
.about-grid h2 em{color:var(--green);font-style:normal}
.about-grid p{font-size:16px;line-height:1.8;color:#7a8881;max-width:620px}
.about-stats{display:flex;gap:55px;margin-top:34px}
.about-stats b{font-family:Manrope;color:var(--green);font-size:28px;display:block}
.about-stats span{font-size:11px;color:#85918b}
.about-panel{height:430px;border-radius:30px;background:radial-gradient(circle at 50% 45%,#0aaa6060,transparent 30%),linear-gradient(145deg,#061e13,#0a9e59);position:relative;display:grid;place-items:center;overflow:hidden;color:#fff}
.panel-ring{position:absolute;width:290px;height:290px;border:1px solid #a7ffd044;border-radius:50%;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03}
.panel-logo{font-family:Manrope;font-size:60px;letter-spacing:-4px;z-index:2}
.about-panel>span{position:absolute;bottom:35px;left:35px;font-size:10px;letter-spacing:2px;color:#9feac0}

.register-section{background:#071b12;color:#fff;padding:0 0 90px}
.register-inner{border-top:1px solid #ffffff14;padding:75px 0 0;display:flex;justify-content:space-between;align-items:center}
.register-inner h2{font-family:Manrope;font-size:clamp(38px,5vw,50px);line-height:.98;margin:0}
.register-inner h2 em{color:#57dfa0;font-style:normal}
.register-inner p{font-size:15px;color:#94aaa0}
.access-section{background:#071b12;color:#fff;padding:0 0 90px}
.access-box{border:1px solid #ffffff14;border-radius:22px;padding:35px;display:flex;justify-content:space-between;align-items:center}
.access-box>div>span{font-size:10px;letter-spacing:2px;color:#6ee1a7}
.access-box h2{font-family:Manrope;font-size:30px;margin:7px 0}
.access-box p{font-size:14px;color:#81968c}

.footer{background:#03100a;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.35fr;gap:45px;padding:75px 0 60px}
.footer-brand img{width:120px;height:72px;object-fit:contain}
.footer-brand p{font-size:15px;color:#a2b1aa;line-height:1.6}
.footer-brand small{font-size:11px;color:#62dca0}
.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:13px}
.footer-grid b{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#fff;margin-bottom:5px}
.footer-grid a{font-size:14px;color:#879890;line-height:1.4}
.footer-grid a:hover{color:#fff}
.social{font-size:19px;margin-top:8px;color:#b7c4be}
.footer-bottom{border-top:1px solid #ffffff10;padding:22px 0;display:flex;justify-content:space-between;color:#718078;font-size:11px}

.support-fab{position:fixed;right:23px;bottom:23px;z-index:900;border:0;background:var(--green);color:#fff;border-radius:16px;padding:11px 16px 11px 11px;display:flex;gap:10px;align-items:center;box-shadow:0 15px 35px #052e1b55;cursor:pointer}
.support-fab>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green)}
.support-fab b,.support-fab small{display:block;text-align:left}.support-fab b{font-size:12px}.support-fab small{font-size:10px;color:#b8ead1;margin-top:3px}

.chat-modal{position:fixed;inset:0;z-index:3000;background:#00140c99;backdrop-filter:blur(5px);display:none;align-items:flex-end;justify-content:flex-end;padding:24px}
.chat-modal.open{display:flex}
.chat-card{width:400px;background:#fff;color:#0a1711;border-radius:22px;box-shadow:0 30px 80px #0006;overflow:hidden;position:relative}
.close-chat{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff22;color:#fff;font-size:21px;cursor:pointer;z-index:2}
.chat-top{background:linear-gradient(135deg,#078d50,#0aaa60);color:#fff;padding:24px;display:flex;gap:11px;align-items:center}
.chat-avatar{width:42px;height:42px;background:#fff;color:var(--green);border-radius:50%;display:grid;place-items:center;font-family:Manrope}
.chat-top b,.chat-top small{display:block}.chat-top b{font-size:14px}.chat-top small{font-size:10px;color:#bdeed5;margin-top:3px}.chat-top i{margin-left:auto;color:#9effc9;font-size:10px}
.chat-card>p{font-size:13px;color:#718078;line-height:1.6;padding:20px 22px 0}
.chat-card form{padding:0 22px 20px}.chat-card label{display:block;font-size:12px;font-weight:800;margin:14px 0}
.chat-card input,.chat-card textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce6e0;border-radius:10px;padding:12px;font-size:13px;outline:0}
.chat-card textarea{height:90px;resize:none}
.chat-card input:focus,.chat-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #079d5812}
.chat-card form .btn{width:100%;margin-top:8px}.support-mail{text-align:center;display:block;padding:0 0 20px;font-size:10px;color:#89958f}
.toast{position:fixed;bottom:95px;right:25px;background:#071b12;color:#fff;padding:13px 17px;border-radius:12px;font-size:12px;z-index:4000;opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:none}

@media(max-width:1050px){
 .nav-shell{grid-template-columns:150px 1fr 230px}.desktop-nav{gap:21px}
 .hero h1{font-size:61px}.wallet-feature{gap:35px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
}
@media(max-width:850px){
 .desktop-nav,.nav-actions{display:none}.menu-btn{display:block;justify-self:end}
 .mobile-menu{position:absolute;top:75px;left:15px;right:15px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 25px 60px #0002}
 .mobile-menu.open{display:flex;flex-direction:column;gap:16px}.mobile-menu a{font-size:15px;font-weight:800}
 .hero{height:760px}.hero-content{padding-top:180px}.hero h1{font-size:53px}
 .intro-grid{grid-template-columns:1fr 3fr}.intro-metric{display:none}
 .wallet-head,.cards-heading,.how-head,.register-inner{display:block}
 .wallet-head p{width:auto;max-width:600px}
 .wallet-feature,.app-grid,.about-grid{grid-template-columns:1fr}
 .wallet-image{height:390px}.card-grid{grid-template-columns:1fr}
 .credit-card-option{max-width:560px;margin:auto;width:100%}.app-visual{height:500px}
 .steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}
 .register-inner .btn{margin-top:28px}
}
@media(max-width:560px){
 .container{width:calc(100% - 30px)}.nav-shell{width:calc(100% - 30px);height:72px}.brand img{width:98px}
 .hero{height:700px}.hero-photo{object-position:62% center}
 .hero-overlay{background:linear-gradient(90deg,#04150dea,#04150dba 65%,#04150d35),linear-gradient(0deg,#04150dcc,transparent 50%)}
 .hero-content{width:calc(100% - 30px);padding-top:150px}.hero h1{font-size:43px;letter-spacing:-2px}
 .hero-content>p{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-proof{gap:11px}
 .hero-proof b{font-size:13px}.hero-proof small{font-size:10px}
 .intro-grid{grid-template-columns:1fr}.intro-grid h2{font-size:30px}.intro-grid p{font-size:14px}
 .wallet-section,.cards-section,.how-section,.about-section{padding:80px 0}
 .wallet-head h2,.app-copy h2,.how-head h2,.about-grid h2{font-size:40px}
 .wallet-head p,.about-grid p,.app-copy>p,.how-head p{font-size:15px}
 .wallet-image{height:300px}.wallet-feature{margin-top:40px}.wallet-copy h3{font-size:28px}
 .use-cases{grid-template-columns:1fr}.use-cases b{font-size:14px}.use-cases small{font-size:12px}
 .cards-heading p{width:auto;font-size:14px}.card-grid{margin-top:40px}.credit-card{height:225px}
 .card-meta b{font-size:20px}.card-meta strong{font-size:17px}.credit-card-option p{font-size:13px}
 .app-visual{height:320px}.promo-section{padding:55px 0}.promo-box{padding:42px 28px;min-height:390px}
 .promo-copy h2,.register-inner h2{font-size:40px}.promo-copy p{font-size:15px}
 .promo-lines{right:20px;opacity:.55}.steps{grid-template-columns:1fr}
 .step{min-height:205px}.step h3{font-size:17px}.step p{font-size:13px}
 .about-stats{gap:25px}.about-stats b{font-size:24px}.about-panel{height:350px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-brand{grid-column:span 2}
 .footer-grid b{font-size:11px}.footer-grid a{font-size:13px}.footer-brand p{font-size:14px}
 .footer-bottom{flex-direction:column;gap:8px;font-size:10px}
 .support-fab{right:13px;bottom:13px}.support-fab b{font-size:11px}.support-fab small{font-size:9px}
 .chat-modal{padding:10px}.chat-card{width:100%}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* HERO TYPOGRAPHY ANIMATION */
.hero-title{
  position:relative;
  overflow:visible;
}
.hero-title .title-line{
  display:block;
  overflow:hidden;
  padding:2px 0 5px;
}
.hero-title .word{
  display:inline-block;
  opacity:0;
  transform:translateY(115%) rotate(3deg);
  filter:blur(7px);
  animation:titleWordIn .85s cubic-bezier(.2,.8,.2,1) forwards;
  will-change:transform,opacity,filter;
}
.hero-title .title-line:nth-child(1) .word:nth-child(1){animation-delay:.10s}
.hero-title .title-line:nth-child(1) .word:nth-child(2){animation-delay:.20s}
.hero-title .title-line:nth-child(2) .word:nth-child(1){animation-delay:.34s}
.hero-title .title-line:nth-child(2) .word:nth-child(2){animation-delay:.44s}
.hero-title .accent-line{
  position:relative;
}
.hero-title .accent-line:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:4px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--green2),var(--red));
  animation:titleUnderline 1s .72s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes titleWordIn{
  0%{opacity:0;transform:translateY(115%) rotate(3deg);filter:blur(7px)}
  65%{opacity:1}
  100%{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}
}
@keyframes titleUnderline{to{width:62%}}
.hero-title:before{
  content:"";
  position:absolute;
  left:-70px;
  top:6%;
  width:55px;
  height:190px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-15deg) translateX(-180px);
  animation:titleSweep 1.2s 1s ease-out forwards;
  pointer-events:none;
}
@keyframes titleSweep{to{transform:skewX(-15deg) translateX(900px)}}

/* More deliberate navigation transition */
.site-header .nav-shell{transition:height .35s}
.site-header.scrolled .nav-shell{height:72px}
.site-header.scrolled .brand img{width:112px;height:64px}

/* LOGIN DROPDOWN */
.login-dropdown-wrap{position:relative}
.login-trigger{border:0;background:transparent;cursor:pointer;padding:10px 0;display:flex;align-items:center;gap:7px}
.site-header:not(.scrolled) .login-trigger{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.site-header.scrolled .login-trigger{color:#102018;text-shadow:none}
.chevron{font-size:13px;transition:transform .25s}
.login-dropdown-wrap.open .chevron{transform:rotate(180deg)}
.login-dropdown{position:absolute;right:-5px;top:calc(100% + 13px);width:310px;padding:9px;background:rgba(255,255,255,.97);border:1px solid #dfe9e3;border-radius:18px;box-shadow:0 25px 60px rgba(5,35,22,.18);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:.25s;transform-origin:top right}
.login-dropdown-wrap.open .login-dropdown{opacity:1;visibility:visible;transform:none}
.login-choice{width:100%;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:13px;padding:13px 11px;cursor:pointer;color:#0a1711}
.login-choice:hover{background:#f0f7f3}
.login-choice .choice-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e8f7ef;color:var(--green);font-weight:900}
.business-choice .choice-icon{background:#eef0f6;color:#263d75}
.login-choice b{display:block;font-size:13px}
.login-choice small{display:block;color:#7c8983;font-size:10px;margin-top:2px}
.login-choice strong{color:var(--green);font-size:18px}

/* LOGIN MODALS */
.login-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:22px}
.login-modal.open{display:flex}
.login-backdrop{position:absolute;inset:0;background:rgba(2,14,9,.72);backdrop-filter:blur(10px);animation:fadeIn .25s ease}
.login-panel{position:relative;z-index:2;width:min(960px,100%);min-height:570px;background:#fff;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 35px 100px rgba(0,0,0,.35);animation:loginIn .4s cubic-bezier(.2,.8,.2,1)}
.login-close{position:absolute;right:17px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:25px;line-height:1;cursor:pointer;z-index:5}
.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#062418,#079d58 70%,#075d38);color:#fff;padding:45px;display:flex;flex-direction:column;justify-content:flex-end}
.login-visual:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff20;border-radius:50%;right:-170px;top:-110px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}
.login-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#00ff9b18;filter:blur(30px);right:-90px;bottom:-100px}
.login-brand{position:absolute;top:31px;left:35px;background:#ffffffee;border-radius:14px;padding:7px 11px}
.login-brand img{width:115px;height:52px;object-fit:contain}
.login-pill{position:relative;z-index:2;align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:1.5px;border:1px solid #a8ffd066;background:#ffffff10;border-radius:30px;padding:8px 12px;margin-bottom:18px}
.login-visual h2{position:relative;z-index:2;font-family:Manrope;font-size:48px;line-height:.95;letter-spacing:-2px;margin:0}
.login-visual h2 em{color:#8ff6bd;font-style:normal}
.login-visual>p{position:relative;z-index:2;font-size:14px;line-height:1.65;color:#c4e7d4;max-width:390px}
.login-mini-card{position:relative;z-index:3;margin-top:20px;width:245px;padding:18px;border:1px solid #ffffff20;border-radius:17px;background:#ffffff12;backdrop-filter:blur(14px);box-shadow:0 18px 35px #00180c3d}
.login-mini-card span,.login-mini-card small{display:block;font-size:10px;color:#b6d9c7}
.login-mini-card b{display:block;font-family:Manrope;font-size:27px;margin:5px 0}
.business-visual{background:linear-gradient(145deg,#071021,#182b62 60%,#0c142b)}
.business-visual .login-pill{border-color:#d9c36a66}
.business-visual h2 em{color:#d9c36a}
.business-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(58deg) scale(1.5);transform-origin:bottom}
.business-stats{position:relative;z-index:3;display:flex;gap:10px;margin-top:22px}
.business-stats div{min-width:85px;padding:10px 12px;border-radius:11px;background:#ffffff0d;border:1px solid #ffffff15}
.business-stats b,.business-stats span{display:block}
.business-stats b{font-family:Manrope;font-size:18px}.business-stats span{font-size:9px;color:#9eafcb;margin-top:3px}
.login-form-side{padding:57px 52px 38px;display:flex;flex-direction:column;justify-content:center}
.form-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--green);margin-bottom:9px}
.business-kicker{color:#3859a8}
.login-form-side h3{font-family:Manrope;font-size:31px;line-height:1.05;margin:0 0 8px;letter-spacing:-1px}
.login-form-side>p{font-size:13px;color:#74817b;margin:0 0 25px}
.login-form-side form label{display:block;font-size:12px;font-weight:800;margin:14px 0}
.login-form-side input{width:100%;margin-top:7px;border:1px solid #dce6e0;border-radius:11px;padding:13px 14px;font-size:14px;outline:none;background:#fbfdfc}
.login-form-side input:focus{border-color:var(--green);box-shadow:0 0 0 4px #079d5812}
.password-field{position:relative}.password-field input{padding-right:75px}
.show-pass{position:absolute;right:7px;bottom:5px;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800;cursor:pointer;padding:8px}
.form-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 20px!important}
.form-row>a{font-size:11px;color:var(--green);font-weight:800}
.remember{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:11px!important;font-weight:600!important}
.remember input{width:15px!important;height:15px;margin:0!important;accent-color:var(--green)}
.login-submit{width:100%;border:0;border-radius:13px;padding:15px;color:#fff;font-size:14px;font-weight:900;cursor:pointer;display:flex;justify-content:center;gap:10px;transition:.3s}
.client-submit{background:linear-gradient(135deg,#079d58,#0cc774);box-shadow:0 14px 25px #079d5835}
.business-submit{background:linear-gradient(135deg,#172d69,#3155a5);box-shadow:0 14px 25px #172d6935}
.login-submit:hover{transform:translateY(-3px);filter:brightness(1.06)}
.login-submit span{transition:.25s}.login-submit:hover span{transform:translateX(5px)}
.login-divider{display:flex;align-items:center;gap:10px;color:#a0aaa5;font-size:10px;margin:20px 0 8px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e6ece8;flex:1}
.switch-login{border:0;background:transparent;color:#6c7872;font-size:11px;cursor:pointer;padding:7px}
.switch-login b{color:var(--green)}
.business-panel .switch-login b{color:#3155a5}
.business-tools{font-size:10px;color:#66746d;background:#f3f6fb;border:1px solid #e3e8f2;border-radius:10px;padding:10px;margin-top:14px}
.login-demo-note{text-align:center;color:#a0aaa5;font-size:9px;margin-top:11px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes loginIn{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .login-dropdown{right:-90px;width:290px}
 .login-modal{padding:10px;align-items:flex-start;overflow:auto}
 .login-panel{grid-template-columns:1fr;min-height:auto;margin:15px 0}
 .login-visual{min-height:310px;padding:32px 28px 28px}
 .login-brand{top:20px;left:22px}.login-brand img{width:95px;height:45px}
 .login-visual h2{font-size:39px}
 .login-visual>p{font-size:12px;margin-bottom:0}
 .login-mini-card{display:none}
 .business-stats{margin-top:13px}
 .login-form-side{padding:32px 24px 28px}
 .login-form-side h3{font-size:27px}
}

.btn,.nav-cta,.login-submit{position:relative;overflow:hidden}
.button-ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(1);animation:ripple .6s ease-out forwards;pointer-events:none}
@keyframes ripple{to{transform:translate(-50%,-50%) scale(30);opacity:0}}
.login-spinner{display:inline-block;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.access-dialog{margin:auto;padding:36px;width:min(92vw,500px);max-height:90vh;overflow:auto;border:0;border-radius:24px;background:#fff;color:#152339;box-shadow:0 25px 80px #0004}.access-dialog::backdrop{background:#081326b8}.access-dialog h2{font-size:26px;margin:8px 20px 16px 0}.access-dialog p{margin-bottom:20px}.access-dialog>a{display:block;border:1px solid #dbe0e8;padding:20px;border-radius:14px;margin-top:12px;color:inherit;text-decoration:none}.access-dialog>a:hover{border-color:#b80024}.access-dialog strong{display:block;margin-top:8px;color:#b80024}.access-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.access-dialog :focus-visible{outline:3px solid #b80024;outline-offset:4px}

@media(max-width:850px){
.site-header .nav-shell{display:grid;grid-template-columns:1fr auto;gap:8px;height:auto;min-height:108px;padding:8px 0;width:calc(100% - 32px)}
.site-header .brand img,.site-header.scrolled .brand img{width:90px;height:44px;object-fit:contain}
.site-header .nav-actions{display:flex;grid-column:1 / -1;grid-row:2;justify-content:stretch;gap:10px}
.nav-actions>a{flex:1;display:flex;align-items:center;justify-content:center;min-height:42px;font-size:14px;padding:10px 12px;border-radius:12px}
.nav-actions .login-link{border:1px solid currentColor}.menu-btn{grid-column:2;grid-row:1}
.mobile-menu{top:100%;left:16px;right:16px}.hero{height:auto;min-height:700px;padding-bottom:70px}.hero-content{padding-top:160px}
.hero h1{font-size:clamp(32px,7.8vw,54px);letter-spacing:-1.2px;line-height:1.12}.hero-title .title-line{overflow:visible}.hero-title .word{max-width:100%}
.hero-content>p{max-width:100%;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .btn{justify-content:center;padding:16px}
.access-box{flex-direction:column;align-items:stretch;gap:20px}.access-box h2{font-size:30px}.access-box .btn{justify-content:center}
.footer-grid a{overflow-wrap:anywhere}.support-fab{max-width:calc(100vw - 30px)}
}
@media(max-width:380px){.hero-proof{flex-wrap:wrap}.hero h1{font-size:32px}.card-meta{flex-wrap:wrap;gap:8px}.about-stats{gap:14px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}