*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f1ed;line-height:1.6;-webkit-font-smoothing:antialiased}strong,b{color:#0d0d0d}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-wide{max-width:1400px;margin:0 auto;padding:0 48px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-0.02em}h1{font-size:clamp(2.75rem, 6vw, 4.5rem)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:1.375rem}h4{font-size:1.125rem}p{color:#6b7280;font-size:1.125rem;line-height:1.7}.lead{font-size:1.375rem;line-height:1.6}a{color:inherit;text-decoration:none}.highlight{background:rgba(254,240,138,0.6);padding:0 0.25em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.15s ease;text-decoration:none;background:white}.btn-primary{background:#2563eb;color:white}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#111827;color:white}.btn-secondary:hover{background:#202e4b}.btn-outline{background:white;border:2px solid #e5e7eb;color:#111827}.btn-outline:hover{border-color:#111827}.btn-large{padding:16px 32px;font-size:1.125rem}.btn-block{display:block;width:100%}.site-header{padding:20px 0;position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid #e5e7eb}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem}.logo-icon{width:32px;height:32px}.nav-links{display:flex;list-style:none;gap:32px}.nav-links a{color:#6b7280;font-weight:500;transition:color 0.2s}.nav-links a:hover{color:#111827}.nav-links>li.active>a{color:#111827}.nav-actions{display:flex;align-items:center;gap:24px}.nav-link{color:#6b7280;font-weight:500}.nav-link:hover{color:#111827}.nav-dropdown{position:relative}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-trigger{display:flex;align-items:center;gap:4px}.nav-dropdown-trigger svg{transition:transform 0.2s}.nav-dropdown-trigger:hover svg{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.1);padding:20px;min-width:1100px;display:none;z-index:200;margin-top:8px}.nav-dropdown-menu::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;height:28px}.nav-dropdown-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px}.nav-dropdown-small{min-width:480px}.nav-dropdown-small .nav-dropdown-grid{grid-template-columns:repeat(2, 1fr)}.nav-dropdown-item{display:block;padding:12px;border-radius:8px;transition:background 0.2s}.nav-dropdown-item:hover{background:#f9fafb}.nav-dropdown-item strong{display:block;font-size:0.9375rem;font-weight:600;color:#111827;margin-bottom:2px}.nav-dropdown-item span{font-size:0.8125rem;color:#6b7280}.nav-dropdown-footer{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;text-align:center}.nav-dropdown-footer a{font-size:0.875rem;font-weight:500;color:#2563eb}.nav-dropdown-footer a:hover{text-decoration:underline}.hero{padding:100px 0 140px;text-align:center}.hero-content{max-width:900px;margin:0 auto}.hero h1{margin-bottom:28px}.hero p{font-size:1.375rem;line-height:1.6;margin-bottom:48px;max-width:680px;margin-left:auto;margin-right:auto;color:#6b7280}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.tool-price{font-size:1.5rem;margin-bottom:24px}.tool-price strong{color:#2563eb}.tool-price span{font-size:1rem;color:#6b7280}.hero-image{margin-top:60px}.hero-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.15)}.section{padding:120px 0}.section:not(:first-child){position:relative}.section:not(:first-child)::before{content:'';position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:50px;height:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' fill='none' stroke='%23d1d5db' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 0 Q42 10 8 20 Q42 30 8 40 Q38 50 12 60 Q32 70 18 80 Q27 90 25 100'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.section-alt{background:#f9fafb}.section-header{text-align:center;max-width:700px;margin:0 auto 72px}.section-header h2{margin-bottom:16px}.section-header p{font-size:1.25rem}.touts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.tout h3{margin-bottom:12px;font-size:1.25rem}.tout p{font-size:1rem}.tout-icon{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#2563eb}@media (max-width: 768px){.touts-grid{grid-template-columns:1fr;gap:32px}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:32px}.feature-card{padding:32px;background:white;border:1px solid #e5e7eb;border-radius:12px;transition:border-color 0.2s, box-shadow 0.2s}.feature-card:hover{border-color:#c8ccd5;box-shadow:0 4px 24px rgba(0,0,0,0.06)}.feature-card h3{margin-bottom:12px;font-size:1.125rem;color:#111827}.feature-card p{font-size:1rem;line-height:1.6;margin:0}.feature-card-link{display:block;text-decoration:none}.feature-card-link:hover{border-color:#2563eb}.feature-icon{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#2563eb}.tools-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media (max-width: 1024px){.tools-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr;gap:16px}}.tool-card{display:block;padding:28px;background:white;border:2px solid #e5e7eb;border-radius:16px;text-decoration:none;transition:all 0.2s ease}.tool-card:hover{border-color:#2563eb;box-shadow:0 8px 30px rgba(0,0,0,0.12);transform:translateY(-2px)}.tool-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:600;color:#111827}.tool-card p{font-size:0.9375rem;color:#6b7280;line-height:1.6;margin:0}.tool-card .tool-price{margin-top:16px;font-size:0.875rem;font-weight:600;color:#2563eb}.tools-explorer{max-width:100%}.tools-categories{display:flex;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tool-category{padding:10px 20px;font-size:0.9375rem;font-weight:500;font-family:inherit;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.15s ease}.tool-category:hover{border-color:#2563eb;color:#2563eb}.tool-category.active{background:#2563eb;border-color:#2563eb;color:white}.tools-list{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:8px;min-height:280px}.tools-category-content{display:none}.tools-category-content.active{display:block}.tool-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:8px;text-decoration:none;transition:background 0.15s ease}.tool-item:hover{background:#f9fafb}.tool-item strong{font-size:1rem;font-weight:600;color:#111827}.tool-item span{font-size:0.875rem;color:#6b7280}.tools-explorer-footer{display:flex;justify-content:center;gap:16px;margin-top:32px}.tools-explorer .tools-grid{display:none}.tools-explorer .tools-grid.active{display:grid}.signup-section{padding:120px 0;background:#2563eb;color:white}.signup-section-light{background:#f9fafb;color:#111827}.signup-section-light .signup-box h2{color:#111827}.signup-section-light .signup-box>p{color:#6b7280}.signup-section-light .signup-box .btn-primary{background:#2563eb;color:white}.signup-section-light .signup-box .btn-primary:hover{background:#1d4ed8}.signup-section-light .signup-note{color:#6b7280}.signup-box{max-width:600px;margin:0 auto;text-align:center}.signup-box h2{font-size:2rem;margin-bottom:12px;color:white}.signup-box>p{color:rgba(255,255,255,0.85);margin-bottom:32px;font-size:1.25rem}.signup-box .btn-primary{background:white;color:#2563eb}.signup-box .btn-primary:hover{background:rgba(255,255,255,0.9)}.signup-box-card{max-width:480px;margin:0 auto;background:white;border:1px solid #e5e7eb;border-radius:16px;padding:40px;box-shadow:0 4px 24px rgba(0,0,0,0.08)}.signup-box-card .signup-form .btn-primary{background:#2563eb;color:white}.signup-box-card .signup-form .btn-primary:hover{background:#1d4ed8}.signup-form{text-align:left}.signup-form .form-group{margin-bottom:20px}.signup-form label{display:block;font-size:0.875rem;font-weight:500;color:#111827;margin-bottom:6px}.signup-form input,.signup-form select{width:100%;padding:12px 16px;font-size:1rem;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;background:white;transition:border-color 0.15s ease, box-shadow 0.15s ease}.signup-form input:focus,.signup-form select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.signup-form input::placeholder,.signup-form select::placeholder{color:#999}.signup-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.signup-form .domain-input{display:flex;align-items:center}.signup-form .domain-input input{flex:1;width:auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;text-align:right}.signup-form .domain-input .domain-dot{padding:12px 0;background:white;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:500}.signup-form .domain-input select{width:auto;border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0}.signup-form button[type="submit"]{margin-top:8px}.signup-note{margin-top:24px;font-size:0.875rem;color:rgba(255,255,255,0.7);text-align:center}.signup-form .signup-note{color:#6b7280}.page{padding:60px 0}.page-hero{text-align:center;max-width:800px;margin:0 auto 60px}.page-hero h1{margin-bottom:16px}.page-hero .subtitle{font-size:1.25rem}.page-content{max-width:800px;margin:0 auto}.page-content h2{margin:48px 0 16px;font-size:1.75rem}.page-content h3{margin:32px 0 12px;font-size:1.375rem}.page-content p{margin-bottom:16px}.page-content ul,.page-content ol{margin-bottom:16px;padding-left:24px;color:#6b7280}.page-content ul li,.page-content ol li{margin-bottom:8px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;max-width:1000px;margin:0 auto}.pricing-card{padding:32px;border:1px solid #e5e7eb;border-radius:16px;text-align:center}.pricing-card.featured{border-color:#2563eb;box-shadow:0 4px 20px rgba(124,58,237,0.15)}.pricing-card h3{margin-bottom:8px}.pricing-card .price{font-size:3rem;font-weight:700;margin:16px 0}.pricing-card .price span{font-size:1rem;font-weight:400;color:#6b7280}.pricing-card ul{list-style:none;text-align:left;margin:24px 0}.pricing-card ul li{padding:8px 0;color:#6b7280}.pricing-card ul li::before{content:"✓";color:#2563eb;margin-right:8px}.pricing-card .btn{width:100%}.city-hero{padding:60px 0;text-align:center}.city-hero .city-tag{display:inline-block;padding:6px 16px;background:#eff6ff;color:#2563eb;border-radius:9999px;font-size:0.875rem;font-weight:600;margin-bottom:20px}.city-hero h1{margin-bottom:16px}.city-image{margin-top:40px}.city-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.comparison-table{width:100%;border-collapse:collapse;margin:32px 0}.comparison-table th,.comparison-table td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.comparison-table th{font-weight:600;background:#fafafa}.comparison-table td:first-child{font-weight:500}.page-content table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.page-content table th,.page-content table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.page-content table th{font-weight:600;background:#fafafa}.page-content table tr:last-child td{border-bottom:none}.page-content table td:first-child{font-weight:500}.site-footer{padding:80px 0 48px;border-top:1px solid #e5e7eb;background:#fafafa}.site-footer .logo{margin-bottom:16px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}@media (max-width: 900px){.footer-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand p{font-size:0.9375rem;max-width:280px;line-height:1.6}.footer-links h4{margin-bottom:16px;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#6b7280;font-size:0.9375rem}.footer-links a:hover{color:#111827}.footer-bottom{padding-top:24px;border-top:1px solid #e5e7eb}.footer-bottom p{font-size:0.875rem}.callout{padding:20px 24px;border-radius:12px;margin:24px 0;border-left:4px solid}.callout strong{display:block;margin-bottom:8px;color:#111827}.callout p{margin:0;font-size:1rem}.callout-info{background:#eff6ff;border-color:#3b82f6}.callout-tip{background:#f0fdf4;border-color:#22c55e}.callout-warning{background:#fffbeb;border-color:#f59e0b}.callout-important{background:#eff6ff;border-color:#2563eb}.steps{margin:32px 0}.step{display:flex;gap:20px;margin-bottom:24px}.step:last-child{margin-bottom:0}.step-number{width:40px;height:40px;background:#2563eb;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.step-content{flex:1;padding-top:6px}.step-content h4{margin:0 0 8px;font-size:1.125rem}.step-content p{margin:0;font-size:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:24px;margin:32px 0;text-align:center}.stat{padding:24px;background:#fafafa;border-radius:12px}.stat-value{font-size:2.5rem;font-weight:700;color:#2563eb;line-height:1;margin-bottom:8px}.stat-label{font-size:0.9375rem;color:#6b7280}.pullquote{margin:40px 0;padding:32px;background:#fafafa;border-radius:16px;position:relative}.pullquote::before{content:'"';position:absolute;top:16px;left:24px;font-size:4rem;font-family:Georgia, serif;color:#2563eb;opacity:0.3;line-height:1}.pullquote p{font-size:1.25rem;font-style:italic;color:#111827;margin:0 0 16px;padding-left:32px}.pullquote cite{display:block;font-size:0.9375rem;font-style:normal;color:#6b7280;padding-left:32px}.use-cases{display:flex;flex-direction:column;gap:0;margin:32px 0;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.use-case{display:flex;gap:20px;padding:24px 28px;background:white;border-bottom:1px solid #e5e7eb;transition:background 0.15s ease}.use-case:last-child{border-bottom:none}.use-case:hover{background:#fafbfc}.use-case:nth-child(even){background:#f9fafb}.use-case:nth-child(even):hover{background:#f3f4f6}.use-case-icon{width:36px;height:36px;background:linear-gradient(135deg, #eff6ff 0%, #f9fcff 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.use-case-content{flex:1;min-width:0}.use-case-content h4{margin:0 0 6px;font-size:1.0625rem;font-weight:600;color:#111827}.use-case-content p{margin:0;font-size:0.9375rem;line-height:1.5;color:#6b7280}@media (max-width: 600px){.use-case{padding:20px}}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{position:relative;padding-left:32px;margin-bottom:12px;color:#6b7280}.checklist li::before{content:'✓';position:absolute;left:0;color:#2563eb;font-weight:600}@media (max-width: 768px){.nav-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.signup-form .form-row{flex-direction:column}.pricing-grid{grid-template-columns:1fr}}