@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Sora", "Plus Jakarta Sans", sans-serif;--bg-dark:#f8fafc;--panel-dark:#ffffffa6;--panel-dark-solid:#fff;--border-glass:#0f172a0f;--border-glass-hover:#0f172a1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-purple:#1463e8;--accent-purple-glow:#1463e826;--b2b-color:#1463e8;--b2b-gradient:linear-gradient(135deg, #1463e8 0%, #00d2ff 100%);--b2b-glow:#1463e826;--b2c-color:#0a7e32;--b2c-gradient:linear-gradient(135deg, #0a7e32 0%, #4ade80 100%);--b2c-glow:#0a7e3226;--active-color:var(--accent-purple);--active-glow:var(--accent-purple-glow);--active-gradient:linear-gradient(135deg, #1463e8 0%, #00b0ff 100%);--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}body.theme-utrade{--active-color:var(--b2b-color);--active-glow:var(--b2b-glow);--active-gradient:var(--b2b-gradient)}body.theme-umart{--active-color:var(--b2c-color);--active-glow:var(--b2c-glow);--active-gradient:var(--b2c-gradient)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-dark);min-height:100%;color:var(--text-secondary);font-family:var(--font-body);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#0f172a05 1px,#0000 1px),radial-gradient(#0f172a03 1px,#0000 1px);background-position:0 0,20px 20px;background-size:40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0}.bg-blob-1{filter:blur(80px);pointer-events:none;z-index:0;width:min(60vw,600px);height:min(60vw,600px);transition:var(--transition-smooth);background:radial-gradient(circle,#863bff14 0%,#0000 70%);border-radius:50%;position:fixed;top:-10%;left:-10%}.bg-blob-2{filter:blur(100px);pointer-events:none;z-index:0;width:min(70vw,700px);height:min(70vw,700px);transition:var(--transition-smooth);background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);border-radius:50%;position:fixed;bottom:-15%;right:-10%}body.theme-utrade .bg-blob-1{background:radial-gradient(circle,#1463e817 0%,#0000 70%)}body.theme-utrade .bg-blob-2{background:radial-gradient(circle,#00d2ff0f 0%,#0000 70%)}body.theme-umart .bg-blob-1{background:radial-gradient(circle,#0a7e3217 0%,#0000 70%)}body.theme-umart .bg-blob-2{background:radial-gradient(circle,#4ade800f 0%,#0000 70%)}h1,h2,h3,h4{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}::selection{background:var(--active-color);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);transition:var(--transition-fast);background:#0f172a14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--active-color)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--active-color);outline-offset:4px}.page-shell{z-index:5;gap:2.5rem;width:min(1300px,100% - 2rem);margin:1.5rem auto 6rem;display:grid;position:relative}.top-nav{border:1px solid var(--border-glass);background:var(--panel-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-smooth);border-radius:1.25rem;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 10px 30px #0f172a0a}.nav-brand{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.03em;transition:var(--transition-fast);align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;display:flex}.brand-logo-svg{color:var(--active-color);filter:drop-shadow(0 0 10px var(--active-glow));transition:var(--transition-smooth)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-item{color:var(--text-secondary);transition:var(--transition-fast);border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.button-nav{background:var(--active-gradient);color:#fff;box-shadow:0 4px 15px var(--active-glow);border-radius:99px;padding:.55rem 1.25rem;font-weight:700}.button-nav:hover{box-shadow:0 6px 20px var(--active-glow);color:#fff;transform:translateY(-2px)}.hero{border:1px solid var(--border-glass);background:radial-gradient(circle at 10% 10%, #fff9 0%, transparent 60%), var(--panel-dark);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:2rem;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;padding:clamp(2rem,5vw,4.5rem) clamp(1.5rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a0f}.hero-content{z-index:10;flex-direction:column;display:flex}.eyebrow-container{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:inline-flex}.eyebrow-chip{font-family:var(--font-display);color:#fff;background:var(--active-gradient);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px 12px var(--active-glow);transition:var(--transition-smooth);border-radius:99px;padding:.35rem .85rem;font-size:.72rem;font-weight:800}.eyebrow-text{color:var(--active-color);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-smooth);font-size:.8rem;font-weight:700}.hero-title{margin-bottom:1.25rem;font-size:clamp(2.2rem,4.5vw,3.5rem);line-height:1.15}.gradient-text{background:var(--active-gradient);-webkit-text-fill-color:transparent;transition:var(--transition-smooth);-webkit-background-clip:text;background-clip:text}.hero-copy{color:var(--text-secondary);max-width:54ch;margin-bottom:2rem;font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.6}.tab-switcher{border:1px solid var(--border-glass);background:#0f172a0a;border-radius:99px;align-self:flex-start;margin-bottom:2rem;padding:.35rem;display:inline-flex;box-shadow:inset 0 2px 8px #0f172a0a}.switch-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:99px;align-items:center;gap:.6rem;padding:.65rem 1.35rem;font-size:.85rem;font-weight:700;display:flex}.switch-btn:hover{color:var(--text-primary)}.switch-btn.active{color:var(--text-primary);background:#fff;box-shadow:0 4px 12px #0f172a14}.btn-indicator{width:8px;height:8px;transition:var(--transition-smooth);border-radius:50%}.btn-indicator.b2b{background:var(--b2b-color);box-shadow:0 0 8px var(--b2b-color)}.btn-indicator.b2c{background:var(--b2c-color);box-shadow:0 0 8px var(--b2c-color)}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:2.2rem;display:flex}.button{font-family:var(--font-body);transition:var(--transition-smooth);cursor:pointer;border-radius:99px;align-items:center;gap:.65rem;padding:.9rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-flex}.button.primary{background:var(--active-gradient);color:#fff;box-shadow:0 8px 24px var(--active-glow)}.button.primary:hover{box-shadow:0 12px 32px var(--active-glow);transform:translateY(-2px)}.button.ghost{border:1px solid var(--border-glass);color:var(--text-primary);background:#0f172a05}.button.ghost:hover{border-color:var(--border-glass-hover);background:#0f172a0f;transform:translateY(-2px)}.trust-badges{flex-wrap:wrap;gap:.85rem;display:flex}.badge-pill{border:1px solid var(--border-glass);color:var(--text-secondary);transition:var(--transition-fast);background:#0f172a05;border-radius:99px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;display:flex}.badge-pill:hover{background:#ffffff0f;border-color:#ffffff26}.badge-dot{background:var(--active-color);width:6px;height:6px;box-shadow:0 0 6px var(--active-color);transition:var(--transition-smooth);border-radius:50%}.hero-mockup-wrapper{z-index:10;justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative}.showcase-visual-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tab-showcase-visual{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.active-visual{opacity:1;pointer-events:auto;z-index:30;transform:translate(0)scale(1)rotate(0)}.inactive-visual{opacity:0;pointer-events:none;z-index:20;transform:translate(40px)scale(.92)rotate(2deg)}.utrade-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hf-utrade-phones-img{object-fit:contain;filter:drop-shadow(0 25px 50px #0000008c);width:auto;height:100%;max-height:440px;animation:6s ease-in-out infinite visualFloat}.umart-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hf-umart-phone-img{object-fit:contain;filter:drop-shadow(0 25px 45px #00000080);z-index:10;transform-origin:bottom;width:auto;height:90%;max-height:380px;position:absolute;bottom:5%;left:5%}.hf-umart-rider-img{object-fit:contain;filter:drop-shadow(0 20px 40px #0006);z-index:5;width:auto;height:85%;max-height:360px;animation:1.2s cubic-bezier(.16,1,.3,1) both riderSlideIn;position:absolute;bottom:0;right:5%}@keyframes visualFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes riderSlideIn{0%{opacity:0;transform:translate(80px)translateY(10px)}to{opacity:1;transform:translate(0)translateY(0)}}.animate-float{animation:5s ease-in-out infinite alternate visualFloat}.mockup-glowing-backlight{background:radial-gradient(circle, var(--active-glow) 0%, transparent 65%);z-index:1;pointer-events:none;filter:blur(40px);width:80%;height:80%;transition:var(--transition-smooth);border-radius:50%;position:absolute}.stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{border:1px solid var(--border-glass);background:var(--panel-dark);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition-smooth);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;padding:1.75rem;display:flex;box-shadow:0 10px 30px #0f172a08}.stat-card:hover{border-color:var(--border-glass-hover);transform:translateY(-5px);box-shadow:0 15px 40px #00000040}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:flex}.stat-icon-wrapper.b2b-icon{background:#1463e81a;border:1px solid #1463e840}.stat-icon-wrapper.b2c-icon{background:#0a7e321a;border:1px solid #0a7e3240}.stat-icon-wrapper.purple-icon{background:#863bff1a;border:1px solid #863bff40}.stat-icon-wrapper.active-icon{border:1px solid var(--border-glass-hover);background:#ffffff0d}.stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.brand-rail{border:1px solid var(--border-glass);background:#0f172a05;border-radius:1.25rem;padding:1.25rem 2rem;overflow:hidden}.brand-rail-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.rail-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.85rem;font-weight:700}.rail-capsules{flex-wrap:wrap;gap:.75rem;display:flex}.rail-capsules span{color:var(--text-secondary);border:1px solid var(--border-glass);transition:var(--transition-fast);background:#fff;border-radius:99px;padding:.38rem .88rem;font-size:.78rem;font-weight:600}.rail-capsules span:hover{color:var(--text-primary);background:#ffffff14}.products-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.product-card{border:1px solid var(--border-glass);background:var(--panel-dark);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition-smooth);border-radius:1.75rem;flex-direction:column;padding:2.5rem;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";width:100%;height:4px;transition:var(--transition-smooth);background:0 0;position:absolute;top:0;left:0}.product-card.b2b-card:before{background:var(--b2b-gradient)}.product-card.b2c-card:before{background:var(--b2c-gradient)}.product-card.highlighted-card{border-color:#0f172a14;box-shadow:0 15px 45px #0f172a0f}.card-chip{text-transform:uppercase;letter-spacing:.08em;border-radius:99px;width:fit-content;margin-bottom:1.25rem;padding:.3rem .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.b2b-chip{color:var(--b2b-color);background:#1463e826;border:1px solid #1463e84d}.b2c-chip{color:var(--b2c-color);background:#0a7e3226;border:1px solid #0a7e324d}.main-chip{color:var(--accent-purple);background:#863bff26;border:1px solid #863bff4d}.product-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.8rem}.card-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.product-specs{background:var(--bg-canvas);border:1px solid var(--border-glass);border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:grid}.spec-item{text-align:center;flex-direction:column;align-items:center;padding:.25rem 0;display:flex}.spec-item:not(:last-child){border-right:1px solid var(--border-glass)}.spec-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.spec-val{color:var(--text-primary);font-size:.82rem;font-weight:800;font-family:var(--font-display)}.product-card-visual{border:1px solid var(--border-glass);background:#0f172a03;border-radius:1rem;justify-content:center;align-items:center;height:200px;margin-bottom:1.75rem;padding:.5rem;display:flex;overflow:hidden}.utrade-card-visual{background:radial-gradient(circle,#1463e814 0%,#0000 70%)}.umart-card-visual{background:radial-gradient(circle,#0a7e3214 0%,#0000 70%)}.card-prod-img{object-fit:contain;filter:drop-shadow(0 10px 20px #0000004d);max-width:100%;max-height:100%;transition:var(--transition-smooth)}.product-card:hover .card-prod-img{transform:translateY(-5px)scale(1.03)}.card-checklist{flex-direction:column;gap:.85rem;margin-bottom:2.2rem;list-style:none;display:flex}.card-checklist li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.88rem;display:flex}.check-icon{color:var(--active-color);transition:var(--transition-smooth);flex-shrink:0;margin-top:.15rem}.b2b-card .check-icon{color:var(--b2b-color)}.b2c-card .check-icon{color:var(--b2c-color)}.card-footer{margin-top:auto}.action-link{font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.b2b-link{color:var(--b2b-color)}.b2b-link:hover{text-shadow:0 0 8px var(--b2b-glow);transform:translate(3px)}.b2c-link{color:var(--b2c-color)}.b2c-link:hover{text-shadow:0 0 8px var(--b2c-glow);transform:translate(3px)}.comparison-section{border:1px solid var(--border-glass);background:var(--panel-dark);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:2rem;padding:3rem 2.5rem}.section-header{text-align:center;flex-direction:column;align-items:center;max-width:60ch;margin:0 auto 3rem;display:flex}.section-header .card-chip,.section-header-center .card-chip{margin-bottom:1rem}.section-header h2,.section-header-center h2{margin-bottom:.85rem;font-size:2.2rem}.section-header p,.section-header-center p{color:var(--text-secondary);font-size:1rem}.comparison-table-wrapper{scrollbar-width:thin;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-glass);padding:1.2rem 1.5rem;font-size:.9rem}.comparison-table th{font-family:var(--font-display);color:var(--text-primary);background:#0f172a05;font-weight:700}.b2b-header-cell{color:var(--b2b-color)!important;font-weight:800!important}.b2c-header-cell{color:var(--b2c-color)!important;font-weight:800!important}.feat-title{color:var(--text-primary);background:#0f172a03;font-weight:700}.comparison-table tbody tr{transition:var(--transition-fast)}.comparison-table tbody tr:hover{background:#ffffff05}.downloads-section{gap:2.5rem;display:grid}.section-header-center{text-align:center;flex-direction:column;align-items:center;max-width:60ch;margin:0 auto;display:flex}.downloads-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.download-app-card{border:1px solid var(--border-glass);background:var(--panel-dark);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition-smooth);border-radius:2rem;padding:2.5rem 2rem;box-shadow:0 15px 40px #0f172a0a}.download-app-card:hover{border-color:var(--border-glass-hover);box-shadow:0 20px 50px #0f172a14}.b2b-accent-card{background:radial-gradient(circle at 100% 0%, #1463e80d 0%, transparent 60%), var(--panel-dark)}.b2c-accent-card{background:radial-gradient(circle at 100% 0%, #0a7e320d 0%, transparent 60%), var(--panel-dark)}.app-card-title-block{margin-bottom:2rem;padding-left:1.25rem;position:relative}.app-accent-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:.35rem;left:0}.app-accent-dot.b2b-dot{background:var(--b2b-color);box-shadow:0 0 10px var(--b2b-color)}.app-accent-dot.b2c-dot{background:var(--b2c-color);box-shadow:0 0 10px var(--b2c-color)}.app-card-title-block h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem}.app-card-title-block p{color:var(--text-secondary);font-size:.88rem}.qr-container-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.qr-box-tile{text-align:center;border:1px solid var(--border-glass);transition:var(--transition-smooth);background:#0f172a05;border-radius:1.5rem;flex-direction:column;align-items:center;padding:1.5rem 1.25rem;display:flex}.qr-box-tile:hover{background:#ffffff0a;transform:translateY(-4px)}.qr-bezel-frame{border:1px solid var(--border-glass);background:#fff;border-radius:1rem;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:1.25rem;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0f172a0a}.qr-scanning-laser{z-index:20;width:100%;height:3px;animation:3.5s linear infinite scanEffect;position:absolute;left:0}.qr-scanning-laser.b2b-laser{background:var(--b2b-color);box-shadow:0 0 12px 3px var(--b2b-color)}.qr-scanning-laser.b2c-laser{background:var(--b2c-color);box-shadow:0 0 12px 3px var(--b2c-color)}@keyframes scanEffect{0%{top:5px}50%{top:calc(100% - 8px)}to{top:5px}}.qr-code-img{background:#fff;border-radius:.5rem;width:100%;height:auto;padding:4px}.qr-box-tile h5{color:var(--text-primary);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.store-action-btn{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#0f172a08;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:700;display:flex}.store-action-btn:hover{background:var(--active-gradient);color:#fff;box-shadow:0 4px 12px var(--active-glow);border-color:#0000}.store-icon{flex-shrink:0}.final-cta{border:1px solid var(--border-glass);background:radial-gradient(circle at 50% 50%, #863bff14 0%, transparent 60%), var(--panel-dark-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-radius:2rem;padding:4.5rem clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a0f}.final-cta h2{color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.8rem,3.5vw,2.8rem)}.final-cta p{color:var(--text-secondary);max-width:60ch;margin:0 auto 2rem;font-size:1.05rem}.cta-button{box-shadow:0 10px 30px var(--active-glow)!important}.cta-glow{pointer-events:none;background:radial-gradient(circle,#863bff0f 0%,#0000 70%);width:50%;height:200%;position:absolute;top:-50%;left:25%}.main-footer{border-top:1px solid var(--border-glass);flex-direction:column;gap:3rem;padding:4rem 2rem 3rem;display:flex}.footer-content{grid-template-columns:1.2fr .8fr;align-items:start;gap:3rem;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.footer-brand-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.footer-brand-logo svg{color:var(--active-color);filter:drop-shadow(0 0 8px var(--active-glow));transition:var(--transition-smooth)}.footer-tagline{color:var(--text-secondary);text-align:left;max-width:45ch;font-size:.95rem;line-height:1.6}.footer-support{background:var(--panel-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);transition:var(--transition-smooth);text-align:left;border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex;box-shadow:0 10px 30px #00000005}.footer-support:hover{border-color:var(--border-glass-hover);transform:translateY(-2px);box-shadow:0 15px 35px #0000000a}.support-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.support-links{flex-direction:column;gap:.85rem;display:flex}.support-item{color:var(--text-secondary);border:1px solid var(--border-glass);transition:var(--transition-fast);background:#0f172a05;border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.92rem;font-weight:600;display:flex}.support-item:hover{color:var(--active-color);border-color:var(--active-color);box-shadow:0 4px 12px var(--active-glow);background:#fff;transform:translate(4px)}.support-item svg{color:var(--text-muted);transition:var(--transition-fast)}.support-item:hover svg{color:var(--active-color)}.support-item.whatsapp-btn{color:#128c7e;background:#25d3660f;border-color:#25d36626}.support-item.whatsapp-btn:hover{color:#fff;background:#25d366;border-color:#0000;box-shadow:0 6px 20px #25d36659}.support-item.whatsapp-btn svg{color:#25d366}.support-item.whatsapp-btn:hover svg{color:#fff}.footer-copyright{color:var(--text-muted);border-top:1px solid var(--border-glass);text-align:center;width:100%;margin-top:1rem;padding-top:1.5rem;font-size:.82rem}.sticky-mobile-bar{z-index:999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-primary);background:#ffffffd9;border:1px solid #0f172a14;border-radius:1rem;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 10px 30px #0f172a1a}.sticky-mobile-bar p{margin:0;font-size:.85rem;font-weight:700}.sticky-btn{color:#fff;background:var(--active-gradient);box-shadow:0 4px 10px var(--active-glow);transition:var(--transition-smooth);border-radius:99px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero.is-visible{animation:.9s cubic-bezier(.16,1,.3,1) both heroSlideUp}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1080px){.hero{grid-template-columns:1fr;gap:3.5rem;padding:3rem 2rem}.hero-mockup-wrapper{max-width:500px;height:400px;margin:0 auto}.hf-umart-phone-img{height:90%;left:10%}.hf-umart-rider-img{height:80%;right:10%}.stats{grid-template-columns:repeat(2,1fr)}.products-grid,.downloads-grid{grid-template-columns:1fr}}@media (width<=768px){.page-shell{gap:2rem;width:min(1300px,100% - 1rem);margin-top:1rem}.top-nav{padding:.8rem 1.25rem}.nav-links{display:none}.hero{padding:2.2rem 1.25rem}.hero-copy{margin-bottom:1.5rem}.tab-switcher{width:100%}.switch-btn{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.78rem}.hero-mockup-wrapper{height:320px}.hf-utrade-phones-img{max-height:300px}.hf-umart-phone-img{height:90%;max-height:280px;left:2%}.hf-umart-rider-img{height:80%;max-height:250px;right:2%}.product-card-visual{height:160px}.stats{grid-template-columns:1fr}.brand-rail{padding:1rem}.brand-rail-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.rail-capsules{width:100%}.rail-capsules span{padding:.3rem .65rem;font-size:.72rem}.product-card{padding:1.75rem}.comparison-section{padding:1.75rem 1.25rem}.comparison-table th,.comparison-table td{padding:.85rem .75rem;font-size:.8rem}.download-app-card{padding:1.75rem 1.25rem}.qr-container-grid{grid-template-columns:1fr;gap:1.5rem}.qr-box-tile{padding:1.25rem}.final-cta{padding:3rem 1.25rem}.main-footer{gap:2rem;padding:2.5rem 1rem 5rem}.footer-content{grid-template-columns:1fr;gap:2rem;width:100%}.footer-brand{text-align:center;align-items:center}.footer-tagline{text-align:center}.footer-support{text-align:center;width:100%}.support-links{align-items:stretch}.support-item:hover{transform:none}.sticky-mobile-bar{display:flex}}@media (prefers-reduced-motion:reduce){[data-reveal],.hero.is-visible,.button,.store-action-btn,.hf-utrade-phones-img,.hf-umart-phone-img,.hf-umart-rider-img,.qr-scanning-laser{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}
