
:root{--ink:#201515;--body:#36342e;--cream:#fffefb;--cream2:#fffdf9;--sand:#c5c0b1;--light:#eceae3;--muted:#939084;--mid:#b5b2aa;--orange:#ff4f00}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--body);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--ink)}
h1,h2,h3,h4{color:var(--ink)}
.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-1.6px}
.topbar{background:#151a20;color:#f7f5f1;font-size:13px}
.topbar .wrap{max-width:1200px;margin:0 auto;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar a{color:#f7f5f1;text-decoration:underline;text-underline-offset:3px}
.topbar a:hover{text-decoration:none}
.topbar .tb-label{color:var(--mid)}
header.site{background:var(--cream);border-bottom:1px solid var(--sand);position:sticky;top:0;z-index:50}
.nav{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-0.5px;color:var(--ink);text-decoration:none;margin-right:16px}
.brand .mark{width:34px;height:34px;border-radius:8px;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;flex:none}
.brand .mark svg{width:18px;height:18px}
.navlinks{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.navlinks a{padding:12px 14px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none;box-shadow:0 0 0 0 inset}
.navlinks a:hover{box-shadow:rgb(197,192,177) 0px -4px 0px 0px inset}
.navlinks a[aria-current="page"]{box-shadow:rgb(255,79,0) 0px -4px 0px 0px inset}
.btn{display:inline-block;padding:8px 16px;border-radius:4px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;text-align:center;border:1px solid transparent;cursor:pointer}
.btn-sm{background:var(--orange);border:1px solid var(--orange);color:#fffefb}
.btn-sm:hover{background:#e64700;border-color:#e64700}
.btn-lg{padding:20px 24px;border-radius:8px}
.btn-dark{background:var(--ink);border:1px solid var(--ink);color:#fffefb}
.btn-dark:hover{background:var(--sand);border-color:var(--sand);color:var(--ink)}
.btn-light{background:var(--light);border:1px solid var(--sand);color:var(--body)}
.btn-light:hover{background:var(--sand);color:var(--ink)}
.hero{max-width:1200px;margin:0 auto;padding:80px 24px 56px;text-align:center}
.kicker{display:inline-block;font-size:14px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
h1.display{font-size:clamp(40px,7vw,72px);font-weight:500;line-height:0.95;letter-spacing:-1.5px;margin:0 0 24px}
.hero p.sub{font-size:20px;line-height:1.4;letter-spacing:-0.2px;max-width:680px;margin:0 auto 32px}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-note{font-size:14px;color:var(--muted);margin:16px 0 0}
.hero-img{margin-top:56px;text-align:left}
section.band{border-top:1px solid var(--sand)}
.container{max-width:1200px;margin:0 auto;padding:64px 24px}
h2.sec{font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.04;letter-spacing:-1px;margin:0 0 16px}
.sec-intro{max-width:680px;font-size:18px;margin:0 0 40px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:28px 24px}
.card h3{font-size:20px;font-weight:600;letter-spacing:-0.4px;margin:0 0 8px}
.card p{margin:0 0 16px;font-size:16px;line-height:1.5}
.card .more{font-weight:600;font-size:14px;color:var(--ink);text-decoration:underline}
.card .more:hover{text-decoration:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.checks{list-style:none;margin:24px 0 32px;padding:0}
.checks li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:17px}
.checks .tick{flex:none;width:24px;height:24px;border-radius:6px;background:var(--light);border:1px solid var(--sand);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink);margin-top:2px}
.pills{display:flex;flex-wrap:wrap;gap:12px}
.pill{background:var(--cream2);border:1px solid var(--sand);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--body);text-decoration:none}
.pill:hover{background:var(--sand);color:var(--ink)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tcard{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:28px 24px}
.stars{color:var(--mid);letter-spacing:3px;font-size:15px;margin:0 0 12px}
.tcard blockquote{margin:0 0 16px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--ink)}
.tcard .who{font-size:13px;color:var(--muted)}
.ctaband{background:var(--cream2)}
.ctaband .inner{max-width:760px;margin:0 auto;text-align:center;padding:72px 24px}
.ctaband .inner p{font-size:18px;margin:0 0 32px}
.ctaband .inner .hero-ctas{margin-top:0}
footer.site{background:#151a20;color:#f7f5f1}
.fgrid{max-width:1200px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer.site h4{font-size:13px;text-transform:uppercase;letter-spacing:0.5px;color:#f7f5f1;margin:0 0 14px}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin:0 0 10px}
footer.site a{color:var(--sand);text-decoration:none;font-size:15px}
footer.site a:hover{color:#fffefb;text-decoration:underline}
footer.site p{color:var(--sand);font-size:15px;margin:0 0 12px}
.fbrand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:#fffefb;text-decoration:none;margin-bottom:16px}
.fbrand .mark{width:30px;height:30px;border-radius:7px;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;flex:none}
.fbrand .mark svg{width:16px;height:16px}
.fbottom{border-top:1px solid rgba(247,245,241,0.15)}
.fbottom .wrap{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--mid)}
.fbottom a{color:var(--sand)}
@media(max-width:960px){.grid3,.tgrid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid3,.tgrid{grid-template-columns:1fr}.hero{padding:56px 20px 48px}.container{padding:48px 20px}.btn-lg{padding:16px 20px}.fgrid{grid-template-columns:1fr}}

.topbar-inner{max-width:1200px;margin:0 auto;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.3px;color:#f7f5f1;text-decoration:none}
.topbar-contact{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.topbar-note{color:var(--mid);font-size:13px}
.site-header{background:var(--cream);border-bottom:1px solid var(--sand);position:sticky;top:0;z-index:50}
.header-inner{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;flex:none}
.brand-mark svg{width:18px;height:18px}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-sub{font-size:11px;font-weight:500;letter-spacing:0.6px;text-transform:uppercase;color:var(--muted)}
.site-nav,.mainnav,.main-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;align-items:center}
.site-nav a,.mainnav a,.main-nav a{padding:12px 14px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none;box-shadow:0 0 0 0 inset}
.site-nav a:hover,.mainnav a:hover,.main-nav a:hover{box-shadow:rgb(197,192,177) 0px -4px 0px 0px inset}
.site-nav a[aria-current="page"],.mainnav a[aria-current="page"],.main-nav a[aria-current="page"]{box-shadow:rgb(255,79,0) 0px -4px 0px 0px inset}
.nav-links{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.nav-links a{padding:12px 14px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none}
.nav-links a:hover{box-shadow:rgb(197,192,177) 0px -4px 0px 0px inset}
.nav-cta{margin-left:12px}
.btn-primary{background:var(--orange);border:1px solid var(--orange);color:#fffefb}
.btn-primary:hover{background:#e64700;border-color:#e64700}
.btn-outline{background:transparent;border:1px solid var(--sand);color:var(--ink)}
.btn-outline:hover{background:var(--sand);color:var(--ink)}
.btn-ghost{background:transparent;border:1px solid transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.btn-ghost:hover{color:var(--orange)}
.btn-submit{background:var(--orange);border:1px solid var(--orange);color:#fffefb;padding:14px 24px;font-size:16px;border-radius:4px;width:100%}
.btn-submit:hover{background:#e64700;border-color:#e64700}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;text-align:left}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0 16px}
.page-hero{background:var(--light);border-bottom:1px solid var(--sand)}
.page-hero .container{padding:72px 24px}
.eyebrow{display:inline-block;font-size:14px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.lead{font-size:20px;line-height:1.4;letter-spacing:-0.2px;max-width:680px;margin:0 0 32px;color:var(--body)}
.section{padding:64px 0;border-top:1px solid var(--sand)}
.section-alt{background:var(--light)}
.content-section{padding:56px 0}
.section-sub{max-width:680px;font-size:18px;margin:0 0 40px}
.container .narrow,.narrow{max-width:760px;margin:0 auto}
.content{max-width:760px;margin:0 auto;font-size:17px;line-height:1.65}
.content h2{font-size:28px;margin:40px 0 12px}
.content h3{font-size:20px;margin:28px 0 8px}
.content p{margin:0 0 16px}
.content ul,.content ol{margin:0 0 16px;padding-left:24px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.services-intro{max-width:680px;font-size:18px;margin:0 0 40px}
.service-cards,.card-grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:28px 24px}
.service-card h3{font-size:20px;font-weight:600;letter-spacing:-0.4px;margin:0 0 8px}
.service-card p{margin:0 0 16px;font-size:16px}
.service-card .more{font-weight:600;font-size:14px;color:var(--ink);text-decoration:underline}
.service-card .more:hover{text-decoration:none}
.tick-list{list-style:none;margin:24px 0;padding:0}
.tick-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:17px}
.tick-list li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:6px;background:var(--light);border:1px solid var(--sand);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink)}
.process,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
.step{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:28px 24px}
.step-number{width:36px;height:36px;border-radius:50%;background:var(--orange);color:#fffefb;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 16px}
.step h3{font-size:19px;margin:0 0 8px}
.step p{margin:0;font-size:16px}
.hours-table{width:100%;border-collapse:collapse;font-size:16px}
.hours-table th,.hours-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--sand)}
.hours-table th{color:var(--ink);font-weight:600}
.table-wrap{overflow-x:auto;background:var(--cream2);border:1px solid var(--sand);border-radius:8px}
.table-wrap table{width:100%;border-collapse:collapse}
.table-wrap th,.table-wrap td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--sand)}
.table-wrap tr:last-child td{border-bottom:0}
.testimonial{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:28px 24px}
.testimonial blockquote{margin:0 0 16px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--ink)}
.quote-cta{background:var(--light);border:1px solid var(--sand);border-radius:8px;padding:32px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.quote-intro{max-width:680px;font-size:18px;margin:0 0 40px}
.quote-form-section{background:var(--light)}
.quote-form{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:32px;max-width:720px;margin:0 auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.quote-form label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:12px 14px;border:1px solid var(--sand);border-radius:4px;background:var(--cream);color:var(--body);font-family:inherit;font-size:16px;margin-bottom:16px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.quote-help{max-width:520px;margin:40px auto 0;font-size:14px;color:var(--muted);text-align:center}
.form-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.contact-form{background:var(--cream2);border:1px solid var(--sand);border-radius:8px;padding:32px}
.contact-form label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--sand);border-radius:4px;background:var(--cream);color:var(--body);font-family:inherit;font-size:16px;margin-bottom:16px}
.pricing-note{font-size:14px;color:var(--muted);margin:24px 0 0}
.note{font-size:14px;color:var(--muted);font-style:italic}
.cta,.cta-band{background:var(--ink);color:#f7f5f1;border-top:0}
.cta h2,.cta-band h2{color:#fffefb}
.cta-inner,.cta .container,.cta-band .container{max-width:1200px;margin:0 auto;padding:72px 24px;text-align:center}
.cta p,.cta-band p{color:var(--sand);font-size:18px;max-width:640px;margin:0 auto 32px}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.site-footer{background:#151a20;color:#c5c0b1;font-size:14px;border-top:1px solid var(--sand)}
.footer-inner{max-width:1200px;margin:0 auto;padding:56px 24px 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand{font-weight:700;font-size:18px;color:#f7f5f1;margin-bottom:12px;letter-spacing:-0.4px}
.footer-col h4{color:#f7f5f1;font-size:14px;text-transform:uppercase;letter-spacing:0.6px;margin:0 0 16px}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin:0 0 10px}
.footer-col a{color:#c5c0b1;text-decoration:none}
.footer-col a:hover{color:#fffefb;text-decoration:underline}
.footer-nav{display:flex;flex-direction:column}
.footer-bottom{border-top:1px solid #2a2f36;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.footer-legal{margin:0}
.last-updated{font-size:13px;color:var(--muted)}
.legal-content{max-width:760px;margin:0 auto;font-size:16px;line-height:1.65}
.legal-content h2{font-size:24px;margin:36px 0 12px}
.legal-content h3{font-size:18px;margin:24px 0 8px}
.legal-content p,.legal-content li{margin:0 0 12px}
@media(max-width:900px){.hero-grid,.split,.intro-grid{grid-template-columns:1fr}.service-cards,.card-grid,.cards,.tgrid,.process,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.service-cards,.card-grid,.cards,.tgrid,.process,.steps,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:56px 20px 40px}.container,.cta-inner,.cta-band .container{padding:48px 20px}.quote-form,.contact-form{padding:24px}}

.alt{background:var(--light)}
.alt .btn-light,.alt .checks .tick{background:var(--cream2)}
