@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#00674F;--dark:#00432F;--green-soft:#E3F2EC;--bg:#F5F8F7;--ink:#17212B;--muted:#637078;--line:#DCE6E2;--white:#fff;--gold:#FFD700;--shadow:0 18px 55px rgba(0,67,47,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button{font:inherit}
.site-header{position:sticky;top:0;z-index:50;height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,230,226,.8);display:flex;align-items:center;gap:30px;padding:0 clamp(22px,6vw,78px)}.brand img{width:126px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:13px;font-weight:600;color:#29433d}.desktop-nav a{padding:28px 0;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:var(--green)}.desktop-nav a.active:after{content:"";position:absolute;height:2px;background:var(--green);bottom:18px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:none;font-size:25px;color:var(--ink);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 21px;font-weight:700;font-size:14px;transition:.2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:white;box-shadow:0 8px 20px rgba(0,103,79,.18)}.btn-outline{border-color:var(--green);color:var(--green);background:#fff}.btn-dark{background:var(--dark);color:#fff}.btn.small{padding:10px 18px}.menu-btn{display:none;border:0;background:none;font-size:24px}
.section{padding:86px clamp(22px,7vw,100px)}.hero{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#f8fbfa 62%,#e8f4ef 100%);padding-top:70px;padding-bottom:70px}.hero-copy{max-width:700px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--green-soft);border-radius:999px;padding:7px 12px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(48px,5vw,76px);margin:22px 0 18px;max-width:690px}h1 span{color:var(--green)}h2{font-size:clamp(34px,4vw,50px);margin:13px 0 16px}h3{font-size:20px;margin:10px 0 7px}.lead{font-size:18px;color:#506067;max-width:620px}.store-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.store-badge{background:#050706;color:#fff;border-radius:9px;display:flex;align-items:center;gap:10px;padding:9px 15px;min-width:160px;box-shadow:0 7px 15px rgba(0,0,0,.12)}.store-badge b{font-size:22px}.store-badge span{font-weight:700;font-size:15px;line-height:1.05}.store-badge small{display:block;font-size:8px;font-weight:500;letter-spacing:.03em}.store-badge.light{background:#fff;color:var(--ink)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.trust-row>div{display:flex;gap:9px;align-items:center;border-right:1px solid var(--line);padding-right:10px}.trust-row>div:last-child{border:0}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:12px}.trust-row small{font-size:9px;color:var(--muted)}.trust-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}.hero-visual{height:510px;position:relative;display:flex;justify-content:center;align-items:center}.hero-blob{position:absolute;width:560px;height:560px;border-radius:50%;background:#dcefe7;right:-70px;top:-30px}.hero-phone-wrap{position:relative;z-index:2}.phone{background:#111;border:8px solid #0d0f0f;border-radius:44px;padding:6px;box-shadow:0 35px 60px rgba(0,0,0,.24);position:relative}.phone-large{width:285px;height:560px;transform:rotate(1deg)}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:108px;height:25px;border-radius:0 0 17px 17px;background:#111;z-index:3}.phone-screen,.mini-screen{height:100%;border-radius:33px;background:#f7faf9;overflow:hidden;padding:25px 14px 12px;color:var(--ink)}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:14px}.phone-top b{color:var(--green);font-size:18px}.hello{font-weight:800;font-size:17px;margin:18px 3px 10px}.hello small{display:block;font-weight:400;color:var(--muted);font-size:9px}.balance{background:var(--green);color:white;border-radius:15px;padding:14px;position:relative}.balance small,.balance strong{display:block}.balance small{font-size:9px;opacity:.8}.balance strong{font-size:28px}.balance button{position:absolute;right:10px;bottom:13px;background:#fff;color:var(--green);border:0;border-radius:9px;padding:6px 8px;font-size:8px;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.quick-grid button{border:0;background:white;border-radius:12px;padding:9px 2px;color:var(--green);font-size:15px;box-shadow:0 3px 12px rgba(0,0,0,.035)}.quick-grid small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.phone-banner{border-radius:14px;background:#d6eee4;padding:12px;margin-top:6px}.phone-banner b,.phone-banner span{display:block}.phone-banner b{font-size:12px}.phone-banner span{font-size:9px;color:var(--muted)}.phone-banner button{background:var(--green);border:0;color:#fff;border-radius:8px;font-size:8px;font-weight:800;padding:6px 9px;margin-top:7px}.phone-nav{display:flex;justify-content:space-around;margin-top:15px;color:var(--green);font-size:15px}.phone-nav b{text-align:center}.phone-nav small{display:block;font-size:7px;color:var(--muted);font-weight:500}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 12px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow);z-index:4}.floating-card span{width:32px;height:32px;border-radius:10px;background:var(--green-soft);display:grid;place-items:center;color:var(--green)}.floating-card small,.floating-card b{display:block;font-size:9px}.floating-card b{font-size:11px}.points-float{left:-90px;top:130px}.reward-float{right:-115px;bottom:100px}

.feature-strip{display:grid;grid-template-columns:.8fr 1.6fr;gap:70px;background:#f4faf7}.section-intro p{max-width:370px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-card{padding:25px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:165px}.feature-card:nth-child(4n){border-right:0}.feature-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800;font-size:18px}.feature-card p{font-size:12px;color:var(--muted);margin:0}

.app-section{background:#fff}.app-heading{text-align:center;max-width:700px;margin:0 auto 42px}.app-heading p{color:var(--muted)}.app-demo{background:#f3f8f6;border:1px solid var(--line);border-radius:28px;padding:48px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;overflow:hidden}.demo-copy{max-width:400px}.demo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.demo-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer}.demo-tab.active,.demo-tab:hover{background:var(--green);color:#fff;border-color:var(--green)}.demo-description p,.demo-description li{font-size:13px;color:var(--muted)}.demo-description ul{padding-left:18px}.demo-phones{display:flex;align-items:center;gap:18px;min-width:0}.mini-phone{background:#111;border-radius:30px;border:6px solid #111;padding:4px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.main-demo-phone{width:235px;height:470px}.mini-screen{border-radius:24px;padding:21px 10px 8px}.mini-title{font-size:12px;font-weight:800;margin:15px 3px 8px}.mini-balance{background:var(--green);color:white;border-radius:12px;padding:11px}.mini-balance small,.mini-balance strong{display:block}.mini-balance small{font-size:7px}.mini-balance strong{font-size:21px}.mini-balance span{font-size:7px;display:block;text-align:right}.mini-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.mini-icons i{background:#fff;border-radius:9px;text-align:center;padding:6px;font-style:normal;color:var(--green);font-size:12px}.mini-icons small{display:block;color:var(--muted);font-size:6px}.mini-offer{background:#dcefe7;border-radius:10px;padding:9px}.mini-offer small,.mini-offer b,.mini-offer span{display:block}.mini-offer small{font-size:6px;color:var(--green);font-weight:800}.mini-offer b{font-size:15px}.mini-offer span{font-size:7px;color:var(--muted)}.mini-offer button{margin-top:5px;background:var(--green);color:#fff;border:0;border-radius:6px;padding:4px 7px;font-size:6px}.mini-bottom{text-align:center;margin-top:14px;color:var(--green);font-size:14px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;width:190px;box-shadow:0 14px 30px rgba(0,67,47,.08)}.screen-head{display:flex;justify-content:space-between;margin-bottom:15px;font-size:11px}.offer-item{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #eef2f0}.brand-dot{width:28px;height:28px;border-radius:9px;background:#f0e7e3;display:grid;place-items:center;font-weight:800;color:#8d3b22;font-size:10px}.offer-item div{flex:1}.offer-item b,.offer-item small{display:block}.offer-item b{font-size:9px}.offer-item small{font-size:7px;color:var(--muted)}.offer-item button,.reward-total button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:5px 7px;font-size:7px}.reward-total{background:var(--green-soft);border-radius:12px;padding:12px;margin-bottom:8px}.reward-total small,.reward-total strong{display:block}.reward-total small{font-size:7px}.reward-total strong{font-size:23px;color:var(--green)}.reward-total button{margin-top:8px}.reward-line{display:flex;justify-content:space-between;font-size:8px;padding:9px 0;border-bottom:1px solid var(--line)}.reward-line b{color:var(--green)}

.loyalty-section{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;background:#f4faf7}.loyalty-image{height:440px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(135deg,#b7d7ca,#e7f2ed)}.lifestyle-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);font-weight:800}.person-circle{width:170px;height:170px;border-radius:50%;background:#00674f;color:#fff;display:grid;place-items:center;font-size:70px;box-shadow:0 30px 50px rgba(0,67,47,.15)}.points-overlay{position:absolute;right:25px;bottom:25px;background:#fff;border-radius:18px;padding:16px;display:flex;gap:10px;align-items:flex-start;box-shadow:var(--shadow);width:250px}.points-overlay>span{width:38px;height:38px;background:var(--green-soft);color:var(--green);border-radius:12px;display:grid;place-items:center}.points-overlay small,.points-overlay strong{display:block}.points-overlay small{font-size:8px;color:var(--muted)}.points-overlay strong{font-size:25px}.progress{height:7px;background:#e5eee9;border-radius:99px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;width:82%;background:var(--green)}.loyalty-copy p{color:var(--muted);max-width:520px}.check-list{padding:0;list-style:none}.check-list li{margin:12px 0;font-size:14px}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;background:var(--green);color:#fff;border-radius:50%;margin-right:10px;font-size:11px;font-weight:800}

.how-section{background:#fff}.center-heading{text-align:center;max-width:760px;margin:0 auto 45px}.center-heading p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border:1px solid var(--line);border-radius:20px;padding:25px;position:relative}.step>span{position:absolute;right:20px;top:18px;color:#b7c8c2;font-size:12px;font-weight:800}.step-icon{width:55px;height:55px;border-radius:17px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:21px;font-weight:800}.step p{color:var(--muted);font-size:13px}

.merchant-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#f4faf7}.merchant-copy p{color:var(--muted);max-width:560px}.merchant-pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.merchant-pills span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;color:var(--green)}.merchant-dashboard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.dash-top{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:11px}.dash-top b{font-size:14px}.dash-top span{color:var(--muted)}.dash-user{margin-left:auto;color:var(--green)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.dash-stats>div{background:#f7faf9;border-radius:12px;padding:13px}.dash-stats small,.dash-stats b,.dash-stats em{display:block}.dash-stats small{font-size:8px;color:var(--muted)}.dash-stats b{font-size:18px}.dash-stats em{font-style:normal;font-size:8px;color:var(--green);font-weight:800}.dash-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.chart-card,.crm-card{border:1px solid var(--line);border-radius:13px;padding:14px}.chart-card>div:first-child{display:flex;justify-content:space-between;font-size:9px}.chart-card>div:first-child span{color:var(--muted)}.chart{height:145px;display:flex;align-items:flex-end;gap:7px;padding:15px 4px 5px}.chart i{display:block;flex:1;background:#b9ded0;border-radius:5px 5px 2px 2px;height:var(--h,50%)}.chart i:nth-child(1){height:42%}.chart i:nth-child(2){height:58%}.chart i:nth-child(3){height:49%}.chart i:nth-child(4){height:72%}.chart i:nth-child(5){height:65%}.chart i:nth-child(6){height:82%}.chart i:nth-child(7){height:76%}.chart i:nth-child(8){height:92%}.chart i:nth-child(9){height:86%}.chart i:nth-child(10){height:100%}.crm-card>b{font-size:10px}.crm-card>div{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:10px 0}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:9px;font-weight:800}.crm-card strong,.crm-card small{display:block}.crm-card strong{font-size:8px}.crm-card small{font-size:7px;color:var(--muted)}.crm-card em{margin-left:auto;font-style:normal;color:var(--green);font-size:8px}

.why-section{background:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.why-grid article{padding:25px;border-right:1px solid var(--line)}.why-grid article:last-child{border:0}.why-grid span{width:42px;height:42px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:800}.why-grid b{display:block;margin-top:12px}.why-grid p{font-size:12px;color:var(--muted)}

.download-section{margin:0 clamp(22px,4vw,55px) 60px;border-radius:24px;background:var(--dark);color:#fff;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:35px;padding:34px 42px}.download-section .footer-logo{width:120px;filter:brightness(0) invert(1);margin-bottom:15px}.download-section h2{font-size:27px;margin:0 0 8px}.download-section p{color:#c9ddd6;font-size:13px;margin:0}.support-link{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px}.support-link span small{display:block;color:#9cc4b7;font-size:8px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:55px clamp(22px,7vw,100px) 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:40px;padding-bottom:35px}.footer-brand{width:110px}.footer-main p{font-size:12px;color:var(--muted)}.footer-main b{display:block;font-size:12px;margin-bottom:13px}.footer-main div:not(:first-child) a{display:block;color:var(--muted);font-size:11px;margin:9px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#8a969b;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){.desktop-nav{gap:15px}.hero{grid-template-columns:1fr .9fr}.trust-row{grid-template-columns:repeat(2,1fr)}.feature-strip,.merchant-section{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(4,1fr)}.app-demo{grid-template-columns:1fr}.demo-copy{max-width:none}.demo-phones{justify-content:center}.loyalty-section{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.download-section{grid-template-columns:1fr 1fr}.support-link{justify-self:end}}
@media(max-width:760px){.site-header{height:64px;padding:0 18px}.brand img{width:105px}.desktop-nav,.header-actions{display:none}.menu-btn{display:block;margin-left:auto}.section{padding:62px 20px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}.hero-copy{max-width:none}.hero-visual{height:540px;margin-top:10px}.hero-blob{width:430px;height:430px;right:-90px}.phone-large{width:260px;height:510px}.points-float{left:-40px}.reward-float{right:-45px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(4n){border-right:1px solid var(--line)}.feature-card:nth-child(2n){border-right:0}.app-demo{padding:25px}.demo-phones{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.screen-card{min-width:170px}.main-demo-phone{min-width:220px}.loyalty-image{height:340px}.steps,.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid var(--line)}.download-section{grid-template-columns:1fr;margin:0 20px 45px;padding:28px}.download-section .store-row{margin:10px 0}.support-link{justify-self:start}.footer-main{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.merchant-dashboard{overflow:hidden}.dash-stats{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.trust-row>div{border:0}.hero h1{font-size:46px}}
@media(max-width:430px){.store-badge{min-width:145px}.hero-visual{height:510px}.phone-large{width:235px;height:470px}.floating-card{transform:scale(.88)}.points-float{left:-25px}.reward-float{right:-25px}.feature-card{min-height:145px;padding:18px 14px}.demo-tabs{gap:5px}.demo-tab{font-size:10px}.footer-main{grid-template-columns:1fr}}


/* NIFU APP wordmark — text mark, no logo icon */
.app-wordmark,.download-wordmark,.footer-wordmark{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;letter-spacing:.035em;color:var(--green,#00674F)}
.site-header .app-wordmark{color:var(--green,#00674F)}
.app-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--green,#00674F);color:#fff;font-size:19px;font-weight:900;line-height:1}
.download-wordmark{font-size:18px;color:#fff;margin-bottom:18px}.download-wordmark .app-mark{background:#fff;color:var(--green,#00674F)}
.footer-wordmark{font-size:16px;color:#fff;margin-bottom:8px}.footer-wordmark .app-mark{background:#fff;color:var(--green,#00674F)}
@media(max-width:760px){.app-wordmark{font-size:14px}.app-mark{width:29px;height:29px;font-size:17px}}