:root{--blue:#001B72;--blue-2:#0A2A8F;--red:#EA002A;--ink:#161A2B;--paper:#FFFFFF;--bone:#F5F4EF;--rule:#D8DBE4;--mute:#5B6072;--grid:#E3E7F1;--wash:#EEF1F8}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}
a{color:var(--blue)}img,svg{max-width:100%}
.w{max-width:1240px;margin:0 auto;padding:0 24px}
.ui{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
/* mockup notes (not part of the page) */
details.mock{background:#FFF8D6;border-bottom:1px solid #E9D98A;font-size:14px}
details.mock summary{cursor:pointer;padding:9px 24px;font-weight:700;color:#5A4A00}
details.mock .w{padding-bottom:14px}details.mock li{margin:3px 0}
/* utility + header */
.util{background:var(--blue);color:#fff;font-size:13px}
.util .w{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.util span+span{opacity:.85}
.hdr{border-bottom:1px solid var(--rule);background:#fff}
.hdr .w{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding-top:16px;padding-bottom:14px}
.mark{font-weight:700;font-size:23px;color:var(--blue);letter-spacing:-.3px;position:relative;padding-bottom:8px;text-decoration:none;display:inline-block;line-height:1.1}
.mark:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,var(--red) 0 1px,transparent 1px 6px);border-top:1px solid var(--red)}
.mark b{color:var(--red)}.mark small{display:block;font-size:11px;font-weight:400;color:var(--mute);letter-spacing:.02em;margin-top:2px}
.search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--rule);padding:10px 12px;color:var(--mute);font-size:15px;max-width:520px;width:100%;justify-self:center}
.basket{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.nav{border-bottom:1px solid var(--rule);background:#fff}
.nav .w{display:flex;gap:30px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.nav a{display:block;padding:13px 0;color:var(--ink);text-decoration:none;font-size:15px;font-weight:700;border-bottom:3px solid transparent}
.nav a.on,.nav a:hover{color:var(--blue);border-bottom-color:var(--red)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:16px;padding:14px 22px;border:2px solid var(--blue)}
.btn:hover{background:var(--blue-2)}.btn.ghost{background:#fff;color:var(--blue)}.btn.sm{font-size:14px;padding:9px 14px}
.btn.full{width:100%}.btn small{font-weight:400;opacity:.9}
.tick-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.tick-eyebrow:before{content:"";width:22px;height:2px;background:var(--red)}
h2.sh{font-size:30px;line-height:1.15;color:var(--blue);margin:0 0 6px;letter-spacing:-.3px}
p.ss{margin:0 0 22px;color:#3A3F55;font-size:17px;max-width:760px}
section{padding:54px 0}
.bone{background:var(--bone)}
.graph{background-color:#FBFBFD;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px}
/* drawings */
.drw,.thumb,.sec{width:100%;height:auto;display:block}
.part{fill:#fff;stroke:var(--blue);stroke-width:1.6}.recess{fill:var(--wash);stroke:var(--blue);stroke-width:1}
.foam{fill:#C9CEDC;stroke:#8B92A8;stroke-width:1}
.bevel{stroke:var(--red);stroke-width:3;fill:none}.dim{stroke:var(--blue);stroke-width:1}.lead{stroke:var(--blue);stroke-width:1}
.call{stroke:var(--red);stroke-width:1.2;stroke-dasharray:4 3}.dot{fill:var(--red)}
.dlab{font:13px Arial;fill:var(--blue);text-anchor:middle}.dlab.end{text-anchor:end}.dlab.st,.clab.st{text-anchor:start}
.clab{font:bold 14px Arial;fill:var(--red)}.clab.small{font-weight:400;font-size:13px}.clab.end{text-anchor:end}
.note{font:12px Arial;fill:var(--mute)}.iso{width:100%;height:auto;display:block}.iso .top{fill:#fff;stroke:var(--blue);stroke-width:1.5}.iso .front{fill:#E6E9F3;stroke:var(--blue);stroke-width:1.5}.iso .endf{fill:#D9DEEC;stroke:var(--blue);stroke-width:1.5}.iso .bevf{fill:#FBD5DD;stroke:var(--red);stroke-width:1.6}.iso .chan{fill:var(--wash);stroke:var(--blue);stroke-width:1.2}.iso .dlab{font-size:14px}.iso .clab{font-size:14px}.iso .clab.small{font-size:13px}
.thumb .dlab{font-size:17px;font-weight:700}
/* hero */
.hero{background:var(--bone);padding:46px 0 50px}
.hero .w{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center}
.hero h1{font-size:46px;line-height:1.06;margin:14px 0 14px;color:var(--blue);letter-spacing:-.8px}
.hero p.lede{font-size:18.5px;margin:0 0 24px;color:#2C3145;max-width:560px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.hero .hint{font-size:15px}.hero .hint a{font-weight:700}
.range-cards{display:grid;gap:14px}
.rc{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:16px;background:#fff;border:1px solid var(--rule);padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.rc:hover{border-color:var(--blue)}
.rc b{display:block;font-size:18px;color:var(--blue);line-height:1.2}.rc span{display:block;font-size:14px;color:var(--mute);margin:4px 0}
.rc .from{font-size:15px;color:var(--ink);font-weight:700}.rc .go{font-size:14px;font-weight:700;color:var(--blue)}
/* trust strip */
.trust{border-bottom:1px solid var(--rule)}
.trust .w{display:grid;grid-template-columns:repeat(4,1fr)}
.trust div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:18px 16px;border-right:1px solid var(--rule);font-size:14px;color:var(--mute)}
.trust div:last-child{border-right:0}.trust .ui{grid-row:span 2;width:26px;height:26px;max-width:none;color:var(--blue);margin-top:2px}
.trust b{color:var(--ink);font-size:15px}
/* jobs */
.jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.job{background:#fff;border:1px solid var(--rule);padding:20px 18px 18px;display:flex;flex-direction:column;gap:8px}
.job svg.ji{width:58px;height:50px;fill:none;stroke:var(--blue);stroke-width:1.7}.job svg .cut{stroke:var(--red);stroke-width:2.2}.job svg .faint{stroke:#AEB4C8}
.job h3{font-size:17px;line-height:1.28;margin:2px 0 0}
.job .pick{font-size:14px;color:var(--blue);font-weight:700}.job .pick:before{content:"Our pick: ";color:var(--mute);font-weight:400}
.job .why{font-size:14px;color:var(--mute);flex:1}
.job .btn{white-space:nowrap}.job .row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--rule);padding-top:12px;margin-top:4px}
.job .pr{font-size:17px;font-weight:700}.job .pr small{display:block;font-size:12px;font-weight:400;color:var(--mute)}
/* range blocks */
.ranges{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.range{background:#fff;border:1px solid var(--rule);display:grid;grid-template-rows:auto 1fr}
.range .pic{background:var(--wash);padding:22px 30px 14px;border-bottom:1px solid var(--rule)}.range .pic svg{max-width:500px;margin:0 auto}
.range .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px}
.range h3{font-size:24px;margin:0;color:var(--blue)}.range .meta{font-size:15px;color:var(--mute)}
.range ul{margin:4px 0 8px;padding:0;list-style:none;font-size:15px}.range li{display:flex;gap:10px;padding:5px 0}.range li .ui{color:var(--blue);width:18px;height:18px;margin-top:2px}
.range .buyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}
.range .buyrow b{font-size:18px}
/* length grid */
.grp{margin:0 0 30px}.grp h3{font-size:19px;margin:0 0 12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.grp h3 span{font-size:14px;font-weight:400;color:var(--mute)}
.lgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.lt{background:#fff;border:1px solid var(--rule);padding:12px 14px 14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:4px;transition:border-color .15s}
.lt:hover{border-color:var(--blue)}
.lt .thumb{margin:0 0 4px}.lt .thumb .dlab{display:none}
.lt b{font-size:20px;color:var(--blue);line-height:1.1}.lt b small{font-size:14px;color:var(--mute);font-weight:400}
.lt .bf{font-size:13px;color:var(--mute);line-height:1.35;flex:1}
.lt .pr{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;margin-top:6px}
.lt .pr span{font-size:12px;font-weight:400;color:var(--blue)}
/* buying feature */
.feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}
.feat .card{background:#fff;border:1px solid var(--rule);padding:18px 20px}
.feat h3{font-size:22px;color:var(--blue);margin:0 0 8px}.feat p{margin:0 0 12px}
.tol{color:var(--red);font-weight:700}
/* compare table */
.cmp{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.cmp th,.cmp td{border:1px solid var(--rule);padding:11px 14px;text-align:left;vertical-align:top}
.cmp thead th{background:var(--blue);color:#fff;font-size:16px}.cmp tbody th{width:22%;color:var(--mute);font-weight:400;background:#FAFAFB}
.cmp tfoot td{background:#FAFAFB}
/* guides + faq */
.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gd{border-top:3px solid var(--blue);background:#fff;padding:16px 16px 18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.gd b{font-size:16px;line-height:1.3}.gd span{font-size:14px;color:var(--blue);font-weight:700;margin-top:auto}
.faq{max-width:860px}.faq details{border-bottom:1px solid var(--rule);padding:14px 0}.faq summary{font-weight:700;font-size:17px;cursor:pointer;color:var(--ink)}
.faq p{margin:10px 0 0;color:#2C3145}
/* title block footer */
.tb-wrap{padding:34px 0 0}
.tblock{display:grid;grid-template-columns:repeat(6,1fr);border:2px solid var(--blue);background:#fff;font-size:13px}
.tblock div{border-right:1px solid var(--blue);padding:9px 11px}.tblock div:last-child{border-right:0}
.tblock b{display:block;font-size:10.5px;color:var(--mute);letter-spacing:.08em;font-weight:700;margin-bottom:2px}
.foot{background:var(--blue);color:#DCE2F5;margin-top:0;padding:40px 0 30px;font-size:14px}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot h4{color:#fff;margin:0 0 10px;font-size:15px}.foot a{color:#DCE2F5;text-decoration:none;display:block;padding:3px 0}
.foot .legal{border-top:1px solid rgba(255,255,255,.2);margin-top:26px;padding-top:16px;font-size:12.5px;color:#B8C2E6}
.foot .mk{color:#fff;font-weight:700;font-size:19px}.foot .mk b{color:#FF5A73}
/* ---------- product page ---------- */
.crumb{font-size:14px;color:var(--mute);padding:16px 0 4px}.crumb a{color:var(--blue);text-decoration:none}
.pdp{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:44px;padding:10px 0 40px}
.gallery{position:sticky;top:64px;align-self:start}.gal-main{border:1px solid var(--rule);padding:26px 18px 8px}.gal-main .dlab{font-size:16px}.gal-main .clab{font-size:17px}.gal-main .clab.small{font-size:15px}.gal-main .note{font-size:14px}
.gal-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.gt{border:1px solid var(--rule);aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--mute);text-align:center;padding:8px;background:repeating-linear-gradient(135deg,#F6F7FA 0 8px,#EFF1F6 8px 16px)}
.gt.on{border:2px solid var(--blue);background:#fff}.gt svg.thumb{width:100%}.gt .ui{color:#8B92A8}
.buybox .brand{font-size:14px;color:var(--mute)}.buybox .brand b{color:var(--blue)}
.buybox h1{font-size:34px;line-height:1.12;margin:6px 0 6px;color:var(--ink);letter-spacing:-.4px}
.buybox .tag{font-size:17px;color:#3A3F55;margin:0 0 16px}
.pricebar{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pricebar .p{font-size:34px;font-weight:700}.pricebar .vat{font-size:14px;color:var(--mute)}
.stock{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--blue);margin-left:auto}.stock .ui{width:18px;height:18px}
.opt{margin:18px 0 6px}.opt .lab{font-size:15px;margin-bottom:8px}.opt .lab b{color:var(--blue)}
.opt .sub{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:10px 0 6px;font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--rule);padding:7px 0 6px;min-width:62px;text-align:center;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700;line-height:1.2;background:#fff}
.chip small{display:block;font-weight:400;font-size:12px;color:var(--mute)}
.chip:hover{border-color:var(--blue)}.chip.on{border:2px solid var(--blue);background:var(--wash);color:var(--blue)}
.qtyrow{display:grid;grid-template-columns:120px 1fr;gap:12px;margin:20px 0 10px}
.qty{display:grid;grid-template-columns:36px 1fr 36px;border:1.5px solid var(--rule);align-items:center;text-align:center;font-weight:700}
.qty span{color:var(--blue);font-size:20px;cursor:pointer}
.secure{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mute);margin:4px 0 2px}.secure .ui{width:17px;height:17px;color:var(--blue)}
.alsoon{font-size:14px;margin:4px 0 18px}
.keys{list-style:none;margin:0 0 18px;padding:0;font-size:15.5px}
.keys li{display:flex;gap:10px;padding:6px 0}.keys .ui{color:var(--blue);width:19px;height:19px;margin-top:2px}
.keys .tol{font-size:15px}
.assure{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);font-size:13px;color:var(--mute)}
.assure div{padding:10px 12px;border-right:1px solid var(--rule)}.assure div:last-child{border-right:0}.assure b{display:block;color:var(--ink);font-size:14px}
.madefor{margin:18px 0 0}.madefor .lab{font-size:14px;color:var(--mute);margin-bottom:8px}
.mf{display:inline-block;border:1px solid var(--blue);color:var(--blue);font-size:13.5px;padding:5px 11px;margin:0 6px 6px 0}
.tabs{position:sticky;top:0;background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);z-index:5}
.tabs .w{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.tabs a{display:block;padding:14px 0;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}.tabs a:first-child{border-bottom-color:var(--red);color:var(--blue)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.why3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.why3 div{background:#fff;border:1px solid var(--rule);padding:18px}.why3 b{display:block;color:var(--blue);font-size:17px;margin-bottom:6px}
.use{background:#fff;border:1px solid var(--rule);padding:22px}.use h3{margin:10px 0 8px;color:var(--blue);font-size:20px}
.use svg.ji{width:58px;height:50px;fill:none;stroke:var(--blue);stroke-width:1.7}.use svg .cut{stroke:var(--red);stroke-width:2.2}
.fit{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--rule)}
.fit li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--rule);font-size:15.5px}
.fit li:last-child{border-bottom:0}.fit .y{color:var(--blue)}.fit .n{color:var(--mute)}.fit a{font-weight:700;font-size:14px;white-space:nowrap}
.spec{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.spec th,.spec td{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}.spec th{width:38%;color:var(--mute);font-weight:400}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);background:#fff}
.vs>div{padding:20px 22px}.vs>div+div{border-left:1px solid var(--rule)}
.vs h3{margin:0 0 4px;font-size:19px;color:var(--blue)}.vs .p{font-weight:700;font-size:18px;margin:0 0 10px}
.vs ul{margin:0 0 14px;padding-left:18px;font-size:15px}.vs li{margin:4px 0}.vs .here{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--red)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pc{background:#fff;border:1px solid var(--rule);padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.pc .thumb .dlab{font-size:17px}.pc b{font-size:16px;line-height:1.25}.pc .bf{font-size:13px;color:var(--mute);flex:1}.pc .pr{font-weight:700;font-size:17px}
.byline{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--rule);padding:18px 20px;font-size:14.5px;margin-top:22px}
.byline .av{width:46px;height:46px;border-radius:50%;background:var(--wash);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;color:var(--blue);font-weight:700;flex:none}
.mbar{display:none}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.plist{list-style:none;margin:0;padding:0;display:grid;gap:16px}.plist>li{display:flex}.plist>li[hidden]{display:none}.plist3{grid-template-columns:repeat(3,minmax(0,1fr))}.plist4{grid-template-columns:repeat(4,minmax(0,1fr))}.plist5{grid-template-columns:repeat(5,minmax(0,1fr))}.pcard{background:#fff;border:1px solid var(--rule);display:flex;flex-direction:column;width:100%;transition:box-shadow .15s,border-color .15s;scroll-margin-top:90px}.pcard:hover{border-color:#B9C0D6;box-shadow:0 8px 22px rgba(0,27,114,.09)}.pcard:target{outline:3px solid var(--red);outline-offset:2px}.pimg{background:linear-gradient(180deg,#F7F8FA,#ECEEF3);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--rule)}.pimg svg{width:100%;height:auto}.cr .top{fill:#fff;stroke:var(--blue);stroke-width:1.3}.cr .front{fill:#E2E6F1;stroke:var(--blue);stroke-width:1.3}.cr .endf{fill:#D3D9EA;stroke:var(--blue);stroke-width:1.3}.cr .bevf{fill:#FBD5DD;stroke:var(--red);stroke-width:1.3}.cr .chan{fill:var(--wash);stroke:var(--blue);stroke-width:1}.cr .foam{fill:#C9CEDC;stroke:#8B92A8;stroke-width:1}.cr .shadow{fill:rgba(0,27,114,.08)}.pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.plen{margin:0;font-size:14px;font-weight:700;color:var(--blue)}.plen span{color:var(--mute);font-weight:400}.pname{margin:0;font-size:15.5px;line-height:1.3}.pname a{color:var(--ink);text-decoration:none}.pname a:hover{color:var(--blue);text-decoration:underline}.pbest{margin:0;font-size:13.5px;color:var(--mute);flex:1}.pprice{margin:4px 0 0;font-size:21px;font-weight:700}.pprice span{font-size:12px;font-weight:400;color:var(--mute)}.pstock{margin:0;font-size:13px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:7px}.pstock:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue)}.pbody .btn{margin-top:8px}.shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;margin-top:6px}.filters{position:sticky;top:16px}.fbox{border:1px solid var(--rule);background:#fff}.fbox summary{list-style:none;padding:14px 16px;font-weight:700;font-size:16px;cursor:pointer;border-bottom:1px solid var(--rule)}.fbox summary::-webkit-details-marker{display:none}.fbox fieldset{border:0;margin:0;padding:12px 16px 10px;border-bottom:1px solid var(--rule)}.fbox legend{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;padding:0;margin-bottom:6px}.fbox label{display:flex;align-items:center;gap:9px;font-size:14.5px;padding:5px 0;cursor:pointer;line-height:1.3}.fbox label span{margin-left:auto;color:var(--mute);font-size:13px}.fbox input{accent-color:var(--blue);width:16px;height:16px;flex:none}.clear{background:none;border:0;color:var(--blue);font:700 14px Arial;text-decoration:underline;cursor:pointer;padding:0}.fbox .clear{margin:12px 16px 14px}.rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}.rhead .count{margin:0;font-weight:700}.rhead label{font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px}.rhead select{border:1.5px solid var(--rule);padding:8px 10px;font:14px Arial;background:#fff;color:var(--ink)}.nomatch{padding:28px;text-align:center;color:var(--mute);border:1px dashed var(--rule)}.why3>div h4{margin:0 0 10px;font-size:17px;color:var(--blue)}.stat{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--rule);font-size:13.5px;color:var(--mute)}.stat b{display:block;font-size:26px;line-height:1.15;color:var(--blue)}.stat.tol b{color:var(--red)}ul.ticks{list-style:none;margin:0;padding:0}ul.ticks li{position:relative;padding:7px 0 7px 22px;font-size:15px;line-height:1.45}ul.ticks li:before{content:'';position:absolute;left:2px;top:17px;width:11px;height:2px;background:var(--red)}.use p.lead{font-weight:700;color:var(--ink);margin:0 0 6px;font-size:15.5px;line-height:1.45}.sf{background:var(--blue);color:#C9D2EE;font-size:14px}.sf-rule{height:18px;background:repeating-linear-gradient(90deg,#FF5A73 0 2px,transparent 2px 88px) left bottom/100% 18px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 8.8px) left bottom/100% 8px no-repeat,#00155A}.sf-trust{background:#00155A;border-bottom:1px solid rgba(255,255,255,.12)}.sf-trust .w{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sf-trust .w>div{display:flex;gap:12px;align-items:flex-start;padding:20px 16px;border-right:1px solid rgba(255,255,255,.12);line-height:1.4}.sf-trust .w>div:last-child{border-right:0}.sf-trust .ui{color:#fff;width:24px;height:24px;max-width:none;margin-top:1px}.sf-trust b{display:block;color:#fff;font-size:15px}.sf-main{background-color:#FBFBFD;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;color:var(--ink)}.sf-main .w{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:28px;padding-top:42px;padding-bottom:38px}.sf-mark{font-weight:700;font-size:25px;color:var(--blue);text-decoration:none;position:relative;padding-bottom:9px;display:inline-block}.sf-mark b{color:var(--red)}.sf-mark:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(90deg,var(--red) 0 1px,transparent 1px 6px);border-top:1px solid var(--red)}.sf-brand p{margin:16px 0 14px;max-width:320px;line-height:1.55;color:#3A3F55}.sf-svg{width:100%;max-width:260px;height:auto;display:block}.sf-svg .t{fill:#fff;stroke:var(--blue);stroke-width:1.3}.sf-svg .b{fill:#FBD5DD;stroke:var(--red);stroke-width:1.3}.sf-svg .d{stroke:var(--blue);stroke-width:1}.sf-col h4{color:var(--blue);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;margin:6px 0 14px;display:flex;align-items:center;gap:9px}.sf-col h4:before{content:'';width:14px;height:2px;background:var(--red)}.sf-col ul{list-style:none;margin:0;padding:0}.sf-col li{padding:5px 0}.sf-col a{color:var(--ink);text-decoration:none}.sf-col a:hover{color:var(--blue);text-decoration:underline}.sf-legal{background:#00155A;font-size:12.5px;color:#9FAED8;border-top:1px solid rgba(255,255,255,.1)}.sf-legal .w{padding-top:18px;padding-bottom:22px}.sf-legal p{margin:4px 0}.sf-own{color:#C9D2EE;font-size:13px}.lenpick{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px 14px;margin:18px 0 6px}.lenpick .lab{font-size:15px;font-weight:700}.seg{display:inline-flex;border:1.5px solid var(--rule)}.seg button{border:0;background:#fff;padding:9px 13px;font:700 14px Arial;color:var(--mute);cursor:pointer}.seg button.on{background:var(--blue);color:#fff}.lensel{position:relative}.lensel select{width:100%;appearance:none;-webkit-appearance:none;border:1.5px solid var(--rule);background:#fff;padding:10px 38px 10px 12px;font:15px Arial;color:var(--ink);cursor:pointer}.lensel:after{content:'';position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:translateY(-70%) rotate(45deg);pointer-events:none}.suited{margin:6px 0 18px;padding:16px 0 0;border-top:1px solid var(--rule)}.suited h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}.suited ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.suited li{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;font-size:14.5px;line-height:1.3}.suited svg{width:44px;height:38px;fill:none;stroke:var(--blue);stroke-width:1.7}.suited svg .cut{stroke:var(--red);stroke-width:2.2}.suited svg .faint{stroke:#AEB4C8}details.rev{margin-top:22px;border-top:1px solid var(--rule);padding-top:12px;font-size:14px;color:var(--mute)}details.rev summary{cursor:pointer}details.rev p{margin:8px 0 0}.fit a.pl{font-weight:700;font-size:inherit;white-space:normal}.cathero{padding:6px 0 22px}.cathero h1{font-size:38px;line-height:1.1;color:var(--ink);margin:6px 0 10px;letter-spacing:-.5px}.cathero .capsule{max-width:860px;font-size:17px}.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;font-size:14px;color:var(--mute)}.facts b{color:var(--ink)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 18px}.toolbar .count{font-weight:700;margin-right:auto}.toolbar label{font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px}.toolbar select{border:1.5px solid var(--rule);padding:8px 10px;font:14px Arial;background:#fff}.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pt{background:#fff;border:1px solid var(--rule);padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink);scroll-margin-top:80px}.pt:target{outline:3px solid var(--red);outline-offset:2px}.pt .thumb .dlab{display:none}.pt .len{font-size:24px;font-weight:700;color:var(--blue);line-height:1}.pt .len small{font-size:14px;color:var(--mute);font-weight:400}.pt .nm{font-size:13.5px;font-weight:700;line-height:1.3}.pt .bf{font-size:13px;color:var(--mute);flex:1}.pt .row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.pt .row b{font-size:18px}.pt .row span{font-size:12px;color:var(--blue)}.sizetab{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px}.sizetab th,.sizetab td{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}.sizetab thead th{background:var(--blue);color:#fff;font-size:14px}.sizetab td.p{font-weight:700;white-space:nowrap}.acc details{border-top:1px solid var(--rule);padding:10px 0}.acc summary{cursor:pointer;font-weight:700;color:var(--ink)}.acc p{margin:8px 0 0;font-size:15px}.uses3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.uses3 .use p.lead{margin:0 0 10px}body.prov .added{text-decoration:underline 3px #7D3C98;text-underline-offset:3px;background:#F3E9F7}.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.provbtn{position:fixed;left:16px;bottom:16px;z-index:20;background:#5A4A00;color:#fff;border:0;padding:10px 14px;font:700 14px Arial;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}body.prov [data-src]{outline:3px solid;outline-offset:4px;position:relative;margin-top:36px!important}body.prov [data-src]::before{content:attr(data-src-label);position:absolute;left:-4px;top:-27px;font:700 11.5px/1.2 Arial;color:#fff;padding:3px 7px;z-index:6;white-space:nowrap}body.prov [data-src=tim]{outline-color:#1E8449}body.prov [data-src=tim]::before{background:#1E8449}body.prov [data-src=edit]{outline-color:#B9770E}body.prov [data-src=edit]::before{background:#B9770E}body.prov [data-src=new]{outline-color:#7D3C98}body.prov [data-src=new]::before{background:#7D3C98}body.prov .pdp,body.prov section{padding-top:44px}.capsule{font-size:16px;margin:0 0 6px;color:#2C3145}.h3{font-size:20px;color:var(--blue);margin:26px 0 0}.buyrow{margin:20px 0 14px}
@media (max-width:1060px){.jobs{grid-template-columns:repeat(2,1fr)}.lgrid{grid-template-columns:repeat(3,1fr)}.guides{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){
 .w{padding:0 16px}section{padding:40px 0}
 .util .w span+span{display:none}
 .hdr .w{grid-template-columns:1fr auto;gap:12px}.search{grid-column:1/-1;grid-row:2;max-width:none}
 .hero{padding:30px 0 34px}.hero .w,.feat,.pdp,.two,.ranges{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:34px}.hero p.lede{font-size:17px}
 .rc{grid-template-columns:1fr 1fr;padding:12px 14px}.rc b{font-size:16px}
 .trust .w{grid-template-columns:1fr 1fr}.trust div:nth-child(2){border-right:0}.trust div{border-bottom:1px solid var(--rule)}
 h2.sh{font-size:25px}p.ss{font-size:16px}
 .lgrid{grid-template-columns:repeat(2,1fr)}.why3{grid-template-columns:1fr}
 .tblock{grid-template-columns:repeat(2,1fr)}.tblock div{border-bottom:1px solid var(--blue)}.tblock div:nth-child(2n){border-right:0}
 .foot .cols{grid-template-columns:1fr 1fr}
 .buybox h1{font-size:28px}.pricebar .p{font-size:30px}
 .vs{grid-template-columns:minmax(0,1fr)}.cards3{grid-template-columns:minmax(0,1fr)}.vs>div+div{border-left:0;border-top:1px solid var(--rule)}
 .cmp{font-size:13.5px}.cmp th,.cmp td{padding:8px 9px}
 .assure{grid-template-columns:1fr}.assure div{border-right:0;border-bottom:1px solid var(--rule)}
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--rule);padding:10px 16px;gap:12px;align-items:center;z-index:9;box-shadow:0 -4px 14px rgba(0,27,114,.08)}
 .mbar .p{font-weight:700;font-size:19px;line-height:1.1}.mbar .p small{display:block;font-size:12px;font-weight:400;color:var(--mute)}.mbar .btn{flex:1}
 body.pdp-page{padding-bottom:72px}.gallery{position:static}.gt{font-size:0!important}.gt .ui{width:22px;height:22px} .drw .dlab{font-size:24px}.drw .clab{font-size:24px}.drw .clab.small{font-size:17px}.drw .note{font-size:17px} .ctas .btn{flex:1 1 100%}.shop{grid-template-columns:minmax(0,1fr)}.filters{position:static}.plist3,.plist4,.plist5{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-trust .w{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-trust .w>div:nth-child(2){border-right:0}.sf-trust .w>div{border-bottom:1px solid rgba(255,255,255,.12)}.sf-main .w{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-brand{grid-column:1/-1}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.uses3{grid-template-columns:minmax(0,1fr)}.cathero h1{font-size:30px}.provbtn{bottom:84px}.gt{font-size:10.5px;overflow:hidden;padding:4px}.gal-main{padding:14px 8px 4px}
}
@media (max-width:520px){.sf-trust .w{grid-template-columns:minmax(0,1fr)}.sf-trust .w>div{border-right:0}.pname{font-size:14.5px}.pbody{padding:12px}.pprice{font-size:18px}.lenpick{grid-template-columns:auto minmax(0,1fr)}.lensel{grid-column:1/-1}.suited ul{grid-template-columns:1fr}.sizetab{font-size:13px}.sizetab .hide-s{display:none}.trust .w{grid-template-columns:1fr}.trust div{border-right:0}.jobs,.guides,.cards{grid-template-columns:1fr}.foot .cols{grid-template-columns:1fr}.rc{grid-template-columns:1fr}.rc svg{max-width:260px}}

main{display:block}.drawbox{background:#fff;border:1px solid var(--rule);padding:20px 16px}.mb14{margin-bottom:14px}.mb6{margin-bottom:6px}.mt26{margin-top:26px}
.note-s{font-size:14px;color:var(--mute)}.lead-s{margin:0 0 14px;color:#3A3F55}.maxw{max-width:860px}.tablewrap{overflow-x:auto}
.two-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:50%}.gt svg.cr{width:100%}
.lenpick.one{grid-template-columns:auto minmax(0,1fr)}
.uses2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start;padding:6px 0 50px}
.art{max-width:780px;font-size:17px;line-height:1.65}.art h1{font-size:38px;line-height:1.12;margin:6px 0 6px;letter-spacing:-.4px}
.art-meta{color:var(--mute);font-size:14px;margin:0 0 22px}.art h2{font-size:26px;color:var(--blue);margin:34px 0 10px;line-height:1.2}
.art h3{font-size:19px;margin:24px 0 6px;color:var(--ink)}.art p{margin:0 0 14px}.art .tablewrap{margin:8px 0 22px}.art table.cmp{font-size:15px}
.art ul.ticks{margin:0 0 16px}.art-side{position:sticky;top:16px}.side-box{background:var(--bone);border:1px solid var(--rule);padding:18px}
.side-box h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}.side-box .rc{grid-template-columns:1fr;margin-bottom:12px}
.glist{list-style:none;margin:0 0 50px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gcard{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--blue);padding:20px 22px;height:100%}
.gcard h2{font-size:20px;line-height:1.3;margin:0 0 8px}.gcard h2 a{color:var(--ink);text-decoration:none}.gcard h2 a:hover{color:var(--blue);text-decoration:underline}
.gcard p{margin:0 0 12px;color:#3A3F55;font-size:15px}.gcard .more{font-weight:700;font-size:14px}
.nf{padding:50px 16px 70px}.nf h1{color:var(--blue)}
@media (max-width:820px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-side{position:static}.uses2,.glist{grid-template-columns:minmax(0,1fr)}.two-thumbs{max-width:none}.art h1{font-size:30px}}