@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;color:#102d36;background:#faf9f6;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}header{background:#fff;position:sticky;top:0;z-index:3;border-bottom:1px solid #e8e9e5}.nav{max-width:1320px;margin:auto;display:flex;align-items:center;padding:14px 5%;gap:35px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800;letter-spacing:.07em;font-size:17px}.brand img{width:48px;height:48px;border-radius:50%}nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0c3039;color:white;padding:16px 23px;font-weight:700;font-size:13px;letter-spacing:.03em;border:0;cursor:pointer}.btn.gold{background:#c69655;color:#102b33}.btn.light{background:#fff;color:#102d36}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.06fr;min-height:570px}.hero-copy{padding:90px 9% 70px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:#a67b3d;text-transform:uppercase}.hero h1,h1,h2,h3{font-family:Manrope;letter-spacing:-.045em;line-height:1.13}.hero h1{font-size:clamp(43px,5vw,74px);margin:22px 0}.hero p,.lead{font-size:17px;line-height:1.75;color:#5c6c6d;max-width:500px}.hero img{height:100%;min-height:500px}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.quiet{display:inline-flex;padding:16px 14px;font-size:14px;font-weight:700}.strip{background:#10333a;color:#fff;display:flex;justify-content:center;gap:65px;padding:25px;font-size:13px;flex-wrap:wrap}.strip span:before{content:'✳';color:#d1a363;margin-right:11px}.wrap{max-width:1200px;margin:auto;padding:95px 5%}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}.head h2,.wrap h2{font-size:clamp(32px,4vw,48px);margin:13px 0}.muted{color:#637474;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card img{height:270px}.card h3{font-size:22px;margin:20px 0 9px}.card p{color:#697879;line-height:1.7;font-size:15px}.card a{font-weight:700;font-size:13px;border-bottom:1px solid #c69655;padding-bottom:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.split img{height:450px}.band{background:#edece7}.number{font-size:48px;color:#bd8f50;font-family:Manrope;font-weight:700}.cta{background:#12343c;color:white;padding:70px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:40px;margin:10px 0}.cta p{color:#c4d0ce}.pagehero{padding:85px 5% 35px;max-width:1200px;margin:auto}.pagehero h1{font-size:clamp(42px,6vw,68px);max-width:850px;margin:16px 0}.projectgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.projectgrid img{height:380px}.projectgrid p{font-size:13px;color:#637474}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps h3{font-size:19px}.steps p{color:#667676;line-height:1.7}footer{background:#092831;color:#d8e1de;padding:55px 5% 25px}footer .foot{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{color:#a8bab8;line-height:1.7;font-size:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}input,select,textarea{font:inherit;border:1px solid #ccd4d0;background:white;width:100%;padding:14px;color:#183238}textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.notice{font-size:13px;color:#6a7775;line-height:1.6}.mobile{display:none}@media(max-width:900px){nav{display:none}.nav{gap:10px}.nav .btn{margin-left:auto;padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6%}.hero img{min-height:280px;height:320px}.strip{gap:15px;justify-content:start;padding:24px 6%}.grid,.split,.steps,.projectgrid{grid-template-columns:1fr}.wrap{padding:65px 6%}.card img,.projectgrid img{height:270px}.split img{height:300px}.cta{align-items:start;flex-direction:column}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.mobile{display:flex;gap:15px;padding:0 5% 12px;font-size:12px;font-weight:700;overflow:auto;white-space:nowrap}}
/* 10 CARPORT brand system */
:root{--brand:#082b35;--gold:#c89a5b;--paper:#f8f7f3;--steel:#718080}
body{background:var(--paper);color:var(--brand)}
header{background:var(--brand);border-bottom:3px solid var(--gold);color:#fff}
.nav{padding:9px 5%;gap:30px;min-height:94px}
.brand{gap:12px;color:white;letter-spacing:0}
.brand img{width:78px;height:59px;object-fit:contain;border-radius:0}
.brand-word{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:.025em;white-space:nowrap;line-height:1}.brand-word strong{color:#ddb77c}.brand-word small,.footer-brand small{display:block;color:#c1cbca;font-size:9px;font-weight:600;letter-spacing:.15em;margin-top:7px}
nav a{color:#e8efed}nav a:hover{color:#ddb77c}
header .btn,.btn.gold{background:var(--gold);color:#082b35}header .btn:hover,.btn.gold:hover{background:#ddba83}
.hero{background:#f8f7f3}.hero-copy{position:relative}.hero-copy:before{content:'';display:block;width:57px;height:4px;background:var(--gold);margin-bottom:25px}
.hero h1{font-size:clamp(38px,4.3vw,61px);line-height:1.12}.hero h1 em{font-style:normal;color:#a4763c}.hero-kicker{color:#82602e}
.hero .btn{background:var(--brand)}.hero .quiet{color:var(--brand)}.hero>img{border-left:7px solid var(--gold)}
.strip{background:var(--brand);border-bottom:1px solid #b1884e}.strip span:before{color:#e2b878}
.eyebrow{color:#8e642f}.btn{background:var(--brand)}.card h3:before{content:'';display:block;width:38px;height:3px;background:var(--gold);margin-bottom:17px}
.pagehero{border-bottom:1px solid #deddd5}.pagehero:before{content:'';display:block;width:52px;height:4px;background:var(--gold);margin-bottom:27px}
.cta{background:var(--brand);border-top:5px solid var(--gold)}.cta .eyebrow{color:#e1bc86}footer{background:#061f27;border-top:1px solid #967244}.footer-brand{display:flex;align-items:center;gap:13px;color:#e5bf81;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.footer-brand img{width:78px;height:59px;object-fit:contain}.footer-brand small{color:#adc1bd}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #cf9e59;outline-offset:3px}
@media(max-width:900px){.nav{min-height:76px;padding:7px 5%}.brand img{width:60px;height:46px}.brand-word{font-size:17px}.brand-word small{font-size:7px;letter-spacing:.1em}.nav .btn{font-size:11px;padding:12px 10px}.mobile{color:#ecf2f0;gap:19px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero>img{border-left:0;border-top:5px solid var(--gold)}.strip{line-height:1.5}}

/* Consistent logo and brand rule weights */
.brand img,.footer-brand img{object-fit:contain;background:transparent}.hero-copy:before,.pagehero:before,.card h3:before{height:3px}header,.hero>img,.cta{border-width:3px}@media(max-width:900px){.hero>img{border-left:0;border-top:3px solid var(--gold)}}

/* Project slideshow */
.hero-gallery{position:relative;min-width:0;min-height:570px;overflow:hidden;border-left:3px solid var(--gold);background:var(--brand)}.slides{position:absolute;inset:0}.hero .hero-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;opacity:0;transition:opacity .8s ease}.hero .hero-slide.is-active{opacity:1}.gallery-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 25px;background:linear-gradient(transparent,rgba(4,25,30,.82));color:white}.gallery-label{font-size:10px;font-weight:700;letter-spacing:.16em}.gallery-count{color:#e3c18d;margin-left:12px}.gallery-buttons{display:flex;gap:7px}.gallery-buttons button{width:38px;height:38px;border:1px solid rgba(255,255,255,.75);background:rgba(8,43,53,.68);color:white;font-size:17px;cursor:pointer}.gallery-buttons button:hover{background:var(--gold);border-color:var(--gold);color:var(--brand)}@media(max-width:900px){.hero-gallery{min-height:350px;border-left:0;border-top:3px solid var(--gold)}.hero .hero-slide{height:100%;min-height:0}.gallery-controls{padding:18px}}@media(prefers-reduced-motion:reduce){.hero .hero-slide{transition:none}}

/* Customer journey and FAQs */
.process-section{background:#edf0ed;border-top:1px solid #dfe5df}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid>div{border-top:2px solid #c89a5b;padding-top:22px}.process-grid span{font:700 12px Manrope,sans-serif;color:#9b7543;letter-spacing:.1em}.process-grid h3{font-size:19px;line-height:1.3;margin:13px 0}.process-grid p,.faq-list p{color:#637474;font-size:15px;line-height:1.7}.process-link{padding-left:0;margin-top:23px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq-section .quiet{padding-left:0}.faq-list details{border-top:1px solid #d8ded9;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #d8ded9}.faq-list summary,.optional-fields summary{cursor:pointer;list-style:none;font-family:Manrope,sans-serif;font-weight:700;line-height:1.45;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker,.optional-fields summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#a47841;font-size:24px;line-height:1}.faq-list details[open] summary:after{content:'−'}.optional-fields{padding:14px 0;border-top:1px solid #d8ded9}.optional-fields summary{font-size:14px}.optional-fields summary span{font-weight:400;color:#718080}.optional-grid{margin-top:20px}@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}.faq-section{grid-template-columns:1fr;gap:26px}}@media(max-width:520px){.process-grid{grid-template-columns:1fr;gap:18px}.process-grid>div{padding-top:14px}}

.landing-hero{display:grid;grid-template-columns:1fr 1fr;background:#082b35;color:#fff;min-height:570px}.landing-copy{padding:85px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.landing-copy .eyebrow{color:#e0bd85}.landing-copy h1{font-size:clamp(45px,5vw,70px);margin:20px 0}.landing-copy h1 em{font-style:normal;color:#dfb77b}.landing-copy>p{color:#d4e0dd;line-height:1.75;font-size:17px;max-width:500px}.landing-copy .landing-note{font-size:12px;margin-top:25px;color:#b8c9c6}.landing-hero img{height:100%;min-height:570px}.landing-call{align-self:center;padding:12px;color:#fff;font-weight:700;font-size:13px}@media(max-width:900px){.landing-hero{grid-template-columns:1fr}.landing-copy{padding:65px 6%}.landing-hero img{min-height:0;height:360px}}

.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.benefit-grid article{border-top:2px solid var(--gold);padding-top:22px}.benefit-grid span{font-size:10px;font-weight:700;color:#916b3b;letter-spacing:.12em}.benefit-grid h3{font-size:19px;line-height:1.3;margin:15px 0}.benefit-grid p{font-size:15px;line-height:1.75;color:#637474}.visual-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.visual-grid img{height:290px}.quote-section{background:#082b35;color:white;padding:85px 5%;scroll-margin-top:120px}.quote-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.quote-inner h2{font-size:clamp(36px,5vw,55px);margin:15px 0}.quote-inner>div>p{color:#c6d3d0;line-height:1.75}.quote-inner .eyebrow{color:#dbb87f}.quote-direct{display:flex;flex-direction:column;gap:12px;margin-top:30px;font-weight:700}.quote-direct span{font-size:13px;color:#b2c3bf}.quote-card{background:#fff;color:#082b35;padding:32px;box-shadow:0 15px 60px #041b2270}.quote-card .eyebrow{color:#8e642f}.quote-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#718080}.quote-card h3{font-size:26px;margin:0 0 26px}.quote-card label{margin:18px 0 7px}.quote-card input,.quote-card select{margin-bottom:0}.quote-card .step-next{margin-top:24px}.quote-card .form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.quote-card .form-actions .step-next{margin:0}.step-back{background:none;border:0;padding:12px 0;font-size:12px;color:#29434a;font-weight:700;cursor:pointer}.optional{font-weight:400;color:#718080}.quote-card .notice{color:#6a7775}.quote-card .step[hidden]{display:none}@media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.visual-grid{grid-template-columns:1fr 1fr}.visual-grid img:first-child{grid-column:1/-1}.quote-inner{grid-template-columns:1fr;gap:30px}}@media(max-width:520px){.benefit-grid{grid-template-columns:1fr}.visual-grid img{height:190px}.visual-grid img:first-child{height:250px}.quote-section{padding:65px 6%}.quote-card{padding:24px}}

/* Original 10 CARPORT symbol and custom lettering */
.brand img{width:116px;height:84px;object-fit:contain;background:transparent}.footer-brand img{width:130px;height:110px;object-fit:contain;background:transparent}.nav{min-height:104px}@media(max-width:900px){.nav{min-height:86px}.brand img{width:94px;height:70px}}

/* Horizontal lockup from the original artwork */
.brand-horizontal{display:flex;align-items:center;gap:12px}.brand img.brand-symbol{display:block;width:76px;height:64px;object-fit:contain}.brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.brand img.brand-wordmark{display:block;width:184px;height:auto;max-height:32px;object-fit:contain}.brand-name small{color:#d1dcda;font-size:8px;font-weight:700;letter-spacing:.13em;white-space:nowrap}.nav{min-height:96px}@media(max-width:900px){.nav{min-height:82px}.brand-horizontal{gap:9px}.brand img.brand-symbol{width:61px;height:54px}.brand img.brand-wordmark{width:150px;max-height:25px}.brand-name small{display:none}}@media(max-width:390px){.brand img.brand-symbol{width:52px;height:48px}.brand img.brand-wordmark{width:125px}}

.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

#sample-projects[hidden]{display:none}