:root{
  --ground:#EEF0F2; --surface:#FFFFFF; --ink:#14171B; --steel:#4E5763; --hair:#CBD0D6; --hair-2:#E2E5E9;
  --red:#E62129; --red-deep:#8B0C09; --red-ink:#FFFFFF; --sand:#C79A3A; --ok:#1F7A3D; --warn:#B8860B;
  --band:#14171B; --band-ink:#ECEEF1; --band-steel:#9AA3AE; --band-hair:rgba(255,255,255,.14);
  --dark-ground:#14171B; --dark-ink:#ECEEF1; --dark-steel:#9AA3AE; --dark-hair:#2C323A;
  --shadow:0 18px 40px -24px rgba(20,23,27,.35);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#14171B; --surface:#1C2026; --ink:#ECEEF1; --steel:#9AA3AE; --hair:#2C323A; --hair-2:#242930;
    --red:#F0353C; --red-deep:#B3151B; --shadow:0 18px 40px -24px rgba(0,0,0,.7);
    --band:#0E1114; --band-ink:#ECEEF1; --band-steel:#9AA3AE; --ok:#4CC26B; --warn:#E0B23C;
  }
}
:root[data-theme="dark"]{
  --ground:#14171B; --surface:#1C2026; --ink:#ECEEF1; --steel:#9AA3AE; --hair:#2C323A; --hair-2:#242930;
  --red:#F0353C; --red-deep:#B3151B; --shadow:0 18px 40px -24px rgba(0,0,0,.7);
  --band:#0E1114; --band-ink:#ECEEF1; --band-steel:#9AA3AE; --ok:#4CC26B; --warn:#E0B23C;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *{animation:none!important;transition:none!important} }
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:"Big Shoulders Display","Archivo Narrow","Arial Narrow",Impact,sans-serif;text-wrap:balance;line-height:.95;letter-spacing:.005em}
h2{font-size:clamp(34px,4vw,48px);font-weight:900;text-transform:uppercase}
h3{font-size:clamp(20px,2vw,24px);font-weight:700;text-transform:uppercase;line-height:1}
p{margin:0}
.mono{font-family:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--red);flex:none}
.lede{font-size:clamp(16px,1.3vw,18px);color:var(--steel);max-width:62ch}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;line-height:1;transition:background .15s,color .15s,transform .15s}
.btn:hover{background:var(--ink);color:var(--ground)}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.red:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
.btn.ghost{border-color:rgba(255,255,255,.7);color:#fff}
.btn.ghost:hover{background:#fff;color:#14171B}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.btn svg{width:18px;height:18px}
section{padding-block:clamp(40px,5.5vw,72px)}
.section-head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:clamp(24px,3vw,36px)}
@media(min-width:900px){.section-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px}}
.rule{border:0;border-top:1px solid var(--hair);margin:0}
.rule.thick{border-top-width:4px;border-color:var(--ink)}

/* topbar */
.top{position:sticky;top:0;z-index:50;background:var(--ground);border-bottom:1px solid var(--hair)}
.top .wrap{display:flex;align-items:center;gap:24px;height:62px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:38px;width:auto}
.brand span{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:.02em;line-height:1}
.brand small{display:block;font-family:"IBM Plex Mono",monospace;font-weight:400;font-size:10px;letter-spacing:.18em;color:var(--red);text-transform:uppercase;margin-top:2px}
nav.main{display:none;margin-left:auto;gap:26px}
nav.main a{text-decoration:none;font-size:14px;font-weight:500;color:var(--steel);padding:6px 0;border-bottom:2px solid transparent}
nav.main a:hover{color:var(--ink);border-color:var(--red)}
.top .cta{margin-left:auto}
@media(min-width:1024px){nav.main{display:flex} .top .cta{margin-left:0}}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--hair);background:var(--surface);color:var(--ink);cursor:pointer}
.theme-btn:hover{border-color:var(--ink)}
.lang-btn{width:auto;padding:0 10px;gap:6px;text-decoration:none;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--hair);background:var(--surface);cursor:pointer}
@media(min-width:1024px){.menu-btn{display:none}}
.drawer{display:none;border-top:1px solid var(--hair);background:var(--surface)}
.drawer.open{display:block}
.drawer a{display:block;padding:14px clamp(16px,4vw,40px);text-decoration:none;border-bottom:1px solid var(--hair-2);font-weight:500}

/* hero */
.hero{position:relative;color:#fff;background:#14171B;overflow:hidden;padding:0}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.8}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,23,27,.4) 0%,rgba(20,23,27,.6) 55%,rgba(20,23,27,.93) 100%)}
.hero .wrap{position:relative;z-index:1;padding-block:clamp(56px,7vw,96px) clamp(32px,4vw,48px);display:grid;gap:20px}
.hero .eyebrow{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero h1{font-size:clamp(44px,6.2vw,84px);font-weight:900;text-transform:uppercase;max-width:14ch;line-height:.9}
.hero h1 em{font-style:normal;color:var(--red)}
.hero .lede{color:rgba(255,255,255,.86);max-width:56ch}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px}
.facts{background:var(--band);color:var(--band-ink)}
.facts .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
@media(min-width:760px){.facts .wrap{grid-template-columns:repeat(5,1fr)}}
.fact{padding:14px 16px 14px 0;border-top:1px solid var(--band-hair)}
.fact b{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.fact span{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}

/* finder */
.finder{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow)}
.finder-grid{display:grid;grid-template-columns:1fr}
@media(min-width:960px){.finder-grid{grid-template-columns:400px 1fr}}
.panel{padding:clamp(20px,3vw,36px);border-bottom:1px solid var(--hair);display:grid;gap:20px;align-content:start}
@media(min-width:960px){.panel{border-bottom:0;border-right:1px solid var(--hair)}}
.field{display:grid;gap:8px}
.field label{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.field select,.field input,.field textarea{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--ground);border:1px solid var(--hair);border-radius:0}
.field input[type=range]{padding:0;background:transparent;border:0;accent-color:var(--red)}
.readout{display:flex;align-items:baseline;gap:8px;font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
.readout input[type=number]{width:5.5ch;border:0;border-bottom:2px solid var(--hair);background:transparent;color:var(--ink);font:inherit;font-size:44px;font-weight:900;line-height:1;padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.readout input[type=number]::-webkit-inner-spin-button,.readout input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.readout input[type=number]:focus{border-color:var(--red);outline:0}
.presets{display:flex;flex-wrap:wrap;gap:6px}
.preset{font-family:"IBM Plex Mono",monospace;font-size:12px;padding:5px 9px;border:1px solid var(--hair);background:var(--surface);color:var(--steel);cursor:pointer}
.preset:hover,.preset[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.line{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--hair);background:var(--surface)}
.line .t{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.line .chain{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.line .chain span{font-size:13px;color:var(--steel)}
.line .chain a{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:15px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--red)}
.line .kw{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--steel)}
.opbar{grid-column:1/-1;display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--steel);margin-top:-4px}
.opbar .track{height:4px;background:var(--hair-2);position:relative}
.opbar .track i{position:absolute;left:0;top:0;bottom:0;background:var(--ok)}
.row .fit.warn{border-color:var(--warn);color:var(--warn)}
.opbar .track i.ok{background:var(--ok)}.opbar .track i.warn{background:var(--warn)}.opbar .track i.near{background:var(--hair)}
.readout small{font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.1em;color:var(--steel);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--hair);background:var(--ground);padding:8px 12px;font-size:14px;cursor:pointer;font-family:inherit;color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.results{padding:clamp(20px,3vw,36px);display:grid;gap:22px;align-content:start}
.results .target{display:grid;gap:6px;padding:16px 18px;background:var(--ground);border-left:4px solid var(--red)}
.results .target b{font-family:"Big Shoulders Display",sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:1}
.rec{display:grid;gap:10px}
.rec h4{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:500}
.rows{display:grid;gap:0;border-top:1px solid var(--hair)}
.row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair-2);font-size:14px}
.row .m{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:15px}
.row .fit{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--hair)}
.row .fit.ok{border-color:var(--ok);color:var(--ok)}
.row .fit.near{color:var(--steel)}
.row span.mono{color:var(--steel)}
@media(max-width:560px){.row{grid-template-columns:1fr 1fr;row-gap:4px}.row .fit{justify-self:start}}
.note{font-size:13px;color:var(--steel);max-width:70ch}
.results .actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}

/* formats */
.formats{display:grid;gap:1px;background:var(--hair)}
@media(min-width:800px){.formats{grid-template-columns:repeat(3,1fr)}}
.format{background:var(--surface);display:grid;grid-template-rows:auto 1fr;}
.format .ph{aspect-ratio:4/3;overflow:hidden;background:#fff}
.format .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.format:hover .ph img{transform:scale(1.03)}
.format .body{padding:24px;display:grid;gap:14px;align-content:start}
.format .body p{color:var(--steel);font-size:15px}
.format dl{margin:0;display:grid;gap:6px;font-size:14px}
.format dl div{display:flex;gap:10px;justify-content:space-between;border-top:1px solid var(--hair-2);padding-top:6px}
.format dt{color:var(--steel)}
.format dd{margin:0;font-family:"IBM Plex Mono",monospace;font-weight:500;text-align:right}

/* families */
.family{display:grid;gap:16px;padding-block:22px;border-top:1px solid var(--hair)}
@media(min-width:900px){.family{grid-template-columns:260px 1fr 320px;gap:40px;align-items:center}}
.family .idx{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.14em;color:var(--steel);text-transform:uppercase;margin-bottom:8px}
.family p{color:var(--steel);font-size:15px;max-width:60ch}
.models{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.models span{font-family:"IBM Plex Mono",monospace;font-size:12px;padding:5px 8px;border:1px solid var(--hair);background:var(--surface)}
.family .pic{background:#fff;border:1px solid var(--hair);aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}
.family .pic img{width:100%;height:100%;object-fit:contain;padding:10px}
.family:last-child{border-bottom:1px solid var(--hair)}

/* applications */
.apps{display:grid;gap:16px}
@media(min-width:720px){.apps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.apps{grid-template-columns:repeat(4,1fr)}}
.app{position:relative;aspect-ratio:3/4;overflow:hidden;background:#14171B;color:#fff;display:grid;align-content:end;padding:22px;text-decoration:none}
.app img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .6s,opacity .3s}
.app::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,23,27,0) 30%,rgba(20,23,27,.9) 100%)}
.app:hover img{transform:scale(1.04);opacity:.9}
.app>*{position:relative;z-index:1}
.app h3{color:#fff}
.app p{font-size:14px;color:rgba(255,255,255,.82);margin-top:8px}
.app .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:10px}

/* cases */
.cases{display:grid;gap:24px}
@media(min-width:900px){.cases{grid-template-columns:repeat(3,1fr)}}
.case{display:grid;gap:14px;text-decoration:none}
.case .ph{aspect-ratio:4/3;overflow:hidden}
.case .ph img{width:100%;height:100%;object-fit:cover}
.case .meta{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline}
.case .meta .mono{font-size:12px;color:var(--steel);letter-spacing:.06em}
.case .meta b{font-family:"Big Shoulders Display",sans-serif;font-size:28px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.case h3{font-size:22px}
.case p{font-size:14px;color:var(--steel)}
.case-note{margin-top:28px;padding:18px 20px;border:1px dashed var(--hair);color:var(--steel);font-size:14px;max-width:70ch}

/* epc */
.epc{background:var(--band);color:var(--band-ink)}
.epc .eyebrow,.epc .lede{color:var(--band-steel)}
.epc h2{color:var(--band-ink)}
.steps{display:grid;gap:0;border-top:1px solid var(--band-hair)}
@media(min-width:860px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{padding:20px 24px 20px 0;border-bottom:1px solid var(--band-hair);display:grid;gap:12px;align-content:start}
@media(min-width:860px){.step{border-bottom:0;border-right:1px solid var(--band-hair);padding-right:24px}.step:last-child{border-right:0}.steps{margin-inline:0}.step:not(:first-child){padding-left:24px}}
.step .n{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:44px;line-height:1;color:var(--red)}
.step h3{color:var(--band-ink)}
.step p{color:var(--band-steel);font-size:15px}
.step ul{margin:0;padding-left:18px;color:var(--band-ink);font-size:14px;display:grid;gap:4px}

/* factory */
.factory{display:grid;gap:32px}
@media(min-width:960px){.factory{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px}}
.factory .ph{aspect-ratio:3/2;overflow:hidden}
.factory .ph img{width:100%;height:100%;object-fit:cover}
.bases{display:grid;gap:0;border-top:1px solid var(--hair);margin-top:20px}
.base{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair-2);font-size:15px}
.base .mono{color:var(--steel);font-size:13px}
.timeline{display:grid;gap:8px;margin-top:24px;font-size:14px}
.timeline div{display:grid;grid-template-columns:52px 1fr;gap:12px}
.timeline .y{font-family:"IBM Plex Mono",monospace;font-weight:500;color:var(--red)}

/* service */
.service{display:grid;gap:24px}
@media(min-width:960px){.service{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.service .ph{aspect-ratio:4/3;overflow:hidden}
.service .ph img{width:100%;height:100%;object-fit:cover}
.checks{display:grid;gap:0;border-top:1px solid var(--hair)}
.checks>div{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--hair-2);font-size:15px}
.checks>div::before{content:"";width:14px;height:14px;background:var(--red);margin-top:6px}
.checks b{display:block;font-weight:600}
.checks span{color:var(--steel);font-size:14px}
.pdfs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pdfs a{font-family:"IBM Plex Mono",monospace;font-size:12px;padding:6px 10px;border:1px solid var(--hair);text-decoration:none;background:var(--surface)}
.pdfs a:hover{border-color:var(--ink)}

/* news */
.news{display:grid;gap:0;border-top:1px solid var(--hair)}
.news a{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-bottom:1px solid var(--hair);text-decoration:none}
@media(min-width:760px){.news a{grid-template-columns:150px 1fr auto;gap:24px;align-items:baseline}}
.news .mono{font-size:12px;color:var(--steel);letter-spacing:.06em}
.news h3{font-size:22px;text-transform:none;font-family:"Archivo",sans-serif;font-weight:600;line-height:1.3}
.news .arrow{font-family:"IBM Plex Mono",monospace;color:var(--red);font-size:13px}

/* contact */
.contact{display:grid;gap:32px}
@media(min-width:960px){.contact{grid-template-columns:1fr 1fr;gap:56px}}
form.lead{display:grid;gap:14px;background:var(--surface);border:1px solid var(--hair);padding:clamp(20px,3vw,32px)}
form.lead .two{display:grid;gap:14px}
@media(min-width:560px){form.lead .two{grid-template-columns:1fr 1fr}}
.channels{display:grid;gap:0;border-top:1px solid var(--hair)}
.channels div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--hair-2)}
.channels .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.channels b{font-size:20px;font-weight:600}
.channels a{text-decoration:none}
.channels small{color:var(--steel)}

footer{background:var(--band);color:var(--band-steel);padding-block:48px 110px;font-size:14px}
@media(min-width:1024px){footer{padding-bottom:48px}}
footer .wrap{display:grid;gap:28px}
@media(min-width:900px){footer .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer h4{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--band-ink);margin-bottom:12px;font-weight:500}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--band-ink)}
footer .legal{grid-column:1/-1;border-top:1px solid var(--band-hair);padding-top:18px;font-size:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer .brand span{color:var(--band-ink)}

.sticky-wa{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair)}
.sticky-wa a{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-weight:600;text-decoration:none;font-size:15px;background:var(--surface);color:var(--ink)}
.sticky-wa a.wa{background:#1FA855;color:#fff}
@media(min-width:1024px){.sticky-wa{display:none}}
.wa-fab{display:none}
@media(min-width:1024px){.wa-fab{display:flex;position:fixed;right:28px;bottom:28px;z-index:60;width:60px;height:60px;border-radius:50%;background:#1FA855;color:#fff;align-items:center;justify-content:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}.wa-fab svg{width:30px;height:30px}}

/* ===== páginas internas ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;color:var(--steel);padding-block:12px}
.crumbs a{text-decoration:none;color:var(--steel)}.crumbs a:hover{color:var(--ink)}
.crumbs span::before{content:"/";margin-right:8px;color:var(--hair)}
.pagehead{padding-block:4px clamp(24px,3vw,36px);display:grid;gap:12px;border-bottom:1px solid var(--hair);margin-bottom:clamp(24px,3vw,36px)}
.pagehead h1{font-family:"Big Shoulders Display",sans-serif;font-size:clamp(38px,4.8vw,64px);font-weight:900;text-transform:uppercase;line-height:.92;max-width:16ch}
.pagehead .lede{max-width:66ch}
.pagehead .kv{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px}
.pagehead .kv span{color:var(--steel)}.pagehead .kv b{font-family:"IBM Plex Mono",monospace;font-weight:500}
section.inner{padding-block:clamp(32px,4.5vw,56px)}
section.inner.tight{padding-top:0}
.hero-band{position:relative;background:#14171B;color:#fff;overflow:hidden}
.hero-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,23,27,.5) 0%,rgba(20,23,27,.62) 45%,rgba(20,23,27,.94) 100%)}
.hero-band .wrap{position:relative;z-index:1;padding-block:clamp(40px,5vw,64px) clamp(28px,3vw,40px);display:grid;gap:14px}
.hero-band h1{font-family:"Big Shoulders Display",sans-serif;font-size:clamp(40px,5.2vw,68px);font-weight:900;text-transform:uppercase;line-height:.9;max-width:14ch}
.hero-band .lede{color:rgba(255,255,255,.86)}
.hero-band .eyebrow{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero-band h1,.hero-band .lede{text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero-band .crumbs{color:rgba(255,255,255,.92);text-shadow:0 1px 3px rgba(0,0,0,.6)}.hero-band .crumbs a{color:rgba(255,255,255,.92)}.hero-band .crumbs span::before{color:rgba(255,255,255,.6)}

/* grade de produtos */
.filters{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:end;padding:18px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-bottom:28px}
.filters .field{min-width:160px}
.filters .count{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--steel)}
.pgrid{display:grid;gap:1px;background:var(--hair)}
@media(min-width:620px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)}}
.pcard{background:var(--surface);display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit}
.pcard[hidden]{display:none}
.pcard .ph{background:#fff;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--hair-2)}
.pcard .ph img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .4s}
.pcard:hover .ph img{transform:scale(1.04)}
.pcard .body{padding:18px 20px 20px;display:grid;gap:8px;align-content:start}
.pcard .fam{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.pcard h3{font-size:22px}
.pcard .specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;margin-top:6px}
.pcard .specs span{color:var(--steel)}.pcard .specs b{font-family:"IBM Plex Mono",monospace;font-weight:500;display:block}
.pcard .pend{font-size:12px;color:var(--red);font-family:"IBM Plex Mono",monospace}

/* página de modelo */
.model-top{display:grid;gap:28px}
@media(min-width:960px){.model-top{grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}}
.model-top .ph{background:#fff;border:1px solid var(--hair);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.model-top .ph img{width:100%;height:100%;object-fit:contain;padding:24px}
.model-top .info{display:grid;gap:18px}
.model-top .info h1{font-family:"Big Shoulders Display",sans-serif;font-size:clamp(34px,3.6vw,48px);font-weight:900;text-transform:uppercase;line-height:.92}
.ficha{display:grid;gap:0;border-top:1px solid var(--ink)}
.ficha div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair-2);font-size:15px}
.ficha dt{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-top:3px}
.ficha dd{margin:0}
.feats{display:grid;gap:8px;padding:0;margin:0;list-style:none}
@media(min-width:560px){.feats{grid-template-columns:1fr 1fr}}
.feats li{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:14px}
.feats li::before{content:"";width:8px;height:8px;background:var(--red);margin-top:7px}
.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--ink);margin-top:clamp(24px,3vw,40px)}
.tabs a{padding:12px 18px;text-decoration:none;font-weight:600;font-size:14px;color:var(--steel);border:1px solid transparent;border-bottom:0}
.tabs a:hover{color:var(--ink)}
.spec-block{padding-block:28px 8px}
.spec-block h2{font-size:clamp(24px,2.6vw,32px)}
.spec-block .cap{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--steel);margin-top:8px}
.tblwrap{overflow-x:auto;border:1px solid var(--hair);background:var(--surface);margin-top:16px}
table.spec{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
table.spec th,table.spec td{padding:9px 12px;border-bottom:1px solid var(--hair-2);text-align:left;white-space:nowrap}
table.spec th{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-weight:500;background:var(--ground);border-bottom:1px solid var(--hair)}
table.spec td:first-child,table.spec th:first-child{font-family:"IBM Plex Mono",monospace;font-weight:500;position:sticky;left:0;background:var(--surface)}
table.spec th:first-child{background:var(--ground)}
.pend-box{border:1px dashed var(--hair);padding:18px 20px;color:var(--steel);font-size:14px;max-width:70ch}
.maint{display:grid;gap:1px;background:var(--hair)}
@media(min-width:800px){.maint{grid-template-columns:repeat(3,1fr)}}
.maint div{background:var(--surface);padding:20px;display:grid;gap:8px;align-content:start;font-size:14px}
.maint b{font-weight:600}.maint span{color:var(--steel)}
.parts{display:grid;gap:0;border-top:1px solid var(--hair)}
.parts div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair-2);font-size:14px;align-items:center}
.parts .mono{color:var(--steel);font-size:12px}
.related{display:grid;gap:1px;background:var(--hair)}
@media(min-width:800px){.related{grid-template-columns:repeat(3,1fr)}}

/* família e aplicação */
.choose{display:grid;gap:0;border-top:1px solid var(--ink)}
.choose div{display:grid;gap:6px;padding:16px 0;border-bottom:1px solid var(--hair-2)}
@media(min-width:800px){.choose div{grid-template-columns:1fr 1fr 1.6fr;gap:24px}}
.choose b{font-weight:600}.choose .s{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--red)}.choose span{color:var(--steel);font-size:14px}
.flow{display:grid;gap:1px;background:var(--hair);counter-reset:f}
@media(min-width:900px){.flow{grid-template-columns:repeat(var(--n,5),1fr)}}
.flow div{background:var(--surface);padding:18px;display:grid;gap:8px;align-content:start;position:relative}
.flow div::before{counter-increment:f;content:counter(f);font-family:"Big Shoulders Display",sans-serif;font-size:32px;font-weight:900;color:var(--red);line-height:1}
.flow b{font-weight:600}.flow span{font-size:13px;color:var(--steel)}.flow a{font-family:"IBM Plex Mono",monospace;font-size:12px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--red)}
.crit{display:grid;gap:1px;background:var(--hair)}
@media(min-width:800px){.crit{grid-template-columns:repeat(2,1fr)}}
.crit div{background:var(--surface);padding:18px 20px;display:grid;gap:6px}
.crit b{font-weight:600}.crit span{color:var(--steel);font-size:14px}
.twocol{display:grid;gap:28px}
@media(min-width:900px){.twocol{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.twocol .ph{aspect-ratio:4/3;overflow:hidden}.twocol .ph img{width:100%;height:100%;object-fit:cover}
.prose{max-width:68ch;display:grid;gap:14px;font-size:16px}
.prose h3{margin-top:10px}
.prose ul{margin:0;padding-left:20px;display:grid;gap:6px}
.dl{display:grid;gap:0;border-top:1px solid var(--ink);margin:0}
.dl div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair-2);font-size:15px}
.dl dt{color:var(--steel)}.dl dd{margin:0;font-family:"IBM Plex Mono",monospace;font-weight:500}
.gallery{display:grid;gap:12px}
@media(min-width:700px){.gallery{grid-template-columns:2fr 1fr 1fr}.gallery img:first-child{grid-row:span 2}}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.eqlist{display:grid;gap:0;border-top:1px solid var(--hair)}
.eqlist a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair-2);text-decoration:none;font-size:15px}
.eqlist a .mono{color:var(--steel);font-size:13px}
.eqlist a:hover{color:var(--red)}
.cta-band{background:var(--band);color:var(--band-ink);padding:clamp(32px,5vw,56px) 0}
.cta-band .wrap{display:grid;gap:18px}
@media(min-width:900px){.cta-band .wrap{grid-template-columns:1fr auto;align-items:center}}
.cta-band h2{color:var(--band-ink);font-size:clamp(28px,3vw,40px)}
.cta-band p{color:var(--band-steel)}
.cta-band .actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-band .btn{border-color:rgba(255,255,255,.6);color:var(--band-ink)}
.cta-band .btn:hover{background:var(--band-ink);color:var(--band)}
.wa-link{color:var(--ink)}
.hubgrid{display:grid;gap:1px;background:var(--hair)}
@media(min-width:760px){.hubgrid{grid-template-columns:repeat(2,1fr)}}
.hubgrid a{background:var(--surface);display:grid;grid-template-columns:1fr;text-decoration:none;color:inherit}
@media(min-width:560px){.hubgrid a{grid-template-columns:200px 1fr}}
.hubgrid .ph{aspect-ratio:4/3;overflow:hidden;background:#fff}.hubgrid .ph img{width:100%;height:100%;object-fit:cover}
.hubgrid .body{padding:20px;display:grid;gap:8px;align-content:start}
.hubgrid .body p{color:var(--steel);font-size:14px}
.hubgrid .body .mono{font-size:12px;color:var(--red)}
.form-note{font-size:13px;color:var(--steel)}
.legal{max-width:68ch;display:grid;gap:14px}
.legal h3{margin-top:14px}