:root{--navy:#142b3b;--orange:#ef702f;--paper:#f8f7f3;--muted:#65717a;--line:#d8dddf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;line-height:1.04;font-weight:600}h2{font-size:clamp(36px,4.2vw,62px)}h2 em,h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic}p{line-height:1.7}svg{display:block}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.section{padding-top:110px;padding-bottom:110px}.orange{color:var(--orange)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background:var(--paper);position:relative;z-index:20;border-bottom:1px solid #142b3b12}.brand{display:flex;gap:10px;align-items:center;font-size:26px;letter-spacing:-1.3px;font-weight:900;line-height:1}.brand svg{width:45px;height:40px}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;font-weight:500}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.header nav>a:not(.nav-cta):hover{color:var(--orange)}.nav-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;vertical-align:top}.nav-cta{border:1px solid var(--navy);padding:16px 21px;display:flex;gap:35px}.nav-cta:hover{background:var(--navy);color:white}.menu{display:none}.skip{position:fixed;top:-100px;background:white;z-index:100;padding:15px}.skip:focus{top:10px}.hero{height:710px;min-height:600px;position:relative;color:white;overflow:hidden;isolation:isolate}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-img{object-position:center 48%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,27,40,.87),rgba(9,27,40,.51) 53%,rgba(9,27,40,.08)),linear-gradient(0deg,#0d2438ad,transparent 24%)}.hero-inner{padding-top:96px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:12px;line-height:1.5}.line{width:29px;height:2px;display:inline-block;background:var(--orange);flex-shrink:0}.hero h1{font-size:clamp(54px,6.5vw,96px);margin-top:32px}.hero h1 em{color:#ffc397}.hero-desc{font-size:17px;max-width:425px;margin-top:26px;color:#e4e9ec}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:none;padding:21px 24px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;line-height:1}.orange-button{background:var(--orange);color:white}.orange-button:hover{background:#d55d20}.hero .button{margin-top:34px}.hero-secondary{display:inline-flex;gap:17px;align-items:center;font-size:12px;margin-left:25px;border-bottom:1px solid #ffffff60;padding-bottom:7px}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#eef1f4}.image-note{position:absolute;right:18px;bottom:10px;font-size:8px;color:#fff9}.service-strip{border-bottom:1px solid var(--line);background:#eeeee8}.strip-inner{display:flex;justify-content:space-between;padding:26px 0;font-size:12px;font-weight:600}.strip-inner i{font-style:normal;color:var(--orange);margin-right:12px;font-size:20px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-top h2{margin-top:22px}.section-intro{max-width:350px;font-size:14px;color:var(--muted);padding-bottom:3px}.service-list{margin-top:56px;border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:50px 120px 1fr 62px;align-items:center;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.service-number{font-size:12px;color:#889299;align-self:start;padding-top:7px}.service-icon svg{width:77px;fill:none;stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-item h3{font-size:25px;letter-spacing:-.6px;margin-bottom:10px;font-weight:500}.service-item p{font-size:14px;color:var(--muted);max-width:650px}.tags{display:flex;gap:9px;margin-top:16px}.tags span{font-size:9px;border:1px solid #dfe2e1;padding:6px 9px;letter-spacing:.4px}.service-arrow{width:48px;height:48px;border:1px solid #c5cdd0;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:.2s}.service-arrow:hover{background:var(--orange);color:white;border-color:var(--orange)}.cool-section{background:var(--navy);color:white;padding:76px 0 88px;overflow:hidden}.cool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.new-label{font-size:9px;letter-spacing:1.5px;padding:8px 11px;border:1px solid #ffffff40;color:#f2aa77}.cool-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cool-copy h2{font-size:clamp(44px,4.7vw,70px);margin-bottom:24px}.cool-copy h2 em{color:#f8a875}.cool-lead{font-size:15px;margin-bottom:20px}.cool-lead strong{font-weight:500;color:#f4b895}.cool-copy>p:not(.cool-lead):not(.fineprint){font-size:13px;color:#becbd3;max-width:420px}.check-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:13px;font-size:13px}.check-list li:before{content:'✓';color:#f6a16e;margin-right:12px}.price{display:flex;align-items:center;gap:28px;margin:30px 0}.price>div{border-right:1px solid #ffffff30;padding-right:28px}.price small{font-size:9px;letter-spacing:1.5px;display:block;color:#b9c9d3;margin-bottom:2px}.price strong{font-size:57px;letter-spacing:-3px;font-weight:500}.price strong span{font-size:23px;letter-spacing:-.5px}.price p{font-size:12px;line-height:1.6;color:#c6d1d8}.light-button{background:#f8f7f3;color:var(--navy)}.fineprint{font-size:9px;max-width:415px;color:#a8bac6;margin-top:17px}.cool-demo{width:100%;min-width:0}.comparison-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#ced7dd;margin-bottom:16px}.roof-comparison{height:370px;position:relative;overflow:hidden;background:#d6e8ed;border-radius:3px;isolation:isolate}.roof-side{position:absolute;inset:0;overflow:hidden}.roof-white{background:linear-gradient(#c6dde6,#ecf2f3)}.roof-black{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:linear-gradient(#e4d7bc,#e6c7aa)}.sun{position:absolute;top:30px;left:calc(50% - 20px);font-size:45px;color:#eca62f}.ray{position:absolute;left:50%;top:98px;transform:translateX(-50%);font-size:57px;font-weight:bold;letter-spacing:15px;color:#efb044;white-space:nowrap;z-index:2}.white-ray{color:#dfad38}.black-ray{color:#d27236}.roof-plane{position:absolute;width:90%;height:190px;top:160px;left:5%;transform:perspective(300px) rotateX(45deg) rotateZ(-10deg);border-bottom:20px solid #3b4d56;box-shadow:0 28px 28px #0002}.plane-white{background:repeating-linear-gradient(90deg,transparent 0,transparent 92px,#d5e1e4 93px,#d5e1e4 94px),#f6f7f6}.plane-black{background:repeating-linear-gradient(90deg,transparent 0,transparent 92px,#4b4c4b 93px,#4b4c4b 94px),#34393c;border-bottom-color:#252e32}.roof-label{position:absolute;bottom:65px;z-index:4;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;font-weight:700;color:var(--navy)}.roof-label small{display:block;font-size:9px;letter-spacing:0;margin-top:6px;font-weight:400}.label-black{color:white}.temperature{position:absolute;bottom:0;left:0;right:0;padding:14px 10px;text-align:center;font-size:10px;background:#ffffffb0;color:#2d6e89}.temperature span{font-size:18px;vertical-align:middle;margin-right:5px}.hot-temp{background:#342c25c9;color:#ffbe8f}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:white;pointer-events:none;z-index:5}.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;background:white;border-radius:50%;color:var(--navy);box-shadow:0 3px 16px #0003;font-size:23px;white-space:pre}#roofSlider{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:6;cursor:ew-resize;margin:0} .roof-comparison:focus-within{outline:3px solid var(--orange);outline-offset:4px}.compare-help{display:flex;justify-content:space-between;font-size:10px;color:#c7d5de;padding:14px 0}.product-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:22px 0}.product-bar>div strong{display:block;font-size:20px;letter-spacing:-1px}.product-bar>div span{font-size:9px;letter-spacing:.7px;display:block;margin-top:7px;color:#becdd7}.sri{font-size:10px}.sri strong{font-size:30px;font-weight:500}.sri small{display:block;font-size:8px;color:#becdd7}.diagram-note{font-size:9px;color:#a7b9c4;margin-top:13px}.source-link,.poster-button{display:inline-block;font-size:10px;margin-top:15px;color:#f4b38b;border:0;border-bottom:1px solid #f4b38b50;background:none;padding:0 0 4px}.poster-button{display:block;margin-top:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-art{height:430px;background:#e8e9e1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-art:after{content:'';position:absolute;inset:30px;border:1px solid #142b3b18}.giant-mark{font-size:225px;font-weight:900;letter-spacing:-24px;line-height:1;color:var(--navy);transform:translateY(-20px)}.giant-mark>span{color:var(--orange)}.about-stamp{position:absolute;bottom:54px;right:50px;font-size:8px;letter-spacing:2px;color:#6a787a;border-left:2px solid var(--orange);padding-left:15px}.about-stamp strong{display:block;color:var(--navy);font-size:11px;line-height:1.5;margin-top:10px;letter-spacing:1px}.about-rule{position:absolute;width:200%;height:1px;background:#142b3b14;transform:rotate(-35deg);top:50%}.about-copy h2{margin:22px 0 26px}.about-copy p{font-size:14px;color:var(--muted);margin-bottom:16px}.about-copy .eyebrow{font-size:10px;color:var(--navy);margin-bottom:0}.about-copy p.lead{font-size:17px;color:var(--navy)}.text-link{font-size:12px;border-bottom:1px solid var(--navy);display:inline-flex;gap:45px;padding-bottom:9px;margin-top:14px}.steps{padding:80px 0;background:#eceee7}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:50px}.steps-grid article{border-top:1px solid #b8c0bf;padding-top:23px}.steps-grid article>span{font-size:9px;letter-spacing:1.5px;color:#768083}.steps-grid h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin-top:20px}.steps-grid p{font-size:13px;color:var(--muted);margin-top:17px}.area{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.area h2{margin-top:22px}.area-details>p{font-size:14px;color:var(--muted)}.towns{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.towns span{border:1px solid #d4dadb;padding:10px 15px;font-size:11px}.area-details>.small-muted{font-size:11px}.contact-section{background:var(--navy);color:white;padding:95px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{margin-top:27px;font-size:clamp(36px,4.3vw,62px)}.contact-grid h2 em{color:#f2a976}.contact-grid>div>p:not(.eyebrow){margin-top:30px;max-width:330px;font-size:14px;color:#bdccd5}.contact-signature{border-top:1px solid #ffffff25;margin-top:50px;padding-top:25px;display:flex;align-items:center;gap:22px}.contact-signature>span{font-weight:900;letter-spacing:-1px;font-size:20px}.contact-signature small{font-size:9px;color:#b8c9d3;line-height:1.7}.project-form{background:#fff;padding:35px;color:var(--navy)}.project-form h3{font-size:24px;font-weight:500;letter-spacing:-.7px}.form-notice{font-size:11px;color:var(--muted);margin:11px 0 23px}.project-form label{display:block;font-size:11px;font-weight:600;margin-bottom:18px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{border:1px solid #d5dadd;border-radius:0;background:#f9faf8;padding:12px 11px;width:100%;color:var(--navy);font-size:12px;display:block;margin-top:7px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:1px}textarea{resize:vertical}.project-form .button{width:100%;padding:17px 19px}.form-privacy{font-size:9px;color:var(--muted);margin-top:12px}.copy-button{background:var(--navy);color:white;border:0;padding:12px 15px;font-size:12px}#messageResult{padding-top:22px;margin-top:17px;border-top:1px solid var(--line)}#copyStatus{font-size:11px;margin-top:10px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq h2{margin-top:23px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:13px;padding:23px 0;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--orange);line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;padding:0 25px 23px 0;color:var(--muted)}footer{background:#e9ebe5}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:47px 0}.footer-top p{font-size:18px;line-height:1.3;letter-spacing:-.5px}.back-top{font-size:11px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cbd2cf;padding:22px 0;color:#77817f;font-size:9px}.footer-bottom button{border:0;padding:0;background:none;font-size:9px;color:#77817f}dialog{border:0;padding:0;max-height:92dvh;max-width:90vw;color:var(--navy)}dialog::backdrop{background:#071721d9;backdrop-filter:blur(5px)}.poster-dialog{background:transparent;overflow:auto}.poster-dialog img{width:auto;max-width:100%;max-height:88dvh;display:block}.dialog-close{position:sticky;top:8px;float:right;margin-right:8px;margin-bottom:-45px;border:0;background:var(--navy);color:white;border-radius:50%;width:34px;height:34px;font-size:24px;z-index:10}.privacy-dialog{padding:38px;width:560px}.privacy-dialog .dialog-close{margin-top:-24px;margin-right:-24px}.privacy-dialog h2{font-size:30px;margin-bottom:20px}.privacy-dialog p{font-size:13px;color:var(--muted);margin-top:15px}
@media(min-width:1600px){.hero{height:780px}.hero-inner{padding-top:120px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header{padding:0 30px;height:84px}.header nav{gap:20px;font-size:11px}.brand{font-size:23px}.hero{height:660px}.hero-inner{padding-top:85px}.hero h1{font-size:72px}.hero-desc{font-size:16px}.hero-secondary{display:table;margin:20px 0 0}.section{padding:80px 0}.cool-grid{gap:40px}.about,.contact-grid,.area{gap:50px}.service-item{grid-template-columns:30px 80px 1fr 48px;gap:14px}.cool-header .eyebrow{max-width:370px}.cool-copy h2{font-size:50px}.steps-grid{gap:30px}.faq{gap:45px}.about-art{height:370px}.giant-mark{font-size:185px}.project-form{padding:25px}.contact-signature{display:block}.contact-signature small{display:block;margin-top:12px}.roof-comparison{height:350px}.roof-label small{font-size:8px}.new-label{white-space:nowrap}}
@media(max-width:700px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.header{height:76px;padding:0 20px}.brand{font-size:23px}.brand svg{width:36px;height:33px}.brand small{font-size:7px;letter-spacing:2.4px}.menu{display:flex;flex-direction:column;gap:6px;background:transparent;border:1px solid #142b3b35;padding:12px}.menu span{width:21px;height:1px;background:var(--navy)}.header nav{position:absolute;top:76px;left:0;right:0;display:none;padding:20px;background:var(--paper);box-shadow:0 15px 15px #142b3b10}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.header nav>a{padding:16px 4px;font-size:14px}.header nav .nav-cta{padding:16px;margin-top:10px}.hero{height:680px;min-height:0}.hero-img{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#0b223be0,#10263980),linear-gradient(0deg,#0d2438bb,transparent)}.hero-inner{padding-top:77px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:60px;letter-spacing:-3.3px;line-height:1.04;margin-top:32px}.hero-desc{font-size:15px;max-width:290px;line-height:1.75;margin-top:26px}.hero .button{margin-top:30px;font-size:12px;padding:20px;gap:45px}.hero-secondary{font-size:11px;margin-top:23px}.hero-bottom{bottom:32px;font-size:8px;letter-spacing:1.3px}.hero-index{display:none}.strip-inner{justify-content:center;padding:20px 0;gap:18px;flex-wrap:wrap;font-size:10px}.strip-inner span:last-child{display:none}.strip-inner i{margin-right:5px;font-size:15px}.section{padding:64px 0}.section-top{display:block}.section-top h2{font-size:39px;margin-top:20px}.section-intro{font-size:13px;margin-top:25px;max-width:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.service-list{margin-top:35px}.service-item{grid-template-columns:28px 1fr 35px;gap:10px;padding:27px 0}.service-icon{display:none}.service-number{font-size:10px}.service-item h3{font-size:22px}.service-item p{font-size:12px;line-height:1.8}.service-arrow{width:32px;height:32px;font-size:18px;align-self:start;margin-top:2px}.tags{gap:6px;margin-top:14px}.tags span{font-size:8px;padding:5px 7px}.cool-section{padding:55px 0 60px}.cool-header{margin-bottom:30px}.cool-header .eyebrow{max-width:235px}.new-label{display:none}.cool-grid{grid-template-columns:1fr;gap:42px}.cool-copy h2{font-size:53px}.cool-lead{font-size:14px}.cool-copy>p:not(.cool-lead):not(.fineprint){font-size:13px}.check-list{font-size:12px}.price{margin:24px 0}.price strong{font-size:53px}.fineprint{font-size:9px}.roof-comparison{height:345px}.product-bar{padding:19px 0}.about{grid-template-columns:1fr;gap:37px}.about-art{height:270px}.giant-mark{font-size:165px;transform:translateY(-12px)}.about-art:after{inset:20px}.about-stamp{bottom:30px;right:30px}.about-copy h2{font-size:43px}.about-copy p.lead{font-size:16px}.about-copy p{font-size:13px}.steps{padding:60px 0}.steps-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps-grid article{padding-top:19px}.steps-grid h3{font-size:23px;margin-top:13px}.steps-grid h3 br{display:none}.steps-grid p{margin-top:12px;font-size:12px}.area{grid-template-columns:1fr;gap:26px}.area h2{font-size:42px}.area-details>p{font-size:13px}.towns{gap:8px;margin:18px 0}.towns span{padding:9px 12px;font-size:10px}.contact-section{padding:60px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid h2{font-size:44px}.contact-grid>div>p:not(.eyebrow){font-size:13px;margin-top:23px}.contact-signature{margin-top:25px;padding-top:22px;display:flex}.contact-signature small{margin-top:0}.project-form{padding:24px 20px}.project-form h3{font-size:23px}.form-row{grid-template-columns:1fr;gap:0}.form-notice{font-size:10px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:41px}.faq summary{font-size:12px;padding:20px 0}.faq details p{font-size:12px}.footer-top{padding:35px 0;flex-wrap:wrap;gap:27px}.footer-top p{font-size:14px}.back-top{font-size:10px;width:100%}.footer-bottom{gap:14px;flex-wrap:wrap;justify-content:flex-start;font-size:8px;padding:20px 0}.footer-bottom button{font-size:8px;margin-left:auto}.privacy-dialog{padding:30px 23px}.privacy-dialog h2{font-size:26px}.privacy-dialog .dialog-close{margin-right:-12px;margin-top:-18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.direct-contact{display:grid;gap:17px;margin-top:28px}.direct-contact a{display:flex;align-items:center;justify-content:space-between;max-width:350px;font-size:24px;letter-spacing:-.7px;border-bottom:1px solid #ffffff30;padding-bottom:12px}.direct-contact a+a{font-size:17px;letter-spacing:0}.direct-contact a span{color:var(--orange)}.email-ready{margin-bottom:12px}.contact-grid>div>p[hidden]{display:none}
/* Comparator: fixed-size aligned scenes, readable labels, native control and pointer drag. */
.comparison-legend{display:flex;justify-content:space-between;gap:16px;margin-bottom:15px}.comparison-legend>span{font-size:12px;font-weight:600;line-height:1.5}.comparison-legend>span:last-child{text-align:right}.comparison-legend small{display:block;font-size:10px;font-weight:400;color:#b7c9d4}.comparison-legend i{display:inline-block;width:10px;height:10px;margin-right:7px;border:1px solid #ffffff60;border-radius:2px}.legend-black{background:#30383e}.legend-white{background:#f7faf9}.roof-comparison{height:auto;aspect-ratio:600/340;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;overflow:hidden}.roof-comparison.dragging{cursor:grabbing}.comparison-scene{width:100%;height:100%;display:block;pointer-events:none}.roof-side{pointer-events:none;background:none}.compare-divider{left:clamp(1px,var(--reveal),calc(100% - 2px));box-shadow:0 0 5px #142b3b35}.compare-divider span{font-family:Arial,sans-serif;font-size:25px;box-shadow:0 2px 12px #142b3b30;border:2px solid #fff}.comparison-control{padding:18px 0 21px}.comparison-control>label{display:block;font-size:11px;color:#d5e0e6;margin-bottom:14px}.comparison-control #roofSlider{position:relative;inset:auto;opacity:1;width:100%;height:30px;margin:0;cursor:ew-resize;background:transparent;border:none;padding:0;accent-color:#ef702f;touch-action:pan-y;appearance:none;-webkit-appearance:none}.comparison-control #roofSlider::-webkit-slider-runnable-track{height:4px;background:#6c8292;border-radius:3px}.comparison-control #roofSlider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:3px solid #fff;border-radius:50%;background:#ef702f;box-shadow:0 0 0 1px #142b3b30}.comparison-control #roofSlider::-moz-range-track{height:4px;background:#6c8292;border-radius:3px}.comparison-control #roofSlider::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#ef702f}.comparison-control #roofSlider:focus-visible{outline:2px solid #f8b184;outline-offset:3px}.comparison-endpoints{display:flex;justify-content:space-between;font-size:9px;color:#aebfcb;margin-top:6px}
@media(max-width:700px){.comparison-legend>span{font-size:11px}.comparison-legend small{font-size:9px}.compare-divider span{width:39px;height:39px}.comparison-control{padding-bottom:23px}.comparison-scene{min-height:0}}