/* --- improved navigation: dropdown + breadcrumb --- */
nav.links{position:relative;}
.nav-item{position:relative;}
.nav-item > a{cursor:pointer;display:flex;align-items:center;gap:5px;}
.nav-item > a::after{content:'▾';font-size:9px;color:var(--ink-faint);transition:transform .2s;}
.nav-dropdown{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);
  background:var(--paper);border:1px solid var(--line);min-width:240px;
  padding:10px;opacity:0;visibility:hidden;transition:opacity .18s, transform .18s;
  box-shadow:0 14px 28px rgba(0,0,0,0.14);
}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.nav-open .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px);}
.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-dim);border-radius:2px;}
.nav-dropdown a:hover{background:var(--paper-raised);color:var(--stamp);}
.nav-dropdown a b{color:var(--stamp);font-weight:500;width:16px;}

.mobile-menu-btn{display:none;font-family:var(--mono);font-size:11px;text-transform:uppercase;border:1.5px solid var(--ink);padding:9px 14px;background:transparent;color:var(--ink);cursor:pointer;}
@media (max-width:880px){ .mobile-menu-btn{display:inline-block;} }
@media (max-width:480px){ .nav-cta{display:none;} }

.breadcrumb-trail{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;}
.breadcrumb-trail a{color:var(--ink-dim);}
.breadcrumb-trail a:hover{color:var(--stamp);}

.quicknav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;}
.quicknav a{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line-strong,var(--line));padding:9px 14px;border-radius:30px;transition:all .2s;}
.quicknav a:hover{border-color:var(--stamp);color:var(--stamp);}

:root{
  --paper:#FFFFFF; --paper-raised:#F6F5F2; --paper-deep:#ECEAE4;
  --ink:#24261F; --ink-dim:#6B6656; --ink-faint:#9B9480;
  --stamp:#A71920; --panel:#24261F; --panel-ink:#EAE3D2;
  --line:rgba(36,38,31,0.22);
  --display:'Big Shoulders Display', sans-serif;
  --mono:'IBM Plex Mono', monospace;
  --body:'IBM Plex Sans', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px;}
.reveal{animation:revealIn .6s cubic-bezier(.16,.8,.24,1) both;}
@keyframes revealIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-dim);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;}
.reg{position:relative;width:14px;height:14px;flex-shrink:0;}
.reg::before,.reg::after{content:'';position:absolute;background:var(--ink-faint);}
.reg::before{left:6px;top:0;width:2px;height:14px;}
.reg::after{top:6px;left:0;height:2px;width:14px;}

header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);padding:0 32px;}
.header-inner{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 0;max-width:1280px;margin:0 auto;}
.stampmark{width:46px;height:46px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.02em;transform:rotate(-8deg);text-align:center;line-height:1.1;}
.brand{display:flex;align-items:center;gap:14px;}
.brand-name{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.01em;text-transform:uppercase;}
.brand-sub{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.06em;}

.lang-switch{display:flex;align-items:center;gap:6px;padding-right:8px;margin-right:2px;border-right:1px solid var(--line);}
.lang-flag{display:block;width:clamp(22px,1.5vw,30px);height:clamp(16px,1.1vw,22px);border-radius:2px;overflow:hidden;opacity:.4;transition:opacity .15s,transform .15s;border:1px solid transparent;}
.lang-flag:hover{opacity:.8;transform:translateY(-1px);}
.lang-flag.active{opacity:1;border-color:var(--ink);}
.lang-flag img{width:100%;height:100%;display:block;object-fit:cover;}
@media (max-width:880px){ .lang-switch{border-right:none;padding-right:0;order:-1;margin-right:auto;} }
.brand-logo-wrap{display:flex;align-items:center;gap:12px;}
.brand-logo{height:42px;width:auto;display:block;}
.final-logo{height:60px;width:auto;margin:0 auto 30px;display:block;}
nav.links{display:flex;gap:32px;}
nav.links a{font-family:var(--mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-dim);transition:color .2s;}
nav.links a:hover{color:var(--stamp);}
.nav-cta{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:10px 18px;border:1.5px solid var(--ink);color:var(--ink);transition:all .2s;}
.nav-cta:hover{background:var(--ink);color:var(--paper);}
@media (max-width:880px){ nav.links{display:none;} }

body.mobile-nav-open nav.links{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  position:fixed;
  top:81px; left:0; right:0; bottom:0;
  background:var(--paper);
  z-index:300;
  padding:12px 24px 32px;
  overflow-y:auto;
}
body.mobile-nav-open .nav-item{ position:static; }
body.mobile-nav-open .nav-item > a{
  display:block; padding:16px 0; font-size:16px;
  border-bottom:1px solid var(--line);
}
body.mobile-nav-open .nav-dropdown{
  position:static; opacity:1; visibility:visible; transform:none;
  box-shadow:none; background:var(--paper-raised); border:none;
  padding:8px 16px; margin:0 0 4px; display:flex; flex-direction:column; gap:0;
  min-width:0;
}
body.mobile-nav-open .nav-dropdown a{ padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; }
body.mobile-nav-open .nav-cta{ display:block; margin-top:20px; text-align:center; }
body.mobile-nav-open{ overflow:hidden; }
.mobile-menu-btn.is-open{ background:var(--ink); color:var(--paper); }

.page-hero{padding:150px 32px 90px;border-bottom:1px solid var(--line);}
.page-hero-inner{max-width:1280px;margin:0 auto;}
.breadcrumb{margin-bottom:22px;}
h1.page-title{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(34px,5.4vw,68px);line-height:.98;letter-spacing:-.01em;max-width:900px;}
h1.page-title .accent{color:var(--stamp);}
.page-sub{margin-top:24px;font-size:17px;color:var(--ink-dim);max-width:560px;line-height:1.6;}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
@media (max-width:880px){ .hero-split{grid-template-columns:1fr;} }

.photo-frame{background:#0d0d0b;border-radius:2px;overflow:hidden;position:relative;box-shadow:12px 12px 0 var(--stamp);}
.photo-frame img{width:100%;display:block;}
.photo-label{position:absolute;bottom:0;left:0;right:0;background:rgba(13,13,11,0.88);color:var(--paper);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;}
.photo-label b{color:var(--stamp);}

.photo-placeholder{
  border:1.5px dashed var(--ink-faint);border-radius:2px;
  aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:var(--paper-raised);color:var(--ink-faint);text-align:center;padding:24px;
}
.photo-placeholder .ph-icon{font-size:26px;}
.photo-placeholder .ph-label{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;}

section.block{padding:100px 0;border-bottom:1px solid var(--line);}
section.block:last-of-type{border-bottom:none;}
.block-head{margin-bottom:48px;}
.block-head h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.8vw,46px);margin-top:14px;line-height:1.02;}
.block-desc{font-size:16px;color:var(--ink-dim);max-width:560px;margin-top:16px;line-height:1.6;}

.copy-block{font-size:17px;color:var(--ink-dim);max-width:680px;line-height:1.7;margin-top:20px;}
.copy-block strong{color:var(--ink);font-weight:600;}
.copy-block a{color:var(--stamp);border-bottom:1px solid var(--stamp);}

.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px;}
.mvv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px;}
.mvv-grid .solution-item{background:var(--paper);}
@media (max-width:700px){ .mvv-grid{grid-template-columns:1fr;} }
.solution-item{background:var(--paper);padding:30px 28px;}
.solution-item .si-num{font-family:var(--mono);font-size:11px;color:var(--stamp);letter-spacing:.05em;}
.solution-item h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;margin-top:10px;margin-bottom:10px;}
.solution-item p{font-size:14.5px;color:var(--ink-dim);line-height:1.6;}
@media (max-width:700px){ .solution-list{grid-template-columns:1fr;} }

table.spec-table{width:100%;border-collapse:collapse;margin-top:36px;font-size:14.5px;}
table.spec-table th{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);text-align:left;padding:14px 16px;border-bottom:1.5px solid var(--ink);}
table.spec-table td{padding:16px;border-bottom:1px solid var(--line);color:var(--ink-dim);}
table.spec-table tr:hover td{background:var(--paper-raised);color:var(--ink);}
table.spec-table td:first-child, table.spec-table th:first-child{font-family:var(--display);font-weight:700;text-transform:uppercase;color:var(--ink);letter-spacing:.01em;}

.direct-answer{background:var(--panel);color:var(--panel-ink);padding:32px 34px;border-left:4px solid var(--stamp);margin-top:32px;max-width:760px;}
.direct-answer p{font-size:16.5px;line-height:1.6;}
.direct-answer b{color:var(--stamp);}

.numbered-list{margin-top:36px;max-width:760px;}
.numbered-item{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--line);}
.numbered-item:last-child{border-bottom:1px solid var(--line);}
.numbered-item .ni-num{font-family:var(--mono);font-size:13px;color:var(--stamp);flex-shrink:0;padding-top:2px;}
.numbered-item .ni-body b{font-family:var(--body);font-weight:600;color:var(--ink);}
.numbered-item .ni-body{font-size:15px;color:var(--ink-dim);line-height:1.6;}

.faq-item{padding:28px 0;border-top:1px solid var(--line);}
.faq-item:last-child{border-bottom:1px solid var(--line);}
.faq-q{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:19px;margin-bottom:10px;}
.faq-a{font-size:15px;color:var(--ink-dim);line-height:1.65;max-width:680px;}
.faq-a a{color:var(--stamp);border-bottom:1px solid var(--stamp);}

.chip-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;}
.chip{font-family:var(--mono);font-size:13px;letter-spacing:.02em;text-transform:uppercase;padding:14px 22px;border:1.5px solid var(--ink);border-radius:40px;display:flex;align-items:center;gap:10px;transition:all .22s;}
.chip:hover{background:var(--ink);color:var(--paper);}
.chip b{color:var(--stamp);}
.chip:hover b{color:var(--paper);}

.readout-panel{background:var(--panel);color:var(--panel-ink);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--panel);margin-top:24px;}
.readout-cell{padding:36px 28px;border-left:1px solid rgba(234,227,210,0.15);}
.readout-cell:first-child{border-left:none;}
.readout-num{font-family:var(--mono);font-weight:600;font-size:clamp(28px,3.2vw,40px);color:var(--stamp);}
.readout-label{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px;}
@media (max-width:800px){ .readout-panel{grid-template-columns:1fr 1fr;} }

.note-flag{font-family:var(--mono);font-size:11.5px;color:var(--stamp);border:1px dashed var(--stamp);padding:12px 16px;margin-top:24px;max-width:600px;}

.final{padding:130px 0;text-align:center;border-bottom:1px solid var(--line);}
.final .stampmark{margin:0 auto 30px;width:64px;height:64px;font-size:16px;}
.final h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(32px,5.6vw,68px);line-height:.98;max-width:780px;margin:0 auto 32px;}
.final h2 span{color:var(--stamp);}
.final p{color:var(--ink-dim);font-size:16px;max-width:440px;margin:0 auto 36px;}
.btn{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:15px 24px;display:inline-flex;align-items:center;gap:10px;transition:all .22s;border:1.5px solid var(--ink);}
.btn-fill{background:var(--ink);color:var(--paper);}
.btn-fill:hover{background:var(--stamp);border-color:var(--stamp);}
.btn-line{background:transparent;color:var(--ink);}
.btn-line:hover{border-color:var(--stamp);color:var(--stamp);}
.btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

footer{background:var(--panel);color:var(--panel-ink);padding:64px 0 32px;}

.clients-band{background:var(--panel);padding:52px 0;}
.clients-tag{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(234,227,210,.55);text-align:center;margin-bottom:32px;}
.clients-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:56px;}
.client-logo{height:64px;width:auto;max-width:300px;object-fit:contain;opacity:.85;filter:grayscale(1) brightness(1.1);transition:opacity .2s;}
.client-logo:hover{opacity:1;}
@media (max-width:640px){ .clients-grid{gap:32px;} .client-logo{height:52px;} }
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(234,227,210,0.15);}
@media (max-width:780px){ .footer-top{grid-template-columns:1fr 1fr;gap:32px 24px;} }
@media (max-width:480px){ .footer-top{grid-template-columns:1fr;gap:28px;} }
.footer-brand p{color:#9B9480;font-size:13.5px;max-width:260px;margin-top:14px;}
.footer-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#9B9480;margin-bottom:16px;}
.footer-col a{display:block;font-size:14px;color:#D8D2BF;margin-bottom:10px;}
.footer-col a:hover{color:var(--stamp);}
.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;font-family:var(--mono);font-size:11px;color:#7A755F;flex-wrap:wrap;gap:10px;text-transform:uppercase;letter-spacing:.03em;}

/* --- improved navigation: dropdown + breadcrumb --- */
nav.links{position:relative;}
.nav-item{position:relative;}
.nav-item > a{cursor:pointer;display:flex;align-items:center;gap:5px;}
.nav-item > a::after{content:'▾';font-size:9px;color:var(--ink-faint);transition:transform .2s;}
.nav-dropdown{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);
  background:var(--paper);border:1px solid var(--line);min-width:240px;
  padding:10px;opacity:0;visibility:hidden;transition:opacity .18s, transform .18s;
  box-shadow:0 14px 28px rgba(0,0,0,0.14);
}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.nav-open .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px);}
.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-dim);border-radius:2px;}
.nav-dropdown a:hover{background:var(--paper-raised);color:var(--stamp);}
.nav-dropdown a b{color:var(--stamp);font-weight:500;width:16px;}

.mobile-menu-btn{display:none;font-family:var(--mono);font-size:11px;text-transform:uppercase;border:1.5px solid var(--ink);padding:9px 14px;background:transparent;color:var(--ink);cursor:pointer;}
@media (max-width:880px){ .mobile-menu-btn{display:inline-block;} }
@media (max-width:480px){ .nav-cta{display:none;} }

.breadcrumb-trail{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;}
.breadcrumb-trail a{color:var(--ink-dim);}
.breadcrumb-trail a:hover{color:var(--stamp);}

.quicknav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;}
.quicknav a{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line-strong,var(--line));padding:9px 14px;border-radius:30px;transition:all .2s;}
.quicknav a:hover{border-color:var(--stamp);color:var(--stamp);}

.product-hero{padding:150px 32px 0;}
.product-hero-inner{max-width:1280px;margin:0 auto;}
.breadcrumb-trail{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;}
.breadcrumb-trail a{color:var(--ink-dim);}
.breadcrumb-trail a:hover{color:var(--stamp);}
.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start;}
@media (max-width:640px){ .product-grid{grid-template-columns:1fr;} .product-gallery{position:static !important;top:auto;} }

.product-gallery{position:sticky;top:110px;}
.product-img-wrap{background:#FFFFFF;border:none;display:flex;align-items:center;justify-content:center;padding:0;aspect-ratio:4/3;overflow:hidden;}
.video-embed{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden;}
.video-embed img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s;}
.video-embed:hover img{opacity:.8;}
.video-embed .play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;background:var(--stamp);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;
  transition:transform .2s;box-shadow:0 6px 20px rgba(0,0,0,.35);
}
.video-embed:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);}
.product-img-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;min-width:0;min-height:0;flex-shrink:1;}
.product-code-tag{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;}

.product-eyebrow{margin-bottom:16px;}
h1.product-name{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(46px,6vw,84px);line-height:.92;letter-spacing:-.01em;}
.product-desc{margin-top:20px;font-size:17px;color:var(--ink-dim);line-height:1.6;max-width:480px;}

.pcta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}

.pgrid-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:36px;}
.pgrid-2-cell{background:var(--paper);padding:24px 22px;}
.pgrid-2-cell h4{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;}
.pgrid-2-cell ul{list-style:none;}
.pgrid-2-cell li{font-size:14px;color:var(--ink-dim);padding:7px 0;padding-left:16px;position:relative;line-height:1.5;}
.pgrid-2-cell li::before{content:'—';position:absolute;left:0;color:var(--stamp);}
@media (max-width:520px){ .pgrid-2{grid-template-columns:1fr;} }

.insumos-box{margin-top:1px;background:var(--panel);color:var(--panel-ink);padding:24px 22px;}
.insumos-box h4{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9480;margin-bottom:14px;}
.insumos-tags{display:flex;flex-wrap:wrap;gap:8px;}
.insumos-tags span{font-family:var(--mono);font-size:12px;border:1px solid rgba(234,227,210,0.3);padding:6px 12px;border-radius:20px;}

.seo-divider{max-width:1280px;margin:0 auto;padding:0 32px;}
.seo-divider .divider-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:16px;padding:70px 0 0;}
.seo-divider .divider-tag::after{content:'';flex:1;height:1px;background:var(--line);}

.hero-home{padding:150px 32px 0;border-bottom:1px solid var(--line);}
.hero-home-inner{max-width:1280px;margin:0 auto;}
h1.home-title{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(42px,6.6vw,92px);line-height:.92;letter-spacing:-.01em;}
.home-title .proc-step{cursor:pointer;transition:color .2s;}
.home-title .proc-step.active{color:var(--stamp);}
.home-title .proc-step:not(.active):hover{color:var(--ink-dim);}
.home-title .accent{color:var(--stamp);}
.home-desc{margin-top:32px;font-size:18px;color:var(--ink-dim);max-width:520px;line-height:1.6;}
.home-ctas{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}

.marquee-strip{border-top:1px solid var(--line);background:var(--paper-raised);overflow:hidden;padding:16px 0;margin-top:70px;}
.marquee{display:flex;width:max-content;animation:mq 30s linear infinite;}
.marquee span{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);padding:0 30px;display:flex;align-items:center;gap:30px;white-space:nowrap;}
.marquee > span > span::after{content:'◆';color:var(--stamp);font-size:8px;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.process-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:60px;}
.process-track::before{content:'';position:absolute;top:19px;left:0;right:0;height:1px;background-image:repeating-linear-gradient(90deg, var(--ink) 0 8px, transparent 8px 16px);opacity:.5;z-index:0;}
.process-step{position:relative;z-index:1;padding-right:24px;}
.process-dot{width:39px;height:39px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;margin-bottom:22px;}
.process-name{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;margin-bottom:8px;}
.process-desc{font-size:13.5px;color:var(--ink-dim);line-height:1.5;max-width:200px;}
@media (max-width:900px){ .process-track{grid-template-columns:1fr;gap:36px;} .process-track::before{display:none;} }

.showcase-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:230px;gap:2px;background:var(--line);border:1px solid var(--line);margin-top:24px;}
.sc-card{background:var(--paper);position:relative;overflow:hidden;display:flex;flex-direction:column;}
.sc-card.wide{grid-column:span 2;}
@media (max-width:900px){ .sc-card.wide{grid-column:span 1;} }
.sc-card.tall{grid-row:span 2;}
.sc-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;background:#FFFFFF;min-height:0;overflow:hidden;}
.sc-img-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;min-width:0;min-height:0;}
.sc-info{padding:14px 20px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-shrink:0;}
.sc-code{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.05em;display:block;margin-bottom:5px;}
.sc-name{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:16px;line-height:1.05;}
.sc-arrow{font-size:15px;color:var(--ink-dim);flex-shrink:0;}
@media (max-width:900px){ .showcase-grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px;} .sc-card.tall{grid-row:span 1;} }
@media (max-width:600px){ .showcase-grid{grid-template-columns:1fr;grid-auto-rows:200px;} }

.cat-row{display:grid;grid-template-columns:100px 1fr 240px 32px;align-items:center;gap:20px;padding:26px 0;border-top:1px solid var(--line);cursor:pointer;transition:padding-left .25s, background .25s;text-decoration:none;color:inherit;}
.cat-row:last-child{border-bottom:1px solid var(--line);}
.cat-row:hover{padding-left:14px;background:var(--paper-raised);}
.cat-row:hover .cat-arrow{color:var(--stamp);transform:translateX(4px);}
.cat-code{font-family:var(--mono);font-size:13px;color:var(--ink-faint);}
.cat-name{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2.6vw,30px);}
.cat-use{font-family:var(--mono);font-size:12px;color:var(--ink-dim);text-align:right;text-transform:uppercase;letter-spacing:.02em;}
.cat-arrow{font-size:18px;color:var(--ink-dim);transition:all .22s;justify-self:end;}
@media (max-width:720px){ .cat-row{grid-template-columns:50px 1fr 22px;} .cat-use{display:none;} }

/* ==========================================================
   TELAS MUITO GRANDES — monitores ultra-wide, 4K e TVs
   Dá mais respiro ao conteúdo em vez de deixá-lo "flutuando"
   isolado num miolo fixo de 1280px numa tela gigante.
   ========================================================== */
@media (min-width:1800px){
  .wrap, .header-inner, .page-hero-inner, .product-hero-inner, .seo-divider, .hero-home-inner{
    max-width:1600px;
  }
}
@media (min-width:2400px){
  .wrap, .header-inner, .page-hero-inner, .product-hero-inner, .seo-divider, .hero-home-inner{
    max-width:1900px;
  }
  body{ font-size:1.08em; }
}