*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080809}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#fff;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.landing{position:relative;min-height:100vh;min-height:100svh;isolation:isolate;overflow:hidden;background:#080809}.stage{position:absolute;inset:0;overflow:hidden;background:#080809}.stage-ambient{position:absolute;inset:-10%;background-image:url("capa-dm.webp");background-position:center;background-size:cover;filter:blur(34px) brightness(.43) saturate(1.1);transform:scale(1.09);animation:ambientMove 12s ease-in-out infinite alternate}.stage-photo{position:absolute;inset:0;background:url("capa-dm.webp") center center/cover no-repeat;animation:heroBreath 10s ease-in-out infinite alternate;will-change:transform}.edge-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080809 0%,rgba(8,8,9,.72) 4%,rgba(8,8,9,0) 18%,rgba(8,8,9,0) 82%,rgba(8,8,9,.72) 96%,#080809 100%),linear-gradient(0deg,#080809 0%,rgba(8,8,9,.72) 10%,transparent 38%);z-index:4}.floor-glow{position:absolute;inset:auto -15% -22% -15%;height:42%;background:radial-gradient(ellipse at center,rgba(255,116,9,.22),transparent 65%);filter:blur(32px);animation:glowPulse 3s ease-in-out infinite alternate;z-index:5;pointer-events:none}.stage-light{position:absolute;top:-50%;width:48vw;height:150%;opacity:.16;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent 37%,rgba(255,188,100,.5) 50%,transparent 62%);filter:blur(32px);transform-origin:top center;mix-blend-mode:screen;animation:lightSweep 4s ease-in-out infinite alternate}.stage-light-one{left:2%;transform:rotate(9deg)}.stage-light-two{right:-4%;animation-delay:-2s;animation-direction:alternate-reverse}.sparks{position:absolute;inset:0;z-index:5;pointer-events:none}.sparks i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffac42;box-shadow:0 0 14px 4px #ff8d1399;opacity:0;animation:spark 5.5s linear infinite}.sparks i:nth-child(1){left:7%;bottom:1%;animation-delay:0s}.sparks i:nth-child(2){left:17%;bottom:15%;animation-delay:-1.5s}.sparks i:nth-child(3){left:29%;bottom:1%;animation-delay:-3s}.sparks i:nth-child(4){left:75%;bottom:15%;animation-delay:-2s}.sparks i:nth-child(5){left:92%;bottom:2%;animation-delay:-4s}.sparks i:nth-child(6){left:85%;bottom:23%;animation-delay:-1s}.sparks i:nth-child(7){left:45%;bottom:7%;animation-delay:-2.8s}.sparks i:nth-child(8){left:61%;bottom:4%;animation-delay:-.8s}.contact-bar{position:absolute;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(8,8,9,.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 60px #000a,0 0 65px #fd841315}.contact{display:flex;align-items:center;gap:11px;min-height:64px;padding:9px 16px;text-decoration:none;color:white;border-radius:17px;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.contact:hover,.contact:focus-visible{background:rgba(255,255,255,.12);transform:translateY(-3px);box-shadow:0 7px 28px #0007;outline:1px solid rgba(255,255,255,.25)}.brand-icon{width:36px;height:36px;flex:none}.phone-icon{width:30px;height:30px;color:#ff961f;margin:0 3px;flex:none}.contact span{display:flex;flex-direction:column;gap:2px}.contact strong{font-size:14px;letter-spacing:.01em}.contact small{font-size:11px;color:#d8d8d8}.sound-toggle{position:absolute;right:clamp(16px,3vw,44px);top:clamp(16px,3vw,36px);z-index:11;display:flex;align-items:center;gap:9px;border:1px solid #ffffff38;border-radius:99px;background:#090909ad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:12px 15px;cursor:pointer;transition:background .2s ease,transform .2s ease}.sound-toggle:hover,.sound-toggle:focus-visible{background:#25201a;transform:translateY(-2px);outline:1px solid #ff921e77}.music-icon{width:19px;height:19px;color:#ff981d}.sound-bars{display:flex;gap:2px;align-items:center;height:16px}.sound-bars i{width:2px;height:5px;background:#ff981d;border-radius:2px}.sound-toggle.playing .sound-bars i{animation:equalizer .38s ease-in-out infinite alternate}.sound-toggle.playing .sound-bars i:nth-child(2){animation-delay:-.18s}.sound-toggle.playing .sound-bars i:nth-child(3){animation-delay:-.29s}.sound-toggle.playing .sound-bars i:nth-child(4){animation-delay:-.11s}@keyframes equalizer{from{height:3px}to{height:15px}}@keyframes ambientMove{from{transform:scale(1.09) translateX(-.8%)}to{transform:scale(1.13) translateX(.8%)}}@keyframes heroBreath{from{transform:scale(1)}to{transform:scale(1.028)}}@keyframes glowPulse{from{opacity:.4;transform:scaleX(.95)}to{opacity:.85;transform:scaleX(1.08)}}@keyframes lightSweep{from{transform:rotate(-11deg) translateX(-5%)}to{transform:rotate(15deg) translateX(5%)}}@keyframes spark{0%{opacity:0;transform:translateY(0) scale(.5)}12%{opacity:.6}75%{opacity:.45}100%{opacity:0;transform:translateY(-42vh) scale(1.1)}}@media (max-width:760px){.landing{min-height:100svh}.stage-ambient{inset:-12%;filter:blur(24px) brightness(.45)}.stage-photo{inset:7% 0 auto;aspect-ratio:1672/941;background-position:center;background-size:contain;animation:heroBreath 10s ease-in-out infinite alternate}.edge-fade{background:linear-gradient(90deg,#080809 0%,transparent 7%,transparent 93%,#080809 100%),linear-gradient(0deg,#080809 0%,rgba(8,8,9,.8) 12%,transparent 43%)}.floor-glow{bottom:4%;height:30%}.contact-bar{bottom:max(22px,env(safe-area-inset-bottom));width:min(450px,calc(100% - 24px));padding:8px;gap:5px;justify-content:space-evenly}.contact{flex:1;min-width:0;justify-content:center;gap:5px;flex-direction:column;min-height:66px;padding:6px 3px;border-radius:15px}.contact span{align-items:center}.contact strong{font-size:11px}.contact small{display:none}.brand-icon{width:32px;height:32px}.phone-icon{height:26px;width:26px}.sound-toggle{top:13px;right:13px;padding:9px 11px;font-size:11px}.stage-light{opacity:.1}.sparks i{width:3px;height:3px}}@media (max-width:430px) and (min-height:640px){.stage-photo{top:22%}}@media (orientation:landscape) and (max-height:540px){.contact-bar{bottom:10px;padding:5px}.contact{min-height:48px;padding:5px 10px}.brand-icon{width:26px;height:26px}.phone-icon{width:24px;height:24px}.stage-photo{inset:0;background-size:cover;aspect-ratio:auto}.sound-toggle{top:9px;right:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* MOBILE APENAS: fundo vertical, sem faixa horizontal solta. Desktop intocado. */
@media only screen and (max-width:760px) and (orientation:portrait) {
  .landing { height:100vh; height:100dvh; min-height:100svh; }
  .stage-photo {
    position:absolute; inset:0; top:0; left:0; right:0; bottom:0;
    width:100%; height:100%; aspect-ratio:auto;
    background-image:url("capa-dm-mobile.webp?v=dm-mobile-audio-v4");
    background-position:center center; background-size:cover; background-repeat:no-repeat;
    animation:heroBreath 10s ease-in-out infinite alternate;
  }
  .stage-ambient { background-image:url("capa-dm-mobile.webp?v=dm-mobile-audio-v4"); background-position:center; }
  .edge-fade { background:linear-gradient(90deg,rgba(8,8,9,.24),transparent 9%,transparent 91%,rgba(8,8,9,.24)),linear-gradient(0deg,rgba(8,8,9,.48),transparent 23%,transparent 82%,rgba(8,8,9,.24)); }
  .sound-toggle { top:max(12px,env(safe-area-inset-top)); right:12px; }
  .contact-bar { bottom:max(16px,env(safe-area-inset-bottom)); }
}

/* VIDEO MUTED, 20s. O restante do layout aprovado permanece intacto. */
.stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:2;pointer-events:none;display:block}
.stage-video-mobile{display:none}
@media only screen and (max-width:760px) and (orientation:portrait){.stage-video-desktop{display:none}.stage-video-mobile{display:block}}
@media (prefers-reduced-motion:reduce){.stage-video{display:none}}

/* V5: reforco de animacao SOMENTE MOBILE; nenhum seletor desktop foi alterado. */
.mobile-moving-lights{display:none}
@media only screen and (max-width:760px) and (orientation:portrait){
  .stage-video-mobile{display:block;visibility:visible;opacity:1;object-fit:cover;object-position:center center;z-index:2}
  .mobile-moving-lights{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;mix-blend-mode:screen;isolation:isolate}
  .mobile-moving-lights i{position:absolute;top:14%;width:45%;height:54%;transform-origin:50% 0;opacity:.5;filter:blur(8px);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);will-change:transform,opacity;background:linear-gradient(to bottom,rgba(245,250,255,.65) 0,rgba(207,226,255,.24) 35%,transparent 100%)}
  .mobile-moving-lights i:nth-child(1){left:2%;animation:dmMobileBeamA 4.8s ease-in-out infinite alternate}
  .mobile-moving-lights i:nth-child(2){right:0;animation:dmMobileBeamB 5.2s ease-in-out infinite alternate}
  .mobile-moving-lights i:nth-child(3){left:26%;top:21%;width:38%;height:49%;opacity:.4;animation:dmMobileBeamC 6s ease-in-out infinite alternate}
  .mobile-moving-lights i:nth-child(4){right:24%;top:21%;width:38%;height:49%;opacity:.35;animation:dmMobileBeamD 5.5s ease-in-out infinite alternate}
}
@media only screen and (max-width:760px) and (orientation:portrait) and (prefers-reduced-motion:reduce){
 .mobile-moving-lights{display:none}
}
@keyframes dmMobileBeamA{0%{transform:rotate(-24deg);opacity:.18}50%{opacity:.62}100%{transform:rotate(24deg);opacity:.4}}
@keyframes dmMobileBeamB{0%{transform:rotate(25deg);opacity:.38}55%{opacity:.67}100%{transform:rotate(-24deg);opacity:.15}}
@keyframes dmMobileBeamC{0%{transform:rotate(-17deg);opacity:.1}50%{opacity:.56}100%{transform:rotate(16deg);opacity:.32}}
@keyframes dmMobileBeamD{0%{transform:rotate(18deg);opacity:.39}50%{opacity:.12}100%{transform:rotate(-18deg);opacity:.55}}
