@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#1f2351;--primary-light:#2a306d;--accent:#ef7623;--accent-hover:#d66418;--bg-color:#faf9f7;--surface:#fff;--text-main:#1a1a2e;--text-muted:#6b7280;--border:#00000014;--radius:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px #ef762340}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 32px #ef762359}.btn-outline{background:var(--surface);color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%{box-shadow:0 0 #ef762366}70%{box-shadow:0 0 0 15px #ef762300}to{box-shadow:0 0 #ef762300}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}section{padding:100px 0}.section-title{text-align:center;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 60px;font-size:clamp(16px,2vw,20px)}.hero{align-items:center;min-height:100vh;padding-top:160px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-bg-shape{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;position:absolute}.shape-1{background:var(--primary);opacity:.1;width:500px;height:500px;top:-100px;right:-100px}.shape-2{background:var(--accent);opacity:.08;width:400px;height:400px;bottom:-50px;left:-100px}.grid-2{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=992px){.grid-2{grid-template-columns:1fr 1fr;align-items:center}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:40px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000005}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1f235114}.hero-content{max-width:600px}.hero-logo-container{z-index:10;position:absolute;top:40px;left:50%;transform:translate(-50%)}.hero-logo{border-radius:25px;width:100px;height:100px;box-shadow:0 12px 24px #1f235126}.badge{color:var(--primary);background:#1f23510d;border:1px solid #1f23511a;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.live-dot{background:#ef7623;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-soft;box-shadow:0 0 #ef7623b3}.hero-title{letter-spacing:-2px;color:var(--primary);margin-bottom:24px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:500px;margin-bottom:40px;font-size:clamp(18px,2vw,20px)}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.hero-stats{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.avatars{display:flex}.avatars img,.avatar-more{border:3px solid var(--bg-color);border-radius:50%;width:40px;height:40px;margin-left:-12px}.avatars img:first-child{margin-left:0}.avatar-more{background:var(--primary-light);color:#fff;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.mockup-container{width:100%;max-width:400px;position:relative}.mockup-frame{background:var(--surface);border:8px solid var(--primary);border-radius:32px;height:650px;position:relative;overflow:hidden;box-shadow:0 24px 48px #1f235126}.mockup-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.mockup-header h3{color:var(--primary);font-size:24px;font-weight:800}.mockup-icon{color:var(--accent)}.mockup-map{background:#e8eaed radial-gradient(#d1d5db 2px,#0000 2px) 0 0/24px 24px;height:100%;position:relative}.map-pin{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;box-shadow:0 8px 16px #1f235133}.pin-1{background:var(--accent);top:20%;left:30%}.pin-2{top:40%;right:20%}.pin-3{top:60%;left:40%}.floating{animation:4s ease-in-out infinite float}.live-action-card{background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:16px;animation:.5s ease-out slideUp;display:flex;position:absolute;bottom:120px;left:20px;right:20px;box-shadow:0 12px 24px #0000001a}.action-avatar img{border-radius:50%;width:40px;height:40px}.action-info h4{color:var(--primary);font-size:14px;font-weight:700}.action-info p{color:var(--text-muted);font-size:12px}.action-btn{background:var(--accent);color:#fff;cursor:pointer;border-radius:12px;margin-left:auto;padding:6px 16px;font-size:13px;font-weight:700}.floating-card{background:var(--surface);z-index:10;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;animation:5s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 12px 32px #0000001a}.floating-card.c-1{top:100px;left:-40px}.floating-card strong{color:var(--primary);font-size:14px;display:block}.floating-card span{color:var(--text-muted);font-size:12px}@media (width<=991px){.hero{padding-top:180px}.hero-content{text-align:center;margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.floating-card.c-1{display:none}}.how-it-works{background:var(--surface)}.steps-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex;position:relative}.step-card{text-align:center;background:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border);flex:1;min-width:250px;padding:40px 20px;transition:transform .3s;position:relative}.step-card:hover{border-color:var(--accent);transform:translateY(-8px)}.step-icon-wrapper{width:80px;height:80px;color:var(--primary);background:#1f23510d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;transition:all .3s;display:flex;position:relative}.step-card:hover .step-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.1)}.step-number{background:var(--accent);color:#fff;border:3px solid var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-5px;right:-5px}.step-card h3{color:var(--primary);margin-bottom:12px;font-size:20px;font-weight:800}.step-card p{color:var(--text-muted);font-size:15px}.step-connector{background:var(--border);width:20px;height:2px;position:absolute;top:80px;right:-30px}@media (width<=991px){.step-connector{display:none}}.explore-preview{background:var(--bg-color)}.explore-container{background:var(--surface);border:1px solid var(--border);border-radius:32px;height:600px;display:flex;overflow:hidden;box-shadow:0 12px 40px #1f235114}.explore-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:350px;padding:24px;display:flex}.search-bar{background:var(--bg-color);border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px}.plan-list{flex-direction:column;gap:16px;display:flex;overflow-y:auto}.plan-item{background:var(--bg-color);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.plan-item:hover,.plan-item.active{border-color:var(--accent);background:#fff;box-shadow:0 4px 12px #0000000d}.plan-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-orange{background:var(--accent)}.bg-navy{background:var(--primary)}.plan-details h4{color:var(--primary);margin-bottom:4px;font-size:15px;font-weight:700}.plan-details p{color:var(--text-muted);font-size:13px}.explore-map-area{background-color:#e8eaed;background-image:url(/map-bg.png);background-position:50%;background-size:cover;flex:1;position:relative}.map-overlay{width:100%;height:100%;position:relative}.map-marker{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.m-1{top:40%;left:50%}.m-2{top:60%;left:30%}.m-3{top:30%;left:70%}.marker-pulse{background:var(--accent);z-index:-1;border-radius:50%;width:20px;height:20px;animation:2s infinite pulse-soft;position:absolute;top:10px}.marker-icon{object-fit:cover;background-color:#fff;border:3px solid #fff;border-radius:12px;width:44px;height:44px;transition:transform .2s;box-shadow:0 8px 16px #1f235133}.map-marker:hover .marker-icon{transform:scale(1.1)}.marker-tooltip{background:var(--surface);color:var(--primary);opacity:0;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .3s;transform:translateY(10px);box-shadow:0 4px 12px #0000001a}.map-marker:hover .marker-tooltip,.m-1 .marker-tooltip{opacity:1;transform:translateY(0)}@media (width<=768px){.explore-container{flex-direction:column}.explore-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:300px}}.social-proof{background:var(--bg-color)}.stats-container{flex-wrap:wrap;justify-content:center;gap:60px;margin-bottom:60px;display:flex}.stat-box{text-align:center}.stat-box h3{color:var(--accent);margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.stat-box p{color:var(--primary);font-size:16px;font-weight:600}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.testimonial-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:32px;transition:transform .3s;box-shadow:0 4px 20px #00000008}.testimonial-card:hover{transform:translateY(-5px)}.stars{gap:4px;margin-bottom:16px;display:flex}.testimonial-card .content{color:var(--text-main);margin-bottom:24px;font-size:16px;font-style:italic;line-height:1.6}.author{align-items:center;gap:12px;display:flex;position:relative}.author img{border-radius:50%;width:48px;height:48px}.author h4{color:var(--primary);font-size:15px;font-weight:700}.author span{color:var(--text-muted);font-size:13px}.verified-icon{opacity:.5;margin-left:auto}.use-cases{background:var(--surface)}.cases-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.case-card{background:var(--bg-color);border-radius:var(--radius);border:1px solid #0000;padding:40px 30px;transition:all .3s}.case-card:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 32px #1f235114}.case-icon{background:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:transform .3s;display:flex}.case-card:hover .case-icon{background:var(--accent);transform:scale(1.1)rotate(5deg)}.case-card h3{color:var(--primary);margin-bottom:12px;font-size:20px;font-weight:800}.case-card p{color:var(--text-muted);font-size:15px;line-height:1.6}.cta-section{padding:80px 0 120px}.cta-box{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:32px;justify-content:space-between;align-items:center;gap:40px;padding:60px;display:flex;box-shadow:0 24px 48px #1f235133}.cta-content{max-width:600px}.cta-content h2{margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.2}.cta-content p{opacity:.9;margin-bottom:40px;font-size:18px}.cta-buttons{flex-wrap:wrap;gap:16px;display:flex}.store-btn{color:var(--text-main);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 24px;text-decoration:none;transition:transform .2s;display:flex}.store-btn:hover{transform:translateY(-2px)}.store-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px}.apple-icon{background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\"/></svg>")}.play-icon{background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 0 1-.61-.92V2.734a1 1 0 0 1 .609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.199l2.807 1.626a1 1 0 0 1 0 1.732l-2.808 1.626L15.206 12l2.492-2.492zM5.864 2.658L16.802 8.99l-2.303 2.303-8.635-8.635z\"/></svg>")}.store-text{flex-direction:column;display:flex}.store-text span{opacity:.8;font-size:11px;line-height:1}.store-text strong{font-size:16px;line-height:1.2}.cta-visual{flex-shrink:0}.qr-code-container{color:var(--primary);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:16px;font-weight:700;transition:transform .3s;display:flex;transform:rotate(5deg);box-shadow:0 12px 32px #1f235126}.qr-code-container:hover{transform:rotate(0)scale(1.05)}.qr-code-img{border-radius:12px;width:160px;height:160px}.footer{border-top:1px solid var(--border);background:var(--surface);margin-bottom:60px;padding:40px 0}.footer-content{flex-direction:column;align-items:center;gap:24px;display:flex}.footer-logo{color:var(--primary);letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.footer-logo-img{border-radius:10px;width:40px;height:40px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-nav a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--primary)}.footer-copy{color:var(--text-muted);font-size:13px}@media (width<=991px){.cta-box{text-align:center;flex-direction:column;padding:40px 24px}.cta-buttons{justify-content:center}.qr-code-placeholder{transform:none}}.live-feed-wrapper{background:var(--primary);color:#fff;z-index:100;width:100%;padding:16px 0;position:fixed;bottom:0;box-shadow:0 -4px 20px #0000001a}.live-feed-container{justify-content:center;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.pulse-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-soft}.feed-text-container{align-items:center;height:24px;display:flex;overflow:hidden}.feed-text{margin:0;font-size:15px;font-weight:500}.feed-text strong{color:var(--accent);margin-right:8px}@media (width<=768px){.feed-text{font-size:13px}}