@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#090d16;--bg-card:#121a2ba6;--bg-card-hover:#1c2740cc;--border-card:#ffffff14;--border-focus:#00f2fe;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-cyan:#00f2fe;--brand-blue:#4facfe;--brand-purple:#7000ff;--brand-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #7000ff 100%);--brand-glow:#00f2fe40;--grab-green:#00b14f;--grab-bg:#00b14f1f;--shopee-orange:#ff5722;--shopee-bg:#ff57221f;--danger-red:#ef4444;--success-emerald:#10b981;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", var(--font-main)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark);color:var(--text-primary);font-size:16px;font-family:var(--font-main);line-height:1.6}body{background:radial-gradient(circle at 15% 15%, #00f2fe14 0%, transparent 45%), radial-gradient(circle at 85% 60%, #7000ff14 0%, transparent 50%), var(--bg-dark);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:clamp(2.2rem,4vw,3.8rem)}h2{text-align:center;margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.75rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}p{color:var(--text-secondary);font-size:1rem}a{color:var(--brand-cyan);text-decoration:none;transition:all .25s}a:hover{color:#fff;text-shadow:0 0 12px var(--brand-glow)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:5rem 0;position:relative}.section-subtitle{text-align:center;max-width:750px;color:var(--text-secondary);margin:0 auto 3rem;font-size:1.1rem;line-height:1.7}header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card);background:#090d16e0;padding:.85rem 0;transition:all .3s;position:sticky;top:0}header .nav-container{justify-content:space-between;align-items:center;display:flex}.logo-wrapper{align-items:center;gap:.75rem;display:flex}.logo-badge{background:var(--brand-gradient);color:#fff;width:42px;height:42px;box-shadow:0 4px 20px var(--brand-glow);border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.logo-text h1{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.55rem}.logo-text p{color:var(--text-muted);font-size:.75rem}header nav ul{align-items:center;gap:1.25rem;list-style:none;display:flex}header nav ul>li>a.nav-link{color:var(--text-secondary);border-radius:8px;padding:.45rem .65rem;font-size:.95rem;font-weight:500}header nav ul>li>a.nav-link:hover{color:var(--text-primary);background:#ffffff0f}.lang-switcher{border:1px solid var(--border-card);background:#ffffff0f;border-radius:30px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;line-height:1;display:inline-flex}.lang-switcher a{color:var(--text-muted);font-weight:500;text-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.lang-switcher a:hover{color:#fff!important;text-shadow:none!important;background:0 0!important}.lang-switcher .active-lang{color:var(--brand-cyan);font-weight:700}.btn{cursor:pointer;text-shadow:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#000;box-shadow:0 4px 25px var(--brand-glow);font-weight:700}.btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 8px 35px #00f2fe73}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-card);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.badge-group{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.badge{border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-grab{background:var(--grab-bg);color:#27d070;border:1px solid #00b14f4d}.badge-shopee{background:var(--shopee-bg);color:#ff784e;border:1px solid #ff57224d}.badge-store{color:var(--brand-cyan);background:#00f2fe1a;border:1px solid #00f2fe4d}#hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:6rem 0 4rem;display:grid}.hero-content h2{text-align:left;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.25rem}.hero-content p.hero-desc{margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.hero-actions{gap:1rem;margin-bottom:2rem;display:flex}.hero-visual{position:relative}.hero-image-wrapper{border:1px solid var(--border-card);border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 40px #00f2fe26}.hero-image-wrapper img{width:100%;height:auto;transition:transform .5s;display:block}.hero-image-wrapper:hover img{transform:scale(1.03)}#pain-points{border-top:1px solid var(--border-card);border-bottom:1px solid var(--border-card);background:#0f172a66}.pain-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.pain-card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.pain-card:before{content:"";background:linear-gradient(90deg, var(--danger-red), transparent);width:100%;height:3px;position:absolute;top:0;left:0}.pain-card:hover{border-color:#ef444466;transform:translateY(-5px);box-shadow:0 10px 30px #ef44441a}.pain-icon{margin-bottom:1rem;font-size:2rem}.pain-card h3{color:#f1f5f9;margin-bottom:.75rem}#sales-growth{background:radial-gradient(circle at 50% 30%,#00f2fe0d 0%,#0000 70%)}.sales-growth-container{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}.stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:1.5rem;transition:all .3s}.stat-box:hover{border-color:var(--brand-cyan);background:var(--bg-card-hover);transform:translateY(-4px)}.stat-number{font-family:var(--font-heading);color:var(--brand-cyan);margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.9rem}.chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:24px;padding:2rem;box-shadow:0 20px 50px #00000080}.chart-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.chart-bars{border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:flex-end;gap:1rem;height:220px;padding:1rem 0;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-wrapper{background:#ffffff0d;border-radius:8px 8px 0 0;width:100%;max-width:45px;transition:height .5s;position:relative;overflow:hidden}.bar-fill{background:var(--brand-gradient);border-radius:8px 8px 0 0;width:100%;position:absolute;bottom:0}.col-label{color:var(--text-muted);margin-top:.75rem;font-size:.8rem}.chart-legend{flex-wrap:wrap;justify-content:space-around;gap:.75rem;margin-top:1.25rem;font-size:.85rem;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:20px;flex-direction:column;padding:2.25rem;transition:all .35s;display:flex}.feature-card:hover{background:var(--bg-card-hover);border-color:#00f2fe4d;transform:translateY(-6px);box-shadow:0 15px 35px #00f2fe1f}.feature-icon-badge{width:52px;height:52px;color:var(--brand-cyan);background:#00f2fe1a;border:1px solid #00f2fe33;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem}.feature-card ul{flex-direction:column;gap:.75rem;margin-top:1rem;list-style:none;display:flex}.feature-card li{color:var(--text-secondary);padding-left:1.5rem;font-size:.95rem;position:relative}.feature-card li:before{content:"✓";color:var(--brand-cyan);font-weight:700;position:absolute;left:0}#workflow{background:#090d1699}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid;position:relative}.step-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:2rem;transition:all .3s;position:relative}.step-card:hover{border-color:var(--brand-cyan);transform:translateY(-4px)}.step-number{font-family:var(--font-heading);background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1}#testimonials{border-top:1px solid var(--border-card);border-bottom:1px solid var(--border-card);background:#0f172a80}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.testimonial-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:20px;flex-direction:column;justify-content:space-between;padding:2.25rem;transition:all .35s;display:flex}.testimonial-card:hover{border-color:#00f2fe4d;transform:translateY(-5px);box-shadow:0 15px 40px #0006}.testimonial-rating{color:#fbbf24;margin-bottom:1rem;font-size:1.1rem}.testimonial-quote{color:var(--text-primary);margin-bottom:2rem;font-size:1.05rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{object-fit:cover;border:2px solid var(--brand-cyan);border-radius:50%;width:56px;height:56px}.author-details h4{margin-bottom:.2rem;font-size:1rem}.author-details p{color:var(--text-muted);font-size:.85rem}.merchant-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.merchant-card{background:var(--bg-card);border:1px solid var(--border-card);text-align:center;border-radius:16px;padding:1.75rem;transition:all .3s}.merchant-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:scale(1.02)}.merchant-icon{margin-bottom:1rem;font-size:2.5rem;display:block}#demo-form{max-width:800px;margin:0 auto}.form-wrapper{background:var(--bg-card);backdrop-filter:blur(24px);border:1px solid var(--border-card);border-radius:24px;padding:3rem;box-shadow:0 25px 60px #0009,0 0 40px #00f2fe14}form .form-group{margin-bottom:1.5rem}form label{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}form input[type=text],form input[type=tel],form select,form textarea{border:1px solid var(--border-card);width:100%;color:var(--text-primary);font-family:var(--font-main);background:#0f172acc;border-radius:12px;padding:.9rem 1.2rem;font-size:1rem;transition:all .25s}form input:focus,form select:focus,form textarea:focus{border-color:var(--brand-cyan);background:#0f172af2;outline:none;box-shadow:0 0 15px #00f2fe40}.checkbox-group{border:1px solid var(--border-card);background:#0f172a80;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;margin-bottom:0;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-cyan)}.submit-btn{width:100%;margin-top:1rem;padding:1.1rem;font-size:1.1rem}footer{border-top:1px solid var(--border-card);background:#05080ff2;padding:4rem 0 2rem}.footer-content{grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.company-box{border:1px solid var(--border-card);background:#121a2b66;border-radius:16px;padding:1.75rem}.company-box h3{color:var(--brand-cyan);margin-bottom:1rem;font-size:1.2rem}.company-detail-list{flex-direction:column;gap:.5rem;font-size:.95rem;display:flex}.footer-links-list{flex-direction:column;align-items:flex-start;gap:.65rem;margin-top:1rem;list-style:none;display:flex}.footer-links-list a{color:var(--text-secondary);font-size:.95rem}.footer-links-list a:hover{color:var(--brand-cyan)}.footer-bottom{text-align:center;border-top:1px solid var(--border-card);color:var(--text-muted);padding-top:2rem;font-size:.85rem}@media (width<=992px){#hero,.sales-growth-container{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:1fr}}@media (width<=768px){header .nav-container{flex-direction:column;gap:1rem}header nav ul{flex-wrap:wrap;justify-content:center;gap:.65rem}.hero-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.form-wrapper{padding:1.75rem}}