@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#162b38;--muted:#536570;--paper:#f9f8f4;--white:#fff;--line:#dde2e2;--yellow:#f5bf42;--green:#24634f;--soft:#edf2f1;--blue:#e7eff3;--radius:8px;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;color:var(--ink);background:var(--paper)}body.menu-open{overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b36b00;outline-offset:4px}input,select{min-height:44px;width:100%;border:1px solid #b9c5ca;border-radius:5px;background:white;padding:10px 12px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--ink);flex-shrink:0}button{border:0;background:none}img,svg{max-width:100%;height:auto}h1,h2,h3{font-style:normal;letter-spacing:-.035em;line-height:1.2;margin:0;font-weight:750}h1{font-size:clamp(30px,3.6vw,48px)}h2{font-size:clamp(25px,2.6vw,34px)}h3{font-size:21px}p{margin:0 0 16px}ul,ol{padding-left:22px}li{margin:6px 0}small{font-size:12px}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:999}.skip-link:focus{top:12px}.eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:var(--ink);color:white;border:1px solid var(--ink);padding:11px 20px;border-radius:5px;font-weight:700;font-size:13px;text-align:center}.button:hover{background:#25485c;text-decoration:none}.button.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.button.yellow:hover{background:#edb12d}.button.outline{background:transparent;color:var(--ink);border-color:#bcc8cc}.button.small{min-height:40px;padding:8px 13px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:5px;border:1px solid var(--line);background:#fff}.icon-button:hover{background:var(--soft)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:750}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;background:var(--soft);border:1px solid var(--line);padding:5px 9px;border-radius:4px;font-size:11px;font-weight:650}.button-row{display:flex;gap:12px;flex-wrap:wrap}.notice{padding:18px 20px;border-left:3px solid var(--yellow);background:#f5f0e3;font-size:13px}.notice p:last-child{margin-bottom:0}.empty-state{text-align:center;padding:56px 24px;border:1px dashed #aebbc2;border-radius:8px;background:#fff}.empty-state h2{font-size:25px;margin-bottom:12px}[hidden]{display:none!important}
.top-strip{background:var(--ink);color:#e1e8ea;font-size:10px;letter-spacing:.025em;padding:7px 0}.top-strip .container{display:flex;justify-content:space-between;gap:15px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);z-index:20}.header-inner{min-height:84px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand:hover{text-decoration:none}.brand img{width:35px;height:35px}.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:13px;font-weight:700}.main-nav a{padding:28px 0;border-bottom:3px solid transparent}.main-nav a[aria-current=page]{border-color:var(--yellow)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .button{font-size:12px;min-height:42px}.save-count{font-size:10px;line-height:16px;min-width:16px;background:var(--yellow);color:var(--ink);border-radius:50%;position:absolute;top:-4px;right:-4px;text-align:center}.header-save{position:relative}.menu-button{display:none}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:26px 0}.breadcrumbs [aria-current]{color:var(--ink)}
.hero{padding:55px 0 0;background:linear-gradient(100deg,#f4f3ee,#f7f7f2)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.hero-copy{padding:14px 0 55px}.hero-copy h1{font-size:clamp(38px,4.4vw,62px);max-width:650px;line-height:1.08;margin-bottom:24px}.hero-copy p{max-width:495px;color:var(--muted);font-size:16px}.hero-search{display:flex;gap:8px;background:white;border:1px solid #b7c4c7;border-radius:6px;padding:6px;margin:30px 0 15px;max-width:550px}.hero-search label{display:flex;align-items:center;gap:10px;padding-left:10px;flex:1;min-width:0}.hero-search input{border:0;padding-left:0;min-width:0;outline-offset:-2px}.hero-search button{padding:12px 18px;min-height:46px}.hero-suggestions{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.hero-suggestions a{border-bottom:1px solid #b5c1c4}.hero-art{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#e6ece8;background-image:linear-gradient(#cdd8d344 1px,transparent 1px),linear-gradient(90deg,#cdd8d344 1px,transparent 1px);background-size:26px 26px;margin-bottom:35px}.sun-disc{position:absolute;width:195px;height:195px;border-radius:50%;background:var(--yellow);right:40px;top:34px}.hero-panel{width:250px;height:355px;transform:rotate(-8deg);position:relative;margin-right:64px;margin-top:10px;filter:drop-shadow(12px 17px 13px #122b3830)}.hero-float{position:absolute;right:23px;bottom:44px;background:#fff;padding:16px 19px;border:1px solid #d6dfdb;box-shadow:0 10px 32px #162b380e;min-width:185px;border-radius:5px}.hero-float span{display:block;font-size:10px;color:var(--muted)}.hero-float strong{display:block;font-size:32px;letter-spacing:-1px}.hero-float b{font-size:11px}.hero-mark{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.hero-source{position:absolute;bottom:13px;left:19px;font-size:9px;color:#415a62}.trust-row{border-top:1px solid #d9e0dc;display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:28px}.trust-row>div{display:flex;align-items:center;gap:13px;font-size:12px}.trust-row .icon{color:var(--green);width:26px;height:26px}.trust-row strong{display:block;font-size:12px}.trust-row span{color:var(--muted);font-size:11px}
.section{padding:65px 0}.section.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:25px 23px;background:white;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;min-height:180px;transition:border-color .15s,transform .15s}.category-card:hover{border-color:#718a94;text-decoration:none;transform:translateY(-2px)}.category-icon{display:flex;align-items:center;justify-content:center;background:var(--soft);width:44px;height:44px;border-radius:7px;margin-bottom:23px}.category-icon .icon{width:25px;height:25px}.category-card h3{font-size:17px;margin-bottom:8px}.category-card p{font-size:12px;color:var(--muted);margin:0}.category-card .category-foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:14px;font-size:11px}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-products{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.product-card:hover{border-color:#a1b2ba;box-shadow:0 8px 20px #162b3807}.product-visual{height:220px;background:#f0f3f2;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--line)}.product-visual>a{display:block;width:180px;height:204px}.product-visual img{width:100%;height:100%;object-fit:contain}.tech-label{position:absolute;left:14px;top:14px;background:#fff;border:1px solid #dce4e3;padding:4px 8px;font-size:9px;font-weight:700;border-radius:3px;max-width:calc(100% - 70px)}.save-button{position:absolute;right:12px;top:12px;width:32px;height:32px}.save-button .icon{width:17px;height:17px}.save-button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}.schematic-label{position:absolute;bottom:10px;right:12px;color:#5e7277;font-size:9px}.product-body{padding:20px 18px 14px;display:flex;flex-direction:column;flex:1}.maker{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.09em;margin:0 0 5px}.product-body h3{font-size:17px;margin:0 0 6px;overflow-wrap:anywhere}.model-ref{color:var(--muted);font-size:9px;min-height:16px;overflow-wrap:anywhere}.product-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0ef;padding-top:13px;gap:10px}.product-stats>span>span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.product-stats b{font-size:23px;letter-spacing:-.7px}.product-stats small{font-size:11px;font-weight:600}.dimensions{font-size:9px;margin:14px 0 17px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;color:var(--muted)}.dimensions .icon{width:14px;height:14px}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:13px;margin-top:auto}.product-actions .text-link{font-size:11px}.product-actions .icon{width:16px;height:16px}.compare-toggle{display:inline-flex;gap:5px;align-items:center;padding:7px 0;font-size:10px}.compare-toggle[aria-pressed=true]{color:#1f604a;font-weight:800}.feature-band{background:var(--ink);color:white;border-radius:8px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding:45px 48px;align-items:center}.feature-band p{color:#cfdbdf;max-width:540px}.feature-band h2{margin-bottom:20px}.feature-band .eyebrow{color:#f6cf70}.mini-compare{border:1px solid #54707d;background:#243d4a;border-radius:6px;padding:20px;font-size:11px}.mini-compare>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #54707d}.mini-compare>div:last-child{border:0}.mini-compare b{color:#f6cf70}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.brand-cell{padding:25px;text-align:center;background:white;border:1px solid #edf0ef}.brand-cell strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-cell span{font-size:10px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.guide-art{height:145px;display:flex;align-items:center;justify-content:center;background:#e9efed;border-bottom:1px solid var(--line)}.guide-art .icon{width:58px;height:58px;stroke-width:1.05;color:#365b61}.guide-card:nth-child(3n+2) .guide-art{background:#f7edcf}.guide-card:nth-child(3n+3) .guide-art{background:#e6edf2}.guide-card>div:last-child{padding:23px}.guide-card h3{font-size:19px;margin:9px 0 13px}.guide-card p{font-size:12px;color:var(--muted)}.guide-card .text-link{margin-top:6px}.method-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.method-row h3{font-size:17px;margin:18px 0 12px}.method-row p{font-size:12px;color:var(--muted)}.step-num{font-size:12px;font-weight:800;border:1px solid #acbdbb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px}
.page-heading{padding:8px 0 32px;max-width:900px}.page-heading h1{margin-bottom:18px}.page-heading p{color:var(--muted);max-width:770px;font-size:15px}.catalogue-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;padding-bottom:60px}.filters{border:1px solid var(--line);border-radius:7px;padding:22px;background:white;height:fit-content;position:sticky;top:108px}.filters h2{font-size:18px;margin-bottom:22px}.filters label{display:block;font-size:11px;font-weight:650;margin-bottom:15px}.filters input,.filters select{font-size:11px;margin-top:7px;min-height:40px;padding:8px}.filters .checkbox-label{display:flex;align-items:center;gap:7px;font-size:11px}.filters input[type=checkbox]{margin-top:0;width:16px;min-height:16px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-reset{font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:8px 0}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:19px;flex-wrap:wrap}.catalogue-toolbar p{font-size:12px;margin:0;color:var(--muted)}.catalogue-toolbar .sort-wrap{display:flex;align-items:center;gap:10px;font-size:11px}.sort-wrap select{font-size:11px;min-height:38px;padding:7px 9px;max-width:190px}.mobile-filters{display:none}.catalogue-grid.list-mode{grid-template-columns:1fr}.list-mode .product-card{display:grid;grid-template-columns:115px 1fr}.list-mode .product-visual{height:100%;min-height:160px;border-bottom:0}.list-mode .product-visual>a{width:95px;height:150px}.list-mode .tech-label{display:none}.list-mode .product-body{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:18px}.list-mode .product-stats{grid-column:2;grid-row:1/4;border-top:0}.list-mode .dimensions{margin:0 0 10px}.list-mode .product-actions{grid-column:1/-1}.catalogue-note{margin:25px 0;font-size:11px;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:65px;padding:15px 0 50px;align-items:start}.detail-image{background:#e8eeeb;border:1px solid var(--line);border-radius:8px;position:relative;padding:25px;text-align:center}.detail-image img{width:min(78%,330px);height:400px;object-fit:contain}.detail-image .image-note{font-size:10px;color:var(--muted);margin:12px 0 0}.detail-info .maker{font-size:12px}.detail-info h1{font-size:40px;margin:13px 0 10px}.detail-ref{font-size:13px;color:var(--muted)}.detail-summary{font-size:14px;margin:23px 0}.big-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;border-block:1px solid var(--line);padding:23px 0}.big-specs strong{display:block;font-size:28px;letter-spacing:-1px}.big-specs span{font-size:10px;color:var(--muted);display:block}.detail-subnav{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:12px;font-weight:750;overflow-x:auto;white-space:nowrap;margin-bottom:35px}.detail-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:45px}.content-section{margin-bottom:42px;scroll-margin-top:120px}.content-section h2{font-size:26px;margin-bottom:19px}.content-section h3{font-size:19px;margin:23px 0 12px}.content-section p{font-size:14px;color:#354e5a}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:1px solid var(--line)}.spec-list>div{padding:15px 0;border-bottom:1px solid var(--line);display:contents}.spec-list dt,.spec-list dd{padding:13px 10px;border-bottom:1px solid var(--line);font-size:12px}.spec-list dt{color:var(--muted);margin:0;padding-left:0}.spec-list dd{margin:0;text-align:right;font-weight:700}.info-box{border:1px solid var(--line);border-radius:6px;background:white;padding:24px;margin-bottom:22px}.info-box h3{font-size:18px;margin-bottom:14px}.info-box p,.info-box li{font-size:12px;color:var(--muted)}.info-box .button{width:100%;font-size:12px}.source-label{display:flex;gap:8px;font-size:10px;align-items:center;margin:13px 0;color:var(--muted)}.source-label .icon{width:15px;height:15px}.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff;margin:22px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:14px 17px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:750;background:#edf2f0;font-size:11px;color:#324d59}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.numeric{font-variant-numeric:tabular-nums}.comparison-table th:first-child{min-width:180px}.comparison-table td{min-width:180px}.comparison-table .changed td{background:#fffcf1}.comparison-table .comparison-model{font-size:15px;display:block;margin-top:7px;max-width:250px}.comparison-table .model-image{display:block;width:85px;height:100px;margin:0 auto 10px}.comparison-table thead th{vertical-align:bottom}.comparison-toolbar{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;margin:22px 0}.comparison-toolbar label{display:flex;align-items:center;gap:9px;font-size:12px}.comparison-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.comparison-slot{background:white;border:1px solid var(--line);padding:17px;border-radius:6px}.comparison-slot label{font-size:11px;font-weight:700}.comparison-slot select{font-size:11px;margin-top:10px}.compare-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.compare-example{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.compare-example strong{display:block;margin:4px 0;font-size:13px}.pair-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0}.pair-insights>div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:6px}.pair-insights strong{font-size:23px;display:block;margin:5px 0}.pair-insights p{font-size:12px;color:var(--muted);margin:0}
.article-layout{display:grid;grid-template-columns:210px minmax(0,790px);gap:65px;padding-bottom:70px}.article-toc{position:sticky;top:115px;height:fit-content;font-size:11px;border-left:2px solid var(--line);padding-left:17px}.article-toc a{display:block;margin:13px 0}.article-body{font-size:15px;line-height:1.85}.article-body h2{font-size:27px;line-height:1.3;margin:40px 0 18px}.article-body p{margin-bottom:18px}.article-body li{margin:9px 0}.article-intro{font-size:18px;line-height:1.7;margin-bottom:32px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:22px 0}.faq{border-block:1px solid var(--line);padding:15px 0}.faq+.faq{border-top:0}.faq summary{font-weight:700;font-size:13px;cursor:pointer;padding:5px 25px 5px 0}.faq p{padding:13px 0 0;font-size:13px;margin:0}.source-list{font-size:12px;overflow-wrap:anywhere}.source-list li{padding:6px 0}.tool-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:start}.tool-form{padding:28px;background:white;border:1px solid var(--line);border-radius:7px}.tool-form label{display:block;font-size:12px;font-weight:650;margin-bottom:20px}.tool-form input,.tool-form select{margin-top:8px;font-size:13px}.tool-output{padding:29px;background:var(--soft);border:1px solid #d2dfd9;border-radius:7px;min-height:300px}.tool-output h2{font-size:22px;margin-bottom:16px}.result-value{font-size:47px;font-weight:750;letter-spacing:-2px;line-height:1.2}.result-value small{font-size:16px;letter-spacing:0}.tool-explanation{font-size:12px;color:var(--muted);margin:14px 0 25px}.error{font-size:13px;color:#8c2b20;background:#fff1ed;border-left:3px solid #a44834;padding:12px 15px;margin:15px 0}.chart{display:flex;align-items:flex-end;gap:7px;height:200px;padding:12px 0 24px;margin:22px 0;position:relative;border-bottom:1px solid #b4c8bf}.chart-bar{flex:1;background:#2f6758;min-height:3px;position:relative;border-radius:3px 3px 0 0}.chart-bar span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.roof-drawing{width:100%;max-height:300px;display:block;margin:20px auto}.tool-disclaimer{font-size:12px;line-height:1.8;margin:25px 0;color:var(--muted)}
.compare-tray{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 30px));background:var(--ink);color:#fff;border:1px solid #395464;border-radius:9px;padding:15px 20px;z-index:40;box-shadow:0 6px 30px #162b3838;display:flex;align-items:center;justify-content:space-between;gap:16px}.compare-tray strong{font-size:13px;display:block}.compare-tray p{font-size:10px;color:#cfdbdf;margin:3px 0 0}.compare-tray .button{font-size:11px;min-height:40px}.tray-reset{color:#dce5e8;font-size:11px;text-decoration:underline;min-height:40px}.tray-actions{display:flex;gap:13px;align-items:center}.toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #b7c6cd;box-shadow:0 5px 20px #162b381a;padding:12px 18px;z-index:50;max-width:calc(100% - 30px);border-radius:6px;font-size:12px}.site-footer{background:var(--ink);color:#d9e2e5;padding:45px 0 28px;margin-top:55px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.site-footer .brand{font-size:22px;color:white}.site-footer .brand img{border:1px solid #37515e;border-radius:8px}.footer-about p{font-size:11px;line-height:1.9;max-width:330px;margin-top:20px}.site-footer h2{font-size:12px;color:white;letter-spacing:0;margin:6px 0 17px}.site-footer ul{list-style:none;padding:0;margin:0;font-size:11px}.site-footer li{margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-top:1px solid #38505d;margin-top:32px;padding-top:22px;font-size:10px;color:#b0c1c9}.footer-bottom p{max-width:760px;margin:0}.standalone-copy{max-width:820px;margin:0 auto;padding-bottom:40px}.standalone-copy h2{font-size:25px;margin:30px 0 14px}.standalone-copy p,.standalone-copy li{font-size:14px}
@media(min-width:1600px){.hero-copy h1{font-size:64px}}
@media(max-width:1150px){.header-inner{gap:18px}.main-nav{gap:18px}.brand{font-size:21px}.header-actions>.button{display:none}.home-products{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:30px}.catalogue-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.catalogue-grid:not(.home-products):not(.list-mode){grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{padding:20px 15px}.footer-grid{gap:25px}.detail-layout{gap:35px}.detail-info h1{font-size:35px}.article-layout{gap:30px}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.top-strip .container>span:last-child{display:none}.header-inner{min-height:72px}.main-nav{gap:16px;font-size:12px}.brand{font-size:20px}.header-save{display:none}.hero{padding-top:28px}.hero-copy{padding-bottom:30px}.hero-copy h1{font-size:42px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:25px}.hero-art{min-height:360px}.hero-panel{width:200px;margin-right:40px}.hero-float{bottom:35px;right:12px;min-width:150px;padding:12px}.hero-float strong{font-size:25px}.hero-search{display:block;padding:6px}.hero-search label{padding-left:6px}.hero-search button{width:100%;min-height:42px}.hero-copy p{font-size:14px}.hero-mark{left:13px;top:15px}.sun-disc{right:20px;width:150px;height:150px}.trust-row{gap:20px}.trust-row>div{align-items:flex-start}.trust-row span{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-band{gap:28px;padding:30px}.guide-grid{grid-template-columns:repeat(2,1fr)}.catalogue-layout{grid-template-columns:1fr}.filters{position:static;display:none}.filters.is-open{display:block}.filters form{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.filters h2{margin-bottom:17px}.mobile-filters{display:inline-flex}.catalogue-toolbar{padding-top:4px}.detail-layout{grid-template-columns:1fr 1.1fr;gap:25px}.detail-info h1{font-size:30px}.detail-image{padding:15px}.detail-image img{height:330px}.big-specs{gap:7px}.big-specs strong{font-size:23px}.detail-columns{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-toc{position:static;display:flex;gap:8px 20px;flex-wrap:wrap;border:1px solid var(--line);padding:15px}.article-toc a{margin:0}.comparison-slots{grid-template-columns:repeat(2,1fr)}.pair-insights{gap:10px}.tool-grid{grid-template-columns:1fr 1fr;gap:20px}.tool-form,.tool-output{padding:20px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.method-row{gap:20px}.home-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.top-strip{font-size:9px;padding:6px 0}.header-inner{min-height:66px;gap:10px}.brand{font-size:21px}.brand img{width:30px;height:30px}.header-actions{margin-left:auto}.menu-button{display:inline-flex;width:38px;height:38px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 25px;max-height:calc(100dvh - 100px);overflow-y:auto}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:16px 0;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:7px 0 25px}.hero-copy h1{font-size:39px;max-width:430px;margin-bottom:18px}.hero-copy p{font-size:14px}.hero .eyebrow{font-size:9px;margin-bottom:13px}.hero-search{display:flex;margin-top:23px}.hero-search button{width:auto;font-size:11px;min-height:44px;padding:10px 13px}.hero-search input{font-size:12px}.hero-search label .icon{width:17px}.hero-art{min-height:285px;max-width:470px;width:100%;margin:0 0 22px}.hero-panel{height:260px;width:200px;margin-right:65px;margin-top:5px}.hero-float{right:16px;bottom:43px;padding:13px 16px;min-width:150px}.hero-float strong{font-size:28px}.sun-disc{width:150px;height:150px;right:40px;top:25px}.hero-source{font-size:8px}.trust-row{grid-template-columns:1fr;gap:13px;padding:22px 0}.trust-row>div{align-items:center;font-size:11px}.trust-row strong{display:inline;font-size:11px}.trust-row span{display:inline;font-size:10px;margin-left:7px}.trust-row .icon{width:20px;height:20px}.section{padding:42px 0}.section-heading{gap:13px;align-items:flex-start;margin-bottom:24px}.section-heading>.text-link{font-size:10px;white-space:nowrap;margin-top:26px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:9px}.category-grid{gap:11px}.category-card{min-height:172px;padding:20px 16px}.category-card h3{font-size:16px}.category-icon{margin-bottom:18px}.category-card p{font-size:11px}.catalogue-grid,.home-products,.catalogue-grid:not(.home-products):not(.list-mode){grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-visual{height:163px}.product-visual>a{width:125px;height:155px}.product-body{padding:14px 11px 10px}.maker{font-size:8px}.product-body h3{font-size:14px;line-height:1.35}.model-ref{font-size:8px;margin-bottom:10px}.product-stats{gap:5px;padding-top:10px}.product-stats b{font-size:19px}.product-stats small{font-size:9px}.product-stats>span>span{font-size:8px}.dimensions{font-size:8px;gap:3px;line-height:1.5;margin:11px 0}.dimensions>span{display:block;width:100%;padding-left:17px}.product-actions{flex-direction:column;align-items:flex-start;gap:3px;padding-top:10px}.product-actions .text-link{font-size:10px;justify-content:space-between;width:100%}.compare-toggle{font-size:9px;width:100%;min-height:35px}.tech-label{font-size:8px;top:9px;left:8px;padding:3px 6px;max-width:calc(100% - 45px)}.save-button{top:7px;right:6px;width:28px;height:28px}.schematic-label{font-size:8px;bottom:6px;right:8px}.feature-band{grid-template-columns:1fr;padding:28px 23px;gap:28px}.feature-band h2{font-size:28px}.feature-band p{font-size:13px}.mini-compare{font-size:10px;padding:15px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-cell{padding:20px 10px}.brand-cell strong{font-size:18px}.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:95px 1fr}.guide-art{height:100%;min-height:190px;border-bottom:0}.guide-art .icon{width:40px;height:40px}.guide-card>div:last-child{padding:20px 18px}.guide-card h3{font-size:18px}.guide-card p{font-size:11px}.method-row{grid-template-columns:1fr;gap:20px}.method-row>div{border-bottom:1px solid var(--line);padding-bottom:20px}.method-row h3{margin:10px 0}.method-row p{margin-bottom:0}.page-heading h1{font-size:33px}.page-heading p{font-size:13px}.breadcrumbs{font-size:10px;padding:21px 0;gap:7px}.catalogue-toolbar{gap:12px;align-items:center}.catalogue-toolbar .sort-wrap{width:100%;justify-content:space-between}.sort-wrap select{max-width:none;flex:1}.filters{padding:18px}.filters form{grid-template-columns:1fr 1fr;gap:0 14px}.filters label{font-size:10px}.catalogue-note{font-size:10px}.detail-layout{grid-template-columns:1fr;padding-top:0;gap:28px}.detail-image{max-height:350px}.detail-image img{height:270px}.detail-info h1{font-size:34px}.detail-summary{font-size:13px}.big-specs strong{font-size:27px}.detail-subnav{gap:22px;font-size:11px;margin-top:8px;padding-bottom:12px}.detail-columns{gap:0}.content-section h2{font-size:25px}.content-section p{font-size:13px}.spec-list dt,.spec-list dd{font-size:11px;padding:12px 6px}.info-box{padding:22px}.comparison-slots{gap:9px}.comparison-slot{padding:13px}.comparison-toolbar{align-items:stretch;gap:15px}.comparison-toolbar .button-row{width:100%}.comparison-toolbar label{font-size:11px}.comparison-table th:first-child{min-width:140px}.comparison-table td{min-width:155px}.comparison-table .comparison-model{font-size:13px}.comparison-table th,.comparison-table td{padding:13px 12px}.pair-insights{grid-template-columns:1fr}.pair-insights>div{padding:18px}.compare-examples{grid-template-columns:1fr}.article-layout{gap:25px}.article-toc{font-size:10px;gap:9px 15px}.article-body{font-size:14px}.article-intro{font-size:16px}.article-body h2{font-size:25px}.tool-grid{grid-template-columns:1fr}.tool-output{padding:23px}.result-value{font-size:42px}.tool-grid .table-scroll{font-size:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom p{margin-bottom:15px}.site-footer{padding-bottom:110px;margin-top:30px}.compare-tray{padding:12px;bottom:9px;gap:10px;align-items:center}.compare-tray strong{font-size:11px}.compare-tray p{font-size:9px}.compare-tray .button{padding:9px 11px;font-size:10px;min-height:38px}.tray-actions{gap:5px}.tray-reset{font-size:9px;padding:7px 4px}.toast{font-size:11px;bottom:100px}.notice{font-size:12px;padding:15px}.list-mode .product-body{display:block}.list-mode .product-stats{margin-top:10px}.list-mode .product-actions{flex-direction:row;margin-top:10px}.list-mode .product-visual{min-height:250px}.list-mode .dimensions{margin:10px 0}.list-mode .product-actions .text-link{width:auto}.list-mode .compare-toggle{width:auto}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.brand{font-size:19px}.brand img{width:28px;height:28px}.hero-copy h1{font-size:35px}.hero-search button{padding:10px}.hero-search label{gap:6px}.hero-float{right:10px;min-width:140px}.section-heading{display:block}.section-heading>.text-link{margin-top:13px}.product-body{padding:13px 9px}.product-stats b{font-size:17px}.product-stats small{font-size:8px}.product-visual{height:150px}.product-visual>a{width:115px;height:145px}.tech-label{max-width:calc(100% - 42px)}.big-specs{gap:8px}.big-specs strong{font-size:24px}.filters form{grid-template-columns:1fr}.compare-tray p{display:none}.compare-tray strong{font-size:10px}.tray-reset{font-size:9px}.compare-tray .button{font-size:9px;padding:9px}.compare-tray{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.top-strip,.site-header,.site-footer,.compare-tray,.toast,button,.comparison-slots,.comparison-toolbar,.article-toc{display:none!important}body{background:#fff;color:#111}.container{width:100%}.table-scroll{overflow:visible}.comparison-table{font-size:10px}.comparison-table td{min-width:0}.detail-layout{grid-template-columns:1fr 1fr}.detail-columns{display:block}.product-card,.content-section{break-inside:avoid}a{text-decoration:none}}