:root{--color-primary: #8B6D9C;--color-primary-light: #A389B1;--color-primary-dark: #6A517B;--color-accent: #E6A17B;--color-accent-light: #F2B898;--color-accent-dark: #C68662;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-bg: #FFFFFF;--color-bg-alt: #F8F9FD;--color-bg-card: #FFFFFF;--color-text: #18181B;--color-text-secondary: #4B5563;--color-text-tertiary: #9CA3AF;--color-border: #E5E7EB;--color-divider: #F3F4F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-family: "Outfit", sans-serif;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--spacing-8: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@media (prefers-color-scheme: dark){:root{--color-primary: #A389B1;--color-primary-light: #BCA3C7;--color-primary-dark: #7D6789;--color-accent: #F2B898;--color-accent-light: #FFCDB1;--color-accent-dark: #C68662;--color-bg: #111827;--color-bg-alt: #1F2937;--color-bg-card: #1F2937;--color-text: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-border: #374151;--color-divider: #282F3F;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .26);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .25)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;margin-bottom:var(--spacing-3)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-3)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-3)}.section-title{text-align:center;margin-bottom:var(--spacing-6);position:relative}.accent{color:var(--color-accent)}.btn{display:inline-block;background:transparent;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.btn-outline{border:2px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-lg{padding:var(--spacing-3) var(--spacing-5);font-size:1.125rem}section{padding:var(--spacing-7) 0}.text-center{text-align:center}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:rgba(var(--color-bg-rgb, 255, 255, 255),.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal)}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0}.logo{display:flex;align-items:center;font-weight:800;font-size:1.5rem}.logo img{height:32px;margin-right:var(--spacing-2)}.nav-links{display:flex;align-items:center;gap:var(--spacing-4)}.nav-links a{color:var(--color-text);font-weight:600}.nav-links a:hover{color:var(--color-primary)}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:space-between;height:20px;width:28px}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--color-text);border-radius:var(--radius-full);transition:all var(--transition-fast)}.mobile-menu{display:none;position:fixed;top:70px;left:0;width:100%;background-color:var(--color-bg);padding:var(--spacing-4);z-index:99;box-shadow:var(--shadow-md);flex-direction:column;gap:var(--spacing-3)}.mobile-menu a{display:block;padding:var(--spacing-2) 0;font-weight:600;border-bottom:1px solid var(--color-border)}.mobile-menu.active{display:flex}.hero{padding-top:120px;padding-bottom:var(--spacing-7);overflow:hidden;background-color:var(--color-bg-alt)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);align-items:center}.hero-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin-bottom:var(--spacing-4)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-5)}.hero-cta{display:flex;gap:var(--spacing-3)}.hero-image{position:relative}.map-illustration{position:relative;width:100%;aspect-ratio:1/1;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.map-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--color-divider) 1px,transparent 1px),linear-gradient(to bottom,var(--color-divider) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.map-pin{position:absolute;transform:translate(-50%,-50%)}.pin-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:3px solid var(--color-primary);overflow:hidden;box-shadow:var(--shadow-md)}.pin-avatar img{width:100%;height:100%;object-fit:cover}.midpoint-marker{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:var(--radius-full);background-color:var(--color-accent);box-shadow:0 0 0 5px rgba(var(--color-accent-rgb, 54, 226, 195),.3)}.midpoint-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:var(--radius-full);background-color:#fff}.midpoint-radius{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:var(--radius-full);border:2px dashed var(--color-accent);opacity:.7}.venue-marker{position:absolute;transform:translate(-50%,-50%)}.venue-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:#fff;box-shadow:var(--shadow-md);font-size:16px}.stats{background-color:var(--color-bg-alt);padding:var(--spacing-5) 0}.stats .container{display:flex;justify-content:space-around;text-align:center}.stat-item h3{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--color-primary);margin-bottom:var(--spacing-1)}.stat-item p{color:var(--color-text-secondary);font-weight:600;margin-bottom:0}.features{background-color:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.feature-card{padding:var(--spacing-4);border-radius:var(--radius-lg);background-color:var(--color-bg-card);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-md);background-color:var(--color-primary);color:#fff;margin-bottom:var(--spacing-3)}.feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-2)}.feature-card p{color:var(--color-text-secondary);margin-bottom:0}.how-it-works{background-color:var(--color-bg-alt)}.steps{display:flex;flex-direction:column;gap:var(--spacing-5)}.step{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--spacing-4);align-items:center}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;font-weight:800;font-size:1.5rem}.step-content h3{margin-bottom:var(--spacing-2)}.step-content p{color:var(--color-text-secondary);margin-bottom:0}.step-image{display:flex;justify-content:center}.step-image img{max-height:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.demo{background-color:var(--color-primary);color:#fff}.demo .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);align-items:center}.demo-content h2{color:#fff}.demo-content p{opacity:.9;margin-bottom:var(--spacing-4)}.waitlist-form{display:flex;gap:var(--spacing-2);max-width:400px}.email-input{flex:1;padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-family);background-color:#fff;color:var(--color-primary-dark)}.email-input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.demo-content .btn-primary{background-color:var(--color-accent);color:var(--color-primary-dark);padding:var(--spacing-2) var(--spacing-4);font-weight:600}.demo-content .btn-primary:hover{background-color:var(--color-accent-light);transform:translateY(-2px)}.device{position:relative;width:100%;max-width:320px;height:640px;margin:0 auto;background-color:#000;border-radius:40px;box-shadow:var(--shadow-lg);overflow:hidden}.device-content{position:absolute;top:5%;left:5%;width:90%;height:90%;background-color:var(--color-bg-alt);border-radius:30px;overflow:hidden}.demo-map{position:relative;width:100%;height:100%;background-color:#f0f0f0}.faq{background-color:var(--color-bg)}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;cursor:pointer}.faq-question h3{margin-bottom:0;font-size:1.25rem}.faq-toggle{font-size:1.5rem;color:var(--color-primary);transition:transform var(--transition-fast)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:300px;padding-bottom:var(--spacing-3)}.cta{background-color:var(--color-accent);color:var(--color-primary-dark);text-align:center;padding:var(--spacing-7) 0}.cta h2{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--spacing-3)}.cta p{margin-bottom:var(--spacing-4);font-size:1.25rem;max-width:600px;margin-left:auto;margin-right:auto}.cta .btn-primary{background-color:var(--color-primary);color:#fff;font-size:1.25rem;padding:var(--spacing-3) var(--spacing-5)}.seo-page{padding-top:120px;padding-bottom:var(--spacing-7)}.seo-article{max-width:800px;margin:0 auto}.seo-article h1{margin-bottom:var(--spacing-4)}.seo-article h2{margin-top:var(--spacing-5);margin-bottom:var(--spacing-3)}.seo-article ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-4)}.seo-article li{margin-bottom:var(--spacing-1)}.footer{background-color:var(--color-primary-dark);color:#fff;padding:var(--spacing-6) 0 var(--spacing-3)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.footer-logo{max-width:300px}.footer-logo p{margin:var(--spacing-3) 0;opacity:.8}.social-links{display:flex;gap:var(--spacing-3)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:#fff3;color:#fff;transition:background-color var(--transition-fast)}.social-links a:hover{background-color:var(--color-accent)}.footer-links h3{font-size:1.25rem;margin-bottom:var(--spacing-3);color:#fff}.footer-links a{display:block;color:#fffc;margin-bottom:var(--spacing-2)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:var(--spacing-3);border-top:1px solid rgba(255,255,255,.2);font-size:.875rem;opacity:.7}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--color-accent-rgb, 54, 226, 195),.7)}70%{box-shadow:0 0 0 15px rgba(var(--color-accent-rgb, 54, 226, 195),0)}to{box-shadow:0 0 rgba(var(--color-accent-rgb, 54, 226, 195),0)}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.demo-avatar{position:absolute;width:30px;height:30px;border-radius:50%;background-color:var(--color-primary);transform:translate(-50%,-50%);opacity:0;transition:all .5s ease}.demo-avatar img{border-radius:50%}#demo-user-1{background-color:var(--color-primary)}#demo-user-2{background-color:var(--color-primary-light)}#demo-user-3{background-color:var(--color-primary-dark)}.demo-midpoint{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--color-accent);transform:translate(-50%,-50%);opacity:0;transition:all .5s ease}.demo-radius{position:absolute;width:100px;height:100px;border-radius:50%;border:2px dashed var(--color-accent);transform:translate(-50%,-50%);opacity:0;transition:all .5s ease}.demo-venue{position:absolute;width:25px;height:25px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .3s ease}.demo-vote{position:absolute;width:40px;height:40px;border-radius:50%;background-color:var(--color-success);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .5s ease}.demo-vote:after{content:"✓";color:#fff;font-size:20px;font-weight:700}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff4d;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}@keyframes ripple{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}.btn:focus:not(:active):after{animation:ripple 1s ease-out}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card:hover .feature-icon{animation:bounce .5s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.step-number{transition:all .3s ease}.step:hover .step-number{transform:scale(1.1);background-color:var(--color-accent)}.logo{transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo:hover .accent{animation:colorCycle 3s infinite}@keyframes colorCycle{0%{color:var(--color-accent)}33%{color:var(--color-primary)}66%{color:var(--color-success)}to{color:var(--color-accent)}}.flipping-text{display:inline-block;transition:opacity .2s ease,transform .2s ease}.flipping-text.flip{transform:translateY(10px);opacity:0}.flipping-text.fade-out{opacity:0;transform:translateY(10px)}.flipping-text.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 576px){.hero .container{grid-template-columns:1fr}.hero-cta{flex-direction:column;gap:var(--spacing-2)}.stats .container{flex-direction:column;gap:var(--spacing-4)}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:auto 1fr}.step-image{display:none}.demo .container{grid-template-columns:1fr}.demo-content{text-align:center}.device{max-width:250px;padding-bottom:210%;margin-top:var(--spacing-4)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.mobile-menu-toggle{display:flex}.nav-links{display:none}}@media (min-width: 577px) and (max-width: 768px){.hero .container{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:auto 1fr}.step-image{display:none}.demo .container{grid-template-columns:1fr}.demo-content{text-align:center}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.mobile-menu-toggle{display:flex}.nav-links{display:none}}@media (min-width: 769px) and (max-width: 992px){.hero .container{grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.features-grid{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:auto 1fr 1fr}.step-image img{max-height:150px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-links:last-child{grid-column:3;grid-row:1}}@media (min-width: 993px) and (max-width: 1200px){.hero .container{gap:var(--spacing-5)}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.faq-question h3{font-size:1.1rem}}@media (min-width: 769px){.header.scrolled{background-color:var(--color-bg);box-shadow:var(--shadow-md)}}@media (max-width: 768px){.body-with-menu-open{overflow:hidden}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (prefers-color-scheme: dark){.feature-card{background-color:var(--color-bg-card)}.device-content{border:1px solid var(--color-border)}.demo-map{background-color:var(--color-bg-alt)}}