:root{--paper:#f5f0e4;--ink:#17211a;--deep:#173a2a;--accent:#e45f2b;--signal:#ffca58;--soft:#dfe9dc;--line:rgba(23,33,26,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.55 'Karla',sans-serif;overflow-x:hidden}
body[data-trade="hvac"]{--deep:#123d49;--accent:#e65d36;--signal:#83d5e5;--soft:#dcebef}
body[data-trade="plumbing"]{--deep:#173f5f;--accent:#dc592f;--signal:#75c8dc;--soft:#dbe9ee}
body[data-trade="roofing"]{--deep:#402b27;--accent:#ce512f;--signal:#efba57;--soft:#eee2d6}
body[data-trade="auto-repair"]{--deep:#20252a;--accent:#da4932;--signal:#e9bb3d;--soft:#e2e3df}
body[data-trade="electrician"]{--deep:#202b50;--accent:#e85d2f;--signal:#f2cc47;--soft:#e6e8f0}
body[data-trade="painting"]{--deep:#4a294b;--accent:#c74f35;--signal:#77d1c6;--soft:#eee1eb}
body[data-trade="landscaping"]{--deep:#23442c;--accent:#d95f32;--signal:#b9dd6d;--soft:#e0ead9}
body[data-trade="tree-service"]{--deep:#354123;--accent:#ce572e;--signal:#d8c56d;--soft:#e6e7d6}
::selection{background:var(--signal);color:var(--ink)}
a{color:inherit}
.wrap{width:min(1140px,calc(100% - 42px));margin-inline:auto}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.25rem 'Fraunces',serif}
.brand-mark{width:31px;height:27px}
.nav-cta{font-weight:800;text-decoration:none;border-bottom:2px solid var(--accent)}
.hero{padding:78px 0 66px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;width:330px;height:330px;border:1px dashed color-mix(in srgb,var(--deep) 30%,transparent);border-radius:50%;top:-210px;right:0;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:74px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--accent);font-weight:800;font-size:.72rem;letter-spacing:.19em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--accent)}
h1,h2,h3{font-family:'Fraunces',serif;line-height:1.03;letter-spacing:-.025em}
h1{font-size:clamp(3rem,7vw,5.7rem);font-weight:640;margin:0;max-width:12ch}
h1 em{color:var(--deep);font-weight:500}
.lede{font-size:clamp(1.05rem,2vw,1.25rem);max-width:39rem;color:#3d483f;margin:25px 0 0}
.price-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:31px}
.btn{display:inline-flex;justify-content:center;align-items:center;border:2px solid var(--deep);border-radius:999px;background:var(--accent);color:#fff;padding:13px 23px;text-decoration:none;font-weight:800;box-shadow:0 4px 0 var(--deep);transition:.15s transform,.15s box-shadow;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--deep)}
.micro{font-weight:700;font-size:.9rem;color:#566057}.micro strong{color:var(--deep)}
.trade-card{position:relative;min-height:410px;padding:35px;border:2px solid var(--ink);border-radius:18px;background:var(--deep);color:#fff;box-shadow:13px 13px 0 var(--signal);overflow:hidden;transform:rotate(1deg)}
.trade-card::before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.3);border-radius:10px}
.trade-icon{height:165px;display:grid;place-items:center;color:var(--signal);position:relative}
.trade-icon svg{width:150px;height:150px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.card-number{font:800 .72rem 'Karla',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--signal);position:relative}
.trade-card h2{font-size:2.05rem;margin:13px 0 8px;position:relative}
.trade-card p{color:rgba(255,255,255,.76);position:relative;margin:0;max-width:28ch}
.proof-strip{background:var(--deep);color:#fff;padding:17px 0}
.proof-line{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.proof-line span:not(:last-child)::after{content:"◆";margin-left:22px;color:var(--signal);font-size:.62rem}
section{padding:86px 0}
.section-head{max-width:690px;margin-bottom:42px}.section-head h2{font-size:clamp(2.15rem,5vw,3.6rem);margin:0}.section-head p{color:#4c574e;max-width:58ch}
.deliverables{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line);gap:1px}
.deliverable{background:#faf6ec;padding:31px 28px;min-height:215px}
.deliverable b{display:block;color:var(--accent);font:600 italic 2rem 'Fraunces',serif;margin-bottom:23px}
.deliverable h3{font-size:1.22rem;margin:0 0 8px}.deliverable p{font-size:.94rem;color:#526055;margin:0}
.specific{background:var(--soft);border-block:1px solid var(--line)}
.specific-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.specific h2{font-size:clamp(2.2rem,5vw,3.8rem);margin:0}.specific h2 em{color:var(--accent);font-weight:500}
.checklist{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.checklist li{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:19px 0;border-bottom:1px solid rgba(23,33,26,.2)}
.checklist li::before{content:"✓";width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-weight:800}
.checklist strong{display:block}.checklist small{color:#526055;font-size:.87rem}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;counter-reset:step}
.step{counter-increment:step;padding:27px;border:1px solid var(--line);border-radius:12px;background:#faf6ec}
.step::before{content:"0" counter(step);display:block;color:var(--accent);font:600 italic 2.6rem 'Fraunces',serif}.step h3{font-size:1.3rem;margin:7px 0}.step p{font-size:.94rem;color:#526055;margin:0}
.conversion{background:var(--deep);color:#fff;position:relative;overflow:hidden}
.conversion::before{content:"";position:absolute;width:390px;height:390px;border:80px solid color-mix(in srgb,var(--signal) 13%,transparent);border-radius:50%;bottom:-300px;left:-170px}
.form-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.conversion h2{font-size:clamp(2.45rem,6vw,4.4rem);margin:0}.conversion h2 em{color:var(--signal);font-weight:500}.conversion .promise{color:rgba(255,255,255,.76);max-width:36ch}.no-risk{list-style:none;padding:0;margin:25px 0 0}.no-risk li{padding:7px 0;font-weight:700}.no-risk li::before{content:"—";color:var(--signal);margin-right:10px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:var(--paper);color:var(--ink);padding:31px;border-radius:14px;box-shadow:10px 10px 0 var(--signal)}
.lead-form .wide{grid-column:1/-1}.lead-form label{display:block;font-weight:800;font-size:.8rem;margin-bottom:6px}.lead-form input,.lead-form textarea{display:block;width:100%;border:1px solid rgba(23,33,26,.28);border-radius:8px;background:#fff;padding:13px;font:inherit}.lead-form textarea{min-height:104px;resize:vertical}.lead-form input:focus,.lead-form textarea:focus{outline:3px solid color-mix(in srgb,var(--signal) 60%,transparent);border-color:var(--deep)}.lead-form button{width:100%;font:800 1rem 'Karla',sans-serif}.form-note{margin:0;color:#667067;font-size:.78rem;text-align:center}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.faq{max-width:850px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:600 1.18rem 'Fraunces',serif}.faq details p{color:#4c574e;max-width:65ch}
.site-footer{padding:29px 0;border-top:1px solid var(--line);font-size:.83rem;color:#5d675e}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot a{font-weight:700}
@media(max-width:820px){.hero{padding-top:52px}.hero-grid,.specific-grid,.form-grid{grid-template-columns:1fr;gap:42px}.hero-grid{grid-template-columns:1fr}.trade-card{min-height:340px;max-width:520px}.deliverables,.process-grid{grid-template-columns:1fr 1fr}.proof-line span:not(:last-child)::after{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1140px)}.nav-cta{font-size:.82rem}.hero::after{display:none}h1{font-size:clamp(2.75rem,15vw,4.3rem)}section{padding:66px 0}.deliverables,.process-grid,.lead-form{grid-template-columns:1fr}.lead-form>*{grid-column:1!important}.trade-card{min-height:320px;padding:27px;box-shadow:8px 8px 0 var(--signal)}.trade-icon{height:135px}.trade-icon svg{width:120px;height:120px}.proof-line{justify-content:flex-start}.proof-line span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
