*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:#f8fafc;color:#111827;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;gap:.35em;padding:.45em 1em;border-radius:6px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:.15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#1d6ed8;color:#fff}.btn-primary:hover:not(:disabled){background:#155fbd}.btn-secondary{background:#f1f5f9;color:#111827;border:1px solid #E2E8F0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-ghost{background:transparent;color:#64748b;border:1px solid #E2E8F0}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#111827}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.btn-danger:hover:not(:disabled){background:#fee2e2}#site-nav{position:sticky;top:0;z-index:200;background:#0d1b2e;border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:24px;height:64px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.nav-logo-img{height:36px;width:auto;display:block}.nav-logo-mark{width:34px;height:34px;border-radius:8px;flex:0 0 auto;background:linear-gradient(135deg,#1d6ed8,#155fbd);display:grid;place-items:center;color:#fff;font-family:Archivo,sans-serif;font-weight:900;font-size:17px;box-shadow:0 3px 14px #1d6ed859}.nav-logo-text{font-family:Archivo,sans-serif;font-weight:800;font-size:17px;color:#f9fafb}.nav-links{display:flex;gap:4px;flex:1}.nav-link{color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border-radius:7px;transition:.15s}.nav-link:hover{color:#f9fafb;background:#ffffff12}.nav-link--active{color:#f9fafb}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-btn{font-family:Archivo,sans-serif;font-weight:700;font-size:13px;border-radius:8px;padding:8px 16px;cursor:pointer;text-decoration:none;border:none;white-space:nowrap;transition:.15s}.nav-btn--ghost{background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.12)}.nav-btn--ghost:hover{color:#f9fafb;border-color:#ffffff40;background:#ffffff0f}.nav-btn--primary{background:#1d6ed8;color:#fff;box-shadow:0 2px 8px #1d6ed84d}.nav-btn--primary:hover{background:#155fbd}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}.nav-hamburger span{display:block;width:22px;height:2px;background:#9ca3af;border-radius:2px}.nav-mobile{display:none;flex-direction:column;padding:12px 22px 18px;border-top:1px solid rgba(255,255,255,.08);background:#0d1b2e}.nav-mobile.open{display:flex}.nav-mobile-link{color:#9ca3af;text-decoration:none;font-size:15px;font-weight:500;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.nav-mobile-link:last-child{border-bottom:none}.nav-mobile-cta{color:#1d6ed8;font-weight:700}@media (max-width:760px){.nav-links,.nav-actions{display:none}.nav-hamburger{display:flex}}#user-bar{display:flex;align-items:center;gap:8px}#user-email{font-size:12px;color:#9ca3af;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}#user-bar button{font-family:Archivo,sans-serif;font-weight:700;font-size:12.5px;border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none;border:none;white-space:nowrap;transition:.15s}#user-bar button:disabled{opacity:.45;cursor:not-allowed}#save-map-btn{background:#1d6ed8;color:#fff;box-shadow:0 2px 8px #1d6ed84d}#save-map-btn:hover:not(:disabled){background:#155fbd}#my-maps-toggle{background:#ffffff14;color:#f9fafb;border:1px solid rgba(255,255,255,.12)}#my-maps-toggle:hover{background:#ffffff24}#logout-btn{background:transparent;color:#6b7280;border:1px solid rgba(255,255,255,.1)}#logout-btn:hover{color:#f9fafb}#auth-panel{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#f8fafc}.auth-box{background:#fff;border-radius:14px;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:0 4px 24px #00000014;border:1px solid #E2E8F0}.auth-box h2{margin-bottom:1.5rem;font-size:1.4rem;color:#111827;font-family:Archivo,sans-serif;font-weight:800}.auth-box form{display:flex;flex-direction:column;gap:.85rem}.auth-box label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#64748b;font-weight:500}.auth-box input{padding:.55em .75em;border:1px solid #E2E8F0;border-radius:8px;font-size:1rem;outline-offset:2px;background:#f8fafc;color:#111827}.auth-box input:focus{outline:2px solid #1d6ed8;border-color:transparent}.auth-box .btn-primary{margin-top:.25rem;width:100%;justify-content:center;padding:.7em;background:#1d6ed8;color:#fff;border-radius:8px;font-family:Archivo,sans-serif;font-weight:700}.auth-box .btn-primary:hover:not(:disabled){background:#155fbd}.auth-links{margin-top:1rem;font-size:.8rem;color:#64748b;text-align:center}.auth-links a{color:#1d6ed8;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-msg{margin-top:.75rem;font-size:.82rem;border-radius:6px;padding:.5em .75em}.auth-msg--error{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.auth-msg--info{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}#my-maps-panel{position:fixed;top:67px;right:0;bottom:0;width:min(360px,100vw);background:#fff;border-left:1px solid #E2E8F0;overflow-y:auto;padding:1rem;z-index:900;box-shadow:-4px 0 18px #0000000f;font-family:Hanken Grotesk,system-ui,sans-serif;color:#111827}#my-maps-panel h3{margin-bottom:.75rem;font-size:1rem;font-family:Archivo,sans-serif;font-weight:800;color:#111827}.maps-loading,.maps-empty{font-size:.85rem;color:#64748b}.maps-error{font-size:.85rem;color:#dc2626}.map-row{border:1px solid #E2E8F0;border-radius:9px;padding:.75rem;margin-bottom:.6rem;display:flex;flex-direction:column;gap:.5rem;background:#fff}.map-row:hover{border-color:#cbd5e1}.map-row__name{font-size:.9rem;font-weight:700;color:#111827}.map-row__meta{font-size:.78rem;color:#94a3b8}.map-row__actions{display:flex;flex-wrap:wrap;gap:.35rem}.map-row__actions button{font-size:.78rem;padding:.3em .65em;border-radius:6px;border:1px solid #E2E8F0;cursor:pointer;font-family:Archivo,sans-serif;font-weight:700;background:#f8fafc;color:#64748b;transition:.15s}.map-row__actions button:hover{background:#f1f5f9;color:#111827}.map-row__actions .btn-danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.map-row__actions .btn-danger:hover{background:#fee2e2}.page{max-width:1180px;margin:0 auto;padding:0 22px 80px}.page-hero{padding:80px 0 60px}.page-section{padding:60px 0;border-top:1px solid #E2E8F0}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#1d6ed8;font-weight:700;margin-bottom:10px}.h-display{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.03em;color:#111827;margin:0 0 20px}.h-section{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.02em;color:#111827;margin:0 0 14px}.h-card{font-family:Archivo,sans-serif;font-weight:800;font-size:1.05rem;color:#111827;margin:0 0 6px}.lead-text{font-size:clamp(.95rem,1.5vw,1.1rem);color:#64748b;line-height:1.65;max-width:600px;margin:0 0 32px}.body-text{font-size:.95rem;color:#64748b;line-height:1.7}.body-text p{margin:0 0 14px}.body-text b,.body-text strong{color:#111827}.cta-primary{display:inline-flex;align-items:center;gap:8px;background:#1d6ed8;color:#fff;font-family:Archivo,sans-serif;font-weight:800;font-size:15px;padding:14px 28px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 14px #1d6ed84d;transition:.15s}.cta-primary:hover{background:#155fbd;transform:translateY(-1px);box-shadow:0 6px 20px #1d6ed866}.cta-ghost{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#64748b;border:1px solid #E2E8F0;font-family:Archivo,sans-serif;font-weight:700;font-size:15px;padding:14px 28px;border-radius:10px;text-decoration:none;cursor:pointer;transition:.15s}.cta-ghost:hover{color:#111827;border-color:#cbd5e1;background:#f8fafc}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:900px){.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr}}@media (max-width:600px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}.feature-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:24px;transition:.2s}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.feature-card .icon{font-size:28px;margin-bottom:14px}.stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px 22px}.stat-card .val{font-family:Archivo,sans-serif;font-weight:800;font-size:2rem;line-height:1;color:#111827}.stat-card .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-top:6px;font-weight:600}.dash-maps{display:flex;flex-direction:column;gap:10px;margin-top:24px}.dash-map-row{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;transition:.15s}.dash-map-row:hover{border-color:#cbd5e1;box-shadow:0 2px 10px #0000000d}.dash-map-info{flex:1;min-width:200px}.dash-map-name{font-family:Archivo,sans-serif;font-weight:800;font-size:15px;color:#111827;margin-bottom:4px}.dash-map-meta{font-size:12px;color:#94a3b8;display:flex;flex-wrap:wrap;gap:10px}.dash-map-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dash-tag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;letter-spacing:.05em}.dash-tag--google{background:#eff6ff;color:#2563eb}.dash-tag--facebook{background:#f0fdf4;color:#16a34a}.dash-tag--crm{background:#fff7ed;color:#f97316}.dash-tag--complete{background:#f0fdf4;color:#16a34a}.dash-tag--draft{background:#f8fafc;color:#94a3b8;border:1px solid #E2E8F0}.dash-map-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-map-actions button,.dash-map-actions a{font-family:Archivo,sans-serif;font-weight:700;font-size:12px;padding:7px 14px;border-radius:7px;border:1px solid #E2E8F0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:.15s;background:#f8fafc;color:#64748b}.dash-map-actions button:hover,.dash-map-actions a:hover{background:#f1f5f9;color:#111827;border-color:#cbd5e1}.dash-btn-open{background:#1d6ed8!important;color:#fff!important;border-color:#1d6ed8!important}.dash-btn-open:hover{background:#155fbd!important;border-color:#155fbd!important}.dash-btn-danger{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.dash-btn-danger:hover{background:#fee2e2!important}.account-section{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:28px;margin-bottom:20px}.account-section h2{font-family:Archivo,sans-serif;font-weight:800;font-size:16px;color:#111827;margin:0 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:600px){.field-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:#64748b}.field input,.field select{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;color:#111827;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:.15s;width:100%}.field input:focus,.field select:focus{border-color:#1d6ed8;box-shadow:0 0 0 3px #1d6ed81a}.field input:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.save-btn{margin-top:20px;font-family:Archivo,sans-serif;font-weight:700;font-size:14px;background:#1d6ed8;color:#fff;border:none;border-radius:9px;padding:11px 24px;cursor:pointer;transition:.15s}.save-btn:hover{background:#155fbd}.save-btn:disabled{opacity:.45;cursor:not-allowed}.plan-badge{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;color:#1d6ed8}.plan-note{font-size:12.5px;color:#64748b;margin-top:10px;line-height:1.55}.pricing-card{background:#fff;border:2px solid #1d6ed8;border-radius:18px;padding:36px;max-width:480px;margin:0 auto;box-shadow:0 8px 32px #1d6ed81a}.pricing-card .price{font-family:Archivo,sans-serif;font-weight:900;font-size:3.5rem;color:#111827;line-height:1}.pricing-card .price span{font-size:1.2rem;color:#64748b;font-weight:500}.pricing-card .period{font-size:13px;color:#94a3b8;margin:4px 0 24px}.pricing-card ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}.pricing-card li{font-size:14px;color:#64748b;display:flex;align-items:flex-start;gap:10px}.pricing-card li:before{content:"✓";color:#16a34a;font-weight:700;flex:0 0 auto}.pricing-note{font-size:12px;color:#94a3b8;text-align:center;margin-top:16px;line-height:1.6}.site-footer{border-top:1px solid #E2E8F0;padding:40px 22px;margin-top:80px;background:#fff}.site-footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-footer .logo-row{display:flex;align-items:center;gap:10px}.site-footer .logo-mark{width:28px;height:28px;border-radius:6px;background:#1d6ed8;display:grid;place-items:center;color:#fff;font-family:Archivo,sans-serif;font-weight:900;font-size:14px}.site-footer .logo-name{font-family:Archivo,sans-serif;font-weight:800;font-size:15px;color:#111827}.site-footer .footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer .footer-links a{font-size:13px;color:#94a3b8;text-decoration:none}.site-footer .footer-links a:hover{color:#64748b}.site-footer .footer-copy{font-size:12px;color:#94a3b8}.empty-state{text-align:center;padding:60px 20px}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state h3{font-family:Archivo,sans-serif;font-weight:800;font-size:1.2rem;color:#111827;margin:0 0 8px}.empty-state p{font-size:13.5px;color:#64748b;margin:0 0 24px}.divider{border:none;border-top:1px solid #E2E8F0;margin:32px 0}.notice-bar{background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;padding:14px 18px;font-size:13px;color:#1d6ed8;margin-bottom:24px}.share-header{padding:.75rem 1.25rem;background:#0d1b2e;color:#f9fafb;display:flex;align-items:center;gap:1rem}.share-header h1{font-size:1rem;flex:1}.share-map{height:calc(100svh - 48px)}