.mhero>.wrap{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:4%}
.mhero h1{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.045em}
.mhero .lede{font-size:clamp(17px,1.5vw,21px);max-width:40ch}
.brand-demo{margin:0;min-width:0;position:relative}
.demo-top{display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--ink)}
.demo-top>span:last-child{font:11px var(--mono);color:var(--filament)}
#field{display:block;width:100%;height:440px;touch-action:none;border-radius:5px}
#field:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.demo-readout{display:flex;gap:30px;padding:15px 0;border-block:1px solid var(--rule);font-size:12px;color:var(--ink-dim)}
.demo-readout strong{display:block;font:22px var(--mono);color:var(--ink);margin-top:5px}
.demo-controls{display:flex;gap:12px;align-items:center;margin-top:15px;font-size:12px}
.demo-controls select,.demo-controls button{font:inherit;color:var(--ink-mid);background:var(--ground);border:1px solid var(--rule);border-radius:5px;padding:8px;min-height:44px}
.demo-controls button{margin-left:auto;cursor:pointer}
.brand-demo figcaption{font-size:11px;line-height:1.6;color:var(--ink-dim);margin-top:12px}
@media(max-width:900px){.mhero>.wrap{grid-template-columns:1fr;gap:35px}.mhero-in{max-width:44rem}.brand-demo{width:100%;max-width:700px;margin:auto}#field{height:380px}}
@media(max-width:480px){#field{height:340px}.demo-readout{gap:24px}.demo-controls{gap:8px}.demo-top{font-size:14px}.mhero-actions .btn{font-size:14px}.mhero h1{font-size:44px}}
/* O campo de luz ocupa o hero inteiro, sem recorte de painel. */
.mhero{isolation:isolate}
.mhero::before{display:none}
.mhero>.wrap{position:static}
.mhero-in,.demo-top,.demo-readout,.demo-controls,.brand-demo figcaption{position:relative;z-index:1}
.brand-demo{position:static}
.demo-field{height:440px}
#field{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:0;mask-image:radial-gradient(ellipse 62% 76% at 79% 42%,#000 12%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 62% 76% at 79% 42%,#000 12%,transparent 76%)}
.demo-readout{border:0;padding-bottom:6px}
.participating-brands{padding:50px 0 60px;border-block:1px solid var(--rule-soft)}
.participating-brands>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}
.participating-brands h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.035em;max-width:19ch;margin:0}
.participating-logos{display:flex;align-items:center;flex-wrap:wrap;gap:36px 60px;list-style:none;padding:0;margin:0}
.participating-logos a{display:flex;align-items:center;min-height:60px;padding:10px 0}
.participating-logos img{display:block;width:260px;max-width:100%;height:auto}
@media(max-width:900px){.brand-demo{position:relative}.demo-field{height:380px}#field{position:relative;height:380px;mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 25%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 25%,transparent 74%)}.participating-brands>.wrap{justify-content:center;text-align:center}.participating-brands h2{max-width:none}.participating-logos{justify-content:center}}
@media(max-width:480px){.demo-field,#field{height:340px}.participating-brands{padding-block:35px 40px}.participating-logos img{width:240px}}