:root{--primary:#0f172a;--primary-light:#1e3a5f;--secondary:#059669;--accent:#f59e0b;--text:#334155;--text-light:#64748b;--bg:#f8fafc;--white:#fff;--border:#e2e8f0;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.12)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6;background:var(--bg)}
a{color:var(--secondary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{background:var(--primary);padding:16px 0;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:24px;font-weight:800;color:var(--white);text-decoration:none}
.logo span{color:var(--accent)}
.main-nav .nav-menu{display:flex;list-style:none;gap:4px}
.main-nav .nav-menu a{color:rgba(255,255,255,.85);padding:8px 12px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .2s}
.main-nav .nav-menu a:hover{background:rgba(255,255,255,.1);color:var(--white);text-decoration:none}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0}

/* Hero Sections */
.home-hero,.niche-hero,.city-hero,.state-hero,.state-niche-hero,.city-service-hero,.deep-hero,.category-hero{padding:60px 0 40px;text-align:center}
.home-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}
.niche-hero,.state-niche-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}
.city-service-hero,.deep-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}
.city-hero,.state-hero,.category-hero{background:linear-gradient(135deg,var(--primary) 0%,#334155 100%)}
h1{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--white);margin-bottom:12px;line-height:1.2}
.hero-sub{font-size:18px;color:rgba(255,255,255,.85);max-width:700px;margin:0 auto 24px}

/* Search */
.search-box{max-width:500px;margin:0 auto}
.search-box form{display:flex;gap:8px}
.search-box input{flex:1;padding:14px 18px;border:none;border-radius:var(--radius);font-size:16px;outline:none}
.search-box button{padding:14px 24px;background:var(--accent);color:var(--primary);border:none;border-radius:var(--radius);font-weight:700;font-size:16px;cursor:pointer;transition:all .2s}
.search-box button:hover{background:#d97706}

/* Breadcrumb */
.breadcrumb{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:16px}
.breadcrumb a{color:rgba(255,255,255,.85)}
.breadcrumb a:hover{color:var(--white)}

/* Content Grid */
.content-section{padding:40px 0}
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:40px}
.content-main h2{font-size:24px;font-weight:700;margin:32px 0 12px;color:var(--primary)}
.content-main p{margin-bottom:16px;font-size:16px}
.content-main p:first-of-type{font-size:17px}

/* Niche Grid */
.niche-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0}
.niche-card{background:var(--white);border-radius:var(--radius);padding:24px;border:1px solid var(--border);transition:all .2s;text-decoration:none;color:var(--text)}
.niche-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}
.niche-card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.niche-card p{font-size:14px;color:var(--text-light);margin:0}
.niche-stat-preview{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;font-weight:600;color:var(--secondary)}

/* Category Grid */
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:24px 0}
.category-card{background:var(--white);border-radius:var(--radius);padding:28px 20px;border:1px solid var(--border);text-align:center;transition:all .2s;text-decoration:none;color:var(--text)}
.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}
.cat-icon{font-size:36px;color:var(--secondary);margin-bottom:12px}
.category-card h3{font-size:16px;font-weight:700;margin-bottom:6px}
.category-card p{font-size:13px;color:var(--text-light);margin:0}
.cat-count{display:inline-block;margin-top:10px;padding:4px 12px;background:var(--bg);border-radius:20px;font-size:12px;font-weight:600;color:var(--secondary)}

/* State Grid */
.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:24px 0}
.state-card{background:var(--white);border-radius:var(--radius);padding:16px;border:1px solid var(--border);transition:all .2s;text-decoration:none;color:var(--text);display:flex;flex-direction:column}
.state-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none}
.state-name{font-weight:600;font-size:15px}
.state-meta{font-size:12px;color:var(--text-light);margin-top:4px}

/* City Grid */
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:24px 0}
.city-card{background:var(--white);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border);font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;color:var(--text);display:flex;justify-content:space-between;align-items:center}
.city-card:hover{border-color:var(--accent);text-decoration:none}
.city-pop{font-size:12px;color:var(--text-light);white-space:nowrap}

/* Sidebar */
.content-sidebar{display:flex;flex-direction:column;gap:20px}
.sidebar-card{background:var(--white);border-radius:var(--radius);padding:24px;border:1px solid var(--border)}
.sidebar-card h3{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--primary)}
.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}
.stat-row:last-child{border-bottom:none}
.stat-label{color:var(--text-light)}
.stat-value{font-weight:600}
.cta-card{text-align:center}
.cta-card p{margin-bottom:16px;font-size:14px;color:var(--text-light)}

/* Buttons */
.btn-primary{display:inline-block;padding:14px 28px;background:var(--secondary);color:var(--white);border-radius:var(--radius);font-weight:700;font-size:16px;transition:all .2s;text-decoration:none}
.btn-primary:hover{background:var(--secondary);text-decoration:none;transform:translateY(-1px)}
.cta-box{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:var(--radius);padding:32px;text-align:center;margin:32px 0}
.cta-box h3{color:var(--white);margin-bottom:8px}
.cta-box p{color:rgba(255,255,255,.85);margin-bottom:20px}
.cta-box .btn-primary{background:var(--accent);color:var(--primary)}

/* Related List */
.related-list{list-style:none}
.related-list li{padding:6px 0;border-bottom:1px solid var(--border)}
.related-list li:last-child{border-bottom:none}
.related-list a{font-size:14px}

/* View All Link */
.view-all-link{display:inline-block;margin-top:16px;font-weight:600;font-size:15px}

/* FAQ */
.faq-list{margin:24px 0}
.faq-item{border-bottom:1px solid var(--border);padding:16px 0}
.faq-item h3{font-size:16px;font-weight:600;margin-bottom:8px}
.faq-item p{font-size:14px;color:var(--text-light);margin:0}

/* Static Pages */
.static-page{padding:40px 0;max-width:800px;margin:0 auto}
.static-page h1{color:var(--primary);margin-bottom:24px}
.static-page h2{color:var(--primary);margin:28px 0 12px;font-size:22px}
.static-page p{margin-bottom:16px}

/* Error Page */
.error-page{padding:80px 0;text-align:center}
.error-page h1{color:var(--primary);margin-bottom:16px}

/* Footer */
.site-footer{background:var(--primary);color:rgba(255,255,255,.7);padding:48px 0 24px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:32px}
.footer-col h4{color:var(--white);font-size:16px;margin-bottom:16px}
.footer-col p{font-size:14px;line-height:1.7}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul a{color:rgba(255,255,255,.7);font-size:14px}
.footer-col ul a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;font-size:13px}

/* Responsive */
@media(max-width:900px){
.content-grid{grid-template-columns:1fr}
.content-sidebar{order:-1}
.main-nav .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--primary);flex-direction:column;padding:16px}
.main-nav .nav-menu.open{display:flex}
.nav-toggle{display:block}
.header-inner{position:relative}
}
@media(max-width:600px){
.niche-grid,.category-grid{grid-template-columns:1fr}
.state-grid,.city-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
h1{font-size:26px}
.search-box form{flex-direction:column}
}