@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--navy:#062336;--deep:#041c2c;--orange:#f57910;--cream:#f5f1e9;--ink:#092535;--muted:#b7c6cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1460px;margin:auto;padding:0 4.4%}.display{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;font-style:italic;letter-spacing:-.015em;line-height:.93;text-transform:uppercase}.eyebrow{color:var(--orange);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:25px;letter-spacing:.025em;text-transform:uppercase}.topbar{height:82px;background:#041f31;color:white;border-bottom:1px solid #2a4250;position:relative;z-index:20}.navwrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:block;width:420px;max-width:34%;height:81px;background-image:url('assets/workboot-logo.webp');background-size:contain;background-position:left center;background-repeat:no-repeat}.nav{display:flex;align-items:center;gap:clamp(18px,3.3vw,55px);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:22px;text-transform:uppercase}.nav a:hover,.footer a:hover{color:var(--orange)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--orange);color:#071d29;border:0;border-radius:7px;padding:15px 28px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;white-space:nowrap;transition:transform .18s,background .18s}.btn:hover{background:#ff9b35;transform:translateY(-2px)}.nav-cta{color:#fff;padding:15px 28px}.mobile-toggle{display:none;background:transparent;border:1px solid #789;color:white;border-radius:5px;font-size:30px;padding:3px 12px}.hero{background:radial-gradient(ellipse at 85% 58%,#294151 0%,#08293b 48%,#041d2d 88%);color:#fff;overflow:hidden}.hero-flex{display:flex;align-items:center;min-height:544px;position:relative}.hero-left{position:relative;z-index:2;flex:0 0 46%;padding:38px 0 29px}.hero-left .eyebrow{font-size:27px}.orange-lines:before,.orange-lines:after{content:'';display:inline-block;width:50px;border-top:4px solid var(--orange);vertical-align:middle;margin:0 14px 7px 0}.orange-lines:after{margin:0 0 7px 14px}.hero h1{font-size:clamp(57px,5.7vw,94px);margin:12px 0 10px;max-width:690px}.hero h1 em,.inner-hero h1 em{color:var(--orange);font-style:italic}.hero-lead{font-size:clamp(18px,1.4vw,23px);line-height:1.35;max-width:600px;margin:0 0 20px}.hero-buttons{display:flex;gap:22px;flex-wrap:wrap}.btn-outline{color:white;border:2px solid white;background:transparent}.btn-outline:hover{background:#ffffff22}.hero-prices{display:flex;gap:38px;margin-top:24px;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif}.hero-price{display:flex;gap:14px;align-items:center}.hero-price-icon{font-size:41px;color:var(--orange)}.hero-price b{display:block;font-size:44px;line-height:.85}.hero-price small{font-size:23px;font-weight:700}.hero-prices .separator{height:60px;width:1px;background:#c1cbd0}.hero-art{position:absolute;z-index:1;width:61%;height:100%;right:-4.4%;top:0;background-image:linear-gradient(90deg,#062636 0%,transparent 15%),url('assets/plumbing-mockup.webp');background-size:cover;background-position:center center;background-repeat:no-repeat}.trade-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#f7f1e7;padding:18px 3.5%;border-bottom:1px solid #ddd3c5}.trade-strip a{min-height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid #c6bfb6;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:900;text-transform:uppercase}.trade-strip a:last-child{border:0}.trade-strip svg{width:42px;height:42px;stroke:var(--navy);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.trade-strip a:hover{color:var(--orange)}.preview-band{padding:34px 0 42px;background:#f7f2e9}.preview-row{display:grid;grid-template-columns:1.12fr .55fr 1.4fr;gap:32px;align-items:center}.preview-title{font-size:clamp(44px,4vw,67px);margin:0}.preview-title em{color:var(--orange)}.preview-description{border-left:1px solid #bbb;padding-left:28px;font-size:20px;line-height:1.3}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{font-size:14px;font-weight:800;display:block;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #bac1c7;border-radius:8px;padding:12px;color:#123;outline-offset:2px}.preview-fields .btn{align-self:end;min-height:49px;color:white}.section{padding:75px 0}.section-head{font-size:clamp(42px,5.4vw,74px);margin:10px 0 20px}.section-head em{color:var(--orange)}.section-intro{font-size:20px;line-height:1.6;max-width:760px}.dark{background:var(--deep);color:#fff}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.feature-card{border:1px solid #cfd4d5;border-radius:11px;padding:28px;background:#fff}.dark .feature-card{background:#102f40;border-color:#355060}.feature-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;text-transform:uppercase;margin:14px 0 9px}.feature-card p{line-height:1.55;font-size:17px;margin:0}.feature-icon{font-size:42px;color:var(--orange)}.price-card{background:white;border:2px solid var(--orange);border-radius:13px;padding:32px;max-width:660px;box-shadow:0 12px 35px #0001}.price-card h3{font-size:63px;margin:8px 0;font-family:'Barlow Condensed',Impact,sans-serif}.price-card h3 span{font-size:22px;color:#54616b}.price-card ul{line-height:2;font-size:18px;padding-left:24px}.muted{color:#53636c}.page-top{background:var(--deep);color:white;padding:80px 0 85px;position:relative;overflow:hidden}.page-top:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,#143e50 100%);pointer-events:none}.page-top .container{position:relative;z-index:1}.page-top h1{font-size:clamp(65px,8vw,112px);margin:8px 0 14px;max-width:1000px}.page-top p{font-size:22px;line-height:1.4;max-width:700px}.steps{counter-reset:step}.step{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #ccc;padding:28px 0;gap:25px}.step-num{color:var(--orange);font-family:'Barlow Condensed',Impact,sans-serif;font-size:62px;font-weight:900}.step h3{font:900 36px 'Barlow Condensed',Impact,sans-serif;margin:0 0 8px;text-transform:uppercase}.step p{margin:0;font-size:19px;line-height:1.5}.demo-card{background:white;border-radius:12px;overflow:hidden;border:1px solid #ddd}.demo-cover{height:200px;display:flex;align-items:end;padding:23px;color:white;background:linear-gradient(130deg,#21495d,#082234);font:900 35px 'Barlow Condensed',Impact,sans-serif}.demo-card:nth-child(2) .demo-cover{background:linear-gradient(135deg,#325868,#0a394e)}.demo-card:nth-child(3) .demo-cover{background:linear-gradient(135deg,#496b3d,#0b3129)}.demo-card .inside{padding:24px}.demo-card p{line-height:1.5}.faq details{border-bottom:1px solid #c5c5c5;padding:20px 0}.faq summary{font-size:24px;font-weight:800;cursor:pointer}.faq p{font-size:18px;line-height:1.55;max-width:800px}.form-panel{background:#fff;border-radius:12px;padding:30px;max-width:750px;border:1px solid #e4dbd1}.form-panel .field{margin:0 0 18px}.form-panel .btn{width:100%}.smallprint{font-size:14px;color:#697780;line-height:1.45}.footer{background:#041b29;color:#d4dfe3;padding:45px 0}.footer-layout{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-name{font:900 32px 'Barlow Condensed',Impact,sans-serif;color:white}.footer-name span{color:var(--orange)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-weight:700}.copyright{border-top:1px solid #38505c;margin-top:36px;padding-top:18px;font-size:13px;color:#aebdc4}.notice{background:#fff2db;border-left:4px solid var(--orange);padding:15px;margin-top:15px}.preview-site{background:white;min-height:100vh}.sample-header{background:#0a293c;color:white;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}.sample-header b{font:800 28px 'Barlow Condensed',Impact,sans-serif}.sample-hero{background:linear-gradient(110deg,#09283d,#27516b);color:white;padding:85px 5%}.sample-hero h1{font:900 clamp(45px,6vw,90px) 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;max-width:850px;margin:5px 0}.sample-hero p{font-size:21px}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px auto;max-width:1100px;padding:0 24px}.sample-cards article{border:1px solid #ddd;border-radius:12px;padding:22px}.preview-banner{padding:14px;background:#f8e5c8;color:#242424;text-align:center;font-weight:700}.preview-banner a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1120px){.brand{width:340px}.nav{gap:20px;font-size:19px}.hero-left{flex-basis:52%}.hero-art{width:58%}.hero h1{font-size:clamp(53px,6vw,80px)}.preview-row{grid-template-columns:1fr 1fr}.preview-description{border-left:0;padding-left:0}.preview-fields{grid-column:1/-1}}@media(max-width:780px){.topbar{height:70px}.brand{height:70px;width:280px;max-width:72%}.nav,.nav-cta{display:none}.mobile-toggle{display:block}.nav.mobile-open{display:flex;position:absolute;top:70px;left:0;right:0;background:#051d2b;padding:18px 6%;flex-direction:column;align-items:flex-start;z-index:30;gap:18px}.hero-flex{min-height:0;display:block;padding-top:10px}.hero-left{padding:32px 0 24px}.hero-art{position:relative;width:113%;right:5%;height:310px;background-size:cover;background-position:center;mask-image:linear-gradient(to bottom,transparent 0%,black 15%)}.hero h1{font-size:clamp(57px,10vw,80px)}.hero-prices{gap:17px}.hero-price b{font-size:36px}.hero-price small{font-size:18px}.hero-price-icon{font-size:30px}.trade-strip{grid-template-columns:repeat(3,1fr)}.trade-strip a:nth-child(3){border-right:0}.trade-strip a{min-height:90px;font-size:20px}.trade-strip svg{width:34px;height:34px}.preview-row{grid-template-columns:1fr;gap:16px}.preview-fields{grid-column:auto}.grid3,.sample-cards{grid-template-columns:1fr}.footer-layout{flex-direction:column}.page-top{padding:60px 0}.section{padding:55px 0}}@media(max-width:460px){.hero h1{font-size:56px}.hero-buttons .btn{width:100%}.hero-price b{font-size:29px}.hero-price small{font-size:16px}.preview-fields{grid-template-columns:1fr}.orange-lines:after{display:none}.eyebrow{font-size:21px}.hero-left .eyebrow{font-size:21px}.step{grid-template-columns:65px 1fr;gap:15px}.step-num{font-size:46px}}

.preview-disclosure{grid-column:1/-1;font-size:12px;margin:0;line-height:1.3}.form-status{grid-column:1/-1;margin:0;font-size:14px;font-weight:700;min-height:1.25em}.form-status.error{color:#ad1d00}.sample-subheading{max-width:650px;font-size:19px;line-height:1.4}.btn:disabled{opacity:.6;cursor:wait}


/* WorkBoot Web v2: visual preview engine */
.preview-site{--concept-dark:#0d2635;--concept-mid:#184456;--concept-accent:#f99b2d;--concept-soft:#eff4f1;--concept-ink:#102e3b;--concept-heading:Impact,'Barlow Condensed',sans-serif;background:#f0f2ed;color:var(--concept-ink)}
.preview-site[data-trade="plumbing"]{--concept-dark:#082b46;--concept-mid:#1b5d7b;--concept-accent:#ffa22c;--concept-soft:#eaf4f7}
.preview-site[data-trade="hvac"]{--concept-dark:#112b49;--concept-mid:#3568a4;--concept-accent:#6dddff;--concept-soft:#e9f3fa}
.preview-site[data-trade="landscaping"]{--concept-dark:#183b2e;--concept-mid:#54784f;--concept-accent:#d6ed75;--concept-soft:#eff2e5}
.preview-site[data-trade="electrical"]{--concept-dark:#171f32;--concept-mid:#364667;--concept-accent:#ffca45;--concept-soft:#f6f1e7}
.preview-site[data-trade="roofing"]{--concept-dark:#402d2b;--concept-mid:#805046;--concept-accent:#f0a26d;--concept-soft:#f4eae5}
.preview-site[data-trade="handyman"]{--concept-dark:#292f36;--concept-mid:#596c71;--concept-accent:#f5a75d;--concept-soft:#f0eeea}
.preview-site[data-trade="gutters"]{--concept-dark:#103447;--concept-mid:#267d85;--concept-accent:#a7e7e3;--concept-soft:#e8f6f4}
.preview-site a{text-decoration:none}.preview-site .preview-banner{font-size:13px;line-height:1.5;background:#faebc9;padding:9px 18px}.preview-site .preview-banner a{text-decoration:underline;color:#162d39}
.concept-shell{max-width:1600px;margin:auto;background:white;overflow:hidden;box-shadow:0 15px 80px #00000012}
.concept-nav{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:22px 5%;background:var(--concept-dark);color:white}.concept-wordmark{color:white;font:800 clamp(22px,2.5vw,34px) var(--concept-heading);letter-spacing:.02em;max-width:40%}.concept-nav nav{display:flex;gap:26px}.concept-nav nav a{color:#e3edf0;font-size:15px;font-weight:700}.concept-nav-cta{background:var(--concept-accent);color:var(--concept-dark);font-weight:900;padding:12px 18px;border-radius:3px;font-size:13px;white-space:nowrap}
.concept-hero{min-height:590px;display:grid;grid-template-columns:55% 45%;background:var(--concept-dark);color:white;position:relative;isolation:isolate}.concept-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 42% 62%,var(--concept-mid),transparent 65%);opacity:.35;z-index:-1}.concept-hero-copy{padding:clamp(50px,7vw,110px) 4% 65px 9%;position:relative;z-index:2}.concept-eyebrow{display:flex;align-items:center;gap:9px;color:var(--concept-accent);font-size:12px;letter-spacing:.2em;font-weight:900}.concept-dot{width:9px;height:9px;background:var(--concept-accent);border-radius:50%}.concept-hero h1{font:900 clamp(55px,6.2vw,112px)/.93 var(--concept-heading);letter-spacing:-.022em;text-transform:uppercase;margin:26px 0 18px;max-width:850px}.concept-locale{font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--concept-accent);margin:0 0 16px;font-size:16px}.concept-lead{font-size:clamp(18px,2vw,24px);line-height:1.4;max-width:570px;color:#e4ecef}.concept-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:30px 0}.concept-button{display:inline-block;background:var(--concept-accent);padding:17px 24px;color:var(--concept-dark);font-size:15px;font-weight:900;letter-spacing:.025em;border-radius:3px}.concept-text-link{color:white;text-decoration:underline!important;text-underline-offset:5px;font-weight:800}.concept-smallnote{font-size:12px;color:#c2ced2}
.concept-hero-art{padding:36px 8% 36px 0;display:flex;align-items:stretch}.concept-art-frame{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:490px;background:linear-gradient(145deg,var(--concept-mid),var(--concept-dark));overflow:hidden;border:1px solid #ffffff25;box-shadow:0 25px 60px #0004}.concept-art-frame:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 24px,#ffffff06 25px,transparent 26px)}.concept-art-frame img{position:relative;z-index:1;width:100%;height:100%;max-height:465px;object-fit:contain;filter:drop-shadow(0 28px 24px #0003)}.concept-art-label{position:absolute;z-index:2;bottom:18px;left:18px;background:#ffffffed;color:var(--concept-dark);padding:10px 17px;display:flex;flex-direction:column;gap:3px}.concept-art-label span{letter-spacing:.2em;font-size:10px;font-weight:900}.concept-art-label b{font-size:16px}
.concept-bar{background:var(--concept-accent);color:var(--concept-dark);display:flex;justify-content:space-evenly;gap:10px;padding:18px;font:900 14px var(--concept-heading);letter-spacing:.11em;text-align:center}
.concept-services{padding:85px 6%;background:var(--concept-soft)}.concept-sectiontop{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.concept-overline{letter-spacing:.2em;font-size:12px;font-weight:900;color:var(--concept-mid);text-transform:uppercase}.concept-sectiontop h2{font:900 clamp(44px,5.5vw,78px)/1 var(--concept-heading);text-transform:uppercase;margin:12px 0 0}.concept-sectiontop h2 em{font-style:normal;color:var(--concept-mid)}.concept-sectiontop p{max-width:320px;line-height:1.5;color:#435d67}.concept-servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.concept-servicegrid article{min-height:275px;padding:28px;background:white;border:1px solid #d5dfdc;display:flex;flex-direction:column}.concept-number{font-weight:900;color:var(--concept-mid);letter-spacing:.1em}.concept-service-icon{font:900 42px var(--concept-heading);color:var(--concept-mid);margin:15px 0 12px}.concept-servicegrid h3{font:900 clamp(25px,2.6vw,37px)/1.02 var(--concept-heading);text-transform:uppercase;margin:0 0 12px}.concept-servicegrid p{margin:0;line-height:1.5;color:#4b6267}
.concept-about{display:grid;grid-template-columns:1fr 1fr;min-height:380px;background:white}.concept-about-mark{background:var(--concept-mid);color:white;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;font:900 clamp(45px,5.7vw,83px)/1 var(--concept-heading)}.concept-about-mark em{color:var(--concept-accent);font-style:normal}.concept-about-copy{padding:65px 10%}.concept-about-copy h2{font:900 clamp(28px,3.2vw,49px)/1.05 var(--concept-heading);text-transform:uppercase;margin:15px 0}.concept-about-copy p{line-height:1.65;color:#52646a}.concept-about-link{display:inline-block;color:var(--concept-mid);font-weight:900;margin-top:14px}
.concept-final{background:var(--concept-dark);color:white;text-align:center;padding:80px 15% 90px}.concept-final .concept-overline{color:var(--concept-accent)}.concept-final h2{font:900 clamp(50px,6.5vw,95px)/.96 var(--concept-heading);margin:22px 0}.concept-final h2 em{color:var(--concept-accent);font-style:normal}.concept-final p{font-size:20px;max-width:570px;margin:0 auto 25px}.concept-final small{display:block;margin-top:13px;color:#c3d2d9}.concept-footer{background:#071722;color:#d3e0e6;display:flex;justify-content:space-between;gap:20px;padding:26px 5%;font-size:12px;font-weight:800;flex-wrap:wrap}.concept-footer a{color:var(--concept-accent)}
/* Alternate compositions make different trades feel like different designs. */
.preview-site[data-trade="landscaping"] .concept-hero,.preview-site[data-trade="gutters"] .concept-hero{grid-template-columns:51% 49%}.preview-site[data-trade="landscaping"] .concept-art-frame,.preview-site[data-trade="gutters"] .concept-art-frame{border-radius:160px 160px 0 0}.preview-site[data-trade="landscaping"] .concept-servicegrid article,.preview-site[data-trade="gutters"] .concept-servicegrid article{border-radius:18px}
.preview-site[data-trade="electrical"] .concept-hero h1{font-style:italic}.preview-site[data-trade="electrical"] .concept-servicegrid article{border-top:5px solid var(--concept-accent)}
.preview-site[data-trade="roofing"] .concept-art-frame{clip-path:polygon(0 12%,50% 0,100% 12%,100% 100%,0 100%)}.preview-site[data-trade="roofing"] .concept-servicegrid article{border-left:5px solid var(--concept-mid)}
.preview-site[data-trade="hvac"] .concept-art-frame{border-radius:28px}.preview-site[data-trade="hvac"] .concept-servicegrid article{border-radius:12px}
.preview-site[data-trade="handyman"] .concept-art-frame{border:9px solid #ffffff30;transform:rotate(-2deg)}
@media(max-width:850px){.concept-nav nav{display:none}.concept-hero{grid-template-columns:1fr}.concept-hero-copy{padding:56px 7% 25px}.concept-hero h1{font-size:clamp(54px,10vw,90px)}.concept-hero-art{padding:10px 7% 45px}.concept-art-frame{min-height:280px;max-height:420px}.concept-sectiontop{display:block}.concept-bar{font-size:11px}.concept-services{padding:55px 5%}.concept-servicegrid{grid-template-columns:1fr}.concept-servicegrid article{min-height:180px}.concept-about{grid-template-columns:1fr}.concept-about-mark{padding:45px 7%}.concept-about-copy{padding:50px 7%}.concept-final{padding:60px 7%}}
@media(max-width:520px){.concept-nav{padding:16px 5%}.concept-nav-cta{font-size:11px;padding:10px}.concept-wordmark{font-size:22px;max-width:55%}.concept-hero h1{font-size:clamp(50px,12vw,72px)}.concept-bar{flex-direction:column;gap:6px}.concept-actions{align-items:flex-start;flex-direction:column}.concept-final h2{font-size:52px}}
/* seven trades in the home strip */
.trade-strip{grid-template-columns:repeat(7,1fr)}
@media(max-width:780px){.trade-strip{grid-template-columns:repeat(3,1fr)}.trade-strip a:nth-child(3){border-right:0}}


/* VERSION 3 — photo-driven contractor website concepts */
.photo-concept{background:#e3e9eb;color:#152b35;font-family:Barlow,Arial,sans-serif}
.photo-concept .concept-notice{background:#fff3d6;border-bottom:1px solid #dec898;padding:11px 4%;font-size:13px;line-height:1.5;color:#423617;text-align:center}.photo-concept .concept-notice a{text-decoration:underline;font-weight:800;margin-left:12px}
.site-frame{max-width:1600px;margin:auto;background:#fff;box-shadow:0 30px 120px #172f4130}.sample-wrap{width:min(1320px,90%);margin:auto}
.site-upper{background:#112e39;color:#dbe9e9;font-size:11px;font-weight:700;letter-spacing:.08em}.site-upper .sample-wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
.photo-site-nav{background:#fff;position:relative;z-index:3;border-bottom:1px solid #e1e4e4}.nav-inner{display:flex;gap:22px;align-items:center;justify-content:space-between;min-height:90px}.sample-logo{color:var(--sample-navy,#123d48);font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(24px,2.2vw,36px);font-weight:900;text-transform:uppercase;max-width:42%;line-height:.95}.photo-site-nav nav{display:flex;gap:30px;align-items:center}.photo-site-nav nav a{font-weight:800;font-size:14px}.photo-site-nav nav a:hover{color:var(--sample-accent,#ec8a1f)}
.sample-primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--sample-accent,#ec8a1f);color:#fff!important;border-radius:4px;padding:17px 23px;font-weight:900;letter-spacing:.03em;font-size:13px;text-transform:uppercase;box-shadow:0 8px 25px #0002}.sample-primary:hover{filter:brightness(1.09)}
.photo-site-hero{position:relative;min-height:630px;background:#122e37;color:#fff;overflow:hidden}.sample-hero-photo{position:absolute;inset:0;background-position:center 43%;background-size:cover}.hero-content{position:relative;z-index:1;padding-top:123px;padding-bottom:100px}.sample-tag{font-weight:900;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--sample-bright,#ffa752)}.photo-site-hero h1{font:900 clamp(56px,6vw,104px)/.94 'Barlow Condensed',Impact,sans-serif;max-width:810px;text-transform:uppercase;letter-spacing:-.015em;margin:23px 0 18px;text-wrap:balance}.sample-locale{font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:14px;color:var(--sample-bright,#ffa752)}.hero-subhead{font-size:clamp(18px,2.1vw,25px);line-height:1.35;max-width:650px}.sample-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.sample-secondary{border:2px solid #ffffffe6;padding:15px 24px;border-radius:4px;font-size:13px;font-weight:900;color:#fff}.hero-disclosure{font-size:12px;opacity:.82;max-width:560px;margin-top:27px}.hero-photo-credit{position:absolute;right:30px;bottom:20px;color:#fff;font-size:11px;background:#0007;padding:6px 10px;border-radius:3px}
.sample-highlights{background:var(--sample-navy,#163d45);color:#fff}.highlight-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:22px 0}.highlight-row div{display:flex;align-items:center;gap:15px}.highlight-row b{color:var(--sample-bright,#ffa752);font-size:28px;font-family:Barlow Condensed,Impact,sans-serif}.highlight-row span{font-weight:900;font-size:13px;letter-spacing:.05em}
.photo-services{padding-top:95px;padding-bottom:100px}.section-eyebrow{color:var(--sample-accent,#bc7023);font-weight:900;letter-spacing:.16em;font-size:12px;text-transform:uppercase}.services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:16px 0 34px}.services-heading h2,.about-words h2,.photo-call h2{font:900 clamp(48px,4.8vw,79px)/.97 'Barlow Condensed',Impact,sans-serif;margin:0;text-transform:uppercase;letter-spacing:-.015em}.services-heading h2 em,.about-words h2 em,.photo-call h2 em{font-style:normal;color:var(--sample-accent,#d9852e)}.services-heading p{max-width:325px;line-height:1.5;color:#536773}.photo-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo-service-cards article{border:1px solid #e3e5e6;background:#fff;box-shadow:0 14px 35px #081f2610}.service-image{height:220px;background-position:center;background-size:cover}.photo-service-cards article:nth-child(1) .service-image{background-position:25% 37%}.photo-service-cards article:nth-child(2) .service-image{background-position:65% 65%;filter:saturate(.9)}.photo-service-cards article:nth-child(3) .service-image{background-position:85% 20%;filter:contrast(1.06)}.service-body{padding:25px}.service-body>span{color:var(--sample-accent,#ca7825);font-weight:900;font-size:11px;letter-spacing:.15em}.service-body h3{font:900 clamp(28px,2.7vw,38px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:13px 0 10px}.service-body p{color:#465d69;font-size:16px;line-height:1.52;min-height:70px}.service-body a{display:inline-block;margin-top:12px;font-weight:900;font-size:12px;color:var(--sample-navy,#163d45)}
.photo-about{display:grid;grid-template-columns:48% 52%;background:#f3f6f4}.about-photo{background-position:center;background-size:cover;min-height:530px}.about-words{padding:clamp(55px,7vw,110px) clamp(36px,7vw,100px)}.about-words h2{margin:20px 0}.about-words p{font-size:18px;line-height:1.65;color:#435962}.about-metrics{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #bdcfd0;padding:21px 0 26px}.about-metrics span{display:flex;flex-direction:column;gap:5px}.about-metrics b{font-size:12px;letter-spacing:.05em}.about-metrics small{color:#667c84}
.photo-call{background:var(--sample-navy,#133b45);color:#fff;text-align:center;padding:100px 0}.photo-call .section-eyebrow{color:var(--sample-bright,#ffa752)}.photo-call h2{max-width:1000px;margin:20px auto}.photo-call p{max-width:700px;margin:20px auto 29px;font-size:18px;line-height:1.5}.photo-call small{display:block;font-size:12px;opacity:.78;margin-top:18px}.photo-site-footer{background:#0b222c;color:#c9d8dd}.photo-site-footer .sample-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:27px 0;font-size:12px;font-weight:800}.photo-site-footer a{color:var(--sample-bright,#ffa752)}
.photo-concept[data-trade=plumbing]{--sample-navy:#10394b;--sample-accent:#d78031;--sample-bright:#ffb55d}.photo-concept[data-trade=hvac]{--sample-navy:#193b56;--sample-accent:#397ab1;--sample-bright:#a6d7ff}.photo-concept[data-trade=landscaping]{--sample-navy:#233e30;--sample-accent:#718c49;--sample-bright:#ccdf90}.photo-concept[data-trade=electrical]{--sample-navy:#1e293a;--sample-accent:#c37b14;--sample-bright:#ffd06b}.photo-concept[data-trade=roofing]{--sample-navy:#3b3432;--sample-accent:#b3653c;--sample-bright:#ffb083}.photo-concept[data-trade=handyman]{--sample-navy:#323a3e;--sample-accent:#a7733b;--sample-bright:#f3c07b}.photo-concept[data-trade=gutters]{--sample-navy:#123f4c;--sample-accent:#ed7d21;--sample-bright:#ffb266}
/* Landing gallery - website thumbnails, rather than clip-art tiles */
.gallery-intro{background:linear-gradient(130deg,#082d3f,#061a27);padding:92px 0 74px;color:white}.gallery-intro .display{font-size:clamp(60px,7vw,112px);margin:16px 0 27px}.gallery-intro .display em{color:var(--orange)}.gallery-intro p{max-width:760px;font-size:22px;line-height:1.44}.gallery-intro .gallery-note{font-size:13px;opacity:.8;line-height:1.5}.gallery-section{background:#e9eff0;padding:60px 0 100px}.photo-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.site-gallery-card{background:white;border:1px solid #d0dadd;box-shadow:0 18px 32px #092c3a14;overflow:hidden}.site-gallery-browser{display:block;transition:transform .2s}.site-gallery-browser:hover{transform:translateY(-3px)}.browser-chrome{height:32px;background:#e7edef;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#6c7d83;font-size:11px}.browser-dots{letter-spacing:2px;color:#c17b75}.browser-domain{padding:5px 80px;background:#fff;border-radius:5px;font-size:10px;color:#8e9ca2}.gallery-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;background:white;padding:17px 22px;color:#203d48}.gallery-mini-nav strong{font:900 21px 'Barlow Condensed',Impact,sans-serif}.gallery-mini-nav span{font-size:9px;letter-spacing:.09em;font-weight:900}.gallery-mini-hero{height:280px;background-size:cover;background-position:center;position:relative;color:white;padding:36px;display:flex;align-items:center}.gallery-mini-hero div{max-width:80%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.gallery-mini-hero small{color:#f4b36a;font-size:10px;font-weight:900;letter-spacing:.08em}.gallery-mini-hero b{font:900 clamp(32px,3.4vw,53px)/.96 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.mini-cta{padding:9px 12px;background:#ed851f;border-radius:2px;font-size:10px;font-weight:900}.gallery-mini-services{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px;background:#f2f5f5;padding:19px 11px;font-size:10px;font-weight:900;color:#254451}.gallery-card-info{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px 25px}.gallery-card-info small{font-size:10px;font-weight:900;color:#b07434;letter-spacing:.12em}.gallery-card-info h3{margin:5px 0 0;font:900 32px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.gallery-card-info a{color:#ad5b15;font-size:13px;font-weight:900;white-space:nowrap}
@media(max-width:920px){.photo-site-nav nav{display:none}.nav-inner{min-height:74px}.sample-logo{max-width:55%}.photo-site-hero{min-height:550px}.hero-content{padding-top:85px}.photo-service-cards{gap:12px}.service-image{height:160px}.service-body{padding:18px}.photo-about{grid-template-columns:1fr}.about-photo{min-height:360px}.photo-gallery-grid{gap:18px}.gallery-mini-hero{height:220px}}
@media(max-width:660px){.site-upper .sample-wrap span:last-child{display:none}.sample-logo{font-size:23px}.nav-button{font-size:10px;padding:12px 11px}.photo-site-hero{min-height:560px}.sample-hero-photo{background-position:center}.hero-content{padding-top:81px;padding-bottom:75px}.photo-site-hero h1{font-size:clamp(49px,12vw,72px)}.hero-subhead{font-size:18px}.hero-photo-credit{display:none}.sample-highlights .highlight-row{justify-content:flex-start}.photo-services{padding-top:60px;padding-bottom:65px}.services-heading{display:block}.photo-service-cards{grid-template-columns:1fr;gap:20px}.service-image{height:225px}.service-body p{min-height:0}.about-words{padding:55px 6%}.photo-call{padding:70px 0}.photo-gallery-grid{grid-template-columns:1fr}.gallery-intro{padding:65px 0}.gallery-intro .display{font-size:56px}.gallery-intro p{font-size:18px}.browser-domain{padding:5px 22px}.gallery-mini-hero{height:255px}.gallery-card-info{padding:19px}.gallery-mini-nav span{display:none}}

/* V4 website analysis transparency */
.site-analysis-note{background:#e8f0ed;border-left:5px solid #3f7d70;color:#173f44;padding:18px max(5%,calc((100vw - 1380px)/2));font-size:14px;line-height:1.5}
.site-analysis-note strong{font-weight:900;letter-spacing:.045em;display:block}
.site-analysis-note p{margin:6px 0 4px}
.site-analysis-note a{color:#18576f;text-decoration:underline;font-weight:800}

/* V5: per-business visual variation; all versions remain responsive and accessible. */
.site-review-detail{padding-top:66px;padding-bottom:55px}
.site-review-detail h2{font:900 clamp(36px,4vw,62px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:12px 0}
.site-review-detail h2 em{font-style:normal;color:var(--sample-accent,#d9852e)}
.site-review-detail>p{color:#52636a;max-width:760px}
.review-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.review-pages article{background:#f1f5f4;padding:23px;border-top:4px solid var(--sample-accent,#d9852e);min-width:0}
.review-pages a{font-weight:900;color:#163c49;overflow-wrap:anywhere}
.review-pages p{line-height:1.5;color:#4f656e}
.photo-concept[data-layout="editorial"] .photo-site-hero{min-height:720px}
.photo-concept[data-layout="editorial"] .sample-hero-photo{background-position:center}
.photo-concept[data-layout="editorial"] .hero-content{padding-top:170px;padding-bottom:150px;max-width:900px}
.photo-concept[data-layout="editorial"] .photo-service-cards article{border-radius:15px;overflow:hidden}
.photo-concept[data-layout="editorial"] .photo-service-cards article:nth-child(2){transform:translateY(20px)}
.photo-concept[data-layout="editorial"] .photo-services{padding-bottom:125px}
.photo-concept[data-layout="modern"] .photo-site-hero{min-height:690px}
.photo-concept[data-layout="modern"] .hero-content{padding-top:165px;padding-bottom:110px;text-align:center;max-width:900px;margin:auto}
.photo-concept[data-layout="modern"] .photo-site-hero h1,.photo-concept[data-layout="modern"] .hero-subhead{margin-left:auto;margin-right:auto}
.photo-concept[data-layout="modern"] .sample-actions{justify-content:center}
.photo-concept[data-layout="modern"] .photo-service-cards article{box-shadow:none;border-bottom:5px solid var(--sample-accent,#d9852e)}
.photo-concept[data-layout="modern"] .photo-about{grid-template-columns:54% 46%}
@media(max-width:920px){.review-pages{grid-template-columns:1fr}.photo-concept[data-layout="modern"] .photo-about{grid-template-columns:1fr}}
@media(max-width:660px){.photo-concept[data-layout="editorial"] .photo-site-hero,.photo-concept[data-layout="modern"] .photo-site-hero{min-height:560px}.photo-concept[data-layout="editorial"] .hero-content,.photo-concept[data-layout="modern"] .hero-content{padding-top:88px;padding-bottom:80px}.photo-concept[data-layout="editorial"] .photo-service-cards article:nth-child(2){transform:none}.site-review-detail{padding-top:48px;padding-bottom:42px}}

/* V6 website order / checkout readiness */
.order-hero{padding:70px 0;background:linear-gradient(115deg,#041d2c,#17465c)}
.order-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:52px;align-items:start;max-width:1160px;margin:auto}
.order-summary{background:#082a3c;color:#fff;padding:32px;border-radius:14px;position:sticky;top:18px}
.order-summary h2,.order-form-box h2{font:900 39px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:18px 0}
.order-pricing{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #456274;padding:19px 0 27px}
.order-pricing div{min-width:140px}.order-pricing strong{display:block;color:#ff9b35;font:900 60px/.9 'Barlow Condensed',Impact,sans-serif}.order-pricing span{display:block;margin-top:10px;font-weight:700}
.order-summary ul{line-height:1.8;padding-left:22px}.order-summary .smallprint{color:#b7c8d1}
.order-form-box{background:#fff;border:1px solid #dfdcd5;padding:34px;border-radius:15px;box-shadow:0 20px 45px #132b3810}
.order-form-box .field{margin-bottom:15px}.order-form-box .field label{display:block;font-weight:800;font-size:14px;margin-bottom:5px}
.order-form-box .field input,.order-form-box .field select,.order-form-box .field textarea{width:100%;border:1px solid #b4c1c8;border-radius:7px;padding:12px;color:#142d39;background:#fff}
.order-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.order-check{display:flex;gap:10px;font-size:14px;line-height:1.5;margin:14px 0;align-items:start}.order-check input{margin-top:4px}.order-check a{color:#165c76;text-decoration:underline;font-weight:800}
.order-button{width:100%;margin-top:14px}.order-return{max-width:800px;margin:auto;padding:30px}.order-return h1{font-size:clamp(53px,6vw,82px)}.order-return p{line-height:1.55;font-size:19px}.order-return a{color:#a94e06;text-decoration:underline}
.photo-call .sample-primary{display:inline-flex;white-space:normal;text-align:center}
@media(max-width:850px){.order-grid{grid-template-columns:1fr}.order-summary{position:static}.order-two{grid-template-columns:1fr}}