:root{--green:#123d2e;--text:#303733;--muted:#606760;--orange:#dc890c;--cream:#fbfaf5;--line:#e6e5db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--text);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:92%;max-width:1200px;margin-left:auto;margin-right:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:7px;font:bold 27px Georgia,serif;letter-spacing:-.8px;color:var(--green)}.brand svg{width:25px;height:35px}nav{display:flex;gap:27px;font-size:12px;color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(110deg,#234f38,#103d2d);border:1px solid #345c46;color:white;padding:13px 21px;border-radius:7px;font-size:13px;font-weight:bold;box-shadow:0 3px 8px #133c2912}.button:hover{background:#295b41}.button.small{font-size:11px;padding:9px 16px}.hero{width:96%;max-width:1280px;display:grid;grid-template-columns:41% 59%;align-items:center;min-height:400px;padding-left:2%}.hero-copy{padding:25px 25px 30px 0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:#0b3025;letter-spacing:-.65px}h1{font-size:clamp(35px,4.1vw,52px);line-height:1.02}.hero-copy>p{max-width:380px;font-size:15px;margin:15px 0 18px}.hero-copy small{display:block;font-size:10px;margin-top:12px}.hero-photo{height:410px;position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo>span{position:absolute;right:10px;bottom:9px;font-size:7px;letter-spacing:.1em;background:#fffdf1dc;padding:4px 6px}h2{font-size:28px;line-height:1.16}h3{font-size:22px;line-height:1.15}.center{text-align:center}.products-section{padding-top:25px}.products-section h2{margin-bottom:13px}.products{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.products article{display:grid;grid-template-columns:50% 50%;height:185px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffdf8}.products article>img{height:100%;width:100%;object-fit:cover}.products article:first-child>img{object-position:30% center}.products article>div{padding:23px 18px;display:flex;flex-direction:column;align-items:start;justify-content:center}.products p{font-size:13px;margin:7px 0 12px}.products button{background:#fffefa;border:1px solid #9eada1;border-radius:7px;color:var(--green);font-size:11px;font-weight:bold;padding:9px 14px;display:flex;gap:20px;align-items:center}.products button:hover{background:#eef3e9}.info{font-size:10px;line-height:1.6;text-align:center;margin:15px auto 24px;max-width:1100px}.info b{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--green);color:white;margin-right:9px;font-size:10px}.modes{padding:17px 18px;background:#f1f0e7;border-radius:10px}.modes h2{margin-bottom:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col article{display:flex;gap:24px;align-items:center;padding:22px 25px;background:#fffdf8;border:1px solid var(--line);border-radius:10px}.icon-circle{display:grid;place-items:center;flex-shrink:0;width:80px;height:80px;border-radius:50%;background:#fbeac7}.icon-circle svg{width:49px;height:49px}.two-col p{font-size:13px;margin-top:6px;line-height:1.5}.flow{padding-top:18px;padding-bottom:18px}.flow h2{margin-bottom:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:29px}.steps article{position:relative;border:1px solid var(--line);border-radius:10px;padding:15px 18px 19px;background:#fffdf8}.steps article:not(:last-child):after{content:'→';position:absolute;right:-25px;top:45%;color:#7f9c80;font-size:25px}.step-number{position:absolute;top:13px;left:15px;background:var(--orange);color:white;font-size:13px;font-weight:400;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.steps svg{display:block;width:36px;height:36px;margin:0 auto 12px}.steps h3{text-align:center;font-size:18px;min-height:42px;margin-bottom:12px}.steps p{font-size:12px;line-height:1.45}.pilot{background:#edf1e4;border-radius:10px;display:grid;grid-template-columns:66px 1fr 30%;gap:22px;align-items:center;padding:22px 25px}.pilot-icon{width:53px;height:60px}.pilot h2{font-size:25px}.pilot ul,.responsibilities ul{padding:0;margin:10px 0 0;list-style:none}.pilot li,.responsibilities li{position:relative;padding-left:24px;font-size:13px;line-height:1.65}.pilot li:before,.responsibilities li:before{content:'✓';position:absolute;left:0;top:3px;display:grid;place-items:center;width:15px;height:15px;background:var(--orange);color:white;border-radius:50%;font-size:10px}.pilot-cta{border-left:1px solid #c8d3bd;padding:15px 0 15px 25px;text-align:center}.pilot-cta .button{width:100%}.pilot-cta small{display:block;font-size:9px;margin-top:10px}.responsibilities{padding-top:16px}.responsibilities>h2{font-size:25px;margin-bottom:9px}.responsibilities .two-col article{padding-top:16px;padding-bottom:16px}.responsibilities h3{font-size:21px}.responsibilities ul{margin-top:4px}.responsibilities li{font-size:12px}.fine{font-size:9px;color:var(--muted);margin:9px 0 13px}.faq{padding-bottom:25px}.faq h2{font-size:25px;margin-bottom:10px}details{border:1px solid var(--line);border-radius:6px;background:#faf9f3;margin-bottom:8px;padding:11px 14px}summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;gap:20px}summary:after{content:'⌄'}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.6;padding-top:12px;max-width:1000px}.quote{background:linear-gradient(110deg,#eaf0dd,#dce6d2);padding:24px 0}.quote-grid{display:grid;grid-template-columns:46% 54%;align-items:center;gap:10px}.quote h2{font-size:30px}.quote-grid>div p{font-size:13px;max-width:380px;margin:9px 0}.quote-grid>div small{font-size:10px;max-width:370px;display:block}form{background:#fffdf8;border-radius:10px;padding:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}label{display:flex;flex-direction:column;gap:4px;font-size:9px}input,select{width:100%;min-width:0;background:#fffefa;border:1px solid #d9ded0;border-radius:4px;padding:9px;color:var(--text);font-size:11px}.check{flex-direction:row;align-items:start;font-size:10px;margin:12px 0}.check input{width:14px;margin:0}.check[hidden]{display:none}form>.button{width:100%;font-size:12px;margin-top:12px;padding:11px}#status{font-size:9px;color:var(--muted);margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}footer .brand{font-size:19px}footer .brand svg{width:19px;height:25px}footer>span,footer>small{font-size:9px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d88a18;outline-offset:3px}@media(max-width:950px){.products article{height:170px}.products article>div{padding:15px 12px}h3{font-size:20px}.products p{font-size:11px}.two-col article{padding:18px;gap:15px}.icon-circle{width:60px;height:60px}.icon-circle svg{width:40px;height:40px}.pilot{grid-template-columns:45px 1fr;gap:15px}.pilot-icon{width:43px}.pilot-cta{grid-column:1/-1;border-left:0;border-top:1px solid #c8d3bd;padding:14px 0 0;display:flex;gap:15px;align-items:center}.pilot-cta .button{width:auto}.pilot-cta small{margin:0}.steps{gap:22px}.steps article{padding-left:13px;padding-right:13px}.steps article:not(:last-child):after{right:-21px}.steps h3{font-size:17px}.hero-photo{height:355px}.hero-copy>p{font-size:13px}.hero h1{font-size:38px}nav{gap:15px;font-size:10px}}
@media(max-width:650px){header{height:65px}.brand{font-size:23px}nav{display:none}.button.small{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;padding:0;width:92%;gap:10px}.hero-copy{padding:25px 0 12px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px;max-width:100%}.hero-photo{height:310px}.hero-copy small{font-size:10px}.products-section{padding-top:25px}h2{font-size:25px}.products{grid-template-columns:1fr;gap:12px}.products article{height:190px}.products article>div{padding:20px 15px}.products h3{font-size:23px}.products p{font-size:13px}.products button{font-size:12px}.info{text-align:left;font-size:10px;margin-bottom:20px}.two-col{grid-template-columns:1fr;gap:12px}.modes{padding:18px 14px}.two-col article{padding:20px 17px}.two-col h3{font-size:22px}.two-col p{font-size:14px}.icon-circle{width:65px;height:65px}.flow{padding-top:24px}.steps{grid-template-columns:1fr 1fr;gap:15px}.steps article:not(:last-child):after{display:none}.steps article{padding:18px 15px}.steps p{font-size:13px}.steps h3{font-size:19px}.step-number{left:10px;top:10px}.pilot{grid-template-columns:35px 1fr;padding:20px 16px;gap:12px}.pilot-icon{width:34px}.pilot h2{font-size:24px}.pilot li{font-size:12px}.pilot-cta{display:block}.pilot-cta .button{width:100%}.pilot-cta small{margin-top:9px}.responsibilities{padding-top:23px}.responsibilities .two-col article{padding:20px}.responsibilities li{font-size:13px}.fine{font-size:10px;line-height:1.5;margin-top:12px}.faq{padding-top:8px}summary{font-size:13px;padding:2px}details p{font-size:13px}.quote-grid{grid-template-columns:1fr;gap:20px}.quote h2{font-size:29px}.quote-grid>div p{font-size:14px}.fields{gap:13px}label{font-size:11px}input,select{font-size:12px;padding:10px}.quote-grid>div small{font-size:11px}footer{flex-wrap:wrap;gap:12px}footer>small{width:100%}.quote{padding:25px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Faithful layout of supplied 905 × 1738 reference. Photos are CSS windows into the supplied reference; text remains editable HTML. */
.wrap{width:92%;max-width:1200px}header{height:60px}.hero{width:100%;max-width:1304px;grid-template-columns:40% 60%;padding:0 0 0 5.2%;min-height:0}.hero-copy{padding:35px 24px 42px 0}.hero h1{font-size:clamp(35px,4vw,53px);line-height:1.01}.hero-copy>p{font-size:15px;line-height:1.3;margin:15px 0 17px}.hero-photo{height:auto;aspect-ratio:555/315}.reference-photo{background-image:url('assets/reference.png');background-repeat:no-repeat;background-size:163.063063% auto;background-position:100% 3.162333%;}.reference-card-photo{width:100%;height:100%;background-image:url('assets/reference.png');background-repeat:no-repeat;background-size:430.952381% auto}.reference-card-photo.flag{background-position:5.611511% 25.826575%}.reference-card-photo.shade{background-position:66.47482% 25.826575%}.reference-card-photo.tote{background-position:5.611511% 35.246413%}.reference-card-photo.fan{background-position:66.47482% 35.246413%}
.products-section{padding-top:25px}.products-section h2{font-size:28px;margin-bottom:13px}.products article{height:auto;aspect-ratio:407/136;grid-template-columns:51.6% 48.4%}.products article>div:not(.reference-card-photo){padding:17px 16px}.products h3{font-size:23px}.products p{font-size:13px;margin:6px 0 10px}.products button{padding:9px 14px}.info{margin:14px auto 24px;font-size:10px}.modes{padding:14px 16px 17px}.modes .two-col article{border:0;padding:20px 18px;background:#fffdf8}.modes .two-col{gap:15px}.modes .icon-circle{width:80px;height:80px}.modes h2{margin-bottom:12px}.two-col article{gap:25px}.two-col p{font-size:13px}.flow{padding-top:17px;padding-bottom:17px}.steps{gap:30px}.steps article{padding:16px 18px 20px}.steps h3{font-size:18px}.pilot{padding:20px 25px;grid-template-columns:63px 1fr 31%;gap:17px}.pilot h2{font-size:26px}.pilot li{font-size:13px}.pilot-cta{padding-left:25px}.responsibilities{padding-top:15px}.responsibilities .two-col article{padding:17px 25px}.fine{font-size:9px;margin-bottom:10px}.faq{padding-bottom:22px}.faq details:last-child{display:none}.quote{padding:18px 0}.quote-grid{grid-template-columns:46% 54%;gap:10px}.quote-grid>div{padding-right:25px}.quote h2{font-size:30px}form{padding:14px 18px}.check{margin:10px 0;font-size:9px}.fields{gap:9px 15px}form>.button{margin-top:3px}.quote-grid>div small{font-size:9px}.brand svg{width:25px;height:35px}footer{padding-top:14px;padding-bottom:14px}
@media(min-width:1400px){.hero-copy{padding-left:0}.hero{padding-left:52px}.hero h1{font-size:54px}.products article{aspect-ratio:407/136}}
@media(max-width:950px) and (min-width:651px){header{height:45px}.brand{font-size:25px}.button.small{font-size:9px;padding:8px 12px}.hero-copy{padding-top:25px;padding-bottom:29px}.hero h1{font-size:37px}.hero-copy>p{font-size:13px}.products-section h2{font-size:25px}.products h3{font-size:19px}.products p{font-size:12px}.products button{font-size:10px;padding:8px 12px}.products article>div:not(.reference-card-photo){padding:13px 14px}.pilot{grid-template-columns:55px 1fr 31%;gap:13px}.pilot-cta{grid-column:auto;border-top:0;border-left:1px solid #c8d3bd;display:block;padding:14px 0 14px 20px}.pilot-cta .button{width:100%;font-size:11px;padding:11px 14px;gap:14px}.pilot-cta small{margin-top:10px}.pilot h2{font-size:23px}.pilot li{font-size:12px}.two-col article{gap:20px}.modes .icon-circle{width:72px;height:72px}.steps h3{font-size:17px}.steps p{font-size:11px}.quote-grid{grid-template-columns:46% 54%}.quote h2{font-size:27px}}
@media(max-width:650px){header{height:64px}.hero{width:92%;padding:0;grid-template-columns:1fr}.hero-copy{padding:25px 0 20px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px;max-width:390px}.hero-photo{aspect-ratio:555/315;height:auto}.products article{aspect-ratio:auto;height:155px}.products article>div:not(.reference-card-photo){padding:15px 12px}.products h3{font-size:22px}.products p{font-size:12px}.products-section h2{font-size:25px}.reference-card-photo{background-size:auto 1287.4074%;}.reference-card-photo.flag{background-position:5.611511% 25.826575%}.reference-card-photo.shade{background-position:66.47482% 25.826575%}.reference-card-photo.tote{background-position:5.611511% 35.246413%}.reference-card-photo.fan{background-position:66.47482% 35.246413%}.modes .two-col article{padding:18px 12px}.modes .icon-circle{width:65px;height:65px}.two-col p{font-size:13px}.steps{gap:15px}.steps h3{font-size:19px}.steps p{font-size:13px}.pilot{grid-template-columns:35px 1fr;padding:20px 16px}.pilot h2{font-size:24px}.pilot-cta{grid-column:1/-1;border-left:0;border-top:1px solid #c8d3bd;padding:14px 0 0}.quote-grid{grid-template-columns:1fr;gap:20px}.quote-grid>div{padding-right:0}.quote-grid>div small{font-size:10px}.quote{padding:25px 0}.fields{gap:12px}.check{font-size:11px;margin:12px 0}form>.button{margin-top:8px}footer{padding:18px 0}.responsibilities .two-col article{padding:20px}.fine{font-size:10px}}


/* Single clean hero image. No layered patch and no old silver photo underneath. */
.hero-photo.reference-photo{position:relative;background-image:url('assets/hero-color-fixed.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.reference-card-photo.shade{background-image:url('assets/approved-sunshade-car.png');background-size:cover;background-position:center}
@media(max-width:650px){.reference-card-photo.shade{background-size:cover;background-position:center}}