:root{--ink:#17221c;--forest:#223229;--moss:#9ead72;--acid:#d9eb9e;--paper:#f3f0e8;--warm:#e9e3d7;--orange:#df653f;--line:rgba(23,34,28,.16);--muted:#6d746e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;padding:0 4.5vw;display:flex;align-items:center;gap:4vw;background:#f7f5ef;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;font:800 21px Manrope;letter-spacing:-1px;margin-right:auto}.brand svg{width:34px;height:34px;margin-right:9px;fill:none;stroke:var(--ink);stroke-width:2}.brand>span>span{color:#6b7952}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:.25s}.site-header nav a:hover:after{right:0}.nav-cta{background:var(--ink);color:#fff;padding:13px 18px;font-size:13px;font-weight:700}.nav-cta span,.button span{margin-left:15px}.menu{display:none;background:none;border:0}.hero{height:calc(100vh - 78px);min-height:630px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c140fdb,#0c140f94 37%,#0c140f14 72%),linear-gradient(0deg,rgba(12,20,15,.45),transparent 40%)}.hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-53%);max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange)}.eyebrow.dark{color:#687067}.hero h1,.section h2,.constraint-section h2,.planner-copy h2{font:600 clamp(50px,6.3vw,94px)/.95 "Manrope";letter-spacing:-5px;margin:25px 0}.hero h1 em,.section h2 em,.constraint-section h2 em,.planner-copy h2 em{font-weight:400;color:var(--acid);font-style:normal}.hero-copy{max-width:565px;font-size:18px;line-height:1.65;color:#ffffffd1}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;border:0;padding:17px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;cursor:pointer}.button.primary{background:var(--acid);color:var(--ink)}.button.primary:hover{background:#eefac2}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{margin-left:10px}.text-link.light{color:#fff;border:0}.play{display:inline-grid!important;place-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.5);width:38px;height:38px;border-radius:50%;font-size:9px;margin:0 10px 0 0!important}.hero-proof{position:absolute;bottom:35px;left:7vw;font-size:11px;display:flex;gap:13px;color:#fff9}.hero-proof strong{color:#fff}.scroll-hint{position:absolute;right:4vw;bottom:34px;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl}.scroll-hint span{font-size:20px;margin-top:10px}.section{padding:120px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px}.section-heading h2,.compare-copy h2{font-size:clamp(44px,5vw,68px);letter-spacing:-3px;margin:20px 0 0;line-height:1.02}.section-heading h2 em,.compare-copy h2 em{color:#738257}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.8;font-size:15px}.zone-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.zone-card{height:365px;position:relative;overflow:hidden;padding:25px;color:var(--ink);grid-column:span 3}.zone-card:first-child,.zone-card:last-child{grid-column:span 3}.zone-card:last-child{color:#fff}.zone-card:before{content:attr(data-index);position:absolute;top:21px;right:21px;font-size:10px;letter-spacing:2px}.zone-card.lime{background:#cbd4a6}.zone-card.sand{background:#dbd3c2}.zone-card.blue{background:#b7c9c7}.zone-card.clay{background:#d7b29a}.zone-card.ink{background:#28362e}.zone-info{position:absolute;left:25px;right:25px;bottom:25px}.zone-info h3{font:700 25px Manrope;margin:0 0 8px}.zone-info p{font-size:13px;line-height:1.5;max-width:190px;margin:0 0 20px;color:inherit;opacity:.72}.zone-info>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid currentColor;padding-bottom:4px}.zone-info>span b{float:right}.zone-illustration{position:absolute;inset:40px 15px 135px}.zone-illustration:before,.zone-illustration:after,.zone-illustration span,.zone-illustration i,.zone-illustration b{content:"";position:absolute;display:block}.wall:before{inset:20px;background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(23,34,28,.3) 21px 22px)}.wall:after{width:110px;height:12px;background:var(--ink);left:65px;top:63px}.wall span{width:55px;height:70px;border:7px solid var(--ink);border-top:0;left:94px;top:75px}.floor:before{width:180px;height:100px;border:9px solid var(--ink);border-bottom-width:15px;left:28px;top:50px}.floor:after{width:198px;height:10px;background:var(--ink);left:19px;top:95px}.floor span{width:10px;height:70px;background:var(--ink);left:75px;top:100px}.floor i{width:10px;height:70px;background:var(--ink);right:75px;top:100px}.ceiling:before{left:35px;right:35px;top:35px;height:13px;background:var(--ink);box-shadow:0 38px 0 var(--ink),0 76px 0 var(--ink)}.ceiling:after{inset:35px;border-left:7px solid var(--ink);border-right:7px solid var(--ink)}.tools:before{width:150px;height:120px;border:8px solid var(--ink);left:44px;top:25px;background:radial-gradient(circle,var(--ink) 2px,transparent 3px) 0 0/17px 17px}.tools:after{width:55px;height:20px;border:7px solid var(--ink);left:88px;top:70px}.garage:before{inset:18px;border:8px solid var(--acid);border-bottom:0}.garage:after{left:55px;right:55px;top:65px;height:70px;border:7px solid var(--acid);background:repeating-linear-gradient(0deg,transparent 0 13px,var(--acid) 14px 16px)}.constraint-section{background:var(--forest);color:#fff;padding:105px 7vw}.constraint-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.constraint-title h2{font-size:clamp(45px,5vw,70px);letter-spacing:-3px}.constraint-list{border-top:1px solid rgba(255,255,255,.2)}.constraint{width:100%;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:45px 1fr 1fr 20px;gap:15px;align-items:center;padding:24px 4px;text-align:left;cursor:pointer;transition:.25s}.constraint:hover,.constraint[aria-pressed=true]{padding-left:14px;background:#d9eb9e14}.constraint-num{font-size:10px;color:var(--acid)}.constraint strong{font:600 19px Manrope}.constraint>span:nth-of-type(2){font-size:12px;color:#ffffff8c}.constraint i{font-style:normal;color:var(--acid)}.filter-result{grid-column:2;color:var(--acid);font-size:13px;min-height:22px}.compare-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:9vw;align-items:center}.compare-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;margin:30px 0}.button.outline{border:1px solid var(--ink);background:transparent}.comparison-card{background:#e6e0d4;padding:20px 28px 12px}.comparison-head,.comparison-row{display:grid;grid-template-columns:1.4fr 1.5fr .6fr 1fr;gap:15px;align-items:center}.comparison-head{padding:8px 12px 15px;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.comparison-row{position:relative;padding:27px 12px;border-bottom:1px solid var(--line);font-size:13px}.comparison-row strong{font:600 18px Manrope}.comparison-row strong i{font:400 9px DM Sans;color:var(--muted);margin-right:15px}.comparison-row.featured{background:var(--ink);color:#fff;margin:0 -10px;padding-left:22px;padding-right:22px}.comparison-row em{position:absolute;top:-8px;right:15px;background:var(--acid);color:var(--ink);font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:4px 8px}.meter{height:3px;background:#17221c2e}.featured .meter{background:#ffffff2e}.meter b{display:block;height:100%;background:var(--moss)}.table-note{text-align:right;font-size:9px;color:var(--muted);margin:12px 0}.plans-section{background:#e4dfd3}.section-heading.compact{align-items:center}.section-heading.compact .text-link{align-self:flex-end;margin-bottom:7px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;background:#f6f3ec;padding-bottom:25px;transition:.25s}.plan-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17221c1a}.plan-art{height:250px;position:relative;overflow:hidden;background:#adb796}.plan-two{background:#c7b9a5}.plan-three{background:#94a6a4}.plan-label{position:absolute;top:15px;left:15px;color:#fffc;font-size:10px}.mini-garage{position:absolute;left:15%;right:15%;bottom:0;height:80%;border:7px solid rgba(23,34,28,.82);border-bottom:0;background:#f3f0e854}.mini-garage i{position:absolute;left:8%;right:8%;top:15%;height:8px;background:var(--ink);box-shadow:0 35px 0 var(--ink)}.mini-garage b{position:absolute;left:12%;bottom:0;width:25%;height:40%;background:#33443a}.mini-garage em{position:absolute;right:12%;bottom:0;width:38%;height:65%;border:5px solid #33443a}.plan-two .mini-garage{left:23%;right:23%}.plan-two .mini-garage strong{position:absolute;width:44px;height:62px;background:var(--orange);bottom:0;left:44%}.plan-three .mini-garage b{width:38%}.plan-three .mini-garage em{width:30%}.plan-card>p,.plan-card>h3,.plan-card>span{margin-left:24px;margin-right:55px}.plan-card>p{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#79806f;margin-top:23px}.plan-card>h3{font:650 21px Manrope;margin-top:8px;margin-bottom:12px}.plan-card>span{font-size:11px;color:var(--muted)}.plan-card .arrow{position:absolute;right:22px;bottom:29px;font-style:normal;font-size:20px}.planner-section{background:var(--ink);color:#fff;padding:120px 7vw}.planner-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.planner-copy h2{font-size:clamp(48px,5vw,75px);letter-spacing:-4px}.planner-copy>p:not(.eyebrow){color:#ffffff9e;max-width:430px;line-height:1.8}.planner-stats{display:flex;gap:30px;margin-top:45px}.planner-stats div{padding-right:28px;border-right:1px solid rgba(255,255,255,.2)}.planner-stats div:last-child{border:0}.planner-stats strong,.planner-stats span{display:block}.planner-stats strong{color:var(--acid);font:600 18px Manrope}.planner-stats span{font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:5px;color:#ffffff80}.planner-card{background:#f3f0e8;color:var(--ink);padding:35px}.step{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.step div{display:flex;gap:5px}.step i{width:30px;height:3px;background:#d0ccc3}.step i:first-child{background:var(--orange)}.planner-card h3{font:650 27px Manrope;margin:30px 0 5px}.planner-card>p{color:var(--muted);font-size:12px}.garage-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.garage-options button{background:transparent;border:1px solid var(--line);padding:20px 8px;cursor:pointer;color:var(--ink)}.garage-options button:hover,.garage-options button.selected{border-color:var(--orange);background:#fff}.garage-icon{display:block;font-size:22px;color:#758061;white-space:nowrap;margin-bottom:18px}.garage-options strong,.garage-options em{display:block}.garage-options strong{font-size:13px}.garage-options em{font-size:9px;font-style:normal;color:var(--muted);margin-top:5px}.planner-next{width:100%;margin-top:5px}.planner-next:disabled{opacity:.45;cursor:not-allowed}.planner-message{font-size:11px;color:#637147;text-align:center;margin-top:12px;min-height:16px}footer{padding:35px 7vw;background:#0f1813;color:#ffffff80;display:flex;align-items:center;justify-content:space-between;font-size:11px}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#f7f5ef;flex-direction:column;padding:25px 7vw}.site-header nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.menu span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}.hero-content{left:7vw;right:7vw}.section-heading,.constraint-inner,.compare-section,.planner-grid{grid-template-columns:1fr;display:grid}.section-heading{gap:20px}.zone-card{grid-column:span 6!important}.constraint-inner{gap:40px}.filter-result{grid-column:1}.compare-section{gap:60px}.plan-grid{grid-template-columns:1fr}.planner-grid{gap:60px}}@media(max-width:600px){.site-header{height:68px}.hero{height:760px}.hero h1{font-size:51px;letter-spacing:-3px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{display:none}.section,.constraint-section,.planner-section{padding:80px 6vw}.section-heading h2,.constraint-section h2,.planner-copy h2{font-size:43px;letter-spacing:-2.5px}.zone-card{grid-column:span 12!important;height:320px}.constraint{grid-template-columns:30px 1fr 20px}.constraint>span:nth-of-type(2){display:none}.comparison-card{padding:14px 10px}.comparison-head,.comparison-row{grid-template-columns:1.2fr 1fr .4fr}.comparison-head span:last-child,.comparison-row .meter{display:none}.garage-options{grid-template-columns:1fr}.planner-stats{gap:12px}.planner-stats div{padding-right:12px}footer{gap:20px;flex-direction:column;text-align:center}}.department-page,.guide-page,.review-page,.legal-page{background:var(--paper)}.department-hero{min-height:680px;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.department-hero h1,.guide-hero h1,.review-intro h1,.legal-page h1{font:650 clamp(52px,6vw,86px)/.98 "Manrope";letter-spacing:-5px;margin:24px 0}.department-hero h1 em{font-style:normal;color:#738257;font-weight:400}.department-hero>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:520px;margin-bottom:30px}.system-map{height:470px;position:relative;overflow:hidden;background:#d5d0c3;border:1px solid rgba(24,35,29,.08)}.system-map:before,.system-map:after,.system-map span,.system-map i,.system-map b,.system-map em{content:"";position:absolute;display:block}.wall-map:before{inset:12% 9%;background:repeating-linear-gradient(to bottom,#d9dfbd 0 37px,#26352c 38px 41px)}.wall-map:after{left:18%;right:18%;top:30%;height:14px;background:#ef6e43;box-shadow:0 110px #ef6e43}.wall-map span{width:110px;height:90px;border:8px solid #26352c;left:23%;top:19%;background:#f3efe6}.wall-map i{width:72px;height:125px;border:8px solid #26352c;right:22%;top:42%;background:#a7b9b8}.wall-map b{width:12px;height:110px;background:#26352c;left:47%;top:33%;transform:rotate(18deg)}.wall-map em{width:65px;height:65px;border:8px solid #26352c;border-radius:50%;right:31%;bottom:15%}.shelf-map{background:#c6cfb0}.shelf-map:before{inset:14% 17% 13%;border-left:15px solid #26352c;border-right:15px solid #26352c}.shelf-map:after{left:15%;right:15%;top:25%;height:13px;background:#26352c;box-shadow:0 92px #26352c,0 184px #26352c,0 276px #26352c}.shelf-map span,.shelf-map i,.shelf-map b,.shelf-map em{bottom:16%;height:62px;background:#e9e2d5;border:7px solid #26352c;z-index:2}.shelf-map span{left:22%;width:95px}.shelf-map i{left:43%;width:80px;height:84px;background:#e9764e}.shelf-map b{right:22%;width:110px;height:49px}.shelf-map em{left:30%;bottom:36%;width:125px;height:55px;background:#9baead}.ceiling-map{height:470px;background:#ced3b2;position:relative;overflow:hidden;padding:25px;font-size:9px;letter-spacing:2px}.ceiling-map:before{content:"";position:absolute;left:11%;right:11%;top:22%;height:12px;background:var(--ink);box-shadow:0 65px 0 var(--ink),0 130px 0 var(--ink)}.ceiling-map:after{content:"";position:absolute;inset:22% 11% 19%;border-left:9px solid var(--ink);border-right:9px solid var(--ink);transform:perspective(500px) rotateX(4deg)}.ceiling-map i,.ceiling-map b,.ceiling-map em{position:absolute;display:block;background:var(--orange);width:42px;height:60px;bottom:20%;z-index:2}.ceiling-map i{left:22%}.ceiling-map b{left:45%;height:78px;background:#66735b}.ceiling-map em{right:22%;height:52px;background:#f2eee5}.department-choices{padding:110px 7vw;background:#e4dfd3}.department-choices>h2,.department-guide h2,.methodology>h2,.research-box h2{font:650 clamp(42px,5vw,67px)/1 "Manrope";letter-spacing:-3.5px;margin:22px 0 55px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.choice-grid article{background:var(--paper);padding:40px;min-height:245px}.choice-grid article>span{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#738257}.choice-grid h3{font:650 26px Manrope;margin:45px 0 12px}.choice-grid p{color:var(--muted);line-height:1.7;font-size:13px}.measure-section{background:var(--forest);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.measure-section h2{font:600 clamp(40px,5vw,65px)/1 "Manrope";letter-spacing:-3px}.measure-section ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2)}.measure-section li{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between}.measure-section li strong{font:600 18px Manrope}.measure-section li span{font-size:12px;color:#ffffff8c}.department-guide{padding:120px 7vw;max-width:1050px}.department-guide>p:not(.eyebrow){max-width:650px;color:var(--muted);line-height:1.8;margin-bottom:30px}.guide-hero{padding:100px 7vw 80px;display:grid;grid-template-columns:1.6fr .6fr;gap:8vw;align-items:end}.guide-title>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.guide-hero aside{border-top:3px solid var(--ink);padding-top:20px}.guide-hero aside strong{font:650 18px Manrope}.guide-hero aside p{font-size:12px;line-height:1.75;color:var(--muted)}.guide-hero aside a{font-size:11px;text-transform:uppercase;font-weight:700;border-bottom:1px solid}.affiliate-strip{margin:0 7vw;background:#e5dfd2;padding:16px 20px;display:flex;gap:25px;font-size:11px}.affiliate-strip strong{text-transform:uppercase;letter-spacing:1px}.affiliate-strip span{color:var(--muted)}.quick-picks{padding:80px 7vw}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.quick-grid a{background:#e6e0d4;padding:25px;min-height:145px;display:flex;flex-direction:column;transition:.2s}.quick-grid a:hover{background:#d6dfaa;transform:translateY(-3px)}.quick-grid span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#657052}.quick-grid strong{font:650 17px Manrope;margin-top:auto}.quick-grid em{font-size:10px;color:var(--muted);font-style:normal;margin-top:8px}.picks-list{padding:0 7vw 110px}.picks-list>div{scroll-margin-top:30px}.pick-card{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;margin-bottom:20px;min-height:460px}.pick-visual{background:var(--product-accent);position:relative;display:grid;place-items:center;padding:45px}.pick-visual img{width:100%;height:100%;max-height:330px;object-fit:contain;mix-blend-mode:multiply}.pick-index{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:2px}.pick-content{padding:48px}.award{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#667354;font-weight:800}.pick-content h2{font:650 34px Manrope;letter-spacing:-1.5px;margin:10px 0}.pick-verdict{color:var(--muted);line-height:1.7}.pick-content dl,.review-intro dl{margin:28px 0;border-top:1px solid var(--line)}.pick-content dl>div,.review-intro dl>div{display:grid;grid-template-columns:120px 1fr;padding:11px 0;border-bottom:1px solid var(--line)}dt{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:var(--muted)}dd{margin:0;font-size:12px;font-weight:600}.pick-actions{display:flex;align-items:center;gap:25px}.detail-link{font-size:11px;font-weight:700;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px}.detail-link span{margin-left:8px}.fit-check{padding:100px 7vw;background:var(--ink);color:#fff}.fit-check h2{font:600 clamp(40px,5vw,65px)/1 "Manrope";letter-spacing:-3px}.fit-equation{display:flex;align-items:center;justify-content:center;gap:14px;margin:55px 0;flex-wrap:wrap}.fit-equation span,.fit-equation strong{padding:18px 20px;background:#ffffff14;font-size:13px}.fit-equation strong{background:var(--acid);color:var(--ink)}.fit-equation b{color:var(--acid)}.fit-check>p{max-width:700px;margin:auto;text-align:center;color:#fff9;line-height:1.8}.methodology{padding:110px 7vw}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.method-grid article{border-top:1px solid var(--ink);padding:20px 8px}.method-grid article span{font-size:9px;color:#738257}.method-grid h3{font:650 18px Manrope;margin-top:35px}.method-grid p{font-size:12px;line-height:1.7;color:var(--muted)}.review-breadcrumb{padding:24px 7vw;font-size:10px;color:var(--muted);display:flex;gap:10px}.review-hero{padding:45px 7vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.review-art{background:var(--product-accent);min-height:560px;padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:center}.review-art img{width:100%;height:390px;object-fit:contain;mix-blend-mode:multiply}.review-art>p{align-self:flex-start;margin-top:auto;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;line-height:1.5}.review-intro h1{font-size:clamp(43px,5vw,70px)}.review-verdict{font-size:16px;line-height:1.7;color:var(--muted)}.review-intro small{display:block;color:var(--muted);font-size:9px;margin-top:12px}.pros-cons{padding:0 7vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pros-cons>div{padding:38px;background:#e6e0d4}.pros-cons ul{list-style:none;padding:0;margin:30px 0 0}.pros-cons li{padding:14px 0 14px 28px;border-top:1px solid var(--line);font-size:13px;position:relative}.pros-cons li:before{content:"✓";position:absolute;left:0;color:#6d794f}.pros-cons>div+div li:before{content:"−";color:var(--orange)}.spec-band{background:var(--forest);color:#fff;padding:45px 7vw;display:grid;grid-template-columns:repeat(4,1fr)}.spec-band div{padding:5px 25px;border-right:1px solid rgba(255,255,255,.2)}.spec-band span,.spec-band strong{display:block}.spec-band span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80}.spec-band strong{font:600 19px Manrope;margin-top:8px}.review-detail{padding:110px 7vw;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.review-detail h2{font:600 clamp(39px,4vw,60px)/1 "Manrope";letter-spacing:-3px}.review-detail ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.review-detail li{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:22px 0}.review-detail li span{font-size:9px;color:#738257}.review-detail li p{margin:0;font-size:13px;line-height:1.7}.install-detail{background:#26352c;color:#fff}.install-detail .eyebrow{color:#fff}.install-detail ol,.install-detail li{border-color:#fff3}.install-detail li p{color:#ffffffb3}.research-box{margin:90px 7vw;padding:55px;background:#e4dfd3}.research-box>p{max-width:850px;line-height:1.8;color:var(--muted)}.research-box h3{font:650 17px Manrope;margin-top:35px}.research-box ul{padding-left:18px}.research-box li{margin:10px 0;font-size:12px;text-decoration:underline}.source-date{font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.legal-page{padding:100px 7vw;max-width:950px;min-height:calc(100vh - 78px)}.legal-page h1{margin-bottom:50px}.legal-page>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#59625c}@media(max-width:900px){.department-hero,.guide-hero,.review-hero,.measure-section,.review-detail{grid-template-columns:1fr}.quick-grid,.method-grid{grid-template-columns:1fr 1fr}.pick-card{grid-template-columns:1fr}.pick-visual{min-height:380px}.choice-grid{grid-template-columns:1fr}.spec-band{grid-template-columns:1fr 1fr}.method-grid{gap:30px}.review-art{min-height:480px}}@media(max-width:600px){.department-hero,.guide-hero,.review-hero,.department-choices,.measure-section,.department-guide,.quick-picks,.picks-list,.fit-check,.methodology,.review-detail,.legal-page{padding-left:6vw;padding-right:6vw}.department-hero h1,.guide-hero h1,.review-intro h1,.legal-page h1{font-size:47px;letter-spacing:-3px}.quick-grid,.method-grid,.pros-cons{grid-template-columns:1fr}.pick-content{padding:30px 22px}.pick-actions{align-items:flex-start;flex-direction:column}.affiliate-strip{margin-left:6vw;margin-right:6vw;flex-direction:column;gap:6px}.spec-band{grid-template-columns:1fr}.spec-band div{padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.pros-cons{padding-left:6vw;padding-right:6vw}.research-box{margin:60px 6vw;padding:32px 22px}.measure-section li{gap:20px;flex-direction:column}.review-art{min-height:400px;padding:25px}.review-art img{height:280px}}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--acid);color:var(--ink);padding:12px 16px;font-weight:700}.skip-link:focus{top:12px}.site-footer{padding:70px 7vw 28px;background:#0f1813;color:#ffffff9e;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;font-size:12px}.site-footer .footer-lead p{max-width:260px;line-height:1.7}.site-footer>div:not(.footer-lead){display:flex;flex-direction:column;gap:12px}.site-footer strong{color:#fff;font:650 13px Manrope;margin-bottom:8px}.site-footer a:hover{color:var(--acid)}.site-footer .footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin:20px 0 0;font-size:10px}.footer-brand{color:#fff}.footer-brand svg{stroke:#fff}.author-note{margin:0 7vw 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:16px;align-items:center}.author-note.compact{margin:28px 0 0}.author-mark{width:44px;height:44px;border-radius:50%;background:var(--forest);color:var(--acid);display:grid;place-items:center;font:700 11px Manrope;letter-spacing:1px;flex:0 0 auto}.author-note strong{font:650 13px Manrope}.author-note p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.author-note a{text-decoration:underline}.content-index{padding:90px 7vw 120px;min-height:70vh}.content-index h1,.article-page h1{font:650 clamp(48px,6vw,82px)/1 "Manrope";letter-spacing:-4px;margin:22px 0}.content-index>.lede,.article-lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.index-card{background:#fff;padding:30px;min-height:235px;display:flex;flex-direction:column}.index-card span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#71805c}.index-card h2{font:650 24px/1.15 Manrope;letter-spacing:-1px;margin:38px 0 12px}.index-card p{font-size:12px;line-height:1.7;color:var(--muted)}.index-card b{margin-top:auto;font-size:11px;text-transform:uppercase}.article-page{padding:80px 7vw 120px}.article-shell{max-width:1120px}.article-header{max-width:900px}.article-meta{display:flex;gap:20px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:25px 0}.article-body{display:grid;grid-template-columns:240px minmax(0,720px);gap:70px;margin-top:70px}.article-toc{position:sticky;top:30px;align-self:start;border-top:2px solid var(--ink);padding-top:18px}.article-toc strong{font:650 12px Manrope}.article-toc a{display:block;font-size:11px;color:var(--muted);margin-top:12px}.prose h2{font:650 36px/1.1 Manrope;letter-spacing:-1.5px;margin:65px 0 18px;scroll-margin-top:30px}.prose h2:first-child{margin-top:0}.prose h3{font:650 21px Manrope;margin:35px 0 10px}.prose p,.prose li{font-size:15px;line-height:1.85;color:#4f5852}.prose li{margin:8px 0}.prose table{width:100%;border-collapse:collapse;margin:25px 0;font-size:12px}.prose th,.prose td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.prose th{background:#e4dfd3;text-transform:uppercase;font-size:9px;letter-spacing:1px}.callout{background:#e3e8cb;padding:25px;margin:30px 0}.callout strong{font:650 14px Manrope}.callout p{margin-bottom:0}.legal-page h2{font:650 25px Manrope;margin-top:38px}.legal-page ul{color:#59625c;line-height:1.8}.contact-card{background:#fff;padding:30px;margin-top:35px}.contact-card a{text-decoration:underline}.planner-question{display:none}.planner-question.active{display:block}.planner-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:25px 0}.planner-options button{background:transparent;border:1px solid var(--line);padding:18px;text-align:left;cursor:pointer;color:var(--ink)}.planner-options button:hover,.planner-options button.selected{border-color:var(--orange);background:#fff}.planner-options strong,.planner-options span{display:block}.planner-options span{font-size:10px;color:var(--muted);margin-top:5px}.planner-controls{display:flex;gap:10px}.planner-back{background:transparent;border:1px solid var(--line)}.planner-result{display:none;background:#fff;padding:25px;margin-top:20px}.planner-result.active{display:block}.planner-result h4{font:650 22px Manrope;margin:0 0 10px}.planner-result p{font-size:12px;color:var(--muted);line-height:1.7}.planner-links{display:flex;gap:10px;flex-wrap:wrap}.planner-links a{font-size:10px;text-transform:uppercase;text-decoration:underline;font-weight:700}.planner-controls[hidden],.step[hidden],.planner-result[hidden]{display:none!important}.step i.active{background:var(--orange)}@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr}.site-footer .footer-bottom{grid-column:1/-1}.index-grid{grid-template-columns:1fr 1fr}.article-body{grid-template-columns:1fr}.article-toc{position:static}}@media(max-width:600px){.site-footer{grid-template-columns:1fr;padding:55px 6vw 25px;text-align:left}.site-footer .footer-bottom{grid-column:1}.index-grid{grid-template-columns:1fr}.content-index,.article-page{padding-left:6vw;padding-right:6vw}.content-index h1,.article-page h1{font-size:47px;letter-spacing:-3px}.article-body{gap:35px}.planner-options{grid-template-columns:1fr}.author-note{margin-left:6vw;margin-right:6vw;align-items:flex-start}}
