:root{--ink:#152136;--muted:#646e80;--line:#dce2e7;--teal:#2563eb;--light:#f0f7ff;--deep:#153f88}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf981b;outline-offset:3px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}header{border-bottom:1px solid var(--line);background:white}.head{height:100px;display:flex;align-items:center;gap:50px}.logo{font-size:33px;font-weight:800;letter-spacing:-1.8px;line-height:1}.logo span{color:var(--teal)}.logo small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:600;margin-top:10px}nav{display:flex;gap:32px;align-items:center}.head nav{margin-left:auto;height:100%}.head nav>a{height:100%;display:flex;align-items:center;gap:7px;border-bottom:3px solid transparent;font-weight:600}.head nav>a.active{border-color:var(--teal);color:var(--teal)}#compare-count{background:var(--light);border-radius:50%;font-size:11px;padding:0 6px}.language{border:1px solid var(--line);padding:7px 12px;font-size:12px;font-weight:bold}.hero{background:#eff2f5;border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding-top:55px;padding-bottom:50px}.eyebrow{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--teal);border-radius:50%}h1{font-size:48px;letter-spacing:-1.6px;line-height:1.18;margin:20px 0}h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:10px 0 20px}h3{line-height:1.4}.hero p{font-size:16px;color:var(--muted);margin-bottom:26px}.search{display:flex;background:white;padding:6px;border:1px solid #cbd3da;box-shadow:0 6px 20px #16254007}.search>span{font-size:28px;padding:0 12px;color:var(--teal)}.search input{border:0;min-width:0;flex:1;outline-offset:0}.search button,.primary{background:var(--teal);border:1px solid var(--teal);color:white;padding:11px 19px;font-weight:bold;display:inline-block}.primary:hover{background:#082c6a;color:#fff}.hero-tags{display:flex;gap:24px;font-size:11px;color:#525e72;margin-top:15px}.hero-art{height:310px;position:relative;background:#e1e8ed;background-image:linear-gradient(#b5c1cb44 1px,transparent 1px),linear-gradient(90deg,#b5c1cb44 1px,transparent 1px);background-size:32px 32px;border-radius:2px;display:flex;justify-content:center;align-items:center}.hero-art:after{content:'';position:absolute;width:190px;height:25px;background:#606a7c44;filter:blur(15px);bottom:48px;border-radius:50%}.hero-art img{height:220px;max-width:60%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(12px 10px 6px #444c5b22)}.art-label{position:absolute;left:23px;top:20px;font-size:10px;letter-spacing:2px;color:#53617a}.art-label strong{font-size:18px;color:var(--deep);letter-spacing:0}.art-bottom{position:absolute;bottom:17px;left:23px;right:23px;font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between}.art-bottom span{font-size:20px}.brands{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px}.brand{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line);padding:5px}.brand:last-child{border:0}.brand strong{font-size:20px;letter-spacing:-.7px}.brand small{font-size:9px;color:var(--muted)}.brand.selected strong{color:var(--teal)}.finder{display:grid;grid-template-columns:235px 1fr;gap:38px;padding-top:48px;padding-bottom:40px;scroll-margin-top:20px}.filters{border:1px solid var(--line);padding:20px;height:fit-content}.filter-title{display:flex;align-items:center;justify-content:space-between}.filter-title h2{font-size:17px;margin:0}.filter-title a{font-size:11px;color:var(--teal)}label{display:block;font-size:12px;font-weight:bold;margin-top:23px}select{width:100%;background:white;border:1px solid var(--line);padding:10px 9px;color:var(--ink);margin-top:8px;border-radius:0;font-size:12px}fieldset{padding:0;border:0;margin:23px 0}legend{font-size:12px;font-weight:600;margin-bottom:10px}.range{display:flex;align-items:center;gap:8px}.range input{width:40%;min-width:0;flex:1;border:1px solid var(--line);padding:9px}.full{width:100%;font-size:12px}.source-note{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;color:var(--muted);font-size:11px}.source-note>span{font-size:25px;color:var(--teal);display:block}.source-note strong{color:var(--ink)}.result-heading h2{margin:5px 0 15px;font-size:28px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--muted);font-size:12px}.result-toolbar form{display:flex;align-items:center;gap:5px}.result-toolbar select{margin:0;width:175px}.sort-button{background:white;border:1px solid var(--line);padding:10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);transition:box-shadow .2s,transform .2s;background:white;min-width:0}.card:hover{box-shadow:0 10px 25px #17253e10;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0;font-size:9px;letter-spacing:1px;font-weight:700}.badge{background:#edf2f6;padding:3px 7px;color:#465775;letter-spacing:0;font-weight:400}.card-image{height:160px;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg,#f8f9fa,white)}.card-image img{height:130px;max-width:80%;object-fit:contain}.card-body{padding:14px 16px 0}.series{font-size:10px;color:var(--muted);margin:0}.card h3{font-size:16px;margin:4px 0 13px;overflow-wrap:anywhere}.card-spec{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:15px}.card-spec strong{font-size:23px;white-space:nowrap}.card-spec small{font-size:11px;font-weight:400}.card-spec>span{font-size:10px;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:47px;font-size:11px}.compare-add{background:transparent;border:0;padding:8px 0;color:var(--muted)}.compare-add.chosen{color:var(--teal);font-weight:bold}.card-bottom a{font-weight:600;color:var(--teal)}.pagination{justify-content:center;gap:5px;margin:30px 0}.pagination a{padding:6px 13px;border:1px solid var(--line)}.pagination .current{background:var(--teal);color:white;border-color:var(--teal)}.note{color:var(--muted);font-size:11px;line-height:1.8}.resource-banner{padding:30px 38px;background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.resource-banner .eyebrow{color:#8cb0ce}.resource-banner h2{margin:5px 0 8px}.resource-banner p{color:#bcc9d4;margin:0}.button{display:inline-block;border:1px solid var(--line);padding:10px 18px;font-weight:600;font-size:12px;background:white;color:var(--ink)}footer{background:#f4f6f7;border-top:1px solid var(--line);padding:35px 0 85px}footer .logo{font-size:27px}footer p{color:var(--muted);font-size:12px}footer small{font-size:10px;color:var(--muted)}.library,.detail{padding-top:40px;padding-bottom:70px;min-height:60vh}.library>h1{font-size:40px}.lead{font-size:17px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.catalogue{border:1px solid var(--line);padding:25px}.catalogue h2{font-size:19px;margin-top:25px;overflow-wrap:anywhere}.pdf-cover{background:linear-gradient(135deg,#0e2855,#244e96);color:white;min-height:230px;padding:25px;display:flex;flex-direction:column;align-items:flex-start}.pdf-cover span{font-size:20px;font-weight:bold}.pdf-cover strong{font-size:65px;letter-spacing:-3px;margin:auto 0}.pdf-cover small{letter-spacing:3px}.download{margin-left:20px;color:var(--teal)}.crumb{font-size:12px;color:var(--muted);margin-bottom:35px}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.product-visual{height:370px;background:var(--light);display:flex;align-items:center;justify-content:center}.product-visual img{height:280px;max-width:80%;object-fit:contain}.capacity{font-size:40px;font-weight:bold;color:var(--teal)}.capacity small{font-size:20px}.detail-grid .compare-add{background:var(--teal);color:white;padding:10px 16px;margin-right:10px}.detail-content{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-top:60px}.info{background:var(--light);padding:25px;height:fit-content}.info h3{font-size:16px}.info p{font-size:13px}.info a{color:var(--teal)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--muted)}.spec tr:nth-child(odd){background:#f5f7f8}.spec td{font-weight:600}.table-scroll{overflow-x:auto;margin-top:30px}.comparison{min-width:650px}.comparison thead{background:var(--deep)}.comparison thead th{color:white}.comparison tbody tr:nth-child(even){background:var(--light)}.empty{background:var(--light);padding:60px 30px;text-align:center}.unit-symbol{font-size:55px;color:#8c9caa;text-align:center}.unit-symbol small{display:block;font-size:12px;color:var(--muted)}.compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 30px));padding:13px 18px;background:var(--deep);color:white;box-shadow:0 6px 35px #16243c44;display:flex;align-items:center;gap:18px;z-index:20}.compare-tray[hidden]{display:none}#tray-models{font-size:12px;flex:1}#compare-link{white-space:nowrap}#clear-compare{border:0;background:transparent;color:white;font-size:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){.hero-grid{padding-top:65px;padding-bottom:65px}}@media(max-width:1050px){.wrap{width:calc(100% - 40px)}.hero-grid{gap:30px}h1{font-size:38px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.finder{grid-template-columns:210px 1fr;gap:25px}.head{gap:20px}.head nav{gap:20px}.brand{flex-direction:column;gap:0}}@media(max-width:680px){.wrap{width:calc(100% - 30px)}.head{height:auto;min-height:100px;flex-wrap:wrap;gap:16px;padding:18px 0}.logo{font-size:28px}.logo small{font-size:6px}.head nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.head nav>a{padding-bottom:6px}.language{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero-art{height:240px}.hero-art img{height:185px}.hero h1{font-size:36px}.hero p{font-size:14px}.hero-tags{gap:14px;font-size:9px}.search button{font-size:11px;padding:10px}.search input{font-size:11px}.brands{grid-template-columns:repeat(2,1fr);gap:20px}.brand:nth-child(2){border:0}.brand strong{font-size:18px}.finder{grid-template-columns:1fr;padding-top:30px}.filters{padding:16px}.filters form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters label{margin-top:8px}.filters fieldset{margin:8px 0}.filters .full{align-self:end;height:39px}.source-note{display:none}.cards{gap:10px}.card-top{padding:10px 10px 0;font-size:8px;letter-spacing:0}.card-body{padding:10px 10px 0}.card h3{font-size:13px}.card-image{height:135px}.card-image img{height:110px}.card-spec{flex-wrap:wrap;gap:0}.card-spec strong{font-size:21px}.card-spec>span{font-size:9px}.card-bottom{font-size:10px;gap:5px}.result-toolbar{flex-wrap:wrap;gap:10px}.result-toolbar select{width:160px}.resource-banner{padding:25px;gap:25px;flex-wrap:wrap}.library-grid,.detail-grid,.detail-content{grid-template-columns:1fr;gap:25px}.library>h1{font-size:32px}.detail h1{font-size:32px}.product-visual{height:260px}.product-visual img{height:220px}.detail-content{margin-top:35px}.compare-tray{gap:10px;padding:10px}#tray-models{font-size:10px}.compare-tray .primary{font-size:11px;padding:10px}.library .download{display:inline-block;margin:12px}.comparison{font-size:11px}th,td{padding:12px}.library,.detail{padding-top:28px}}

/* Sky-blue surfaces with royal-blue actions. */
:root{--sky:#0ea5e9;--sky-soft:#eef8ff;--blue:#2563eb}
.hero{background:var(--sky-soft)}
.hero-art{background-color:#dff1ff;background-image:linear-gradient(#a8d3f044 1px,transparent 1px),linear-gradient(90deg,#a8d3f044 1px,transparent 1px)}
.eyebrow{color:#027eaf}.dot{background:var(--sky)}
.badge{background:#e6f4ff;color:#226599}
.resource-banner{background:#153f88}.resource-banner .eyebrow{color:#91d8ff}
.resource-banner p{color:#d1e6ff}