/* CMPC Industrial — base: tokens, reset, utilitarios e componentes comuns */
:root{--petrol:#133E45;--petrol-deep:#0C2A30;--petrol-mid:#1B4E58;--teal:#4F8FA2;--light:#9BC0C9;--mist:#EBF2F4;--paper:#F7FAFA;--ink:#12262B;--line:rgba(18,38,43,.1);--display:'Rajdhani',sans-serif;--body:'Inter',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
body{font-family:var(--body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
ul{list-style:none}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.wrap{max-width:1360px;margin:0 auto;padding:0 20px}
@media(min-width:640px){.wrap{padding:0 32px}}
@media(min-width:900px){.wrap{padding:0 48px}}
@media(min-width:1280px){.wrap{padding:0 64px}}
.eyebrow{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--teal)}
.eyebrow.on-dark{color:var(--light)}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:var(--petrol-mid)}
.btn-ghost-light{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.arrow-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);transition:.25s}
.arrow-link svg{transition:transform .25s}
.arrow-link:hover{color:var(--petrol)}
.arrow-link:hover svg{transform:translateX(4px)}
.reveal{opacity:0;transform:translateY(14px)}
.reduced .reveal{opacity:1;transform:none}
.ph{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--petrol-mid),var(--petrol) 60%,var(--petrol-deep))}
.ph.lt{background:linear-gradient(140deg,var(--mist),#dcebee 60%,#cfe2e7)}
.ph .tag{position:absolute;left:12px;bottom:9px;font-family:var(--display);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.ph.lt .tag{color:rgba(19,62,69,.3)}
.ph img{width:100%;height:100%;object-fit:cover}
.photo{position:relative;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.hd{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:32px;width:auto}
.hd-cta{min-height:0;padding:10px 18px;font-size:12px}
.access{position:relative}
.access ul{position:absolute;right:0;top:100%;margin-top:6px;width:176px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(12,42,48,.08);padding:8px 0;display:none}
.access.open ul{display:block}
.access ul a{display:block;padding:8px 16px;font-size:13.5px;color:rgba(18,38,43,.8)}
.access ul a:hover{background:var(--mist);color:var(--teal)}
.chev{transition:transform .25s}
.access.open .chev{transform:rotate(180deg)}
.m-nav{position:fixed;top:68px;right:0;bottom:0;width:min(86vw,330px);max-width:none;z-index:55;background:#fff;border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;box-shadow:-8px 0 28px rgba(12,42,48,.14);transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
@media(min-width:1024px){.m-nav{top:72px}}
.m-nav a{display:block;padding:14px 0;border-bottom:1px solid rgba(18,38,43,.05);font-size:15px;font-weight:500;color:rgba(18,38,43,.85)}
.m-nav.open{transform:translateX(0);visibility:visible}
@media(max-width:1180px){nav.main,.access{display:none}header .burger{display:flex}}
@media(max-width:480px){header .hd-cta{display:none}}