@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#06f;--primary-light:#00d1ff;--bg:#030712;--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.1);--text-main:#f3f4f6;--text-muted:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}.glow-orb{border-radius:50%;filter:blur(120px);opacity:.15;position:absolute;z-index:-1}.orb-1{background:var(--primary);height:500px;right:-100px;top:-100px;width:500px}.orb-2{background:var(--primary-light);bottom:0;height:400px;left:-100px;width:400px}.logo-wrapper{align-items:center;display:flex;height:60px}.brand-logo{height:100%;-o-object-fit:contain;object-fit:contain;width:auto}.nav-actions{margin-left:auto}.get-started-nav{background:var(--primary);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.get-started-nav:hover{background:var(--primary-light);box-shadow:0 5px 15px #0066ff4d;transform:translateY(-2px)}.hero-section{align-items:center;display:flex;gap:2rem;justify-content:center;margin:-120px auto 0;max-width:1400px;min-height:100vh;padding:0 5% 10vh;width:100%}.landing-container{flex-direction:column;min-height:100vh;z-index:1}.landing-container,.navbar{display:flex;position:relative}.navbar{align-items:center;justify-content:flex-start;padding:2.5rem 8%;z-index:10}.hero-content{flex:1;max-width:800px}.hero-eyebrow{color:var(--primary-light);font-size:.9rem;font-weight:600;letter-spacing:3px;margin-bottom:1rem;opacity:.8;text-transform:uppercase}.hero-title{animation:fadeInUp .8s ease-out;font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.nowrap{white-space:nowrap}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{animation:fadeInUp 1s ease-out;color:var(--text-muted);font-size:1.25rem;margin-bottom:3rem;max-width:540px}.hero-subtitle strong{color:var(--text-main);font-weight:600}.countdown-container{animation:fadeInUp 1.2s ease-out;display:flex;gap:1.5rem;margin-bottom:3.5rem}.countdown-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--glass-border);border-radius:1.5rem;display:flex;flex-direction:column;min-width:100px;padding:1.5rem;transition:transform .3s ease}.countdown-item:hover{border-color:var(--primary-light);transform:translateY(-5px)}.count{color:var(--primary-light);font-size:2.5rem;font-weight:700}.label{color:var(--text-muted);font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.divider{align-items:center;color:var(--glass-border);display:flex;font-size:2.5rem;font-weight:700}.action-buttons{animation:fadeInUp 1.4s ease-out;display:flex;gap:1.5rem}.store-btn{align-items:center;background:#111827;border:1px solid #374151;border-radius:.75rem;color:#fff;cursor:default;display:flex;gap:1rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.store-btn.coming-soon:hover{border-color:var(--primary);box-shadow:0 0 20px #06f3;transform:scale(1.02)}.btn-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.small{color:var(--text-muted);font-size:.65rem;text-transform:uppercase}.large{font-size:1.1rem;font-weight:600}.hero-visual{align-items:center;animation:fadeIn 1.5s ease-out;display:flex;flex:1.2;justify-content:center;position:relative;transform:translate(120px)}.image-wrapper{max-width:650px}.hero-image,.image-wrapper{position:relative;width:100%}.hero-image{border-radius:2rem;box-shadow:0 50px 100px -20px #00000080;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent);z-index:2}.image-reflection{background:linear-gradient(180deg,rgba(0,102,255,.1),transparent);filter:blur(20px);height:50%;left:0;opacity:.3;position:absolute;top:100%;transform:scaleY(-.5);width:100%}.footer{color:var(--text-muted);font-size:.9rem;padding:5rem 0 3rem;text-align:center}.footer-socials{gap:2rem;margin-bottom:2rem}.footer-socials,.social-link{display:flex;justify-content:center}.social-link{align-items:center;color:var(--text-muted);transition:all .3s ease}.social-link:hover{color:var(--primary-light);filter:drop-shadow(0 0 8px rgba(0,209,255,.4));transform:translateY(-5px)}.collect-section{margin:0 auto;max-width:1400px;padding:8rem 8%;position:relative;width:100%}.form-card-wrapper{margin:0 auto;max-width:800px;position:relative}.form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border:1px solid var(--glass-border);border-radius:2.5rem;box-shadow:0 40px 100px -20px #0006;padding:3.5rem;position:relative;z-index:2}.form-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-group input,.form-group select{background:#ffffff08;border:1px solid var(--glass-border);border-radius:1rem;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#0066ff0d;border-color:var(--primary);box-shadow:0 0 15px #06f3;outline:none}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.select-wrapper{position:relative}.select-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;content:"";height:10px;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:10px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select option{background:var(--bg);color:#fff}.submit-btn{background:linear-gradient(90deg,var(--primary),var(--primary-light));border:none;border-radius:1.25rem;box-shadow:0 10px 30px -10px var(--primary);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.submit-btn:hover{box-shadow:0 20px 40px -10px var(--primary);filter:brightness(1.1);transform:translateY(-5px) scale(1.02)}.data-success{padding:2rem 0;text-align:center}.success-icon-large{align-items:center;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:50%;color:#10b981;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.data-success h3{font-size:2rem;margin-bottom:1rem}.data-success p{color:var(--text-muted);font-size:1.1rem;margin:0 auto;max-width:400px}.form-decoration{border-radius:50%;filter:blur(80px);opacity:.2;position:absolute;z-index:1}.deco-1{background:var(--primary);height:300px;left:-100px;top:-50px;width:300px}.deco-2{background:var(--primary-light);bottom:-50px;height:250px;right:-100px;width:250px}.features-section{margin:0 auto;max-width:1400px;padding:8rem 8% 4rem;width:100%}.section-header{margin-bottom:4rem;text-align:center}.section-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.bento-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:350px;perspective:1000px}.bento-item{opacity:0;transition:all 2.2s cubic-bezier(.22,1,.36,1)}.bento-item.calls{transform:translate(-300px) scale(.85) rotate(-5deg)}.bento-item.letters{transform:translateY(300px) scale(.85)}.bento-item.secure{transform:translate(300px) scale(.85) rotate(5deg)}.grid-visible .bento-item{opacity:1;transform:translate(0) scale(1) rotate(0)}.grid-visible .bento-item.calls{transition-delay:.3s}.grid-visible .bento-item.letters{transition-delay:.6s}.grid-visible .bento-item.secure{transition-delay:.9s}.bento-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--glass-border);border-radius:2rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bento-item:hover{border-color:var(--primary-light);box-shadow:0 20px 40px -10px #06f3;transform:translateY(-10px)}.bento-icon-wrap{align-items:center;background:#0066ff1a;border:1px solid rgba(0,209,255,.1);border-radius:1rem;color:var(--primary-light);display:flex;height:50px;justify-content:center;margin-bottom:1.5rem;width:50px}.bento-item h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.bento-item p{color:var(--text-muted);font-size:1rem;line-height:1.6}.bento-glow{background:radial-gradient(circle at top right,rgba(0,102,255,.15),transparent 70%);height:150px;pointer-events:none;position:absolute;right:0;top:0;width:150px}.map-section{margin:0 auto;max-width:1400px;padding:6rem 8%}.map-section,.map-wrapper{position:relative;width:100%}.map-peeking-robot{filter:drop-shadow(0 0 30px rgba(0,209,255,.3));-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);opacity:0;pointer-events:none;position:absolute;right:-170px;top:50%;transform:translateY(-50%) translate(-140px) rotate(-10deg);transition:all 2.2s cubic-bezier(.22,1,.36,1);width:320px;z-index:2}.map-peeking-robot.peek-visible{opacity:1;right:-170px;transform:translateY(-50%) translate(0) rotate(0)}.map-container{background:#000;border:1px solid var(--glass-border);border-radius:3rem;height:600px;overflow:hidden;position:relative}.leaflet-map-host{background:#000!important;height:100%;width:100%}.map-overlay-glow{background:radial-gradient(circle at center,transparent 40%,rgba(3,7,18,.8) 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.custom-map-icon{background:none!important;border:none!important}.marker-wrap{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.dot{background:var(--primary-light);border-radius:50%;box-shadow:0 0 10px var(--primary-light);height:8px;width:8px;z-index:2}.marker-wrap.main .dot{background:#fff;box-shadow:0 0 15px #fff;height:12px;width:12px}.pulse{animation:mapPulse 2s infinite;border:2px solid var(--primary-light);border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}@keyframes mapPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:0;transform:scale(2.5)}}.animated-line{animation:lineDash 20s linear infinite;filter:drop-shadow(0 0 3px var(--primary));stroke-dasharray:8}@keyframes lineDash{to{stroke-dashoffset:-1000}}.stories-section{overflow:hidden;padding:4rem 0 8rem;position:relative}.stories-section:after,.stories-section:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:250px;z-index:2}.stories-section:before{background:linear-gradient(to right,var(--bg),transparent);left:0}.stories-section:after{background:linear-gradient(to left,var(--bg),transparent);right:0}.marquee-wrapper{display:flex;width:100%}.marquee-content{animation:scrollMarquee 40s linear infinite;display:flex;gap:2rem;padding:0 1rem}.marquee-content:hover{animation-play-state:paused}.story-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--glass-border);border-radius:2rem;display:flex;flex:0 0 400px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:border-color .3s ease}.story-card:hover{border-color:var(--primary-light)}.quote{color:var(--text-main);font-size:1.15rem;font-style:italic;line-height:1.6}.author{color:var(--text-muted);font-size:.9rem;font-weight:600}.author .highlight{color:var(--primary-light)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.section-divider{background:linear-gradient(90deg,transparent,var(--glass-border),transparent);height:1px;margin:0 auto;position:relative;width:100%}.section-divider:after{background:var(--primary);content:"";filter:blur(25px);height:20px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.point-core{background:var(--primary-light);border-radius:50%;box-shadow:0 0 15px var(--primary-light);height:8px;width:8px}.point-core.main{background:#fff;box-shadow:0 0 20px #fff;height:12px;width:12px}.pulse-ring{animation:pulseCloud 2s infinite;border:2px solid var(--primary-light);border-radius:50%;height:30px;position:absolute;width:30px}.location-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:1px;margin-top:5px;text-transform:uppercase;white-space:nowrap}.manila .location-label{color:#fff;font-size:.8rem}.faq-section{margin:0 auto;max-width:900px;padding:6rem 8% 10rem;width:100%}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:1.5rem;cursor:pointer;overflow:hidden;padding:1.5rem 2rem;transition:all .3s ease}.faq-item:hover{border-color:var(--primary-light)}.faq-item.active{background:#0066ff0d;border-color:var(--primary)}.faq-question{align-items:center;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between}.faq-toggle{height:14px;position:relative;width:14px}.faq-toggle .line{background:#fff;position:absolute;transition:all .3s ease}.faq-toggle .line.v{height:100%;left:6px;top:0;width:2px}.faq-toggle .line.h{height:2px;left:0;top:6px;width:100%}.faq-item.active .faq-toggle .line.v{opacity:0;transform:rotate(90deg)}.faq-item.active .faq-toggle .line.h{transform:rotate(180deg)}.faq-answer{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-answer p{color:var(--text-muted);line-height:1.6;padding-top:1.5rem}.bg-particles{height:100%;left:0;opacity:.4;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes drawLine{0%{opacity:0;stroke-dashoffset:1000}20%{opacity:.8}80%{opacity:.8;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes pulseCloud{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.hero-section{flex-direction:column;gap:3rem;margin-top:0;min-height:auto;padding:120px 5% 4rem;text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.hero-visual{margin-top:2rem;order:-1;transform:translate(0);width:100%}.hero-title{font-size:3rem}.nowrap{white-space:normal}.countdown-container{gap:1rem;justify-content:center}.countdown-item{min-width:80px;padding:1rem}.form-grid{gap:1.5rem;grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-visual{margin-top:0;transform:translate(0)}.image-wrapper{max-width:400px}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-item{height:auto;min-height:250px}}@media(max-width:640px){.navbar{padding:1rem 5%}.logo-wrapper{height:35px}.get-started-nav{font-size:.85rem;padding:.5rem 1rem}.hero-section{padding:100px 5% 3rem}.hero-title{font-size:2.2rem}.action-buttons{flex-direction:column;gap:1rem;width:100%}.store-btn{justify-content:center;width:100%}.countdown-container{gap:.5rem}.countdown-item{min-width:70px;padding:.75rem}.count{font-size:1.5rem}.divider{display:none}.section-title{font-size:2rem}.form-card{border-radius:2rem;padding:2rem 1.5rem}.submit-btn{font-size:1rem;padding:1rem}.map-container{border-radius:2rem;height:400px}}