:root{--background:#0D0D0D;--background-alt:#1A1A1A;--background-elevated:#252525;--primary:#FFD700;--primary-light:#FFE44D;--primary-dark:#E5C200;--primary-glow:rgba(255, 215, 0, 0.3);--text:#FFFFFF;--text-secondary:#B3B3B3;--text-muted:#888888;--success:#10B981;--error:#EF4444;--border:#333333;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 10px 10px -5px rgba(0,0,0,0.4);--shadow-glow:0 0 30px rgba(255, 215, 0, 0.2);--shadow-glow-lg:0 10px 40px rgba(255, 215, 0, 0.3);--radius:12px;--radius-lg:20px;--transition:all 0.3s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text)}h1{font-size:clamp(2.5rem, 5vw, 4rem)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:clamp(1.25rem, 2vw, 1.5rem)}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition);border:none;text-decoration:none}.btn-primary{background:var(--primary);color:var(--background)}.btn-primary:hover{background:var(--primary-light);color:var(--background);transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.btn-secondary{background:0 0;color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--background-elevated);color:var(--text);border-color:var(--primary)}.btn-outline{background:0 0;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--background)}.btn-nav{padding:10px 20px;background:var(--primary);color:var(--background);font-size:14px}.btn-nav:hover{background:var(--primary-light);color:var(--background);box-shadow:var(--shadow-glow)}.btn-black-text,.btn-black-text:hover{color:#000!important}.btn-primary{color:#000}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,13,13,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:var(--transition)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem;color:var(--text)}.logo:hover{color:var(--text)}.logo:hover .logo-icon-img{box-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3)}.logo-icon-img{width:150px;min-width:120px;height:auto;border-radius:12px;transition:var(--transition)}.footer .logo-icon-img{width:120px;min-width:100px}.logo-text{color:var(--primary)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);color:var(--background);border-radius:10px;font-weight:700}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:15px}.nav-links a:hover{color:var(--primary)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:0 0;border:none;cursor:pointer}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);transition:var(--transition)}.hero{position:relative;min-height:100vh;padding:140px 24px 80px;background:var(--background);overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.05) 0,transparent 50%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{max-width:560px}.hero h1{margin-bottom:24px}.hero h1 .highlight{color:var(--primary)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.hero-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px}.stat{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition)}.stat:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.stat-icon{font-size:1.5rem}.stat-text{font-weight:500;font-size:14px;color:var(--text-secondary)}.hero-cta{display:flex;flex-wrap:wrap;gap:16px}.hero-visual{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:300px;height:600px;background:var(--background-elevated);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl),0 0 40px rgba(255,215,0,.1);border:1px solid var(--border)}.phone-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100px;height:28px;background:var(--background);border-radius:20px;z-index:10}.phone-notch::before{content:'';position:absolute;top:50%;left:20px;transform:translateY(-50%);width:8px;height:8px;background:#333;border-radius:50%}.phone-notch::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);width:10px;height:10px;background:#333;border-radius:50%}.phone-screen{width:100%;height:100%;background:var(--background-alt);border-radius:32px;overflow:hidden}.app-preview{height:100%;position:relative}.map-css{height:70%;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#1a1a2e 100%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,215,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.06) 1px,transparent 1px);background-size:40px 40px}.map-css::before{content:'';position:absolute;top:30%;left:10%;width:60%;height:35%;background:rgba(255,215,0,.04);border-radius:30% 70% 50% 50%;transform:rotate(-5deg)}.map-css::after{content:'';position:absolute;top:15%;right:5%;width:40%;height:25%;background:rgba(100,149,237,.06);border-radius:50% 30% 60% 40%}.map-pins-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pin{position:absolute;width:24px;height:24px;background:var(--primary);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 10px rgba(255,215,0,.5)}.pin::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--background);border-radius:50%}.pin-1{top:20%;left:30%;background:var(--primary);animation:pinBounce 2s ease-in-out infinite 0s}.pin-2{top:35%;left:55%;background:var(--primary-light);animation:pinBounce 2s ease-in-out infinite .4s}.pin-3{top:55%;left:25%;background:var(--success);animation:pinBounce 2s ease-in-out infinite .8s}.pin-4{top:45%;left:70%;background:var(--primary);animation:pinBounce 2s ease-in-out infinite 1.2s}.pin-5{top:65%;left:45%;background:var(--primary-light);animation:pinBounce 2s ease-in-out infinite 1.6s}@keyframes pinBounce{0%,100%{transform:rotate(-45deg) scale(1) translate3d(0,0,0)}50%{transform:rotate(-45deg) scale(1.15) translate3d(0,-5px,0)}}.app-card{position:absolute;bottom:0;left:0;right:0;background:var(--background-elevated);border-radius:24px 24px 32px 32px;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.3)}.card-image{height:80px;background:linear-gradient(135deg,var(--background-alt) 0,var(--border) 100%);border-radius:12px;margin-bottom:12px}.card-title{height:16px;width:70%;background:var(--text);border-radius:4px;margin-bottom:8px}.card-subtitle{height:12px;width:50%;background:var(--border);border-radius:4px;margin-bottom:12px}.card-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.thumbs{font-size:16px}.hero-wave{position:absolute;bottom:0;left:0;right:0;line-height:0}.hero-wave svg{width:100%;height:120px}.hero-wave path{fill:var(--background-alt)}.features{padding:100px 0;background:var(--background-alt)}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-tag{display:inline-block;padding:8px 20px;background:0 0;color:var(--primary);font-weight:600;font-size:14px;border:2px solid var(--primary);border-radius:30px;margin-bottom:16px}.section-header h2{margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:1.125rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;background:var(--background);border:1px solid var(--border);border-radius:16px;transition:var(--transition)}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--background-alt);color:var(--primary);border-radius:var(--radius);margin-bottom:20px;font-size:1.5rem}.feature-card h3{margin-bottom:12px;color:var(--text)}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.7}.feature-card-wide{margin-top:32px;text-align:center;border-color:var(--primary);background:linear-gradient(135deg,rgba(255,215,0,.05) 0,var(--background) 100%)}.feature-card-wide .feature-icon{margin:0 auto 20px}.how-it-works{padding:100px 0;background:var(--background)}.steps{display:flex;flex-direction:column;gap:48px;max-width:900px;margin:0 auto}.step{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:40px;background:var(--background-alt);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.step:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--primary);color:var(--background);font-size:1.5rem;font-weight:700;border-radius:50%}.step-content h3{margin-bottom:8px;color:var(--text)}.step-content p{color:var(--text-secondary)}.step-visual{min-width:200px}.mini-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--background);border-radius:var(--radius);border:1px solid var(--border)}.mini-card-icon{font-size:2rem}.mini-card-text{display:flex;flex-direction:column}.mini-card-text strong{font-size:14px;color:var(--text)}.mini-card-text span{font-size:12px;color:var(--text-secondary)}.friends-avatars{display:flex;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--background);font-weight:600;font-size:18px;margin-left:-12px;border:3px solid var(--background-alt);box-shadow:var(--shadow)}.avatar:first-child{margin-left:0}.avatar-more{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--background);font-weight:600;font-size:14px;margin-left:-12px;border:3px solid var(--background-alt)}.map-mini{width:200px;height:120px;background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);border-radius:var(--radius);position:relative;border:1px solid var(--border)}.map-dot{position:absolute;width:16px;height:16px;background:var(--primary);border-radius:50%;border:3px solid var(--background);box-shadow:0 0 10px var(--primary-glow);animation:dotPulse 2s infinite}.map-dot:first-child{animation-delay:0s}.map-dot:nth-child(2){animation-delay:.5s}.map-dot:nth-child(3){animation-delay:1s}@keyframes dotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.social{padding:100px 0;background:var(--background-alt)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.social-content h2{margin-bottom:20px}.social-content>p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:32px;line-height:1.7}.social-features{list-style:none;display:flex;flex-direction:column;gap:16px}.social-features li{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text)}.social-features svg{color:var(--primary);flex-shrink:0}.activity-feed{background:var(--background);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border)}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--background);font-weight:600;font-size:16px;flex-shrink:0}.activity-content{flex:1;font-size:14px;color:var(--text-secondary)}.activity-content strong{font-weight:600;color:var(--text)}.place-name{color:var(--primary);font-weight:500}.activity-time{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.activity-emoji{font-size:1.5rem}.download{padding:100px 0;background:var(--background);text-align:center;position:relative}.download::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0,transparent 60%);pointer-events:none}.download-content{position:relative;z-index:1}.download-content h2{color:var(--text);margin-bottom:16px}.download-content>p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:40px}.download-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:24px}.pwa-button{padding:20px 48px;background:var(--primary);color:var(--background);font-size:18px;font-weight:700;border-radius:12px;display:inline-flex;align-items:center;gap:12px}.pwa-button:hover{background:var(--primary-light);color:var(--background);transform:translateY(-3px);box-shadow:var(--shadow-glow-lg)}.pwa-button svg{width:24px;height:24px}.pwa-info{margin-top:32px}.pwa-tip{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--background-alt);border:1px solid var(--border);border-radius:30px;color:var(--text-secondary);font-size:14px}.pwa-tip svg{flex-shrink:0;color:var(--primary)}.footer{padding:60px 0 30px;background:var(--background);border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand p{margin-top:16px;color:var(--text-secondary);font-size:14px;max-width:280px}.footer-links h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;color:var(--text-muted)}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-secondary);font-size:14px}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:30px;border-top:1px solid var(--border);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:14px}.parallax-container{overflow:hidden;position:relative}.parallax-element{transition:transform .1s ease-out;will-change:transform}.phone-mockup{animation:float 6s ease-in-out infinite;transform-origin:center center}@keyframes float{0%,100%{transform:translate3d(0,0,0) rotateY(-8deg) rotateX(2deg)}25%{transform:translate3d(0,-15px,0) rotateY(-3deg) rotateX(0)}50%{transform:translate3d(0,-25px,0) rotateY(8deg) rotateX(-2deg)}75%{transform:translate3d(0,-10px,0) rotateY(3deg) rotateX(1deg)}}.download::before,.features::before,.how-it-works::before,.social::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transition:transform .3s ease-out}.features{position:relative}.features::after{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.08) 0,transparent 70%);pointer-events:none;border-radius:50%}.how-it-works{position:relative}.how-it-works::after{content:'';position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,215,0,.06) 0,transparent 70%);pointer-events:none;border-radius:50%}.feature-card:hover{transform:translateY(-12px)!important}.step:hover{transform:translateY(-6px)!important}.activity-feed{position:relative}.activity-feed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--background));pointer-events:none;opacity:0;transition:opacity .3s}.hero::after{content:'';position:absolute;top:25%;right:8%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,215,0,.15) 0,transparent 70%);border-radius:50%;animation:floatBubble 8s ease-in-out infinite;pointer-events:none}.hero-content::before{content:'';position:absolute;top:60%;left:5%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,215,0,.12) 0,transparent 70%);border-radius:50%;animation:floatBubble 10s ease-in-out infinite reverse;pointer-events:none;z-index:0}.hero-content::after{content:'';position:absolute;bottom:20%;right:25%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,215,0,.1) 0,transparent 70%);border-radius:50%;animation:floatBubble 7s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatBubble{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.6}50%{transform:translate3d(20px,-30px,0) scale(1.1);opacity:.8}}@media (prefers-reduced-motion:reduce){.hero-content::after,.hero-content::before,.hero::after,.map-dot,.phone-mockup,.pin{animation:none!important}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,100%{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow)}}.animate-in{animation:fadeInUp .6s ease forwards}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-stats{justify-content:center}.hero-cta{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:1fr;gap:48px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-container{height:80px}.logo-icon-img{width:120px;min-width:100px}.nav-links{position:fixed;top:80px;left:0;right:0;background:var(--background);flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:flex}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;text-align:center;gap:24px;padding:24px 16px}.step-number{margin:0 auto}.step-visual{display:flex;justify-content:center;min-width:0}.download-buttons{flex-direction:column;align-items:center}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-brand p{text-align:center}}@media (max-width:480px){.container{padding:0 16px}.hero{padding:100px 16px 60px}.hero-stats{flex-direction:column}.stat{width:100%;justify-content:center}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.section-header h2{font-size:1.75rem}.step{padding:20px 12px}.step-number{width:48px;height:48px;font-size:1.2rem}.mini-card{width:100%}.download,.features,.how-it-works,.social{padding:60px 0}}