@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.nav{min-height:76px}.brand{width:225px;padding-top:27px}.wordmark{font-size:33px}.wordmark small{font-size:11px;letter-spacing:.4em}.roofmark{width:167px;left:28px;top:-8px;height:46px}nav{gap:30px;font-size:16px}.button.small{padding:10px 26px}.reference-hero{min-height:390px;padding:26px 0 21px;background-image:linear-gradient(90deg,#050509df 0%,#09070c9a 44%,#05050800 73%),url('/assets/driveway-hero.webp');background-position:center 57%}.reference-hero h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:59px;line-height:1.03;letter-spacing:.01em!important;margin:8px 0 4px}.reference-hero h1 span{color:#9400ff}.reference-hero h2{font-size:30px;margin:3px 0}.reference-hero p{margin:5px 0 12px;max-width:540px;font-size:18px;line-height:1.2}.reference-actions .button{min-width:250px;min-height:45px;padding:9px 26px}.hero-features{margin-top:17px;gap:28px}.reference-services{padding:15px 0 13px}.compact-heading{margin-bottom:11px}.compact-heading h2{font-size:33px}.service-photo{height:91px}.service-card{padding-bottom:10px;position:relative}.service-card .service-icon{width:40px;height:40px;margin-top:-24px;margin-bottom:0}.service-card h3{font-size:19px;margin:2px 0 5px}.service-card p{margin:0;padding-right:7px;font-size:14px;line-height:1.17}.service-card .text-link{display:none}.service-card:hover{transform:translateY(-2px)}.project-feature{padding:9px 0;background:#f5f5f7}.project-grid{grid-template-columns:2fr .92fr;gap:42px}.project-grid .comparison-figure{height:auto;overflow:visible;border-radius:5px}.comparison{height:205px;position:relative;overflow:hidden;border-radius:5px;isolation:isolate;background:#dedbd8}.comparison-photo{position:absolute;inset:0;background-image:url('/assets/garage-comparison-wide.webp');background-size:200% 100%;background-repeat:no-repeat;pointer-events:none}.comparison-after{background-position:100% 50%}.comparison-before{background-position:0% 50%;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-label{position:absolute;top:14px;background:#080808ed;color:#fff;padding:5px 14px;border-radius:4px;font:700 18px 'Barlow Condensed',sans-serif;pointer-events:none}.before-label{left:14px}.after-label{right:14px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:white;pointer-events:none;filter:drop-shadow(0 1px 4px #0003)}.comparison-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;white-space:pre;background:white;color:var(--purple);border-radius:50%;width:49px;height:49px;font:700 34px/1 Arial,sans-serif;padding-bottom:4px;box-shadow:0 2px 6px #0002}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:4}.comparison:focus-within{outline:3px solid var(--purple);outline-offset:4px}.project-grid .comparison-figure figcaption{position:static;background:none;color:#6a626f;text-align:center;padding:4px 0 0;font:11px/1.3 Barlow,sans-serif;letter-spacing:0}.project-grid h2{font-size:33px;line-height:1.02;max-width:270px;margin:8px 0}.project-grid .eyebrow{font-size:14px}.comparison-copy .eyebrow:before{content:'';display:inline-block;width:30px;height:3px;vertical-align:middle;background:var(--purple);margin-right:10px}.project-grid p{font-size:16px;line-height:1.15;margin:7px 0 8px}.project-grid .button{width:100%;min-height:33px;padding:5px 17px;margin-top:0;font-size:16px}.area-reviews{padding:17px 0 20px;background-image:linear-gradient(#0e1013ed,#101018f5),url('/assets/driveway-hero.webp');background-size:cover;background-position:center}.area-reviews-grid{grid-template-columns:1fr 1.65fr;gap:34px}.area-reviews h2{font-size:32px}.area-reviews .eyebrow{display:none}.area-reviews p{font-size:14px;margin:8px 0}.area-note{font-size:11px!important}.review-panel{background:none;padding:0;color:white}.review-panel h2{font-size:30px;margin:0 0 12px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-placeholder{background:#fff;color:var(--ink);margin:0;border:0;padding:14px 16px;min-height:130px}.review-placeholder p{font-size:14px;margin:8px 0}.review-placeholder>span:last-child{font-size:12px;line-height:1.3;color:#6d6376}.review-disclosure{font-size:11px!important;color:#cfc2d9}.preview-notice{margin:-20px 0 35px;background:#18101f}.process.section{padding:40px 0}.section.faq{padding:42px 0}
@media(min-width:781px) and (max-width:1100px){nav{gap:14px}.brand{width:180px}.wordmark{font-size:27px}.roofmark{width:140px;left:20px}.reference-hero h1{font-size:54px}.project-grid{gap:25px}.service-card h3{font-size:17px}}
@media(max-width:780px){.nav{min-height:81px}.brand{width:195px;padding-top:25px}.roofmark{width:140px;left:24px;top:-5px;height:40px}.wordmark{font-size:28px}.wordmark small{font-size:9px}.reference-hero{min-height:0;padding:245px 0 30px;background-image:linear-gradient(0deg,#050508 0%,#08070bea 46%,#05050800 90%),url('/assets/driveway-hero.webp');background-position:65% top}.reference-hero h1{font-size:clamp(34px,9vw,62px);line-height:1.14}.reference-hero h2{font-size:24px;margin:9px 0 15px}.reference-hero p{font-size:17px;line-height:1.35;margin:0 0 22px}.reference-actions .button{min-height:49px;font-size:20px}.hero-features{gap:10px;margin:24px 0 17px}.reference-services{padding:24px 0}.compact-heading h2{font-size:30px}.service-photo{height:101px}.service-card{padding-bottom:13px}.service-card h3{font-size:20px}.service-card p{font-size:14px;padding-right:0}.service-card:last-child p{padding-bottom:12px}.project-feature{padding:26px 0}.project-grid{display:grid;grid-template-columns:1fr;gap:20px}.comparison-copy{grid-row:1}.project-grid h2{max-width:300px;font-size:35px}.project-grid p{font-size:17px;line-height:1.3}.project-grid .button{min-height:44px;font-size:18px;margin-top:9px}.comparison{height:240px}.project-grid .comparison-figure{height:auto}.project-grid .comparison-figure figcaption{font-size:10px;padding-top:8px}.comparison-label{font-size:16px;top:12px}.area-reviews{padding:28px 0}.area-reviews-grid{grid-template-columns:1fr;gap:28px}.review-grid{grid-template-columns:1fr}.review-placeholder{min-height:0;padding:14px 19px}.review-placeholder:not(:first-child){display:none}.review-placeholder p{font-size:16px}.review-placeholder>span:last-child{font-size:14px}.review-panel h2{font-size:30px}.area-reviews p{font-size:16px}.review-disclosure{font-size:12px!important}.preview-notice{margin:-20px 0 30px}.process.section,.section.faq{padding:35px 0}}
.comparison-photo{background-image:url("/assets/garage-comparison-wide.webp");background-size:100% 200%}.comparison-before{background-position:50% 0%}.comparison-after{background-position:50% 100%}
.nav{min-height:86px}.roofmark{top:0;height:39px}@media(max-width:780px){.nav{min-height:82px}.roofmark{top:0;height:35px}.comparison-photo{background-size:auto 200%;background-position-x:50%}}
/* User-supplied approved logo, preserved without redrawing or recoloring. */
.brand{display:block;width:240px;padding:0;line-height:0;flex-shrink:0}.approved-logo{display:block;width:100%;height:auto;object-fit:contain}.nav{min-height:90px}footer .brand{width:240px;max-width:100%;margin-top:0;background:#fff;border-radius:4px;overflow:hidden}footer .footer-grid{grid-template-columns:1.4fr 1.1fr .8fr 1fr}@media(min-width:781px) and (max-width:1100px){.brand{width:195px}}@media(max-width:780px){.brand{width:205px}.nav{min-height:82px}footer .brand{width:240px;max-width:100%}}@media(max-width:360px){.brand{width:185px}}
@media(max-width:780px){footer .footer-grid{grid-template-columns:1fr 1fr}}
/* Shared desktop/mobile services navigation. */
header{position:relative;z-index:20}.services-dropdown{position:relative;padding:0;border:0}.services-dropdown>summary{display:flex;align-items:center;gap:7px;padding:12px 0;font:inherit;line-height:1.5;cursor:pointer;white-space:nowrap}.services-dropdown>summary:hover,.services-dropdown[open]>summary{color:var(--purple)}.services-dropdown>summary svg{transition:transform .15s}.services-dropdown[open]>summary svg{transform:rotate(180deg)}.services-menu{position:absolute;top:100%;left:-18px;width:260px;padding:9px;background:white;border:1px solid #e9e3ef;border-radius:7px;box-shadow:0 10px 28px #23143526;z-index:30}.services-menu a{display:block;padding:10px 12px;border-radius:4px;font:600 16px/1.3 'Barlow Condensed',sans-serif;white-space:normal;color:#17141d}.services-menu a:hover,.services-menu a:focus-visible,.services-menu a[aria-current]{background:#f3eaff;color:var(--purple)}.services-menu .services-overview{border-bottom:1px solid #e9e3ef;border-radius:0;margin-bottom:4px;padding-bottom:12px}@media(max-width:780px){.services-dropdown{width:100%}.services-dropdown>summary{padding:11px;justify-content:space-between}.services-menu{position:static;width:100%;box-shadow:none;background:#faf7ff;border:0;border-left:2px solid var(--purple);border-radius:0;margin:0 0 8px;padding:4px 8px}.services-menu a{padding:11px 12px;font-size:17px}}
@media(max-width:780px){nav{gap:0}}

/* Supporting pages share the established purple, black, and white system. */
.footer-cta{display:inline-block!important;color:#fff!important;border-bottom:1px solid #9c4dff;padding-bottom:3px;margin-top:8px!important}.hub-next{margin-top:38px;padding:28px;background:#f5f3f8;border-radius:8px;display:flex;align-items:center;gap:24px}.hub-next h2{font-size:28px;margin:0}.hub-next p{color:var(--muted);margin:0;flex:1}.related{padding-top:42px}.contact-section h2{font-size:32px}.quote-form{margin-top:25px}.note-box .sibling-links{display:grid;gap:8px}.note-box .sibling-links a{background:white}.jobs-list{max-width:1100px}.empty-jobs{max-width:820px;margin:0 auto;text-align:center;padding:55px 48px;background:#f6f3f9;border:1px solid #e7deee;border-radius:10px}.empty-jobs h2{font-size:38px;margin:12px 0}.empty-jobs p{max-width:680px;margin:0 auto;color:var(--muted)}.empty-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:27px}.jobs-services{margin-top:55px}.jobs-services h2{font-size:30px}.job-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:35px}.job-images{display:grid;grid-template-columns:1fr 1fr}.job-images figure{margin:0;position:relative}.job-images img{display:block;width:100%;height:320px;object-fit:cover}.job-images figcaption{position:absolute;left:15px;top:15px;background:#111;color:white;border-radius:4px;padding:6px 13px;font-weight:700}.job-content{padding:30px}.job-meta{color:var(--purple);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.job-content h2{font-size:33px}.job-content blockquote{margin:25px 0 0;padding:20px;border-left:4px solid var(--purple);background:#f7f3fb}.policy{max-width:850px}.policy h2{margin-top:38px}.policy a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.thank-you-page{padding:90px 0;background:#f6f3f8;min-height:60vh;display:grid;align-items:center}.thank-you-card{max-width:780px;text-align:center}.thank-you-card h1{font-size:55px;margin:14px 0}.thank-you-card p{font-size:18px;color:var(--muted);max-width:650px;margin:0 auto}.thank-you-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:30px}.area-reviews .review-panel p{max-width:600px}.area-reviews .review-panel .secondary-link{color:white;border-color:#9f5ce9}
@media(max-width:780px){.hub-next{display:block;padding:24px}.hub-next p{margin:10px 0 20px}.hub-next .button{width:100%}.empty-jobs{padding:38px 22px}.empty-jobs h2{font-size:32px}.empty-actions,.thank-you-actions{flex-direction:column;gap:18px}.empty-actions .button,.thank-you-actions .button{width:100%}.job-images{grid-template-columns:1fr}.job-images img{height:230px}.job-content{padding:24px}.thank-you-page{padding:60px 0}.thank-you-card h1{font-size:41px}.thank-you-card p{font-size:17px}footer .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}

/* Verified contact details and lead form states. */
.nav-phone{color:var(--purple);font-weight:800;white-space:nowrap}.closing-actions{display:flex;align-items:center;gap:12px}.closing .closing-quote{background:transparent;border:2px solid #fff;color:#fff;box-shadow:none}.closing .closing-quote:hover{background:#fff;color:#7100d5}.contact-options>a{display:block}.contact-phone{font:800 31px/1.2 'Barlow Condensed',sans-serif;color:var(--purple);margin:6px 0}.contact-email{font-size:14px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.note-phone{display:block;margin-top:16px;color:var(--purple);font-weight:800}.honey-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.field-help{font-size:12px;color:var(--muted);margin:1px 0 0}.form-actions a{text-decoration:underline;text-underline-offset:3px}.form-actions button[disabled]{cursor:wait;opacity:.72;transform:none}.form-status{margin-top:18px;padding:13px 16px;border-radius:5px;background:#f3ecfe;color:#4d3165}.form-status[data-type="error"]{background:#fff0f0;color:#8a2020;border-left:3px solid #b72a2a}.form-status:focus{outline:3px solid #a068f4;outline-offset:3px}input[type="file"]{padding:8px;background:#fff}.footer-cta+ .footer-cta{margin-top:2px!important}
@media(max-width:1180px) and (min-width:781px){nav{gap:10px}.nav-phone{font-size:14px}.button.small{padding-left:15px;padding-right:15px}}
@media(max-width:780px){.nav-phone{font-size:20px;background:#f6efff;border-radius:5px;margin:5px 0;padding:12px!important}.closing-actions{flex-direction:column;gap:10px;margin-top:24px}.closing-actions .button{width:100%;margin-top:0}.contact-phone{font-size:29px}}

/* Final service-page content refinements keep the approved visual system intact. */
.hub-copy{max-width:790px;margin-bottom:28px}.hub-copy h2{font-size:34px;margin:0 0 10px}.hub-copy p{color:var(--muted);margin:0}.service-detail .prose h2{margin-top:35px;margin-bottom:12px}.service-detail .prose>h2:first-child{margin-top:0}.service-detail .prose ul{padding-left:22px}.service-detail .notice{margin:24px 0}.service-faq{margin-top:38px}.service-faq>h2{margin-bottom:8px}.service-faq details{padding:15px 0}.service-return{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}.service-return .secondary-link{margin:0}.note-box .note-phone{text-align:center}.related{border-top:1px solid var(--line)}
@media(max-width:780px){.hub-copy h2{font-size:30px}.service-detail .prose h2{margin-top:30px}.service-return{display:block}.service-return .secondary-link{margin:5px 0}.service-detail .note-box .button{width:100%}}

/* Verified local project photography and service-area treatment. */
#service-areas{scroll-margin-top:24px}.service-area-copy .eyebrow{display:block;color:#c88aff}.service-area-copy p{max-width:560px}.service-map{grid-column:1/-1;border-radius:8px;overflow:hidden;border:1px solid #604179;box-shadow:0 14px 35px #0005}.service-map iframe{display:block;width:100%;height:340px;border:0}.faq-intro{color:var(--muted);max-width:390px;margin:-4px 0 18px}.comparison{height:auto;aspect-ratio:8/5}.comparison-photo{background-size:cover;background-position:center;background-repeat:no-repeat}.comparison-before{background-image:url('/assets/jobs/garage-cleanout-before-wide.webp')}.comparison-after{background-image:url('/assets/jobs/garage-cleanout-after-wide.webp')}.area-reviews{background-image:linear-gradient(90deg,#0b0c11f5 0%,#12101bea 54%,#17111fd9 100%),url('/assets/jobs/overland-park-service.webp');background-position:center 28%}.job-images img{height:auto;aspect-ratio:3/4;object-fit:cover}.job-service-link{display:inline-block;margin-top:12px}.job-card{box-shadow:0 10px 35px #2314350d}.job-card h3{margin-top:22px}
@media(min-width:1181px){nav{gap:18px;font-size:15px}.brand{width:225px}}
@media(max-width:1180px) and (min-width:781px){nav{font-size:13px}.brand{width:175px}.button.small{font-size:14px}}
@media(max-width:780px){.comparison{height:280px;aspect-ratio:auto}.comparison-before{background-image:url('/assets/jobs/garage-cleanout-before.webp')}.comparison-after{background-image:url('/assets/jobs/garage-cleanout-after.webp')}.comparison-photo{background-position:center 54%}.job-images img{height:auto;aspect-ratio:3/4}.service-area-copy .eyebrow{font-size:11px}.service-map iframe{height:300px}}

/* Branded mobile navigation and persistent contact actions. */
.menu-bars{display:grid;gap:5px;width:27px}.menu-bars i{display:block;width:100%;height:3px;border-radius:3px;background:var(--ink);transform-origin:center;transition:transform .18s ease,opacity .18s ease,background .18s ease}.menu-toggle:hover .menu-bars i,.menu-toggle:focus-visible .menu-bars i{background:var(--purple)}.menu-toggle[aria-expanded="true"] .menu-bars i:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-bars i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-bars i:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-action-bar{display:none}
@media(max-width:780px){body{padding-bottom:68px}.menu-toggle{display:grid;place-items:center;width:48px;height:48px;padding:10px;border:0!important;border-radius:5px;background:#fff}.mobile-action-bar{position:fixed;display:grid;grid-template-columns:1fr 1.18fr;gap:9px;left:0;right:0;bottom:0;z-index:100;padding:9px max(14px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));background:#0c0b12;border-top:1px solid #34223f;box-shadow:0 -8px 24px #08050d30}.mobile-action-bar a{display:grid;place-items:center;min-height:48px;border-radius:5px;text-decoration:none;font:800 19px/1 'Barlow Condensed',Impact,'Arial Narrow',sans-serif}.mobile-call{color:#fff;border:2px solid #fff}.mobile-quote{color:#fff;background:linear-gradient(130deg,#a620ff,#8000f5);box-shadow:inset 0 1px 0 #c677ff}}

/* Homepage hero: real local curbside job with a classic display face. */
.reference-hero{background-color:#050509;background-image:linear-gradient(90deg,#050509 0%,#050509 42%,#050509f5 50%,#050509d9 58%,#050509a3 68%,#05050966 77%,#05050926 89%,transparent 100%),url('/assets/jobs/tire-removal-hero-balanced.webp');background-position:left center,calc(100% + 70px) center;background-size:100% 100%,auto 100%;background-repeat:no-repeat}.location-label{display:inline-flex;align-items:center;gap:9px;padding:7px 11px 7px 8px;border:1px solid #ffffff45;border-radius:999px;background:#0b0810a6;letter-spacing:.08em}.location-label svg{width:18px;height:18px;fill:var(--purple);stroke:#fff;stroke-width:1.2}.location-label circle{fill:#fff;stroke:none}.reference-hero h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;line-height:.98;letter-spacing:-.02em!important;text-shadow:0 2px 18px #0009}.reference-hero h1 span{font-family:inherit}.nav>nav{flex:1;justify-content:center;margin-left:28px}.menu-toggle{flex-shrink:0}.menu-bars i{background:var(--purple)!important;height:4px;box-shadow:0 1px 0 #2d003f33}
@media(max-width:780px){.nav>nav{margin-left:0;justify-content:flex-start}.reference-hero{padding:110px 0 30px;min-height:650px;background-image:linear-gradient(0deg,#050508 0%,#08070bf2 49%,#05050824 88%),url('/assets/jobs/tire-removal-hero-upper-mobile.webp');background-position:center,center center;background-size:100% 100%,cover;background-repeat:no-repeat}.location-label{font-size:15px;padding:6px 10px 6px 7px}.reference-hero h1{font-size:clamp(38px,10vw,60px);line-height:1}.menu-toggle{display:grid!important;visibility:visible!important;opacity:1!important}.menu-bars{display:grid!important;width:29px}.menu-bars i{display:block!important}}

/* Desktop header: center the page links while keeping contact actions at right. */
@media(min-width:1181px){.nav>nav{width:auto;margin-left:0;justify-content:flex-start;gap:24px;font-size:18px}.nav>nav>.services-dropdown{margin-left:auto}.nav>nav>.nav-phone{margin-left:auto;font-size:17px}.nav>nav>.button.small{font-size:18px;padding-left:23px;padding-right:23px}}
@media(min-width:781px) and (max-width:1180px){.nav>nav{margin-left:0;justify-content:flex-start}.nav>nav>.services-dropdown{margin-left:auto}.nav>nav>.nav-phone{margin-left:auto}}
@media(max-width:780px){.nav>nav>.services-dropdown,.nav>nav>.nav-phone{margin-left:0}}
/* v29: keep the page from being pinched wider than the phone (iOS sizes iframes from their width attribute) */
html,body{max-width:100%;overflow-x:clip}
.service-map{min-width:0;max-width:100%}
.service-map iframe{width:1px;min-width:100%;max-width:100%}
/* v30: make city links in the dark service-area panel look like links */
.service-area-copy p a{color:inherit;text-decoration:underline;text-decoration-color:#a35cff;text-decoration-thickness:2px;text-underline-offset:3px}
.service-area-copy p a:hover{color:#d9b8ff}
/* v31: Service Areas dropdown (two columns on desktop, one on phones) */
.nav>nav>.areas-dropdown{margin-left:0}
.areas-menu{width:430px;display:grid;grid-template-columns:1fr 1fr;gap:0 6px}
.areas-menu .services-overview{grid-column:1/-1}
.areas-label{display:block;padding:8px 12px 4px;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6f86}
@media(max-width:780px){.areas-menu{width:100%;grid-template-columns:1fr}}