/* Clexen site styles: fonts, header and footer from the final design (SiteHeader, Footer boards). Page styles come with each page. */
@font-face { font-family: "Bricolage Grotesque"; src: url(/cx/fonts/bricolage-v2-latin.woff2) format("woff2"); font-weight: 500 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Bricolage Grotesque"; src: url(/cx/fonts/bricolage-v2-rupee.woff2) format("woff2"); font-weight: 500 800; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "IBM Plex Sans"; src: url(/cx/fonts/plexsans-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url(/cx/fonts/plexsans-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url(/cx/fonts/plexsans-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url(/cx/fonts/plexsans-700.woff2) format("woff2"); font-weight: 700 900; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url(/cx/fonts/figtree-rupee.woff2) format("woff2"); font-weight: 400 900; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "IBM Plex Mono"; src: url(/cx/fonts/plexmono-latin.woff2) format("woff2"); font-weight: 400 500; font-display: swap; }
.xhd,.xhd *{box-sizing:border-box}
.xhd a{text-decoration:none;color:inherit}
.xhd button{font-family:inherit}
.xhd .in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;gap:18px}
.xhd .u a{color:#B8CCC2;background-image:linear-gradient(#F5B323,#F5B323);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .18s cubic-bezier(.2,.8,.2,1),color .18s;padding-bottom:2px}
.xhd .u a:hover{color:#FFFFFF;background-size:100% 2px}
.xhd .nb{white-space:nowrap;position:relative;font:600 14.5px 'IBM Plex Sans',sans-serif;color:#14201B;padding:0 2px;min-height:48px;display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;cursor:pointer}
.xhd .nb::after{content:"";position:absolute;left:50%;bottom:4px;width:7px;height:7px;background:#F5B323;border-radius:1.5px;transform:translateX(-50%) rotate(45deg) scale(0);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.xhd .nb:hover,.xhd .nb.on,.xhd .nb.op{color:#0B6E4F}
.xhd .nb:hover::after,.xhd .nb.on::after,.xhd .nb.op::after{transform:translateX(-50%) rotate(45deg) scale(1)}
.xhd .nb svg{transition:transform .18s}
.xhd .nb.op svg{transform:rotate(180deg)}
.xhd .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;background:#F5B323;color:#14201B;font:700 15px 'Bricolage Grotesque',sans-serif;white-space:nowrap;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s}
.xhd .cta .ar{display:inline-block;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.xhd .cta:hover{background:#E3A112;transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(227,161,18,.9)}
.xhd .cta:hover .ar{transform:translateX(4px)}
.xhd .ib{width:44px;height:44px;border-radius:12px;border:1px solid #DCE4DF;background:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s,background .18s;cursor:pointer;flex:none;position:relative}
.xhd .ib:hover{border-color:#0B6E4F;background:#E6F2EC}
.xhd .bdg{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:10px;background:#0B6E4F;color:#FFFFFF;font:600 11px 'IBM Plex Mono',monospace;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF}
.xhd :focus-visible{outline:3px solid #F5B323;outline-offset:2px}
.xhd .sbox{flex:1 1 260px;max-width:420px;position:relative}
.xhd .sbox .f{display:flex;align-items:center;gap:8px;border:1.5px solid #DCE4DF;border-radius:999px;background:#F6F8F5;padding:0 14px;min-height:44px;transition:border-color .18s,background .18s}
.xhd .sbox .f:focus-within{border-color:#0B6E4F;background:#FFFFFF;box-shadow:0 0 0 3px #E6F2EC}
.xhd .sbox input{border:0;outline:0;background:transparent;font:500 15px 'IBM Plex Sans',sans-serif;flex:1;min-width:0;color:#14201B;min-height:40px}
.xhd .pop{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#FFFFFF;border:1px solid #DCE4DF;border-radius:16px;box-shadow:0 30px 60px -30px rgba(10,59,44,.45);padding:10px;z-index:40;display:flex;flex-direction:column;gap:2px;animation:shIn .18s cubic-bezier(.2,.8,.2,1)}
.xhd .sg{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:10px;font-size:14.5px;color:#14201B}
.xhd .sg:hover{background:#F2F5F3}
.xhd .sg small{margin-left:auto;font:500 11px 'IBM Plex Mono',monospace;color:#4E5B55}
.xhd .eb{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#4E5B55;padding:8px 10px 2px}
.xhd .mega{position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid #DCE4DF;box-shadow:0 40px 60px -40px rgba(10,59,44,.4);z-index:30;animation:shIn .2s cubic-bezier(.2,.8,.2,1)}
.xhd .mg{max-width:1240px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 300px;gap:6px 18px}
.xhd .mi{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;min-height:56px;transition:background .18s}
.xhd .mi:hover{background:#F2F5F3}
.xhd .mi .ic{width:44px;height:44px;border-radius:10px;background:#E6F2EC;display:flex;align-items:center;justify-content:center;flex:none}
.xhd .mi b{display:block;font:600 14.5px 'IBM Plex Sans',sans-serif}
.xhd .mi small{display:block;font-size:12.5px;color:#4E5B55}
.xhd .promo{grid-row:span 4;background:#0A3B2C;color:#B8CCC2;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.xhd .promo b{color:#FFFFFF;font:700 19px/1.2 'Bricolage Grotesque',sans-serif}
.xhd .cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 300px;gap:18px}
.xhd .cg .col{display:flex;flex-direction:column;gap:2px}
.xhd .cl{display:flex;align-items:center;min-height:36px;padding:0 8px;border-radius:8px;font-size:14.5px}
.xhd .cl:hover{background:#F2F5F3;color:#0B6E4F}
.xhd .lnk{color:#0B6E4F;font-weight:600;background-image:linear-gradient(#F5B323,#F5B323);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;transition:background-size .18s}
.xhd .lnk:hover{background-size:100% 2px}
.xhd .drw{position:fixed;inset:0;z-index:70;background:rgba(10,30,22,.5);display:flex;justify-content:flex-end;animation:shFade .18s ease}
.xhd .dp{width:min(420px,100%);background:#FFFFFF;height:100%;overflow:auto;display:flex;flex-direction:column;animation:shSlide .22s cubic-bezier(.2,.8,.2,1)}
.xhd .dh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #DCE4DF;position:sticky;top:0;background:#FFFFFF;z-index:1}
.xhd .acc{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;border:0;border-bottom:1px solid #EEF2EF;background:#FFFFFF;font:600 16px 'IBM Plex Sans',sans-serif;color:#14201B;cursor:pointer;text-align:left}
.xhd .acc svg{transition:transform .18s}
.xhd .acc.op svg{transform:rotate(180deg)}
.xhd .ml{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-bottom:1px solid #EEF2EF;font:600 16px 'IBM Plex Sans',sans-serif}
.xhd .ml:active,.xhd .acc:active{background:#F2F5F3}
.xhd .sub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 16px 16px;background:#F6F8F5;border-bottom:1px solid #EEF2EF}
.xhd .st{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:8px 12px;border-radius:12px;background:#FFFFFF;border:1px solid #DCE4DF;font:600 14px 'IBM Plex Sans',sans-serif}
.xhd .st small{font:400 12px 'IBM Plex Sans',sans-serif;color:#4E5B55}
.xhd .mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 1.5fr;background:#FFFFFF;border-top:1px solid #DCE4DF;box-shadow:0 -10px 30px -20px rgba(10,59,44,.4)}
.xhd .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:58px;font:600 14.5px 'IBM Plex Sans',sans-serif}
.xhd .mbar a+a{border-left:1px solid #DCE4DF}
.xhd .mbar a.go{background:#F5B323;font:700 15px 'Bricolage Grotesque',sans-serif;border-left:0}
@keyframes shIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes shFade{from{opacity:0}to{opacity:1}}
@keyframes shSlide{from{transform:translateX(40px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.xhd *{animation:none !important;transition:none !important}}
@media (max-width:1099px){.xhd .d-only{display:none !important}}
@media (min-width:1100px){.xhd .t-only{display:none !important}}
@media (max-width:767px){.xhd .tm-hide{display:none !important}}
@media (max-width:1319px){.xhd .w-only{display:none !important}}
@media (min-width:1320px){.xhd .s-ico{display:none !important}}
@media (min-width:768px){.xhd .m-only{display:none !important}}
.xft a{color:#B8CCC2;text-decoration:none;font-size:14px;align-self:flex-start;background-image:linear-gradient(#F5B323,#F5B323);background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .18s cubic-bezier(.2,.8,.2,1),color .18s;padding-bottom:2px}
.xft a:hover{color:#FFFFFF;background-size:100% 2px}
.xft a:focus-visible{outline:3px solid #F5B323;outline-offset:3px}
.xft .col{display:flex;flex-direction:column;gap:9px}
.xft .col b{color:#FFFFFF;font:700 15px 'Bricolage Grotesque',sans-serif;margin-bottom:4px}
.xft .cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;background:#F5B323;color:#14201B;font:700 15px 'Bricolage Grotesque',sans-serif;background-image:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s}
.xft .cta:hover{color:#14201B;background-color:#E3A112;transform:translateY(-1px)}
@media (max-width:980px){.xft .g{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.xft .brand{grid-column:1 / -1}}
@media (max-width:560px){.xft .g{grid-template-columns:1fr 1fr !important}}
@media (max-width:767px){.xft .col{gap:0 !important}.xft .col a{min-height:40px;display:flex;align-items:center;background-position:0 80%}.xft .col b{margin:8px 0 2px}.xft{padding-bottom:58px}.xft .g{gap:24px 16px !important}}
/* shared bits */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#F5B323;color:#14201B;padding:10px 14px;border-radius:10px;font-weight:600}
.skip:focus{left:8px}
[hidden]{display:none !important}

/* Machine photos are mostly cut-outs on white: show the whole machine in a white 4:3 frame instead of cropping it. */
.fit{aspect-ratio:4/3;height:auto!important;background:#FFFFFF!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.fit img{width:100%!important;height:100%!important;object-fit:contain!important;padding:3% 4%;box-sizing:border-box;mix-blend-mode:multiply}
.th.fit img{padding:8%}
.main.fit img{padding:7% 8%}
.mc .fit{border-bottom:1px solid #EEF2EF}
@media (max-width:640px){.mc .im.fit{width:42%;max-width:190px;aspect-ratio:auto;align-self:stretch;border-bottom:0;border-right:1px solid #EEF2EF}.mc .im.fit img{padding:6px}}