*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8B5CF6;--primary-light: #A78BFA;--primary-dark: #7C3AED;--secondary: #06B6D4;--accent: #F472B6;--success: #10B981;--warning: #F59E0B;--background: #0A0A0F;--background-secondary: #121218;--background-card: #1A1A24;--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-muted: #71717A;--border: #27272A;--glow-primary: rgba(139, 92, 246, .5);--glow-secondary: rgba(6, 182, 212, .5);--gradient-1: linear-gradient(135deg, #8B5CF6 0%, #06B6D4 100%);--gradient-2: linear-gradient(135deg, #F472B6 0%, #8B5CF6 100%);--gradient-3: linear-gradient(180deg, rgba(139, 92, 246, .1) 0%, transparent 100%)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{filter:drop-shadow(0 0 20px var(--glow-primary))}.glow-secondary{filter:drop-shadow(0 0 20px var(--glow-secondary))}.glass{background:#1a1a24cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1a1a24f2}.feature-card,.step-card,.benefit-card,.stat-card{transition:none!important}.feature-card:hover,.step-card:hover,.benefit-card:hover{transform:none!important}[class*=shadow],[class*=glow]{box-shadow:0 4px 12px #0000004d!important}section{contain:layout style}.features-swiper,.swiper-cards{will-change:transform;-webkit-overflow-scrolling:touch}.gradient-orb{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:background .3s ease,padding .3s ease}.navbar.scrolled{background:#0a0a0fe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0}@media(max-width:768px){.navbar.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0ff7}}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);z-index:1001}.logo-icon{width:40px;height:40px;border-radius:12px;object-fit:contain}.navbar-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.navbar-cta{background:var(--gradient-1);color:#fff;padding:10px 24px;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s ease}.mobile-menu-btn{display:none;background:transparent;color:var(--text-primary);padding:8px;z-index:1001}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#0a0a0ffa;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:999;border-bottom:1px solid var(--border)}.mobile-nav-link{color:var(--text-secondary);font-size:1.1rem;font-weight:500;padding:12px 0;border-bottom:1px solid var(--border);transition:color .3s ease}.mobile-nav-link:hover{color:var(--text-primary)}.mobile-cta{background:var(--gradient-1);color:#fff;padding:14px 24px;border-radius:50px;font-weight:600;font-size:1rem;margin-top:8px;text-align:center}@media(max-width:768px){.navbar-links,.navbar-cta{display:none}.mobile-menu-btn{display:block}.navbar-container{padding:0 16px}}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding-top:80px;overflow:hidden;contain:layout style}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform,opacity}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);top:-20%;left:-10%}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);top:30%;right:-10%}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(244,114,182,.2) 0%,transparent 70%);bottom:-10%;left:30%}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.hero-content{position:relative;z-index:1;width:100%}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:8px 16px;border-radius:50px;font-size:.85rem;color:var(--primary-light);margin-bottom:24px}.hero-badge svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:24px;line-height:1.1}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--gradient-1);color:#fff;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;transition:box-shadow .3s ease,transform .3s ease}.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text-primary);padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;border:1px solid var(--border);transition:border-color .3s ease,background .3s ease}.btn-secondary:hover{border-color:var(--primary);background:#8b5cf61a}.hero-stats{display:flex;align-items:center;gap:24px}.stat{display:flex;flex-direction:column}.stat-number{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.phone-mockup{position:relative}.phone-frame{width:280px;height:580px;background:linear-gradient(145deg,#1a1a24,#0d0d12);border-radius:40px;padding:12px;box-shadow:0 50px 100px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;position:relative}.phone-notch{width:120px;height:28px;background:#000;border-radius:20px;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#121218,#0a0a0f);border-radius:32px;overflow:hidden;padding:60px 16px 16px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.app-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.scan-indicator{position:relative;width:12px;height:12px}.scan-indicator:before{content:"";position:absolute;inset:0;background:var(--success);border-radius:50%}.scan-pulse{position:absolute;inset:-4px;border:2px solid var(--success);border-radius:50%;animation:scanPulseSmall 2s ease-in-out infinite}@keyframes scanPulseSmall{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px}.user-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1.1rem}.user-info{flex:1;display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.95rem}.user-distance{font-size:.8rem;color:var(--text-muted)}.proximity-indicator{display:flex;gap:3px}.proximity-indicator .dot{width:4px;height:12px;background:var(--border);border-radius:2px}.proximity-indicator.very-close .dot{background:var(--success)}.proximity-indicator.nearby .dot:nth-child(-n+2){background:var(--warning)}.proximity-indicator.far .dot:first-child{background:var(--text-muted)}.floating-icon{position:absolute;width:48px;height:48px;background:#1a1a24e6;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary-light);box-shadow:0 10px 40px #0000004d}.radar-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.radar-ring{position:absolute;width:300px;height:300px;border:1px solid rgba(139,92,246,.3);border-radius:50%}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:24px;height:40px;border:2px solid var(--border);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.scroll-dot{width:4px;height:8px;background:var(--primary);border-radius:2px}.mobile-visual,.mobile-hero-description{display:none}.desktop-visual{display:flex}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center}.hero-visual{order:-1}.phone-frame{width:240px;height:500px}.floating-icon{display:none}}@media(max-width:768px){.hero{min-height:auto;padding:100px 0 50px}.desktop-visual{display:none!important}.mobile-visual{display:flex!important;flex-direction:column;align-items:center;width:100%}.hero-grid{gap:32px}.hero-badge{display:none}.mobile-hidden{display:none!important}.mobile-hero-description{display:block;font-size:.88rem;line-height:1.6;color:var(--text);text-align:center;margin:0 auto 20px;padding:14px 20px;max-width:400px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:12px}.mobile-visual{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.hero-title{font-size:1.8rem;line-height:1.2;margin-bottom:12px;margin-top:0}.hero-buttons{flex-direction:column;width:100%;gap:10px;margin-bottom:0;margin-top:12px;max-width:280px}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:14px 24px;font-size:.9rem}.hero-stats{display:none}.people-animation-container{width:100%;max-width:420px;height:380px;position:relative;margin:0 auto 32px}.neon-background-text{position:absolute;top:0%;left:50%;transform:translate(-50%);font-family:Space Grotesk,sans-serif;font-size:5rem;font-weight:900;letter-spacing:.08em;color:#8b5cf626;text-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.4),0 0 30px rgba(139,92,246,.3),0 0 40px rgba(139,92,246,.2);z-index:0;pointer-events:none;user-select:none;white-space:nowrap;animation:neonGlow 3s ease-in-out infinite}.animation-platform{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.connection-svg{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none;z-index:1}.scan-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;z-index:2}.scan-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid rgba(139,92,246,.4);border-radius:50%}.ground-plane{position:absolute;top:60%;left:50%;transform:translate(-50%);width:300px;height:180px;background:radial-gradient(ellipse at center,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.person-3d{position:absolute;display:flex;flex-direction:column;align-items:center}.center-person{top:53%;left:50%;transform:translate(-50%,-50%);z-index:10}.nearby-person{transform:translate(-50%,-50%);z-index:5}.connection-svg{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.person-body{display:flex;flex-direction:column;align-items:center}.person-body.small{transform:scale(.7)}.person-head{width:32px;height:32px;background:linear-gradient(145deg,#ffd5b8,#e8b896);border-radius:50%;position:relative;box-shadow:inset -3px -3px 6px #0000001a,0 4px 8px #0003;z-index:2}.center-person .person-head{width:42px;height:42px}.person-face{position:absolute;top:35%;left:50%;transform:translate(-50%);width:60%;height:30%}.person-face:before,.person-face:after{content:"";position:absolute;width:5px;height:5px;background:#333;border-radius:50%;top:0}.person-face:before{left:15%}.person-face:after{right:15%}.person-torso{width:36px;height:42px;background:linear-gradient(145deg,#8b5cf6,#7c3aed);border-radius:8px 8px 4px 4px;margin-top:-4px;position:relative;box-shadow:inset -4px -4px 8px #0003,0 4px 8px #00000026}.center-person .person-torso{width:46px;height:54px}.nearby-person .person-torso{background:linear-gradient(145deg,var(--person-color, #8B5CF6) 0%,color-mix(in srgb,var(--person-color, #8B5CF6) 80%,black) 100%)}.person-arms{position:absolute;top:44px;width:78px;display:flex;justify-content:space-between}.center-person .person-arms{top:58px;width:96px}.person-arm{width:11px;height:34px;background:linear-gradient(145deg,#8b5cf6,#7c3aed);border-radius:5px;transform-origin:top center;box-shadow:0 2px 4px #00000026}.center-person .person-arm{width:14px;height:42px}.person-legs{display:flex;gap:4px;margin-top:-2px}.person-leg{width:14px;height:36px;background:linear-gradient(145deg,#374151,#1f2937);border-radius:4px 4px 6px 6px;box-shadow:0 4px 6px #0003}.center-person .person-leg{width:18px;height:46px}.bluetooth-indicator{position:absolute;top:-42px;left:50%;transform:translate(-50%);width:38px;height:38px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #3b82f699,0 4px 12px #0000004d}.bluetooth-indicator svg{width:20px;height:20px}.person-label{position:absolute;bottom:-26px;font-size:.75rem;font-weight:600;color:var(--text);background:#8b5cf640;padding:4px 14px;border-radius:10px;white-space:nowrap}.scroll-indicator,.radar-rings{display:none}}@media(max-width:480px){.hero{padding:90px 0 40px}.hero-title{font-size:1.6rem;margin-top:0}.people-animation-container{max-width:360px;height:320px;margin-bottom:32px}.neon-background-text{font-size:4rem}.ground-plane{width:250px;height:150px}.center-person .person-head{width:36px;height:36px}.center-person .person-torso{width:40px;height:46px}.center-person .person-arms{top:50px;width:82px}.center-person .person-arm{width:12px;height:36px}.center-person .person-leg{width:15px;height:40px}.bluetooth-indicator{width:34px;height:34px;top:-38px}.bluetooth-indicator svg{width:18px;height:18px}}@media(max-width:360px){.hero-title{font-size:1.4rem;margin-top:0}.people-animation-container{max-width:320px;height:280px;margin-bottom:28px}.neon-background-text{font-size:3.5rem}}@media(max-width:340px){.neon-background-text{font-size:3rem}}@keyframes neonGlow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(139,92,246,.4),0 0 30px rgba(139,92,246,.3),0 0 40px rgba(139,92,246,.2)}50%{text-shadow:0 0 15px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.5),0 0 45px rgba(139,92,246,.4),0 0 60px rgba(139,92,246,.3)}}@keyframes scanPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes waveArm{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes waveArmRight{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}@keyframes bluetoothGlow{0%,to{box-shadow:0 0 20px #3b82f699,0 4px 12px #0000004d}50%{box-shadow:0 0 35px #3b82f6e6,0 0 60px #3b82f666,0 4px 12px #0000004d}}@keyframes dashFlow{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes personFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}@keyframes connectionPulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media(max-width:768px){.gradient-orb{filter:blur(40px);opacity:.15!important;animation:none!important}.scan-ring{animation:scanPulse 3s ease-out infinite}.scan-ring:nth-child(2){animation-delay:1s}.scan-ring:nth-child(3){animation-delay:2s}.center-person .person-arm.left,.center-person .person-arm.right{animation:none}.bluetooth-indicator{animation:none;box-shadow:0 0 15px #3b82f680,0 4px 8px #0000004d}.connection-line path{stroke-dasharray:8 4;animation:none}.nearby-person,.connection-pulse{animation:none}}#root{min-height:100vh}main{overflow-x:hidden}