.landing-section{max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem}.landing-hero{text-align:center;margin-bottom:3rem}.landing-title{color:var(--color-text-primary);margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.landing-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.landing-presets{text-align:center;border-radius:var(--radius-lg);background:#3b82f60d;border:1px solid #3b82f61a;margin-bottom:4rem;padding:2rem}.presets-label{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9375rem}.presets-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.preset-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;display:inline-flex}.preset-chip:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.preset-emoji{font-size:1.125rem}.preset-name{font-weight:600}.landing-features{margin-bottom:4rem}.features-title{text-align:center;color:var(--color-text-primary);margin:0 0 2rem;font-size:1.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);padding:1.5rem}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-accent);background:#3b82f61a;margin:0 auto 1rem;padding:.75rem}.feature-icon svg{width:100%;height:100%}.feature-card h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.feature-card p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.landing-faq{margin-bottom:4rem}.faq-title{text-align:center;color:var(--color-text-primary);margin:0 0 2rem;font-size:1.5rem;font-weight:700}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.faq-item{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:1rem 1.25rem}.faq-item[open]{border-color:var(--color-accent)}.faq-item summary{color:#fafafa;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#a1a1aa;transition:transform var(--transition-fast);font-size:1.25rem}.faq-item[open] summary:after{content:"−";color:var(--color-accent)}.faq-item p{color:var(--color-text-secondary);margin:1rem 0 0;font-size:.875rem;line-height:1.6}.landing-usecases{margin-bottom:4rem}.usecases-title{text-align:center;color:var(--color-text-primary);margin:0 0 2rem;font-size:1.5rem;font-weight:700}.usecases-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.usecase-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);padding:1.5rem 1rem}.usecase-card:hover{background:#3b82f60d;border-color:#3b82f64d}.usecase-emoji{margin-bottom:.75rem;font-size:2rem;display:block}.usecase-card h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:700}.usecase-card p{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.landing-cities{text-align:center;margin-bottom:4rem}.cities-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.cities-subtitle{color:var(--color-text-secondary);margin:0 0 2rem;font-size:.9375rem}.cities-grid{grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.city-link-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;align-items:center;padding:1.25rem .75rem;text-decoration:none;display:flex}.city-link-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.city-link-emoji{margin-bottom:.5rem;font-size:1.75rem}.city-link-name{color:var(--color-text-primary);margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.city-link-country{color:var(--color-text-tertiary);font-size:.75rem}.cities-view-all{color:var(--color-accent);transition:color var(--transition-fast);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-block}.cities-view-all:hover{color:var(--color-accent-hover)}.landing-comparisons{text-align:center;margin-bottom:4rem}.comparisons-title{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.comparisons-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.comparison-link-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);transition:all var(--transition-fast);border-radius:9999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none}.comparison-link-card:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.comparisons-view-all{color:var(--color-accent);transition:color var(--transition-fast);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-block}.comparisons-view-all:hover{color:var(--color-accent-hover)}.landing-tools{text-align:center;margin-bottom:4rem}.tools-title{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.tools-grid{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto;display:grid}.tool-link-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;text-decoration:none;display:flex}.tool-link-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.tool-link-icon{font-size:1.5rem}.tool-link-name{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.tool-link-desc{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4}@media (max-width:1024px){.features-grid,.usecases-grid{grid-template-columns:repeat(2,1fr)}.cities-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.landing-section{padding:3rem 1.5rem 4rem}.features-grid,.faq-grid{grid-template-columns:1fr}.usecases-grid{grid-template-columns:repeat(2,1fr)}.cities-grid{grid-template-columns:repeat(3,1fr)}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.landing-section{padding:2rem 1rem 3rem}.landing-presets{padding:1.5rem 1rem}.presets-grid{gap:.5rem}.preset-chip{padding:.5rem .875rem;font-size:.8125rem}.usecases-grid{grid-template-columns:1fr}.cities-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.city-link-card{padding:1rem .5rem}.city-link-emoji{font-size:1.5rem}.city-link-name{font-size:.8125rem}.comparisons-grid{gap:.5rem}.comparison-link-card{padding:.625rem 1rem;font-size:.8125rem}.tools-grid{grid-template-columns:1fr}}
.onboarding-tooltip{z-index:1000;animation:2s ease-in-out infinite tooltipPulse;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}@keyframes tooltipPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.02)}}.onboarding-content{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex;box-shadow:0 4px 20px #3b82f666,0 0 40px #3b82f633}.onboarding-arrow{width:24px;height:24px;animation:1s ease-in-out infinite arrowBounce}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.onboarding-arrow svg{width:100%;height:100%}.onboarding-text{margin:0;font-size:.9375rem;line-height:1.4}.onboarding-text strong{font-weight:700}.onboarding-dismiss{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.onboarding-dismiss:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width:480px){.onboarding-tooltip{bottom:100px;left:1rem;right:1rem;transform:none}@keyframes tooltipPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.onboarding-content{gap:.5rem;padding:.75rem 1rem}.onboarding-text{font-size:.875rem}}
.app{background:radial-gradient(ellipse 80% 50% at 50% -20%,#3b82f626,transparent),radial-gradient(ellipse 60% 40% at 100% 100%,#8b5cf61a,transparent),var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1400px;margin:0 auto}.footer{text-align:center;border-top:1px solid var(--color-border-subtle);background:0 0;padding:1.5rem 2rem}.footer p{color:var(--color-text-tertiary);font-size:.8125rem}.footer a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}.footer a:hover{color:var(--color-accent-light);text-decoration:underline}@media (max-width:768px){.main{padding:0}}@media (max-width:480px){.footer{padding:1rem}}