/*
Theme Name: tapbuilt-lawnpro
Theme URI: https://example.com/tapbuilt-lawnpro
Author: TapBuilt
Author URI: https://example.com
Description: Premium one-page lawncare theme with interactive sections, before/after slider, FAQ accordion, and AJAX contact form. Mobile-first, super fast, no page builder required.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: tapbuilt-lawnpro
Tags: one-column, custom-menu, featured-images
*/

/* Base, mobile-first styles */
:root{--bg:#0b0b0b;--fg:#111;--text:#1f2937;--muted:#6b7280;--card:#ffffff;--brand:#059669;--brand-2:#16a34a;--ring:rgba(5,150,105,.3)}
@media(prefers-color-scheme:dark){:root{--bg:#0b0b0b;--fg:#0f1113;--text:#e5e7eb;--muted:#9ca3af;--card:#121416}}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; color:var(--text); background:linear-gradient(180deg,#ecfdf5 0%,#f0fdf4 100%)}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin-inline:auto;padding:0 1rem}
.section{padding:72px 0}
.h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;font-weight:800}
.h2{font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.15;font-weight:800}
.lead{font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted)}
.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.8rem 1rem;border-radius:14px;border:1px solid #00000014;background:#0f172a;color:#fff;font-weight:700;box-shadow:0 6px 20px #00000014;text-decoration:none}
.btn:hover{opacity:.9}
.btn-alt{background:#fff;border-color:#0000001a;color:#0f172a}
.badge{display:inline-flex;gap:.5rem;align-items:center;font-size:.75rem;padding:.35rem .6rem;border-radius:999px;border:1px solid #065f4633;background:#ecfdf5;color:#065f46}
.grid{display:grid;gap:1rem}
.two{grid-template-columns:1fr}
.three{grid-template-columns:1fr}
@media(min-width:720px){.two{grid-template-columns:1.2fr .8fr}.three{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid #0000000f;border-radius:18px;box-shadow:0 4px 18px #0000000a;padding:1.25rem}
.pill{display:inline-block;padding:.4rem .75rem;border-radius:999px;border:1px solid #065f4626;background:#ffffffaa}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(150%) blur(8px);background:#ffffffc7;border-bottom:1px solid #00000012}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav a{color:#111;text-decoration:none}
.nav .menu{display:none;gap:1rem}
@media(min-width:900px){.nav .menu{display:flex}}
.mobile-toggle{display:inline-flex;padding:.5rem .75rem;border-radius:12px;border:1px solid #00000020}
@media(min-width:900px){.mobile-toggle{display:none}}
.hero{position:relative;overflow:hidden}
.hero-illus{position:relative;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 30px #00000012;background:linear-gradient(180deg,#bbf7d0 0%,#86efac 100%)}
.hero-illus .strap{position:absolute;left:16px;bottom:16px;display:flex;gap:.5rem}
.list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.list li{display:flex;gap:.5rem;align-items:center}
.icon{width:18px;height:18px}
.pricing{display:grid;gap:1rem}
@media(min-width:900px){.pricing{grid-template-columns:repeat(3,1fr)}}
.tier{position:relative}
.tier.pop:before{content:"Most Popular";position:absolute;top:-10px;right:12px;background:var(--brand);color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:.7rem}
.range{accent-color:var(--brand)}
.faq-item{border-top:1px solid #00000012}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;width:100%;background:none;border:none;text-align:left;font-weight:600}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq-a.open{max-height:220px}
.footer{border-top:1px solid #00000012;padding:2rem 0}
.cta-fab{position:fixed;right:16px;bottom:16px;z-index:60}
.input{width:100%;padding:.75rem;border-radius:12px;border:1px solid #0000001a;background:#fff;box-shadow:0 1px 2px #00000006}
.input:focus{outline:2px solid var(--ring);border-color:transparent}
.small{font-size:.8rem;color:var(--muted)}
.hidden{display:none}

/* Utility */
.center{text-align:center}
.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}