:root{color-scheme:light;--ink:#202c39;--muted:#5e6c7c;--dark:#182330;--blue:#456493;--brand:#86a0ce;--light:#eaf0f8;--line:#dbe2e9;--green:#bded6d;--paper:#f6f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3576c8;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:30;padding:12px 20px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.utility{background:var(--dark);color:#d9e3ef;font-size:.75rem}.utility .wrap,.utility .wrap>div{display:flex;justify-content:space-between;gap:24px;align-items:center}.utility a{display:inline-flex;gap:10px;align-items:center;min-height:38px}.utility a:hover{text-decoration:underline}.site-header{background:#fff}.navigation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:23px}.brand{width:218px;flex-shrink:0}.navigation nav{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:600}.navigation nav>a:not(.button){padding-block:12px}.navigation nav>a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;border:1px solid transparent;border-radius:5px;padding:13px 23px;background:var(--blue);color:#fff;font-size:.87rem;font-weight:700;text-align:center;transition:background .2s,transform .2s}.button:hover{background:#304b76;transform:translateY(-1px)}.button.small{font-size:.78rem;min-height:44px;padding:11px 17px;gap:14px}.button.bright{background:var(--green);color:var(--dark)}.button.bright:hover{background:#d0fa90}.button.outline-light{background:transparent;border-color:#ffffff45}.button.outline-light:hover{background:#ffffff12}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-size:.87rem;text-decoration:underline;text-underline-offset:6px}.text-link:hover{color:var(--brand)}.dark-link{color:var(--blue);font-weight:600}.menu-toggle{border:1px solid var(--line);background:white;min-height:44px;border-radius:4px;padding:8px 14px}
.hero{background:var(--dark);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:72px 62px}.eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--blue);margin-bottom:18px}.hero .eyebrow{color:#c5d6f0;display:flex;align-items:center;gap:12px}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #bded6d10;flex-shrink:0}h1{font-size:clamp(3rem,5.15vw,4.4rem);line-height:1.07;letter-spacing:-.055em;font-weight:700}h1 em{color:#b0c7ed;font-style:normal}.lead{font-size:1rem;line-height:1.8;color:#c3cfde;max-width:490px;margin-top:25px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}.hero-product{min-width:0;border:1px solid #ffffff24;background:#111b25;border-radius:10px;overflow:hidden;box-shadow:20px 20px 0 #86a0ce0b}.photo-heading{display:flex;justify-content:space-between;gap:10px;padding:18px 20px;font-size:.65rem;color:#c3cfde;letter-spacing:.05em}.photo-heading>span:first-child{display:flex;align-items:center;gap:10px}.hero-product>img{width:100%;aspect-ratio:1238/722;object-fit:contain;object-position:center}.hero-product figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px}.hero-product figcaption strong{display:block;font-size:1.05rem}.hero-product figcaption div>span{display:block;font-size:.73rem;color:#aebed2;margin-top:5px}.hero-product figcaption>a{display:flex;align-items:center;justify-content:center;border:1px solid #ffffff30;width:44px;height:44px;border-radius:50%;flex-shrink:0}.hero-footer{display:flex;align-items:center;gap:36px;border-top:1px solid #ffffff26;padding-block:23px;font-size:.75rem;color:#c3cfde}.hero-footer>span::before{content:'+';color:var(--green);margin-right:9px}.hero-footer>a{margin-left:auto;color:white}.hero-footer>a:hover{text-decoration:underline}
.section{padding-block:88px}h2{font-size:clamp(2rem,3.3vw,2.8rem);line-height:1.15;letter-spacing:-.045em}h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:38px}.section-heading>p{max-width:370px;color:var(--muted);font-size:.95rem}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:7px;transition:border-color .2s,background .2s}.solution-card:hover{border-color:var(--brand);background:#f6f8fc}.number{display:block;font-size:.64rem;font-weight:700;letter-spacing:.1em;color:var(--blue)}.solution-card h3{margin-top:29px;font-size:1.6rem}.solution-card p{color:var(--muted);font-size:.93rem;margin-block:14px 28px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:.8rem;font-weight:600}.card-bottom>span{color:var(--blue)}.pad-section{background:var(--paper);border-block:1px solid var(--line)}.pad-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:72px;align-items:center}.pad-visual{background:var(--dark);padding:26px;border-radius:8px;color:white}.pad-visual>.eyebrow{color:#c5d6f0;display:block}.pad-visual figure>img{width:100%;border-radius:5px}.pad-visual figcaption{margin-top:12px;color:#aebed2;font-size:.7rem}.pad-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pad-badges span{border:1px solid #ffffff30;padding:5px 12px;border-radius:4px;font-size:.72rem}.pad-copy>p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:.95rem}.check-list{list-style:none;padding:0;margin-block:24px}.check-list li{display:flex;gap:10px;font-size:.9rem;margin-block:8px}.check-list li::before{content:'✓';color:var(--blue);font-weight:700}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;border-block:1px solid var(--line);padding-block:22px}.spec-grid dt{font-size:.68rem;color:var(--muted)}.spec-grid dd{margin:3px 0 0;font-weight:600;font-size:.91rem}
.light-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.mode-controls,.filters{display:flex;gap:7px;flex-wrap:wrap}.mode-controls{margin-bottom:30px;background:var(--paper);padding:5px;border-radius:6px;width:fit-content}.mode-controls button,.filters button{border:1px solid transparent;border-radius:4px;background:transparent;padding:10px 15px;min-height:44px;font-size:.78rem;font-weight:600;color:var(--muted)}.mode-controls button[aria-pressed=true]{background:var(--dark);color:white}.mode-copy h3{font-size:1.8rem;margin-top:12px;line-height:1.2}.mode-copy>p{font-size:.94rem;color:var(--muted);margin-top:19px}.mode-copy+.mode-copy{margin-top:30px}.process-list{list-style:none;margin:25px 0;padding:0}.process-list li{display:flex;align-items:center;gap:13px;font-size:.84rem;padding-block:10px;border-bottom:1px solid var(--line)}.process-list li>span{font-size:.7rem;color:var(--blue)}.demo{padding:25px;border:1px solid #d3dce9;border-radius:10px;background:#f0f4f9;min-width:0}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--blue);font-size:.7rem;font-weight:600}.demo-heading>span:first-child{display:flex;align-items:center;gap:9px}.demo-heading .signal{background:#3f6846;box-shadow:none}.demo-instruction{min-height:53px;margin-block:22px;font-size:.96rem;font-weight:600}.demo-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 11px}.bin{display:flex;flex-direction:column;align-items:stretch;min-width:0;position:relative;border:1px solid #d6dee8;border-bottom:5px solid #b4c0ce;border-radius:4px;background:#fff;padding:12px 9px 8px;color:var(--muted);opacity:1}.bin-label{font-size:.66rem;text-align:left;letter-spacing:.06em}.bin-box{display:block;height:40px;width:45px;margin:14px auto 12px;background:#d4bb96;border:1px solid #bba27e;position:relative;border-radius:2px}.bin-box::after{content:'';position:absolute;inset:0 auto 0 40%;width:20%;background:#e9d6b5}.led-panel{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px;background:#202b36;border-radius:3px;min-height:35px}.led-qty{font:700 1.05rem/1 monospace;color:#89929e;letter-spacing:.06em}.led-light{display:block;height:14px;width:14px;border-radius:50%;background:#5a6570;flex-shrink:0}.bin-action{font-size:.59rem;margin-top:6px;min-height:16px}.bin.is-active{border-color:#618c37;box-shadow:0 0 0 2px #6f99442b;background:#f8ffef}.bin.is-active .led-qty{color:#c2ff79}.bin.is-active .led-light{background:#bbff70;box-shadow:0 0 10px #b9f87475}.bin.is-active .bin-action{color:#386018;font-weight:700}.bin.is-done .bin-action{color:#386018}.bin.is-done .led-qty{color:#b9d6ad}.demo-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}.demo-footer p,.demo-note{font-size:.65rem;color:var(--muted)}.demo-footer button{background:transparent;color:var(--blue);border:0;min-height:44px;padding:8px;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}
.equipment-section{background:var(--paper);border-block:1px solid var(--line)}.equipment-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:28px}.filters button{background:#fff;border-color:var(--line)}.filters button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#fff}#filter-status{font-size:.7rem;color:var(--muted)}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.equipment-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.equipment-image{height:200px;padding:24px 22px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:center}.equipment-image img{width:100%;height:100%;object-fit:contain}.equipment-content{padding:25px;display:flex;flex-direction:column;flex:1}.equipment-content h3{margin-top:12px}.equipment-content p{font-size:.88rem;color:var(--muted);margin-block:13px 22px}.equipment-content>a{display:flex;justify-content:space-between;gap:12px;color:var(--blue);font-size:.77rem;font-weight:600;margin-top:auto;min-height:40px;align-items:center}.equipment-content>a:hover{text-decoration:underline}.section-note{margin-top:24px;font-size:.75rem;color:var(--muted)}
.integration-section{background:var(--dark);color:white}.integration-section .eyebrow,.integration-section .number{color:#b0c7ed}.integration-section .section-heading>p{color:#becbdc}.architecture{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:44px 0;gap:24px}.architecture li{position:relative;border-top:1px solid #ffffff35;padding-top:22px}.architecture li>span{color:#b0c7ed;display:block;font-size:.68rem;margin-bottom:15px}.architecture strong{font-size:.94rem}.architecture p{font-size:.76rem;color:#b9c6d7;margin-top:8px}.architecture li:not(:last-child)::after{content:'→';position:absolute;right:-16px;top:-16px;color:var(--green);background:var(--dark);padding:3px 8px}.integration-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid #ffffff24;padding-top:34px}.integration-options h3{font-size:1.13rem;margin-top:12px}.integration-options p{font-size:.87rem;color:#b9c6d7;margin-top:14px}.wms-strip{margin-top:42px;padding:28px 30px;background:#ffffff06;border:1px solid #ffffff25;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wms-strip .eyebrow{margin-bottom:8px;display:block}.wms-strip p{font-size:.85rem;color:#b9c6d7;margin-top:9px}.wms-strip .button{flex-shrink:0}.company-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.company-intro{color:var(--muted);font-size:.98rem;max-width:530px;margin-block:24px}.project-steps{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.project-steps h3{font-size:1.2rem}.project-steps ol{list-style:none;padding:0;margin:25px 0 0}.project-steps li{display:flex;gap:20px;padding-block:18px;border-top:1px solid var(--line)}.project-steps li>span{color:var(--blue);font-size:.72rem;padding-top:3px}.project-steps strong{font-size:.91rem}.project-steps p{font-size:.85rem;color:var(--muted);margin-top:5px}.catalog-section{background:var(--light);border-block:1px solid #d1ddeb;padding-block:44px}.catalog-inner{display:flex;gap:36px;align-items:center}.catalog-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:128px;border:1px solid #a7b9d3;border-left:6px solid var(--brand);border-radius:3px;font-size:1.4rem;font-weight:700;flex-shrink:0;background:#ffffff55;letter-spacing:-.05em}.catalog-symbol span{font-size:.5rem;letter-spacing:.1em;margin-top:8px}.catalog-inner h2{font-size:1.85rem}.catalog-inner .eyebrow{margin-bottom:10px}.catalog-inner p:not(.eyebrow){color:var(--muted);font-size:.89rem;margin-top:12px;max-width:540px}.catalog-inner>.button{margin-left:auto;flex-shrink:0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:.91rem;font-weight:600;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs summary::after{content:'+';font-size:1.2rem;color:var(--blue);flex-shrink:0}.faqs details[open] summary::after{content:'−'}.faqs details p{padding-bottom:23px;color:var(--muted);font-size:.9rem}.faqs p a{text-decoration:underline;text-underline-offset:3px}
.contact-section{background:var(--paper);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.contact-copy{padding-top:20px}.contact-copy>p:not(.eyebrow){margin-top:22px;font-size:.97rem;color:var(--muted)}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:32px}.contact-links a{font-size:.95rem;min-height:34px;overflow-wrap:anywhere}.contact-links a:first-child{font-size:1.6rem;font-weight:700}.contact-links a:hover{text-decoration:underline}.contact-copy .address{font-size:.82rem!important}.contact-form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px}.contact-form h3{margin-bottom:25px}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}.contact-form label{display:block;font-size:.76rem;font-weight:600;margin-bottom:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #cbd4df;background:#fff;border-radius:4px;min-height:46px;padding:10px 12px;font-size:.88rem;color:var(--ink);margin-bottom:18px}.contact-form textarea{resize:vertical;min-height:115px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row>div{min-width:0}.contact-form .button{width:100%}.form-note{font-size:.69rem;color:var(--muted);margin-top:15px}#contact-status:not(:empty){padding:14px;margin-top:16px;border-radius:4px;font-size:.84rem;background:var(--paper)}#contact-status[data-state=success]{color:#225934;background:#eef7ee}#contact-status[data-state=error]{color:#8a342a;background:#fff1ec}.contact-form fieldset:disabled{opacity:.65}footer{border-top:1px solid var(--line);background:#fff}.footer-main{display:flex;align-items:center;gap:50px;padding-block:38px}.footer-brand{width:195px;flex-shrink:0}.footer-main p{color:var(--muted);font-size:.78rem}.footer-main>a:last-child{margin-left:auto;font-size:.82rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:20px;font-size:.72rem;color:var(--muted)}.footer-bottom a{min-height:32px;display:flex;align-items:center;gap:8px}footer a:hover{color:var(--blue)}
@media(min-width:1051px){.menu-toggle{display:none!important}}
@media(max-width:1100px){.navigation nav{gap:15px}.brand{width:185px}.hero-grid{gap:32px}.pad-grid{gap:38px}.light-layout{gap:36px}.company-grid,.contact-grid,.faq-grid{gap:42px}}
@media(max-width:1050px){.navigation{flex-wrap:wrap}.navigation nav{width:100%;justify-content:center;flex-wrap:wrap}.js .navigation nav{display:none}.js .navigation nav.is-open{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding-top:15px}.hero-grid{padding-block:50px;gap:30px}.hero-footer{gap:20px}.hero-footer>span{font-size:.7rem}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}h1{font-size:clamp(3.1rem,8vw,4.6rem)}.hero-product{max-width:660px;width:100%}.hero-product>img{aspect-ratio:1.75}.hero-footer{flex-wrap:wrap}.hero-footer>a{margin-left:0}.section{padding-block:64px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:320px}.pad-grid,.light-layout{grid-template-columns:1fr;gap:36px}.pad-visual{order:2}.pad-copy{max-width:660px}.light-copy{max-width:650px}.demo{width:100%;max-width:620px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-tools{align-items:flex-start;flex-direction:column;gap:14px}.solution-card{padding:22px}.solution-card h3{font-size:1.35rem}.company-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.company-intro{max-width:650px}.wms-strip{align-items:flex-start;flex-direction:column}.catalog-inner{flex-wrap:wrap;gap:25px}.catalog-inner>div:nth-child(2){flex:1;min-width:220px}.catalog-inner>.button{margin-left:125px}.footer-main{gap:25px;flex-wrap:wrap}.footer-main>a:last-child{margin-left:0}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.utility .wrap{justify-content:center;flex-wrap:wrap;gap:0}.utility .wrap>div{display:none}.navigation{padding-block:19px}.brand{width:185px}.hero-grid{padding-block:40px}.hero .eyebrow{font-size:.59rem;letter-spacing:.11em}.lead{font-size:.94rem}.actions{gap:13px}.photo-heading{font-size:.58rem;padding:14px}.hero-product figcaption{padding:18px}.hero-product figcaption strong{font-size:.98rem}.hero-product figcaption div>span{font-size:.68rem}.hero-footer{gap:12px 22px}.hero-footer>a{width:100%;padding-top:5px}.section-heading{flex-direction:column;gap:22px;margin-bottom:28px}.section-heading>p{max-width:100%}.solution-grid,.equipment-grid,.integration-options{grid-template-columns:1fr;gap:18px}.solution-card{padding:24px}.solution-card h3{font-size:1.6rem;margin-top:18px}.solution-card p{margin-block:12px 20px}.pad-visual{padding:18px}.demo{padding:18px 13px}.demo-rack{gap:12px 7px}.demo-instruction{font-size:.88rem;min-height:60px}.bin{padding:10px 6px 7px}.bin-action{font-size:.55rem}.demo-heading{font-size:.66rem}.demo-footer p{max-width:170px}.mode-controls button{padding-inline:12px}.equipment-image{height:210px}.equipment-content{padding:24px}.filters button{font-size:.72rem;padding-inline:12px}.architecture{grid-template-columns:1fr 1fr;gap:28px}.architecture li:nth-child(2)::after{display:none}.architecture strong{font-size:.87rem}.architecture p{font-size:.7rem}.integration-options article{padding-bottom:20px;border-bottom:1px solid #ffffff20}.wms-strip{padding:24px}.project-steps{padding:25px}.catalog-symbol{width:70px;height:100px;font-size:1.1rem}.catalog-inner>div:nth-child(2){min-width:180px}.catalog-inner h2{font-size:1.6rem}.catalog-inner>.button{margin-left:0;width:100%}.catalog-inner .eyebrow{font-size:.6rem}.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{flex-direction:column;align-items:flex-start}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Fundo contínuo, com conteúdo e navegação em HTML. */
.hero-background{background:#07121e}
.hero-background-stage{position:relative;isolation:isolate;overflow:hidden}
.hero-background-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-background-stage::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,15,26,.88),rgba(4,15,26,.66) 33%,rgba(4,15,26,.1) 60%,transparent 78%)}
.hero-background-content{min-height:480px;display:flex;align-items:center;padding-block:32px}
.hero-background .hero-copy{max-width:535px}
.hero-background h1 em{color:#a6ed91}
.hero-background .lead{color:#e0e8f2;max-width:490px;text-shadow:0 1px 10px #000}
.hero-background .hero-footer{border-top:1px solid #ffffff20}

@media(max-width:1050px){
  .hero-background-image{inset:auto 0 0;height:340px;object-position:right center}
  .hero-background-stage::after{background:linear-gradient(180deg,#07121e 0%,#07121e calc(100% - 360px),rgba(7,18,30,.75) calc(100% - 310px),transparent calc(100% - 230px))}
  .hero-background-content{min-height:0;padding-block:32px 340px}
  .hero-background .hero-copy{max-width:650px}
}
@media(max-width:600px){
  .hero-background-image{height:280px}
  .hero-background-stage::after{background:linear-gradient(180deg,#07121e 0%,#07121e calc(100% - 300px),rgba(7,18,30,.6) calc(100% - 250px),transparent calc(100% - 185px))}
  .hero-background-content{padding-block:30px 280px}
}
/* Aproxima a próxima seção da primeira tela, inclusive em monitores largos. */
.solutions.section{padding-top:40px}
.hero-background .hero-footer{padding-block:16px}
@media(min-width:1051px){
  .hero-background h1{font-size:clamp(3rem,4.2vw,3.65rem)}
  .hero-background .eyebrow{margin-bottom:14px}
  .hero-background .lead{margin-top:20px}
  .hero-background .actions{margin-top:24px}
  .hero-background-image{max-width:1440px;left:auto;right:0}
}
/* Faixa de benefícios do banner, com ícones vetoriais e texto acessível. */
.hero-benefits{background:linear-gradient(90deg,#07121e,#122131);border-top:1px solid #ffffff16}
.hero-benefits-inner{display:flex;align-items:center;gap:28px;min-height:78px;padding-block:12px}
.benefits-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;list-style:none;margin:0;padding:0}
.benefits-list li{display:flex;align-items:center;gap:13px;padding:3px 18px;border-right:1px solid #ffffff26;min-height:48px}
.benefits-list li:first-child{padding-left:0}
.benefits-list svg{width:37px;height:37px;flex-shrink:0;fill:none;stroke:#a6ed91;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.benefits-list li>span{font-size:.61rem;line-height:1.7;text-transform:uppercase;letter-spacing:.06em;color:#e0e8f2}
.benefits-signature{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:.5rem;letter-spacing:.19em;text-transform:uppercase;color:#cbd6e5}
@media(max-width:1100px){.hero-benefits-inner{flex-direction:column;gap:15px;padding-block:16px}.benefits-list{width:100%}.benefits-list li:last-child{border-right:0}.benefits-signature{font-size:.54rem}}
@media(max-width:600px){.benefits-list{grid-template-columns:1fr 1fr;gap:14px 0}.benefits-list li{padding:3px 12px}.benefits-list li:nth-child(odd){padding-left:0}.benefits-list li:nth-child(even){border-right:0}.benefits-list svg{width:32px;height:32px}.benefits-list li>span{font-size:.56rem}.benefits-signature{gap:7px;font-size:.43rem;letter-spacing:.11em}}

/* Dois produtos em um carrossel, sem aumentar a altura do banner. */
.hero-carousel{position:relative}
.hero-slide-title{font-size:clamp(3rem,5.15vw,4.4rem);line-height:1.07;letter-spacing:-.055em;font-weight:700}
.hero-slide-title em{font-style:normal;color:#a6ed91}
.hero-switcher{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;pointer-events:none}
.hero-switcher button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #ffffff35;border-radius:4px;color:#fff;background:#07121eeb;font-size:.69rem}
.hero-switcher button:hover{background:#213448}
.hero-selectors{display:flex;gap:6px}
.hero-selectors button[aria-current=true]{border-color:#a6ed91;color:#c6ffb6;background:#152b20}
.hero-switcher .hero-pause{min-width:68px}
#banner-light::after{background:linear-gradient(90deg,rgba(4,15,26,.97),rgba(4,15,26,.87) 31%,rgba(4,15,26,.2) 65%,rgba(4,15,26,.05))}
.hero-carousel .hero-slide .hero-background-content{padding-bottom:64px}
@media(min-width:1051px){.hero-slide-title{font-size:clamp(3rem,4.2vw,3.65rem)}}
@media(max-width:1050px){
  .hero-carousel .hero-slide .hero-background-content{padding-bottom:340px}
  #banner-light::after{background:linear-gradient(180deg,#07121e 0%,#07121e calc(100% - 360px),rgba(7,18,30,.75) calc(100% - 310px),transparent calc(100% - 230px))}
}
@media(max-width:850px){.hero-slide-title{font-size:clamp(3.1rem,8vw,4.6rem)}.hero-switcher{justify-content:center}.hero-switcher .banner-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media(max-width:600px){
  .hero-carousel .hero-slide .hero-background-content{padding-bottom:280px}
  #banner-light::after{background:linear-gradient(180deg,#07121e 0%,#07121e calc(100% - 300px),rgba(7,18,30,.6) calc(100% - 250px),transparent calc(100% - 185px))}
}

/* Etiqueta ilustrada a partir do LED do catálogo; display e confirmação continuam dinâmicos. */
.demo-rack .led-panel{display:block;position:relative;container-type:inline-size;width:100%;height:auto;aspect-ratio:4.5;min-height:0;padding:0;overflow:hidden;border-radius:3px;background:#303638;box-shadow:0 2px 3px #0003}
.led-device-image{position:absolute;width:104.75%;max-width:none;height:auto;left:-2.25%;top:-33.5%;pointer-events:none}
.demo-rack .led-qty{position:absolute;left:20%;top:22%;width:45%;height:48%;display:flex;align-items:center;justify-content:center;font-family:Consolas,monospace;font-size:clamp(10px,10cqw,22px);line-height:1;letter-spacing:.06em;font-weight:700;color:#51645a}
.demo-rack .led-light{position:absolute;left:74.5%;top:20%;width:18%;height:58%;border-radius:19%;background:transparent;box-shadow:none}
.demo-rack .bin.is-active .led-qty{color:#65ff74;text-shadow:0 0 5px #42ff6470}
.demo-rack .bin.is-active .led-light{background:radial-gradient(ellipse,#efffe1 0%,#b2ff71 45%,#72ef39 100%);box-shadow:0 0 8px #87ff7780;opacity:.92}
.demo-rack .bin.is-done .led-qty{color:#83bf8a}
.demo-rack .bin{padding-inline:8px;border-bottom:5px solid #a8b5c3;background:linear-gradient(180deg,#fff,#f4f6f8)}
.demo-rack .bin.is-active{background:linear-gradient(180deg,#f9ffed,#eef8e8);border-bottom-color:#6a973a}
.demo-rack .bin-box{box-shadow:5px 3px 0 #c6a97e}
.demo-rack .bin-action{margin-top:9px}
@media(max-width:600px){.demo-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.demo-rack .bin{padding:12px 8px 9px}.demo-rack .bin-action{font-size:.63rem}.demo-rack .bin-label{font-size:.7rem}}
