@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--color-bg: #F5F5F0;--color-bg-white: #FFFFFF;--color-surface: #EEEDEA;--color-surface-2: #E8E8E3;--color-primary: #4F7942;--color-primary-hover: #4F7942;--color-primary-light: #CCFAE8;--color-primary-pale: #E8FBF2;--color-ink: #002A25;--color-ink-80: rgba(0, 42, 37, .8);--color-ink-50: rgba(0, 42, 37, .5);--color-ink-30: rgba(0, 42, 37, .3);--color-yellow-pale: #FEFBB0;--color-blue-pale: #C8E9FF;--font-main: "Outfit", sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 40px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 42, 37, .06);--shadow-md: 0 8px 32px rgba(0, 42, 37, .1);--shadow-lg: 0 20px 60px rgba(0, 42, 37, .14);--shadow-green: 0 8px 32px rgba(0, 215, 117, .3);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .18s var(--ease-out);--t-med: .35s var(--ease-out);--t-slow: .6s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:var(--color-ink);padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-green)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;color:var(--color-ink);padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border:2px solid var(--color-ink);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.btn-outline:hover{background-color:var(--color-ink);color:#fff;transform:translateY(-2px)}.card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);transition:transform var(--t-med),box-shadow var(--t-med)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card-green{background-color:var(--color-primary-light);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--t-med)}.card-green:hover{transform:translateY(-4px)}.card-pale{background-color:var(--color-bg);border-radius:var(--radius-lg);padding:2rem;border:2px solid var(--color-surface-2);transition:transform var(--t-med),border-color var(--t-fast)}.card-pale:hover{transform:translateY(-4px);border-color:var(--color-primary)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.from-left{transform:translate(-40px)}.reveal.from-right{transform:translate(40px)}.reveal.scale-in{transform:scale(.92)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.section{padding:7rem 0}.section-sm{padding:4rem 0}.tag{display:inline-flex;align-items:center;background-color:var(--color-primary-light);color:var(--color-ink);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .9rem;border-radius:var(--radius-pill);margin-bottom:1.2rem}.stat-number{font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;line-height:1;letter-spacing:-2px;color:var(--color-ink)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-anim{animation:heroFadeUp .75s var(--ease-out) backwards}.hero-anim.d1{animation-delay:.05s}.hero-anim.d2{animation-delay:.18s}.hero-anim.d3{animation-delay:.3s}.hero-anim.d4{animation-delay:.42s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:float 5s ease-in-out infinite}.float-slow{animation:float 7s ease-in-out infinite;animation-delay:1s}@keyframes pulseRing{0%{box-shadow:0 0 #00d77573}70%{box-shadow:0 0 0 14px #00d77500}to{box-shadow:0 0 #00d77500}}.btn-pulse{animation:pulseRing 2.4s ease-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.app-container{display:flex;flex-direction:column;min-height:100vh}header{background-color:#f5f5f0d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-surface-2);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;transition:background-color var(--t-fast),box-shadow var(--t-fast)}header.scrolled{box-shadow:var(--shadow-md);background-color:#f5f5f0f7}.logo{font-size:1.4rem;font-weight:900;color:var(--color-ink);letter-spacing:-.5px;display:flex;align-items:center;gap:0}.logo-accent{color:var(--color-primary)}nav{display:flex;gap:.25rem;align-items:center}.mobile-menu-toggle{display:none;width:40px;height:40px;margin-left:auto;border-radius:999px;border:1px solid rgba(0,42,37,.08);background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.96),var(--color-bg-white));align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 18px #002a2514;transition:box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.mobile-menu-toggle span{width:18px;height:2px;border-radius:999px;background-color:var(--color-ink);position:absolute;left:50%;transition:transform var(--t-fast),opacity var(--t-fast),width var(--t-fast),background-color var(--t-fast)}.mobile-menu-toggle span:nth-child(2){width:12px;opacity:.7}.mobile-menu-toggle span:nth-child(1){transform:translate(-50%,-6px)}.mobile-menu-toggle span:nth-child(2){transform:translate(-50%)}.mobile-menu-toggle span:nth-child(3){transform:translate(-50%,6px)}.mobile-menu-toggle:hover{box-shadow:0 10px 22px #002a2524;transform:translateY(-1px);border-color:#002a2529}.mobile-menu-toggle:hover span:nth-child(2){width:16px;opacity:1}.nav-open .mobile-menu-toggle{background:radial-gradient(circle at 30% 0%,rgba(207,251,232,.6),var(--color-primary-light));box-shadow:0 10px 28px #00d77566}.nav-open .mobile-menu-toggle span:nth-child(1){transform:translate(-50%) rotate(45deg)}.nav-open .mobile-menu-toggle span:nth-child(2){width:0;opacity:0}.nav-open .mobile-menu-toggle span:nth-child(3){transform:translate(-50%) rotate(-45deg)}.nav-link{color:var(--color-ink-80);font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:var(--radius-pill);transition:background-color var(--t-fast),color var(--t-fast)}.nav-link:hover{background-color:var(--color-surface);color:var(--color-ink)}.nav-cta{margin-left:.5rem}.hero-section{padding:6rem 0 5rem;position:relative;overflow:hidden;background-color:var(--color-bg)}.hero-orb{position:absolute;border-radius:var(--radius-pill);pointer-events:none;z-index:0}.hero-orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(0,215,117,.12) 0%,transparent 70%);top:-100px;right:-100px}.hero-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(200,233,255,.35) 0%,transparent 70%);bottom:0;left:-80px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text{display:flex;flex-direction:column}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-80);background-color:var(--color-bg-white);border:1px solid var(--color-surface-2);padding:.4rem 1rem;border-radius:var(--radius-pill);width:fit-content;margin-bottom:1.5rem}.hero-eyebrow-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);display:inline-block;animation:pulseRing 2.2s ease-out infinite}.hero-title{font-size:clamp(2.8rem,6vw,5rem);line-height:1.05;font-weight:900;letter-spacing:-2.5px;color:var(--color-ink);margin-bottom:1.5rem}.hero-title .highlight{color:var(--color-primary);position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:6px;background-color:var(--color-primary);border-radius:3px;opacity:.3}.hero-subtitle{font-size:1.15rem;color:var(--color-ink-80);margin-bottom:2.5rem;max-width:500px;line-height:1.7}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.hero-downloads{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.75rem}.hero-downloads .btn-cta-light,.hero-downloads .btn-cta-outline{padding:.8rem 1.6rem;font-size:.9rem}.hero-social-proof{display:flex;align-items:center;gap:.75rem;margin-top:2rem}.proof-avatars{display:flex}.proof-avatar{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--color-bg-white);background-color:var(--color-surface);margin-left:-10px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--color-ink);overflow:hidden}.proof-avatar:first-child{margin-left:0}.proof-text{font-size:.82rem;color:var(--color-ink-80)}.proof-text strong{color:var(--color-ink)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-illus-wrap{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center}.hero-3d-img{width:320px;height:320px;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,42,37,.18))}.floating-badge{position:absolute;background:var(--color-bg-white);border-radius:var(--radius-md);padding:.6rem .9rem;box-shadow:var(--shadow-md);font-size:.78rem;font-weight:600;color:var(--color-ink);display:flex;align-items:center;gap:.5rem;white-space:nowrap;z-index:2}.badge-icon-wrap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary-light);color:var(--color-ink);flex-shrink:0}.badge-icon-wrap.star{background:var(--color-yellow-pale);color:#d4a000}.badge-top-right{top:10px;right:-48px;animation:float 4s ease-in-out infinite}.badge-bottom-left{bottom:30px;left:-48px;animation:float 5.5s ease-in-out infinite;animation-delay:.8s}.stats-section{padding:0 0 5rem}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:1.25rem}.bento-cell{border-radius:var(--radius-lg);padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:flex-end}.bento-green{background-color:var(--color-primary-light);grid-column:span 4}.bento-yellow{background-color:var(--color-yellow-pale);grid-column:span 4}.bento-blue{background-color:var(--color-blue-pale);grid-column:span 4}.bento-wide{background-color:var(--color-bg-white);grid-column:span 8;box-shadow:var(--shadow-sm);flex-direction:row;align-items:center;gap:2rem}.bento-tall{background-color:var(--color-ink);color:#fff;grid-column:span 4;padding:2.25rem}.stat-desc{font-size:.9rem;color:var(--color-ink-80);line-height:1.4;margin-top:.5rem}.bento-tall .stat-desc{color:#ffffffa6}.bento-tall .stat-number{color:var(--color-primary)}.features-section{padding:7rem 0;background-color:var(--color-bg-white)}.features-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start}.features-intro{position:sticky;top:7rem}.features-illus-wrap{margin-top:2rem;display:flex;justify-content:center}.features-illus{width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,42,37,.14))}.section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink);background-color:var(--color-primary-light);padding:.35rem .85rem;border-radius:var(--radius-pill);margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-1.5px;color:var(--color-ink);line-height:1.1;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;color:var(--color-ink-80);max-width:520px;line-height:1.7}.section-header{margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--t-med),box-shadow var(--t-med);border:2px solid transparent}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.feature-icon-wrap{width:52px;height:52px;background-color:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.4rem;transition:background-color var(--t-fast),transform var(--t-fast)}.feature-card:hover .feature-icon-wrap{background-color:var(--color-primary);transform:scale(1.1) rotate(-5deg)}.feature-title{font-size:1.1rem;font-weight:800;color:var(--color-ink);margin-bottom:.5rem}.feature-desc{font-size:.9rem;color:var(--color-ink-50);line-height:1.65}.how-section{padding:7rem 0;background-color:var(--color-bg)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:4rem}.step-icon-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.step-icon-wrap{width:44px;height:44px;background-color:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:background-color var(--t-fast),transform var(--t-fast)}.step-card:hover .step-icon-wrap{background-color:var(--color-primary);transform:rotate(-8deg) scale(1.1)}.step-card{position:relative;background:var(--color-bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:2px solid var(--color-surface-2);transition:transform var(--t-med),border-color var(--t-fast),box-shadow var(--t-med)}.step-card:hover{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.step-number{font-size:4rem;font-weight:900;color:var(--color-primary-light);line-height:1;margin-bottom:1rem;letter-spacing:-2px}.step-title{font-size:1.05rem;font-weight:800;color:var(--color-ink);margin-bottom:.5rem}.step-desc{font-size:.88rem;color:var(--color-ink-50);line-height:1.65}.connector{position:absolute;top:2.5rem;right:-2rem;font-size:1.5rem;color:var(--color-ink-30);z-index:1}.roles-section{padding:7rem 0;background-color:var(--color-bg-white)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}.role-card{border-radius:var(--radius-xl);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:0;transition:transform var(--t-med),box-shadow var(--t-med);position:relative;overflow:hidden;min-height:500px}.role-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.role-card.customer{background:linear-gradient(160deg,var(--color-primary-pale) 0%,var(--color-primary-light) 100%)}.role-card.courier{background:linear-gradient(160deg,var(--color-blue-pale) 0%,#A0D4F5 100%)}.role-card.merchant{background:linear-gradient(160deg,var(--color-yellow-pale) 0%,#FFF0A0 100%)}.role-illus-center{display:flex;justify-content:center;margin-bottom:1rem}.role-illus{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,42,37,.14));transition:transform var(--t-med)}.role-card:hover .role-illus{transform:translateY(-8px) scale(1.05)}.role-icon-wrap{width:52px;height:52px;background:#ffffffb3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-ink);margin-bottom:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.role-perks{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 1.5rem}.role-perks li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;color:var(--color-ink)}.perk-check{width:20px;height:20px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.role-title{font-size:1.4rem;font-weight:900;color:var(--color-ink);margin-bottom:.75rem}.role-desc{font-size:.9rem;color:var(--color-ink-80);line-height:1.65;margin-bottom:1.5rem}.cta-section{padding:6rem 0;background-color:var(--color-ink);position:relative;overflow:hidden}.cta-orb{position:absolute;border-radius:50%;pointer-events:none}.cta-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,215,117,.2) 0%,transparent 70%);top:-150px;right:-100px}.cta-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(200,233,255,.15) 0%,transparent 70%);bottom:-100px;left:-50px}.cta-inner{position:relative;z-index:1;text-align:center}.cta-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;letter-spacing:-2px;color:#fff;line-height:1.1;margin-bottom:1.25rem}.cta-title .c-green{color:var(--color-primary)}.cta-subtitle{font-size:1.1rem;color:#ffffffa6;margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta-light{background-color:var(--color-bg-white);color:var(--color-ink);border:none;display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.btn-cta-light:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.btn-cta-outline{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.btn-cta-outline:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hero-section .btn-cta-outline{color:var(--color-ink);border-color:var(--color-ink-50);background-color:#ffffffe6}.hero-section .btn-cta-outline:hover{background-color:var(--color-ink);color:#fff;border-color:var(--color-ink)}footer{background-color:var(--color-ink);color:#fff9;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand .logo{color:#fff;margin-bottom:1rem;font-size:1.3rem}.footer-tagline{font-size:.88rem;line-height:1.7;color:#ffffff80;max-width:260px}.footer-col-title{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:1.2rem}.footer-links{display:flex;flex-direction:column;gap:.7rem}.footer-link{font-size:.88rem;color:#ffffff8c;transition:color var(--t-fast)}.footer-link:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#ffffff59}.footer-badge{display:inline-flex;align-items:center;gap:.4rem;background:#00d7751f;color:var(--color-primary);font-size:.78rem;font-weight:700;padding:.35rem .8rem;border-radius:var(--radius-pill)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.hero-buttons,.hero-downloads,.hero-social-proof{justify-content:center}.features-layout{grid-template-columns:1fr}.features-intro{position:static}.steps-grid,.bento-grid{grid-template-columns:1fr 1fr}.bento-green,.bento-yellow,.bento-blue,.bento-wide,.bento-tall{grid-column:span 1}.roles-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero-section{padding:4.5rem 0 3.5rem}.features-section,.how-section,.roles-section,.cta-section{padding:5rem 0}header{padding:.85rem 1rem}.mobile-menu-toggle{display:inline-flex}header nav{position:absolute;top:100%;left:0;right:0;margin:.65rem 1rem 0;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:.75rem;flex-direction:column;gap:.25rem;max-height:0;opacity:0;transform:translateY(-6px);overflow:hidden;pointer-events:none;transition:max-height var(--t-med),opacity var(--t-fast),transform var(--t-fast);box-sizing:border-box}.nav-open nav{max-height:260px;opacity:1;transform:translateY(0);pointer-events:auto}.nav-link,.nav-cta{width:100%;justify-content:flex-start}.nav-cta{margin-left:0;margin-top:.25rem}.role-card{min-height:0;padding:2rem 1.5rem}.bento-grid,.footer-grid,.steps-grid,.features-grid{grid-template-columns:1fr}.connector{display:none}.hero-eyebrow{font-size:.72rem}.hero-downloads .btn-cta-light,.hero-downloads .btn-cta-outline{width:100%;justify-content:center}}