*{margin:0;padding:0;box-sizing:border-box}:root{--sun: #BA7517;--sun-light: #F5DEB3;--sun-bg: #FFF8E7;--shadow: #6B7280;--shadow-light: #E5E7EB;--text: #1F2937;--text-light: #6B7280;--bg: #FFFFFF;--border: #E5E7EB;--radius: 12px;--success: #059669;--danger: #DC2626}body{font-family:system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}.map-container{width:100%;height:100vh;position:relative}.map-container .leaflet-container{width:100%;height:100%;z-index:1}.gps-btn{position:absolute;top:16px;right:16px;z-index:999;width:44px;height:44px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center}.gps-btn:active{background:var(--sun-bg)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;z-index:1000;max-height:70vh;overflow-y:auto;transition:transform .3s ease}.bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:8px auto}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 0}.bottom-sheet-header h2{font-size:16px;font-weight:600}.bottom-sheet-header a{font-size:13px;color:var(--sun);text-decoration:none}.filter-bar{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.filter-bar select,.filter-bar button{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:#fff;font-size:14px;cursor:pointer;flex-shrink:0}.filter-bar .active{background:var(--sun);color:#fff;border-color:var(--sun)}.venue-list{padding:0 16px 16px}.venue-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:box-shadow .2s;text-decoration:none;color:inherit}.venue-card:hover{box-shadow:0 2px 8px #00000014}.venue-card.sunny{border-left:3px solid var(--sun)}.venue-card.shadow{border-left:3px solid var(--shadow-light)}.venue-card-info{flex:1;min-width:0}.venue-card-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venue-card-meta{font-size:13px;color:var(--text-light);margin-top:2px}.sun-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600;flex-shrink:0}.sun-badge.sunny{background:var(--sun-bg);color:var(--sun)}.sun-badge.shadow{background:var(--shadow-light);color:var(--shadow)}.sun-badge.urgent{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sun-timeline{display:flex;gap:2px;padding:16px}.sun-timeline-hour{flex:1;text-align:center}.sun-timeline-bar{height:24px;border-radius:4px;margin-bottom:4px}.sun-timeline-bar.sunny{background:var(--sun)}.sun-timeline-bar.shadow{background:var(--shadow-light)}.sun-timeline-bar.current{outline:2px solid var(--text);outline-offset:1px;border-radius:4px}.sun-timeline-label{font-size:10px;color:var(--text-light)}.venue-detail{padding:16px;max-width:600px;margin:0 auto}.venue-detail h1{font-size:24px;margin-bottom:4px}.venue-detail .type-badge{display:inline-block;padding:2px 8px;border-radius:8px;background:var(--sun-bg);color:var(--sun);font-size:12px;text-transform:capitalize;margin-bottom:16px}.venue-detail .address{font-size:14px;color:var(--text-light);margin-bottom:16px}.venue-detail .sun-status{font-size:18px;padding:16px;border-radius:var(--radius);margin-bottom:16px;text-align:center;font-weight:600}.venue-detail .sun-status.sunny{background:var(--sun-bg);color:var(--sun)}.venue-detail .sun-status.shadow{background:var(--shadow-light);color:var(--shadow)}.venue-detail .links{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.terrace-info{padding:16px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px}.terrace-info h3{font-size:15px;margin-bottom:8px}.terrace-info p{font-size:14px;color:var(--text-light);margin-bottom:4px}.terrace-missing{padding:16px;border-radius:var(--radius);border:2px dashed var(--sun);background:var(--sun-bg);text-align:center;margin-bottom:16px}.terrace-missing p{font-size:14px;color:var(--sun);margin-bottom:8px}.contribute-page{padding:16px;max-width:600px;margin:0 auto}.contribute-page h1{margin-bottom:8px}.contribute-page .intro{font-size:14px;color:var(--text-light);margin-bottom:24px;line-height:1.5}.rank-card{padding:20px;border-radius:var(--radius);background:var(--sun-bg);text-align:center;margin-bottom:24px}.rank-card .rank{font-size:24px;font-weight:700;color:var(--sun)}.rank-card .points{font-size:14px;color:var(--text-light);margin-top:4px}.contribute-section{margin-bottom:24px}.contribute-section h2{font-size:18px;margin-bottom:12px}.how-it-works{list-style:none;padding:0}.how-it-works li{padding:12px;border-left:3px solid var(--sun);margin-bottom:8px;background:var(--sun-bg);border-radius:0 var(--radius) var(--radius) 0;font-size:14px}.terrace-mapper{padding:16px}.terrace-mapper .instructions{padding:16px;background:var(--sun-bg);border-radius:var(--radius);margin-bottom:16px;text-align:center;font-size:14px;line-height:1.5}.terrace-mapper .point-btn{width:100%;padding:16px;border:none;border-radius:var(--radius);background:var(--sun);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:8px}.terrace-mapper .point-btn:active{opacity:.8}.terrace-mapper .point-count{text-align:center;font-size:14px;color:var(--text-light);margin-bottom:16px}.terrace-mapper .mini-map{height:200px;border-radius:var(--radius);overflow:hidden;margin-bottom:16px;border:1px solid var(--border)}.terrace-mapper .mini-map .leaflet-container{height:100%;width:100%}.terrace-mapper .submit-btn{width:100%;padding:16px;border:none;border-radius:var(--radius);background:var(--success);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.terrace-mapper .submit-btn:disabled{opacity:.5;cursor:not-allowed}.business-page{padding:24px 16px;max-width:800px;margin:0 auto}.business-page h1{font-size:28px;margin-bottom:8px}.business-page .subtitle{font-size:16px;color:var(--text-light);margin-bottom:32px;line-height:1.5}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.plan-card{padding:24px;border-radius:var(--radius);border:2px solid var(--border);text-align:center}.plan-card.featured{border-color:var(--sun);background:var(--sun-bg)}.plan-card h3{margin-bottom:8px;font-size:18px}.plan-card .price{font-size:28px;font-weight:700;color:var(--sun);margin-bottom:8px}.plan-card .price-period{font-size:13px;color:var(--text-light);font-weight:400}.plan-card ul{text-align:left;list-style:none;padding:0;margin-top:16px}.plan-card li{padding:4px 0;font-size:14px}.plan-card li:before{content:"✓";color:var(--success);font-weight:700}.plan-card .plan-cta{margin-top:16px}.login-form{max-width:400px;margin:0 auto;padding:24px;border-radius:var(--radius);border:1px solid var(--border)}.login-form h3{margin-bottom:16px;font-size:18px}.login-form input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;margin-bottom:12px}.login-form input:focus{outline:none;border-color:var(--sun)}.login-form button{width:100%;padding:12px;border:none;border-radius:8px;background:var(--sun);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.login-form button:active{opacity:.8}.login-form .hint{font-size:13px;color:var(--text-light);margin-top:8px;text-align:center}.dashboard{padding:24px;max-width:600px;margin:0 auto}.dashboard h2{margin-bottom:16px}.dashboard .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.dashboard .stat-card{padding:16px;border-radius:var(--radius);background:var(--sun-bg);text-align:center}.dashboard .stat-card .value{font-size:24px;font-weight:700;color:var(--sun)}.dashboard .stat-card .label{font-size:13px;color:var(--text-light);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;text-decoration:none}.btn:hover{opacity:.9}.btn-primary{background:var(--sun);color:#fff}.btn-secondary{background:var(--shadow-light);color:var(--text)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-sm{padding:6px 14px;font-size:13px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--text-light);text-decoration:none;padding:12px 0;font-size:14px}.back-link:hover{color:var(--text)}.no-terrace-prompt{background:var(--sun-bg);border:1px dashed var(--sun);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--sun);text-align:center;margin-top:8px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-light)}.empty-state{text-align:center;padding:40px 16px;color:var(--text-light)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px}.tree-selector{display:flex;gap:8px;margin-bottom:16px}.tree-option{flex:1;padding:12px;border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;font-size:14px;transition:border-color .2s}.tree-option:hover{border-color:var(--sun-light)}.tree-option.selected{border-color:var(--sun);background:var(--sun-bg)}.tree-option .tree-icon{font-size:24px;display:block;margin-bottom:4px}.page-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.page-header h1{font-size:18px}.sf-marker{position:relative;border-radius:50%}.sf-marker-sunny{width:16px;height:16px;background:#f59e0b;border:2.5px solid white;border-radius:50%;box-shadow:0 2px 6px #f59e0b80}.sf-marker-sunny .sf-rays{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none}.sf-marker-sunny .sf-rays:before,.sf-marker-sunny .sf-rays:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:5px;background:#f59e0b;border-radius:1px;transform-origin:center;opacity:.5}.sf-marker-sunny .sf-rays:before{transform:translate(-50%,-50%) translateY(-10px);box-shadow:0 20px #f59e0b,10px 0 #f59e0b,-10px 0 #f59e0b}.sf-marker-sunny .sf-rays:after{transform:translate(-50%,-50%) rotate(45deg) translateY(-10px);box-shadow:0 20px #f59e0b,10px 0 #f59e0b,-10px 0 #f59e0b}.sf-marker-shadow{width:12px;height:12px;background:#94a3b8;border:2px solid white;border-radius:50%}.sf-marker-noterrace{width:12px;height:12px;background:transparent;border:2px dashed #CBD5E1;border-radius:50%}.sf-marker-urgent .sf-pulse{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #F59E0B;animation:sfPulse 1.5s ease-out infinite;pointer-events:none}@keyframes sfPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.sf-marker-user{width:14px;height:14px;background:#3b82f6;border:2.5px solid white;border-radius:50%;box-shadow:0 0 0 3px #3b82f640}.confirm-buttons{display:flex;gap:8px;margin-top:12px}.confirm-buttons button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:14px;transition:background .2s}.confirm-buttons .confirm{border-color:var(--success);color:var(--success)}.confirm-buttons .confirm:hover{background:#ecfdf5}.confirm-buttons .deny{border-color:var(--danger);color:var(--danger)}.confirm-buttons .deny:hover{background:#fef2f2}.points-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--sun);color:#fff;padding:12px 24px;border-radius:var(--radius);font-weight:600;z-index:2000;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%)}to{transform:translate(-50%) translateY(0)}}.bottom-sheet::-webkit-scrollbar{width:4px}.bottom-sheet::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (min-width: 768px){.bottom-sheet{left:16px;right:auto;width:380px;bottom:16px;border-radius:var(--radius);max-height:calc(100vh - 32px)}.plan-cards{grid-template-columns:repeat(3,1fr)}}:root{--dark: #0A1628;--dark-mid: #142238;--accent: #1E5FA8;--gold: #F5C842;--gold-dark: #C9A020;--gold-pale: #FDF6D8;--light-bg: #F0F6FF;--light-card: #FFFFFF;--text-dark: #0A1628;--text-mid: #2C4A6E;--text-muted: #5A7A9E;--text-light-on-dark: #F0F6FF;--text-gold: #F5C842}.landing{font-family:Inter,system-ui,sans-serif;color:#2c4a6e;background:#f0f6ff}.landing h1,.landing h2,.landing .hero-title{font-family:"DM Serif Display",serif}.landing-nav{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:100;transition:background .3s,backdrop-filter .3s}.landing-nav.scrolled{background:#f0f6ffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,95,168,.08)}.landing-nav .wordmark{font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#0a1628;text-decoration:none}.landing-nav.on-dark .wordmark{color:#f0f6ff}.landing-nav .nav-biz-link{color:#5a7a9e;font-size:14px;text-decoration:none;transition:color .2s}.landing-nav .nav-biz-link:hover{color:#0a1628}.landing-nav.on-dark .nav-biz-link{color:#f0f6ff80}.landing-nav.on-dark .nav-biz-link:hover{color:#f5c842}@media (max-width: 768px){.landing-nav .nav-biz-link{display:none}}.landing-nav .nav-cta{padding:8px 20px;border:1.5px solid #1E5FA8;color:#1e5fa8;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.landing-nav .nav-cta:hover{background:#1e5fa8;color:#fff}.landing-nav.on-dark .nav-cta{border-color:#f5c842;color:#f5c842}.landing-nav.on-dark .nav-cta:hover{background:#f5c842;color:#0a1628}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a1628;overflow:hidden;padding:0 24px}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.25;pointer-events:none}.hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2}.hero-content{position:relative;z-index:2;text-align:center;max-width:680px}.hero-eyebrow{display:inline-block;padding:6px 16px;background:#f5c84226;border:1px solid #F5C842;border-radius:20px;color:#f5c842;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.hero-title{font-family:"DM Serif Display",serif;font-size:80px;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-.02em}.hero-title .gold-underline{border-bottom:3px solid #F5C842;padding-bottom:2px}.hero-deco-circle{position:absolute;top:15%;right:8%;width:280px;height:280px;border-radius:50%;background:#f5c8420f;border:1px solid rgba(245,200,66,.12);pointer-events:none}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a162866}.hero-subtitle{font-size:20px;color:#f0f6ffbf;line-height:1.6;max-width:520px;margin:0 auto 32px}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-gold{display:inline-block;padding:14px 32px;background:#f5c842;color:#0a1628;font-weight:600;font-size:16px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:background .2s}.btn-gold:hover{background:#c9a020}.btn-ghost{display:inline-block;padding:14px 32px;background:transparent;border:1px solid rgba(240,246,255,.3);color:#f0f6ffcc;font-size:16px;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:#f0f6ff99;color:#fff}.hero-stats{display:flex;gap:0;justify-content:center;margin-top:48px}.hero-stat{padding:0 24px;text-align:center;border-right:1px solid rgba(245,200,66,.2)}.hero-stat:last-child{border-right:none}.hero-stat-value{color:#f5c842;font-size:18px;font-weight:600}.hero-stat-label{color:#f0f6ff80;font-size:13px;margin-top:2px}.scroll-chevron{display:block;margin:40px auto 0;color:#f5c84299;font-size:24px;animation:bounce 2s infinite;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.stats-bar{background:#142238;padding:24px 0}.stats-bar-inner{display:flex;justify-content:center;max-width:900px;margin:0 auto}.stats-bar-item{flex:1;text-align:center;padding:0 24px;border-right:1px solid rgba(245,200,66,.2)}.stats-bar-item:last-child{border-right:none}.stats-bar-value{color:#f5c842;font-size:24px;font-weight:600}.stats-bar-label{color:#f0f6ff80;font-size:13px;margin-top:4px}.section{padding:100px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#1e5fa8;font-weight:600;margin-bottom:12px}.section-label-gold{color:#f5c842}.section-title{font-family:"DM Serif Display",serif;font-size:48px;color:#0a1628;line-height:1.15;margin-bottom:16px}.section-title-white{color:#fff}.section-subtitle{font-size:17px;color:#2c4a6e;line-height:1.6;max-width:560px}.section-subtitle-light{color:#f0f6ffbf}.bg-light{background:#f0f6ff}.bg-white{background:#fff}.bg-dark{background:#0a1628}.fade-in{opacity:1!important;transform:none!important}.steps{display:flex;gap:40px;margin-top:48px;align-items:flex-start}.step{flex:1;text-align:center;position:relative}.step-number{font-family:"DM Serif Display",serif;font-size:80px;color:#f5c842;opacity:.3;line-height:1}.step-icon{width:96px;height:96px;background:#1e5fa814;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.step-icon img{width:64px;height:64px;object-fit:contain}.step-icon-circle{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid rgba(245,200,66,.3);margin:0 auto 16px}.step-icon-circle img{width:100%;height:100%;object-fit:cover}.step-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step-connector{width:40px;height:2px;background:#f5c842;opacity:.5;margin:48px auto 0;display:none}.section-label-decorated{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:12px}.section-label-line{width:32px;height:1px;background:#f5c842}.night-state{text-align:center;padding:40px 20px}.night-state img{max-width:400px;width:100%;border-radius:16px;margin-bottom:20px}.night-state h3{color:#0a1628;font-size:20px;margin-bottom:8px}.night-state p{color:#5a7a9e;font-size:15px}.step-title{font-weight:500;font-size:18px;color:#0a1628;margin-bottom:8px}.step-desc{font-size:15px;color:#2c4a6e;line-height:1.6}.step-arrow{position:absolute;right:-28px;top:60px;color:#f5c842;font-size:20px}.how-section{background:#0a1628;padding:80px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:0 24px}.step-card{position:relative;height:420px;border-radius:20px;overflow:hidden}.step-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.step-card:hover .step-card-img{transform:scale(1.05)}.step-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a16281a,#0a16284d,#0a1628d9)}.step-card-num{position:absolute;top:16px;right:20px;font-size:80px;font-family:"DM Serif Display",serif;color:#f5c84259;line-height:1;-webkit-user-select:none;user-select:none}.step-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#f5c842,#f5c8424d)}.step-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px}.step-card-label{font-size:11px;letter-spacing:.12em;color:#f5c842;margin-bottom:8px;text-transform:uppercase}.step-card-title{font-size:22px;font-family:"DM Serif Display",serif;color:#fff;margin-bottom:8px;line-height:1.2}.step-card-desc{font-size:14px;color:#f0f6ffbf;line-height:1.5;margin:0}.step-arrow{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;background:#f5c842;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.how-section{padding:48px 0}.steps-grid{grid-template-columns:1fr}.step-card{height:300px}.step-card-num{font-size:60px}.step-arrow{display:none}}.visual-step{display:flex;gap:48px;align-items:center}.visual-step-reversed{flex-direction:row-reverse}.visual-step-img{flex:1;border-radius:16px;overflow:hidden;height:320px}.visual-step-img img{width:100%;height:100%;object-fit:cover}.visual-step-text{flex:1}.visual-step-accent{width:40px;height:2px;background:#f5c842;margin-bottom:12px}.visual-step-num{font-family:"DM Serif Display",serif;font-size:80px;color:#f5c842;opacity:.3;line-height:1}.visual-step-title{font-size:24px;font-weight:500;color:#0a1628;margin-bottom:8px}.visual-step-desc{font-size:16px;color:#2c4a6e;line-height:1.7;max-width:400px}.visual-step-divider{height:1px;background:linear-gradient(to right,transparent,#F5C842,transparent);margin:48px 0;opacity:.3}@media (max-width: 768px){.visual-step,.visual-step-reversed{flex-direction:column;gap:20px}.visual-step-img{height:220px}.visual-step-num{font-size:48px}.visual-step-text{text-align:center}.visual-step-accent{margin:0 auto 12px}.visual-step-desc{margin:0 auto}}.feature-split{display:flex;gap:60px;align-items:center;margin-top:48px}.feature-phone{flex-shrink:0}.phone-frame{width:280px;height:560px;border-radius:36px;background:#0a1628;border:8px solid #1C3050;box-shadow:0 40px 80px #0a162840;overflow:hidden;position:relative}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:80px;height:24px;background:#0a1628;border-radius:0 0 12px 12px;z-index:3}.phone-screen{width:100%;height:100%;background:#f0f6ff;overflow:hidden;position:relative}.phone-screen img{width:100%;height:70%;object-fit:cover}.phone-cards{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#fff;border-radius:16px 16px 0 0}.phone-card{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:6px;font-size:12px}.phone-card-name{font-weight:500;color:#0a1628}.phone-card-badge{background:#fdf6d8;color:#c9a020;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.feature-list{flex:1}.feature-item{display:flex;gap:14px;margin-bottom:24px}.feature-check{flex-shrink:0;width:22px;height:22px;color:#f5c842;margin-top:2px}.feature-item-title{font-weight:500;font-size:16px;color:#0a1628;margin-bottom:4px}.feature-item-desc{font-size:14px;color:#2c4a6e;line-height:1.5}.venue-scroll{display:flex;gap:20px;overflow-x:auto;padding:48px 0 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.venue-scroll::-webkit-scrollbar{display:none}.venue-scroll-card{flex-shrink:0;width:280px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(30,95,168,.1);scroll-snap-align:start;transition:transform .2s}.venue-scroll-card:hover{transform:translateY(-4px)}.venue-scroll-card img{width:100%;height:160px;object-fit:cover}.venue-scroll-card-body{padding:16px}.venue-scroll-type{display:inline-block;padding:2px 8px;background:#f0f6ff;color:#1e5fa8;font-size:11px;font-weight:500;border-radius:10px;margin-bottom:6px}.venue-scroll-name{font-weight:500;font-size:16px;color:#0a1628;margin-bottom:6px}.venue-scroll-sun{display:flex;align-items:center;gap:6px;color:#c9a020;font-size:13px;font-weight:500}.community-section{background:#0a1628;padding:80px 24px}.community-layout{display:flex;gap:48px;align-items:center}.community-illustration{flex:0 0 45%;border-radius:20px;overflow:hidden;height:520px;position:relative}.community-illustration img{width:100%;height:100%;object-fit:cover}.community-illustration-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,#0a1628b3)}.community-content{flex:1}.community-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;letter-spacing:.15em;color:#f5c842;text-transform:uppercase;font-weight:600}.community-label-line{width:32px;height:1px;background:#f5c842}.community-headline{font-family:"DM Serif Display",serif;font-size:42px;color:#fff;line-height:1.15;margin-bottom:12px}.community-body{color:#f0f6ffb3;font-size:16px;line-height:1.7;margin-bottom:20px;max-width:460px}.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0 0}.rank-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 12px;text-align:center;position:relative;transition:transform .2s,border-color .2s}.rank-card:hover{transform:translateY(-4px);border-color:#f5c8424d}.rank-card-gold{background:#f5c84214;border:1.5px solid rgba(245,200,66,.4)}.rank-card-top{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:#f5c842;color:#0a1628;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.05em}.rank-card-img{width:72px;height:72px;object-fit:cover;border-radius:50%;margin:0 auto 12px;display:block}.rank-card-name{font-size:14px;font-weight:500;color:#f0f6ffe6;margin-bottom:4px}.rank-card-name.gold{color:#f5c842}.rank-card-pts{font-size:11px;color:#f0f6ff59}.rank-card-pts.gold{color:#f5c84280}.rank-progress-line{display:flex;align-items:center;gap:0;margin:-8px 0 24px;padding:0 36px}.rank-progress-seg{flex:1;height:2px}.points-pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.ppill{display:flex;align-items:center;gap:8px;border-radius:8px;padding:10px 16px}.ppill-gold{background:#f5c8421a;border:1px solid rgba(245,200,66,.2)}.ppill-gold .ppill-num{font-size:18px;font-weight:700;color:#f5c842}.ppill-gold .ppill-label{font-size:12px;font-weight:500;color:#fff}.ppill-gold .ppill-desc{font-size:11px;color:#f0f6ff66}.ppill-muted{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.ppill-muted .ppill-num{font-size:18px;font-weight:700;color:#f0f6ffb3}.ppill-muted .ppill-label{font-size:12px;font-weight:500;color:#f0f6ffb3}.ppill-muted .ppill-desc{font-size:11px;color:#f0f6ff59}.community-cta{display:inline-block;background:#f5c842;color:#0a1628;padding:14px 32px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s}.community-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c8424d}.community-reassurance{font-size:11px;color:#f0f6ff59;margin-top:10px}.community-grid{display:flex;gap:60px;align-items:center;margin-top:48px}.community-text,.community-image{flex:1}.community-image img{width:100%;border-radius:16px}.rank-badges{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;align-items:center}.rank-badge{padding:6px 14px;border:1px solid rgba(245,200,66,.3);color:#f5c842;border-radius:20px;font-size:12px;font-weight:500}.rank-arrow{color:#f5c842;font-size:14px}.points-pills{display:flex;gap:12px;margin:16px 0 24px}.points-pill{padding:4px 12px;background:#f5c84226;color:#f5c842;border-radius:12px;font-size:12px;font-weight:600}.btn-outline-gold{display:inline-block;padding:12px 28px;border:1.5px solid #F5C842;color:#f5c842;border-radius:8px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s}.btn-outline-gold:hover{background:#f5c842;color:#0a1628}.skeleton-img{background:#142238;border-radius:16px;width:100%;height:400px;animation:skeletonPulse 1.5s infinite}@keyframes skeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.pricing-card{padding:32px;border-radius:16px;text-align:center;position:relative}.pricing-card.free{background:#f8fbff;border:1px solid rgba(30,95,168,.15)}.pricing-card.verified{background:#fff;border:2px solid #1E5FA8}.pricing-card.featured{background:#fffef0;border:1px solid #F5C842}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#1e5fa8;color:#fff;padding:4px 16px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.pricing-name{font-weight:600;font-size:18px;color:#0a1628;margin-bottom:8px}.pricing-price{font-size:36px;font-weight:700;color:#1e5fa8;margin-bottom:4px}.pricing-period{font-size:13px;color:#5a7a9e;margin-bottom:20px}.pricing-features{list-style:none;padding:0;text-align:left;margin-bottom:24px}.pricing-features li{padding:6px 0;font-size:14px;color:#2c4a6e;display:flex;align-items:flex-start;gap:8px}.pricing-features li:before{content:"✓";color:#1e5fa8;font-weight:700;flex-shrink:0}.btn-accent{display:inline-block;padding:12px 28px;background:#1e5fa8;color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;width:100%;box-sizing:border-box}.btn-accent:hover{opacity:.9}.btn-outline-accent{display:inline-block;padding:12px 28px;background:transparent;border:1.5px solid #1E5FA8;color:#1e5fa8;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;width:100%;box-sizing:border-box}.btn-outline-accent:hover{background:#1e5fa8;color:#fff}.final-cta-section{position:relative;text-align:center;padding:100px 24px;background:#0a1628;overflow:hidden}.final-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2}.final-cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a162899}.final-cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.final-cta-headline{font-family:"DM Serif Display",serif;font-size:52px;color:#fff;font-weight:400;line-height:1.15;margin-bottom:0}.final-cta-sub{font-size:18px;color:#f0f6ff99;margin-top:16px;max-width:420px;margin-left:auto;margin-right:auto}.final-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#f5c842;color:#0a1628;padding:14px 36px;border-radius:10px;font-weight:600;font-size:16px;text-decoration:none;letter-spacing:-.01em;margin-top:32px;transition:transform .2s,box-shadow .2s}.final-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c8424d}.final-cta-trust{display:flex;gap:20px;justify-content:center;margin-top:20px;flex-wrap:wrap}.final-cta-trust span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#f0f6ff80}.contact-section{background:#f0f6ff;padding:60px 24px;text-align:center}.contact-inner{max-width:480px;margin:0 auto}.contact-label{font-size:11px;letter-spacing:.12em;color:#1e5fa8;margin-bottom:16px;text-transform:uppercase;font-weight:600}.contact-body{font-size:15px;color:#2c4a6e;line-height:1.6;margin:0 0 12px}.contact-email{display:inline-flex;align-items:center;gap:8px;color:#1e5fa8;font-size:15px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(30,95,168,.3);padding-bottom:2px}.contact-email:hover{border-bottom-color:#1e5fa8}.contact-note{font-size:12px;color:#5a7a9e;margin:12px 0 0}.final-cta{text-align:center;padding:80px 24px;background:#0a1628}.final-cta h2{font-family:"DM Serif Display",serif;font-size:52px;color:#fff;margin-bottom:16px}.final-cta p{color:#f0f6ff99;font-size:17px;margin-bottom:32px}.btn-gold-lg{display:inline-block;padding:18px 48px;background:#f5c842;color:#0a1628;font-weight:600;font-size:18px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;transition:background .2s}.btn-gold-lg:hover{background:#c9a020}.contact-form{max-width:480px;margin:40px auto 0;display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(245,200,66,.2);border-radius:8px;color:#fff;font-size:15px;font-family:Inter,sans-serif;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f0f6ff4d}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#f5c842}.contact-form textarea{min-height:100px}.contact-form button{align-self:flex-start}.contact-success{color:#f5c842;font-size:14px;margin-top:8px}.landing-footer{background:#0a1628;border-top:1px solid rgba(245,200,66,.15);padding:60px 24px 32px}.footer-inner{max-width:1100px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{color:#f0f6ff80}.footer-brand .wordmark{font-weight:500;font-size:18px;color:#f0f6ffb3;margin-bottom:8px;display:block}.footer-brand p{font-size:14px;line-height:1.6}.footer-col h4{color:#f0f6ffb3;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.footer-col a{display:block;color:#f0f6ff80;font-size:14px;text-decoration:none;padding:3px 0;transition:color .2s}.footer-col a:hover{color:#f5c842}.footer-bottom{border-top:1px solid rgba(245,200,66,.1);padding-top:20px;display:flex;justify-content:space-between;color:#f0f6ff4d;font-size:12px}.style-toggle{position:fixed;bottom:80px;right:20px;z-index:998;background:#0a1628;color:#f5c842;border:1px solid rgba(245,200,66,.4);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.style-toggle:hover{background:#142238;border-color:#f5c842}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0a1628;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:999;border-top:1px solid rgba(245,200,66,.15);flex-wrap:wrap}.cookie-banner p{color:#f0f6ffcc;font-size:14px;margin:0}.cookie-banner button{padding:8px 20px;background:#f5c842;color:#0a1628;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;flex-shrink:0}.cookie-banner button:hover{background:#c9a020}.legal-page{max-width:680px;margin:0 auto;padding:120px 24px 80px}.legal-page h1{font-family:"DM Serif Display",serif;font-size:42px;color:#0a1628;margin-bottom:32px}.legal-page h2{font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#0a1628;margin-top:2.5rem;margin-bottom:.75rem}.legal-page p,.legal-page li{font-size:16px;color:#2c4a6e;line-height:1.8;margin-bottom:12px}.legal-page ul{padding-left:20px}.legal-page a{color:#1e5fa8}.legal-page table{width:100%;border-collapse:collapse;margin:16px 0}.legal-page th,.legal-page td{text-align:left;padding:10px 14px;border:1px solid rgba(30,95,168,.15);font-size:14px}.legal-page th{background:#f0f6ff;font-weight:500;color:#0a1628}@media (max-width: 768px){.hero-title{font-size:44px}.hero-subtitle{font-size:17px}.stats-bar-inner{flex-wrap:wrap;gap:16px}.stats-bar-item{flex:none;width:45%;border-right:none}.steps{flex-direction:column;gap:32px}.step-arrow{display:none}.feature-split{flex-direction:column}.phone-frame{width:240px;height:480px;margin:0 auto}.community-grid{flex-direction:column}.community-section{padding:48px 0}.community-layout{flex-direction:column;gap:24px}.community-illustration{flex:none;height:240px;border-radius:0}.community-headline{font-size:26px}.community-content{padding:0 16px}.rank-grid{grid-template-columns:repeat(2,1fr)}.rank-progress-line{display:none}.points-pills{flex-direction:column}.points-pills .ppill{width:100%}.community-cta{display:block;width:100%;text-align:center}.pricing-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-title,.final-cta h2{font-size:36px}.final-cta-section{padding:72px 24px}.final-cta-headline{font-size:32px}.final-cta-trust{flex-direction:column;align-items:flex-start;margin-left:auto;margin-right:auto;width:fit-content}.contact-section{padding:48px 24px}.landing-nav{padding:0 16px}}