:root{--o:#F07E00;--k:#272727;--g:#F2F2F2;--m:#8A8A8A;--line:#E4E4E4}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
 color:var(--k);background:#fff;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
.topbar{height:4px;background:var(--o)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
a{color:var(--k);text-decoration:none}
a:hover{color:var(--o)}
h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--k)}
h1{font-size:2.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.6rem}
h2{font-size:1.6rem;margin:2.6rem 0 .9rem;letter-spacing:-.01em}
h3{font-size:1.15rem;margin:1.8rem 0 .6rem}
h4{font-size:1rem;margin:1.3rem 0 .4rem}
p{margin-bottom:1rem}
ul,ol{margin:0 0 1rem 1.15rem}
li{margin-bottom:.4rem}
strong{font-weight:600}
code{background:var(--g);padding:.1rem .35rem;border-radius:3px;font-size:.9em;font-family:ui-monospace,Menlo,Consolas,monospace}

/* search */
.searchbtn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--line);
 border-radius:2px;padding:.42rem .7rem;cursor:pointer;color:var(--m);font:inherit;font-size:.84rem}
.searchbtn:hover{border-color:var(--k);color:var(--k)}
.searchbtn svg{width:15px;height:15px;flex:none}
.searchbtn .kbd{border:1px solid var(--line);border-radius:2px;padding:0 .3rem;font-size:.7rem;color:var(--m)}
.hright{display:flex;align-items:center;gap:1rem}
.sov{display:none;position:fixed;inset:0;z-index:200}
.sov.on{display:block}
.sov-b{position:absolute;inset:0;background:rgba(20,20,20,.42)}
.sov-p{position:relative;max-width:720px;margin:8vh auto 0;background:#fff;border:1px solid var(--line);
 border-radius:3px;box-shadow:0 20px 60px rgba(0,0,0,.22);overflow:hidden}
.sov-i{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.sov-i input{flex:1;border:0;padding:1.05rem 1.2rem;font:inherit;font-size:1rem;outline:none;
 background:#fff;color:var(--k);-webkit-appearance:none}
.sov-i input::-webkit-search-cancel-button,.sov-i input::-webkit-search-decoration{display:none}
.sov-x{border:0;background:none;font-size:1.5rem;line-height:1;padding:0 1.1rem;cursor:pointer;color:var(--m)}
.sov-x:hover{color:var(--k)}
.sov-r{max-height:64vh;overflow-y:auto}
.sov-h{display:block;padding:.85rem 1.2rem;border-bottom:1px solid var(--line);text-decoration:none}
.sov-h:last-child{border-bottom:0}
.sov-h:hover,.sov-h.cur{background:var(--g)}
.sov-s{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--o);font-weight:600}
.sov-t{display:block;font-size:.98rem;font-weight:600;color:var(--k);margin:.15rem 0 .2rem}
.sov-d{display:block;font-size:.85rem;color:var(--m);line-height:1.55}
.sov-d mark,.sov-n b{background:#FFE9D2;color:var(--k);font-weight:600;padding:0 .1rem}
.sov-n{padding:1.2rem;font-size:.9rem;color:var(--m);margin:0}
@media(max-width:760px){
 .searchbtn .lbl,.searchbtn .kbd{display:none}
 .searchbtn{padding:.42rem .55rem}
 .sov-p{margin:0;max-width:none;height:100%;border:0;border-radius:0}
 .sov-r{max-height:calc(100% - 58px)}
}
/* header */
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:60}
.hrow{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;flex-direction:column;line-height:1}
.logo .bar{width:34px;height:4px;background:var(--o);margin-bottom:6px}
.logo .nm{font-weight:700;font-size:1.3rem;letter-spacing:-.02em}
.logo .nm span{font-weight:400}
.logo .tl{font-size:.62rem;color:var(--m);letter-spacing:.09em;text-transform:uppercase;margin-top:3px}
nav>ul{display:flex;gap:1.35rem;list-style:none;margin:0;align-items:center;flex-wrap:nowrap}
nav ul{display:flex;gap:1.35rem;list-style:none;margin:0;align-items:center}
nav a{font-size:.9rem;font-weight:500}
/* the top bar is one line: no nav item may break across two */
nav>ul>li>a{white-space:nowrap}
nav>ul>li>a.btn{white-space:nowrap;flex:0 0 auto}
.hrow>.hright{flex:0 1 auto;min-width:0}
@media(min-width:981px) and (max-width:1240px){nav>ul{gap:1rem}nav a{font-size:.85rem}}
@media(min-width:981px) and (max-width:1120px){nav>ul{gap:.7rem}nav a{font-size:.81rem}
 .searchbtn .lbl,.searchbtn .kbd{display:none}.searchbtn{padding:.42rem .5rem}
 nav>ul>li>a.btn{padding:.55rem .85rem;font-size:.82rem}.hright{gap:.7rem}}
nav li{margin:0;position:relative}
.drop>ul{display:none;position:absolute;top:100%;left:-16px;background:#fff;border:1px solid var(--line);
 min-width:270px;padding:.55rem 0;box-shadow:0 8px 26px rgba(0,0,0,.09);flex-direction:column;gap:0;border-radius:2px}
.drop:hover>ul,.drop:focus-within>ul{display:flex}
.drop>ul li a{display:block;padding:.5rem 1.1rem;font-size:.86rem;font-weight:400}
.drop>ul li a:hover{background:var(--g);color:var(--o)}
.drop.mega3:hover>ul,.drop.mega3:focus-within>ul{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));min-width:660px}
.drop.mega2:hover>ul,.drop.mega2:focus-within>ul{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));min-width:440px}
.drop.mega3>ul,.drop.mega2>ul{left:auto;right:auto;column-gap:0;row-gap:0}
.drop.mega3>ul{left:-180px}
/* products: three families, sub-products one level in */
.drop>ul>li.sub{position:relative}
.drop>ul>li.sub>a{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.drop>ul>li.sub>a .car{color:var(--m);font-size:1.05rem;line-height:1}
.drop>ul>li.sub:hover>a{background:var(--g);color:var(--o)}
.drop>ul>li.sub:hover>a .car{color:var(--o)}
ul.sub2{display:none;position:absolute;top:-.55rem;left:100%;background:#fff;
 border:1px solid var(--line);min-width:258px;padding:.55rem 0;
 box-shadow:0 8px 26px rgba(0,0,0,.09);border-radius:2px;flex-direction:column;gap:0}
.drop>ul>li.sub:hover>ul.sub2,.drop>ul>li.sub:focus-within>ul.sub2{display:flex}
ul.sub2 li a{display:block;padding:.5rem 1.1rem;font-size:.86rem;font-weight:400}
ul.sub2 li a:hover{background:var(--g);color:var(--o)}
.drop>ul>li.allp{border-top:1px solid var(--line);margin-top:.45rem;padding-top:.45rem}
.drop>ul>li.allp a{color:var(--o) !important;font-weight:600}
.btn{background:var(--o);color:#fff !important;padding:.62rem 1.25rem;font-weight:500;font-size:.88rem;
 display:inline-block;border-radius:2px;border:1px solid var(--o);transition:.15s}
.btn:hover{background:#d97100;border-color:#d97100;color:#fff !important}
.btn-o{background:#fff;color:var(--k) !important;border:1px solid var(--k)}
.btn-o:hover{background:var(--k);color:#fff !important}
.burger{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--k)}

/* hero + sections */
.hero{padding:3.6rem 0 2.8rem;border-bottom:1px solid var(--line)}
.hero .lede{font-size:1.12rem;color:#555;max-width:66ch}
.eyebrow{color:var(--o);font-weight:600;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.7rem}
main{padding:2.4rem 0 3.5rem}
.lead{font-size:1.06rem;color:#444;max-width:70ch}
section{margin-bottom:.5rem}
.muted{color:#666;font-size:.92rem}

/* grid + cards */
.grid{display:grid;gap:1.15rem;margin:1.4rem 0}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);padding:1.3rem;border-radius:2px;transition:.15s;background:#fff}
.card:hover{box-shadow:0 3px 14px rgba(0,0,0,.05)}
.card h3{margin:0 0 .45rem;font-size:1.02rem}
.card p{font-size:.9rem;color:#555;margin-bottom:.6rem}
.card .more{font-size:.83rem;color:var(--o);font-weight:500}
.spec{font-size:.82rem;color:#666;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.7rem}

/* tables */
.tw{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--line);border-radius:2px;
 background:
  linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),
  linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 100% 0,
  linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,0)),
  linear-gradient(to left,rgba(0,0,0,.2),rgba(0,0,0,0)) 100% 0;
 background-repeat:no-repeat;
 background-size:24px 100%,24px 100%,10px 100%,10px 100%;
 background-position:0 0,100% 0,0 0,100% 0;
 background-attachment:local,local,scroll,scroll}
table{border-collapse:collapse;width:100%;font-size:.855rem;min-width:520px}
th{background:var(--k);color:#fff;text-align:left;padding:.65rem .8rem;font-weight:500;font-size:.8rem;
 white-space:nowrap;letter-spacing:.01em}
td{padding:.58rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:#FAFAFA}
caption{caption-side:bottom;text-align:left;font-size:.8rem;color:#666;padding:.6rem .2rem}
.tw-hint{font-size:.82rem;color:#666;font-style:italic;margin:-.4rem 0 .6rem}

/* panels */
.panel{background:var(--g);padding:1.3rem 1.5rem;border-radius:2px;margin:1.4rem 0}
.panel h3{margin-top:0}
.panel .ph{margin:0 0 .55rem;font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--k)}
.note{border-left:3px solid var(--o);background:#FFF8F0;padding:1rem 1.3rem;margin:1.3rem 0;font-size:.92rem}
.note strong{color:var(--k)}
.warn{border-left:3px solid var(--k);background:var(--g);padding:1rem 1.3rem;margin:1.3rem 0;font-size:.92rem}
.formula{background:var(--k);color:#fff;padding:1.1rem 1.4rem;border-radius:2px;margin:1rem 0;
 font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem;overflow-x:auto}
.formula .d{color:var(--o);font-weight:600}

/* stats */
/* corporate video */
.vidwrap{margin:.4rem 0 2.4rem}
.vidwrap .vlab{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.18em;
 text-transform:uppercase;color:var(--m);margin-bottom:.7rem}
.vid{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;
 border:1px solid var(--line);cursor:pointer;display:block}
.vid img{width:100%;height:100%;object-fit:cover;display:block;border:0}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 background:rgba(20,20,20,.28);transition:background .18s}
.vid:hover .play{background:rgba(20,20,20,.14)}
.vid .play span{width:74px;height:74px;border-radius:50%;background:var(--o);
 display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.35)}
.vid .play span::after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;
 border-bottom:13px solid transparent;margin-left:6px}
.vid .cap{position:absolute;left:0;bottom:0;right:0;padding:.9rem 1.1rem;color:#fff;
 background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));font-size:.88rem;font-weight:500}
@media(max-width:600px){.vid .play span{width:56px;height:56px}
 .vid .play span::after{border-left-width:17px;border-top-width:10px;border-bottom-width:10px}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
 border:1px solid var(--line);margin:1.8rem 0}
.stat{background:#fff;padding:1.2rem}
.stat .n{font-size:1.5rem;font-weight:700;color:var(--o);line-height:1.1}
.stat .l{font-size:.78rem;color:#666;margin-top:.25rem}

/* breadcrumb + misc */
.crumb{font-size:.79rem;color:var(--m);padding:.9rem 0 0}
.crumb a{color:#666}
.crumb a:hover{color:var(--o)}
.pill{display:inline-block;background:var(--g);padding:.2rem .6rem;border-radius:2px;font-size:.76rem;
 margin:0 .3rem .35rem 0;color:#555}
.iso{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);padding:.35rem .7rem;
 font-size:.74rem;color:#555;border-radius:2px}
.iso b{color:var(--k);font-weight:600}

/* cta band */
.cta{background:var(--k);color:#fff;padding:2.6rem 0;margin-top:3rem}
.cta h2{color:#fff;margin:0 0 .5rem}
.cta p{color:#CFCFCF;max-width:60ch;margin-bottom:1.2rem}
.cta a.btn-w{background:#fff;color:var(--k) !important;border-color:#fff}
.cta a.btn-w:hover{background:var(--o);border-color:var(--o);color:#fff !important}

/* footer */
footer{border-top:1px solid var(--line);padding:2.6rem 0 1.6rem;font-size:.86rem;background:#fff}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:1.8rem;margin-bottom:2rem}
footer h3.fh{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--k);
 font-weight:700;margin:0 0 .8rem;line-height:1.4}
.legal{border-top:1px solid var(--line);padding-top:1.1rem;margin-top:.4rem;color:#888;font-size:.76rem;
 line-height:1.7;max-width:100%}
.legal a{color:#888;font-size:.76rem;text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--o)}
footer ul{list-style:none;margin:0}
footer li{margin-bottom:.42rem}
footer a{color:#555;font-size:.85rem}
.fbot{border-top:1px solid var(--line);padding-top:1.2rem;display:flex;justify-content:space-between;
 flex-wrap:wrap;gap:.6rem;color:#777;font-size:.79rem}

/* forms */
label{display:block;font-size:.85rem;font-weight:500;margin:.9rem 0 .3rem}
input,select,textarea{width:100%;padding:.62rem .75rem;border:1px solid var(--line);border-radius:2px;
 font-family:inherit;font-size:.9rem;color:var(--k);background:#fff}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--o)}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.req{color:var(--o)}

/* toc */
.toc{border:1px solid var(--line);padding:1.1rem 1.3rem;margin:1.5rem 0;border-radius:2px}
.toc .ph{margin:0 0 .55rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:var(--m);font-weight:600}
.toc ul{list-style:none;margin:0;columns:2;column-gap:2rem}
.toc li{margin-bottom:.3rem;font-size:.86rem}


.phero{margin:0 0 1.6rem;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.phero img{width:100%;height:auto;display:block}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}
.pgrid figure{margin:0;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:#fff}
.pgrid img{width:100%;height:190px;object-fit:cover;display:block}
.pgrid figcaption{font-size:.8rem;color:#666;padding:.6rem .75rem}
@media(max-width:760px){.pgrid{grid-template-columns:1fr 1fr}}
.calc{border:1px solid var(--line);border-radius:2px;margin:1.6rem 0;background:#fff}
.calc-h{background:var(--k);color:#fff;padding:.75rem 1.1rem;font-weight:600;font-size:.95rem;
 display:flex;align-items:center;gap:.6rem}
.calc-h .n{background:var(--o);width:22px;height:22px;border-radius:50%;display:inline-flex;
 align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex:0 0 auto}
.calc-b{padding:1.1rem 1.2rem}
.calc-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:.2rem .9rem}
.calc label{font-size:.78rem;font-weight:500;margin:.55rem 0 .22rem;color:#444}
.calc input,.calc select{padding:.5rem .6rem;font-size:.9rem}
.calc button{margin-top:.9rem;background:var(--o);color:#fff;border:0;padding:.6rem 1.3rem;
 border-radius:2px;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer}
.calc button:hover{background:#d97100}
.calc-out{margin-top:.2rem}
.calc-out.has-result{margin-top:1rem;border-top:1px solid var(--line);padding-top:.9rem}
.cr{display:flex;justify-content:space-between;gap:1rem;padding:.34rem 0;font-size:.88rem;
 border-bottom:1px dotted var(--line)}
.cr span{color:#555}
.cr b{font-weight:600;text-align:right}
.cr-key{background:#FFF8F0;margin:.3rem -.5rem;padding:.55rem .5rem;border-bottom:0;font-size:.98rem}
.cr-key b{color:var(--o);font-size:1.05rem}
.cwarn{border-left:3px solid var(--o);background:#FFF8F0;padding:.7rem .9rem;margin-top:.8rem;font-size:.85rem}
.cok{border-left:3px solid #2E7D32;background:#F3F8F3;padding:.7rem .9rem;margin-top:.8rem;font-size:.85rem}
.cnote{font-size:.82rem;color:#666;margin:.8rem 0 0;line-height:1.55}
.fig{margin:1.6rem 0;border:1px solid var(--line);border-radius:2px;padding:1rem;background:#fff}
.fig img{width:100%;height:auto;display:block}
.fig figcaption{font-size:.82rem;color:#666;margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--line)}
.fignum{color:var(--o);font-weight:600}
@media(max-width:600px){.calc-g{grid-template-columns:1fr 1fr}}

@media(max-width:900px){
 .g4,.g3{grid-template-columns:repeat(2,1fr)}
 .stats{grid-template-columns:repeat(2,1fr)}
 .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:1020px){
 .burger{display:block}
 nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);
  max-height:78vh;overflow-y:auto;box-shadow:0 10px 24px rgba(0,0,0,.09)}
 nav.open{display:block}
 nav ul{flex-direction:column;gap:0;align-items:stretch;padding:.5rem 0}
 nav>ul>li>a{display:block;padding:.75rem 24px;border-bottom:1px solid var(--line);font-weight:500}
 .drop>ul,.drop.mega3:hover>ul,.drop.mega2:hover>ul,.drop.mega3:focus-within>ul,.drop.mega2:focus-within>ul{display:block;position:static;border:0;box-shadow:none;
  min-width:0;padding:0;background:var(--g);grid-template-columns:none;left:auto}
 .drop>ul li a{padding:.6rem 24px .6rem 38px;font-size:.85rem}
 ul.sub2,.drop>ul>li.sub:hover>ul.sub2,.drop>ul>li.sub:focus-within>ul.sub2{display:block;position:static;border:0;box-shadow:none;
  min-width:0;padding:0;background:transparent}
 ul.sub2 li a{padding:.5rem 24px .5rem 54px;font-size:.82rem;color:#5E5E5E}
 ul.sub2 li a::before{content:"— ";color:var(--m)}
 .drop>ul>li.sub>a .car{display:none}
 .drop>ul>li.sub>a{font-weight:600}
}
@media(max-width:760px){
 h1{font-size:1.8rem}h2{font-size:1.35rem}
 .g2,.g3,.g4,.fg2,.fgrid{grid-template-columns:1fr}
 .toc ul{columns:1}
 .hero{padding:2.4rem 0 2rem}
}
@media print{header,footer,.cta,.burger{display:none}body{font-size:11pt}}

/* brand logo — replaces the former text lockup */
.logo img.logoimg{display:block;height:38px;width:auto;flex:0 0 auto;align-self:flex-start}
footer .logo img.logoimg{height:40px}
@media(max-width:520px){.logo img.logoimg{height:32px}}

/* floating WhatsApp button */
.wafab{position:fixed;right:20px;bottom:20px;z-index:120;width:56px;height:56px;border-radius:50%;
 background:#25D366;display:flex;align-items:center;justify-content:center;
 box-shadow:0 4px 16px rgba(0,0,0,.24);transition:transform .15s,box-shadow .15s}
.wafab:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(0,0,0,.30);background:#1FB855}
.wafab:focus-visible{outline:3px solid var(--k);outline-offset:3px}
.wafab svg{width:31px;height:31px;fill:#fff;display:block}
@media(max-width:520px){.wafab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));
 width:50px;height:50px}.wafab svg{width:28px;height:28px}}
/* on a narrow screen the button would sit on the end of the field being typed in */
@media(max-width:820px){
 .wafab.wafab-dim{opacity:0;pointer-events:none;transform:translateY(10px)}
}
@media print{.wafab{display:none}}

/* social links (footer) */
.social{display:flex;gap:.5rem;margin-top:1.15rem}
.social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:6px;color:#555;transition:color .15s,border-color .15s}
.social a:hover{color:var(--o);border-color:var(--o)}
.social svg{width:19px;height:19px}