:root{
  --bg:#02060a;--panel:#071019;--white:#f8fbff;--muted:#a9bcc7;
  --cyan:#00ecff;--pink:#ff0b97;--red:#ff164c;--purple:#bc35ff;
  --max:1220px;--line:#133745
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02060a;color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:soft-light}.global-smoke{position:fixed;width:80vw;height:80vh;pointer-events:none;z-index:-2;background-repeat:no-repeat;background-size:contain;opacity:.18;filter:blur(8px);animation:floatSmoke 18s ease-in-out infinite alternate}.global-smoke-pink{left:-25vw;top:2vh;background-image:url('assets/smoke-pink.png')}.global-smoke-cyan{right:-28vw;top:24vh;background-image:url('assets/smoke-cyan.png');animation-delay:-8s}.topbar{height:66px;position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:28px;padding:7px max(18px,calc((100vw - var(--max))/2));background:#02060af0;backdrop-filter:blur(18px);border-bottom:1px solid #00e8ff80;box-shadow:0 2px 20px #00e8ff17,0 2px 36px #ff0b9712}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pink),transparent 38%,transparent 62%,var(--cyan));box-shadow:0 0 9px currentColor}.brand{width:148px;height:54px;display:flex;align-items:center;overflow:hidden}.brand img{width:150px;filter:drop-shadow(0 0 9px #00ecff88)}nav{display:flex;gap:34px;margin-left:auto}nav a{font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.09em;position:relative}nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-20px;height:2px;background:var(--pink);box-shadow:0 0 12px var(--pink);transition:.2s}nav a:hover{color:#fff}nav a:hover:after{left:0;right:0}.menu-btn{display:none;margin-left:auto;background:#071018;color:#fff;border:1px solid #226275;border-radius:10px;padding:7px 11px;font-size:22px}.section-inner{width:min(var(--max),calc(100% - 36px));margin:auto}.neon-section{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #00e8ff70;box-shadow:inset 0 -1px 0 #ff0b973c}.neon-section:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pink),#ffffff66,var(--cyan));box-shadow:0 0 11px #00e8ff66,0 0 18px #ff0b9748}.local-smoke{position:absolute;z-index:-1;width:min(900px,85vw);height:600px;background-repeat:no-repeat;background-size:contain;opacity:.26;filter:blur(4px);pointer-events:none;animation:drift 15s ease-in-out infinite alternate}.pink-smoke{background-image:url('assets/smoke-pink.png');left:-240px;top:-110px}.cyan-smoke{background-image:url('assets/smoke-cyan.png');right:-250px;top:-80px;animation-delay:-6s}.local-smoke.left{left:-310px;top:0}.local-smoke.right{right:-290px;left:auto;top:20px}.hero{padding:18px 0 26px;background:radial-gradient(circle at 50% -10%,#0a1822 0,#02060a 58%)}.hero-shell{position:relative}.hero-frame{position:relative;border:1px solid #1ceeff88;border-radius:2px;overflow:hidden;background:#000;box-shadow:0 0 26px #00ecff2a,0 0 38px #ff0b9718,inset 0 0 35px #000}.hero-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #ff0b9755;clip-path:polygon(0 0,45% 0,38% 2px,0 2px,0 100%,35% 100%,45% calc(100% - 2px),0 calc(100% - 2px))}.hero-poster{display:block;width:100%;aspect-ratio:16/8.7;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.05) brightness(.93)}.hero-edge-glow{position:absolute;inset:0;box-shadow:inset 0 0 70px #000,inset 55px 0 80px #ff0b9717,inset -55px 0 80px #00ecff17;pointer-events:none}.hero-slogan{position:absolute;z-index:4;top:23px;width:250px;font-weight:1000;font-size:clamp(20px,2.4vw,35px);font-style:italic;line-height:.94;text-transform:uppercase;text-shadow:0 0 15px currentColor,2px 3px 0 #000;transform:rotate(-4deg)}.hero-slogan-left{left:28px;color:#ff38ae}.hero-slogan-right{right:24px;text-align:right;color:#14efff;transform:rotate(3deg);font-size:clamp(17px,2vw,30px)}.social-label{text-align:center;margin:18px 0 12px;font-weight:900;font-size:13px;letter-spacing:.06em}.main-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.social-card{height:88px;border:2px solid currentColor;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:18px;background:#02060ae8;font-size:23px;font-style:italic;font-weight:1000;letter-spacing:.02em;position:relative;overflow:hidden;transition:.22s;box-shadow:0 0 15px currentColor,inset 0 0 22px color-mix(in srgb,currentColor 16%,transparent)}.social-card:before{content:"";position:absolute;left:-120%;top:0;width:80%;height:100%;background:linear-gradient(90deg,transparent,#ffffff28,transparent);transform:skewX(-24deg);transition:.6s}.social-card:hover{transform:translateY(-4px) scale(1.01);filter:brightness(1.15)}.social-card:hover:before{left:140%}.social-card.yt{color:var(--red)}.social-card.ig{color:#ff34cf}.social-card.tt{color:var(--cyan)}.social-icon{font-size:44px;color:#fff;text-shadow:0 0 14px currentColor}.section{padding:58px 0;background:#02060aaa}.about-grid{display:grid;grid-template-columns:.93fr 1.2fr;gap:28px;align-items:stretch}.eyebrow{color:var(--cyan);font-weight:1000;letter-spacing:.13em;text-transform:uppercase;font-size:12px;margin:0 0 6px}.section h2{font-size:clamp(34px,4.5vw,62px);font-style:italic;line-height:.9;margin:5px 0 18px;letter-spacing:-.04em;text-transform:uppercase}.section h2 em{color:var(--pink);font-style:inherit;text-shadow:0 0 18px #ff0b9750}.about-copy{padding:28px 12px 18px 8px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;color:#dce8ef;max-width:560px}.about-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0 18px}.about-icons div{text-align:center;color:#fff;font-size:10px}.about-icons span{display:block;color:var(--pink);font-size:28px;text-shadow:0 0 13px #ff0b9790;margin-bottom:6px}.about-icons b{font-size:10px;letter-spacing:.04em}.brush{display:inline-block;padding:9px 18px;color:#03070b;background:linear-gradient(90deg,var(--cyan),#10f6ff);font-weight:1000;font-size:26px;font-style:italic;transform:rotate(-2deg);clip-path:polygon(2% 14%,98% 0,94% 85%,5% 100%);box-shadow:0 0 24px #00ecff50}.about-art{position:relative;overflow:hidden;min-height:315px;border:1px solid #00ecff8d;border-radius:4px;background:#061018;box-shadow:0 0 22px #00ecff2b,inset 0 0 50px #000}.about-art:before{content:"";position:absolute;inset:-20%;z-index:2;background:radial-gradient(circle at 24% 55%,#ff0b9745,transparent 32%),radial-gradient(circle at 78% 45%,#00ecff45,transparent 35%);mix-blend-mode:screen;animation:smokePulse 6s ease-in-out infinite alternate;pointer-events:none}.about-art img{width:100%;height:100%;min-height:315px;object-fit:cover;object-position:center;filter:saturate(1.25) contrast(1.05) brightness(.62)}.art-quote{position:absolute;z-index:3;right:20px;bottom:22px;width:250px;text-align:right;font-weight:1000;font-size:23px;line-height:1.06;font-style:italic;color:#fff;text-shadow:0 0 12px #00ecff,3px 3px 0 #000}.videos{padding-top:42px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{margin-bottom:0}.text-link{border:1px solid #8a9da7;border-radius:999px;padding:9px 17px;font-size:12px;font-weight:900;transition:.2s}.text-link:hover{border-color:var(--cyan);box-shadow:0 0 15px #00ecff55}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{position:relative;border:1px solid #547380;border-radius:5px;overflow:hidden;background:#050b10;cursor:pointer;transition:.22s;box-shadow:0 0 0 1px #000,0 0 16px #00ecff18}.video-card:nth-child(2n){box-shadow:0 0 0 1px #000,0 0 16px #ff0b9718}.video-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 0 23px #00ecff55,0 12px 35px #0009}.thumb{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#0b1d27,#251020);overflow:hidden}.thumb:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 35px #0008}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.28s}.video-card:hover .thumb img{transform:scale(1.04)}.play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:42px;border-radius:12px;background:#ff144d;display:grid;place-items:center;font-size:20px;box-shadow:0 0 22px #ff144da0}.placeholder .play{background:#263844}.video-info{padding:12px 12px 14px}.video-info h3{font-size:15px;margin:0 0 5px;text-transform:uppercase}.video-info p{margin:0;color:var(--muted);font-size:12px}.split-section{padding-top:34px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{min-height:300px;position:relative;overflow:hidden;padding:28px 30px;background:linear-gradient(145deg,#071018,#03070b);border-radius:5px}.panel>*:not(.panel-smoke){position:relative;z-index:2}.sponsor-panel{border:1px solid var(--pink);box-shadow:0 0 20px #ff0b9733,inset 0 0 35px #ff0b970c}.shop-panel{border:1px solid var(--cyan);box-shadow:0 0 20px #00ecff33,inset 0 0 35px #00ecff0c}.panel-smoke{position:absolute;inset:-20%;opacity:.36;background-size:cover;background-position:center;animation:panelSmoke 10s ease-in-out infinite alternate}.panel-smoke-pink{background-image:url('assets/smoke-pink.png')}.panel-smoke-cyan{background-image:url('assets/smoke-cyan.png');animation-delay:-5s}.panel p{max-width:480px;color:#d5e1e7;line-height:1.45}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 2px}.sponsor-item{height:70px;display:grid;place-items:center;text-align:center;border:1px dashed #ff53bcb5;background:#03070bc9;border-radius:8px;box-shadow:inset 0 0 16px #ff0b9715}.sponsor-item img{max-width:92%;max-height:58px}.sponsor-empty{grid-column:1/-1;color:#c9d6dc;border:1px dashed #576e78;border-radius:8px;padding:13px;background:#02060aaa}.neon-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid currentColor;border-radius:8px;font-weight:1000;margin-top:18px;background:#02060ade;transition:.2s}.neon-btn:hover{transform:translateY(-2px);filter:brightness(1.18)}.pink-btn{color:#fff;border-color:var(--pink);box-shadow:0 0 17px #ff0b9777,inset 0 0 12px #ff0b972c}.cyan-btn{color:#fff;border-color:var(--cyan);box-shadow:0 0 17px #00ecff77,inset 0 0 12px #00ecff2c}.box-icon{position:absolute!important;right:40px;top:48px;font-size:100px;color:var(--cyan);opacity:.45;text-shadow:0 0 20px #00ecff}.contact{padding-top:26px}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 4px}.contact-box h2{font-size:clamp(28px,4vw,48px);margin-bottom:9px}.contact-box p{color:#d8e5eb}.mini-socials{display:flex;gap:12px}.mini-socials a{width:54px;height:54px;display:grid;place-items:center;border:1px solid #506b77;border-radius:50%;font-size:24px;background:#02060a;transition:.2s}.mini-socials a:nth-child(odd):hover{border-color:var(--cyan);box-shadow:0 0 18px #00ecff66}.mini-socials a:nth-child(even):hover{border-color:var(--pink);box-shadow:0 0 18px #ff0b9766}footer{width:min(var(--max),calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:18px;padding:24px 0 36px;color:#a9bcc7;font-size:12px}footer img{width:125px;height:60px;object-fit:cover;object-position:center top;filter:drop-shadow(0 0 10px #00ecff44)}footer strong{color:var(--cyan);font-size:10px}.footer-spacer{flex:1}.music-toggle{position:fixed;right:20px;bottom:20px;z-index:90;width:54px;height:54px;border-radius:50%;border:1px solid var(--cyan);color:#fff;background:#020a0fe8;font-size:22px;cursor:pointer;box-shadow:0 0 18px #00ecff77,inset 0 0 15px #00ecff22}.tapHint{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:85;border:1px solid #ff0b97;background:#03070bed;border-radius:999px;padding:10px 18px;font-weight:900;font-size:11px;letter-spacing:.08em;box-shadow:0 0 18px #ff0b9755;transition:.4s}.tapHint.hide{opacity:0;visibility:hidden}.toast{position:fixed;right:20px;top:82px;z-index:100;background:#07131a;border:1px solid var(--pink);border-radius:9px;padding:12px 15px;box-shadow:0 0 18px #ff0b9755;transform:translateX(140%);transition:.3s}.toast.show{transform:none}.video-modal{width:min(1000px,94vw);border:1px solid var(--cyan);border-radius:10px;padding:0;background:#020509;box-shadow:0 0 60px #00ecff45}.video-modal::backdrop{background:#000e;backdrop-filter:blur(5px)}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}.modal-close{position:absolute;right:4px;top:-48px;width:40px;height:40px;border-radius:50%;border:1px solid var(--pink);background:#071018;color:#fff;font-size:24px}.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@keyframes floatSmoke{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(4%,-2%,0) scale(1.08)}100%{transform:translate3d(0,4%,0) scale(1.03)}}
@keyframes drift{0%{transform:translate3d(-5%,1%,0) scale(.95);opacity:.18}50%{transform:translate3d(6%,-3%,0) scale(1.08);opacity:.32}100%{transform:translate3d(0,5%,0) scale(1)}}
@keyframes smokePulse{from{transform:translate3d(-3%,0,0) scale(1);opacity:.7}to{transform:translate3d(4%,-2%,0) scale(1.12);opacity:1}}
@keyframes panelSmoke{from{transform:translate3d(-4%,0,0) scale(1.02)}to{transform:translate3d(5%,-3%,0) scale(1.12)}}
@media(max-width:900px){.topbar{height:62px;padding:6px 14px}.brand{width:122px}.brand img{width:126px}.menu-btn{display:block}.topbar nav{display:none;position:absolute;left:10px;right:10px;top:61px;background:#02060af7;border:1px solid #1d5665;border-radius:12px;flex-direction:column;gap:0;padding:8px;box-shadow:0 0 30px #00ecff20}.topbar nav.open{display:flex}.topbar nav a{padding:12px}.topbar nav a:after{display:none}.section-inner{width:min(100% - 22px,var(--max))}.hero{padding-top:10px}.hero-poster{aspect-ratio:16/10;object-fit:cover}.hero-slogan{display:none}.main-actions{grid-template-columns:1fr;gap:11px}.social-card{height:62px;font-size:19px}.social-icon{font-size:32px}.about-grid,.split-grid{grid-template-columns:1fr}.about-icons{grid-template-columns:repeat(2,1fr)}.about-art{min-height:260px}.about-art img{min-height:260px}.video-grid{grid-template-columns:1fr}.section{padding:45px 0}.section-head{align-items:flex-start}.split-grid{gap:14px}.panel{min-height:280px;padding:25px 20px}.contact-box{display:block}.mini-socials{margin-top:20px}.tapHint{bottom:84px;font-size:10px;max-width:82vw;text-align:center}.global-smoke{opacity:.12}.local-smoke{opacity:.16}footer{align-items:flex-start;flex-wrap:wrap}.footer-spacer{display:none}.box-icon{font-size:70px;right:25px;top:35px}.brush{font-size:21px}}
@media(max-width:520px){.hero-poster{aspect-ratio:4/3;object-position:center}.social-label{font-size:10px}.section h2{font-size:36px}.about-copy{padding-left:0}.about-icons{gap:7px}.art-quote{font-size:17px;width:190px}.sponsor-grid{grid-template-columns:1fr 1fr}.box-icon{opacity:.25}.music-toggle{right:13px;bottom:13px;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.global-smoke,.local-smoke,.panel-smoke,.about-art:before{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}



:root{--beat:0}
.hero-shell{max-width:1120px;margin-inline:auto}
.hero-frame{max-width:1120px;margin-inline:auto}
.hero-poster{aspect-ratio:16/7.2;max-height:560px}
.social-label{margin:14px 0 10px}
.main-actions{max-width:1120px;margin-inline:auto}
.secondary-try-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.try-chip{padding:6px 10px;border-radius:999px;border:1px solid #355a67;background:#02070cce;color:#d9eef6;font-size:11px;font-weight:800;letter-spacing:.03em}
body.music-live .topbar,body.music-live .hero-frame,body.music-live .about-art,body.music-live .video-card,body.music-live .panel,body.music-live .contact-box,body.music-live .music-toggle,body.music-live .social-card,body.music-live .mini-socials a,body.music-live .text-link{transition:box-shadow .11s linear,transform .11s linear,filter .11s linear}
body.music-live .hero-frame,body.music-live .about-art,body.music-live .video-card,body.music-live .panel,body.music-live .contact-box{box-shadow:0 0 calc(18px + var(--beat) * 22px) rgba(0,236,255,.22),0 0 calc(14px + var(--beat) * 26px) rgba(255,11,151,.18),inset 0 0 calc(14px + var(--beat) * 15px) rgba(255,255,255,.02)}
body.music-live .social-card,body.music-live .neon-btn,body.music-live .music-toggle,body.music-live .mini-socials a{box-shadow:0 0 calc(14px + var(--beat) * 18px) currentColor,inset 0 0 calc(12px + var(--beat) * 12px) color-mix(in srgb,currentColor 18%,transparent);transform:translateY(calc(var(--beat) * -1.5px)) scale(calc(1 + var(--beat) * .012));filter:brightness(calc(1 + var(--beat) * .12))}
body.music-live .topbar:after,body.music-live .neon-section:after{box-shadow:0 0 calc(9px + var(--beat) * 18px) #00ecff88,0 0 calc(12px + var(--beat) * 16px) #ff0b9766}
body.music-live .global-smoke,body.music-live .local-smoke,body.music-live .panel-smoke{opacity:calc(.18 + var(--beat) * .18);filter:blur(calc(4px + var(--beat) * 4px)) saturate(calc(1 + var(--beat) * .6))}
body.music-live .about-art:before{opacity:calc(.65 + var(--beat) * .45);filter:saturate(calc(1 + var(--beat) * .65))}
body.music-live .hero-edge-glow{box-shadow:inset 0 0 calc(70px + var(--beat) * 34px) #000,inset 55px 0 calc(80px + var(--beat) * 20px) #ff0b9725,inset -55px 0 calc(80px + var(--beat) * 20px) #00ecff25}
.partner-modal{border:0;padding:0;background:#0000;color:#fff;width:min(1480px,96vw);height:min(860px,94vh)}
.partner-modal::backdrop{background:#000c;backdrop-filter:blur(8px)}
.partner-shell{height:100%;display:grid;grid-template-rows:66px 1fr;border:1px solid var(--cyan);border-radius:16px;overflow:hidden;background:#03070cf8;box-shadow:0 0 36px #00efff55,0 0 36px #ff0a9c44}
.partner-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(90deg,#120619,#06131b);border-bottom:1px solid #713282}
.partner-top .eyebrow{font-size:9px;color:var(--cyan);font-weight:900}
.partner-top h2{margin:2px 0 0;font-size:22px}
.partner-top h2 em{color:var(--pink);font-style:inherit}
.round-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--pink);background:#080b10;color:#fff;font-size:24px;cursor:pointer}
.partner-body{min-height:0;display:grid;grid-template-columns:.92fr 1.08fr}
.catalog-pane{padding:14px;min-height:0;overflow:auto;border-right:1px solid #123c46;background:linear-gradient(180deg,#061019,#03070c)}
.catalog-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.catalog-title h3{margin:0;font-size:18px}
.catalog-title p{margin:4px 0 12px;color:#9fb3bd;font-size:11px;line-height:1.45;max-width:540px}
.r2-badge{height:25px;padding:5px 9px;border:1px solid var(--cyan);border-radius:14px;color:var(--cyan);font-size:10px;font-weight:900;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-card{border:1px solid #31515d;border-radius:10px;background:#071018;padding:8px;cursor:pointer;transition:.2s;color:#fff;text-align:left}
.product-card:hover,.product-card.active{border-color:var(--pink);box-shadow:0 0 14px #ff0a9c55;transform:translateY(-2px)}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#02070c;border-radius:8px}
.product-card small{display:block;font-size:9px;color:var(--cyan);font-weight:900;margin-top:6px}
.product-card h4{font-size:13px;margin:5px 0 4px;line-height:1.15}
.product-card b{font-size:11px}
.try-pane{padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;min-height:0;background:linear-gradient(180deg,#071018,#03070c)}
.selected-product{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px}
.selected-product img{width:54px;height:54px;object-fit:contain;border:1px solid var(--cyan);border-radius:8px;background:#02070c}
.selected-product span{font-size:9px;color:var(--cyan);font-weight:900}
.selected-product h3{font-size:15px;margin:2px 0}
.selected-product b{font-size:11px}
.buy-btn{padding:9px 13px;border:1px solid var(--pink);border-radius:8px;font-size:10px;font-weight:900;color:#fff;box-shadow:0 0 12px #ff0a9c3b}
.camera-stage{position:relative;min-height:310px;border:1px solid #335560;border-radius:12px;background:radial-gradient(circle,#0b1d29,#02070c);overflow:hidden}
.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.camera-stage video{transform:scaleX(-1)}
.camera-stage.rear video{transform:none}
.camera-stage:not(.rear) canvas{transform:scaleX(-1)}
.camera-stage canvas{pointer-events:none}
.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#02070cb8}
.camera-placeholder.hide{display:none}
.camera-placeholder span{font-size:42px}
.camera-placeholder h3{margin:8px 0 4px}
.camera-placeholder p{margin:0;max-width:420px;color:#9fb4be;font-size:10px;line-height:1.5}
.face-status{position:absolute;left:8px;bottom:8px;background:#02070dcc;border:1px solid var(--cyan);border-radius:14px;padding:5px 8px;font-size:9px}
.try-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.try-btn{height:38px;border:1px solid #51646d;background:#071018;color:#fff;border-radius:8px;font-size:10px;font-weight:900;cursor:pointer}
.try-btn.cyan{border-color:var(--cyan);box-shadow:0 0 10px #00efff44}
.try-btn.pink{border-color:var(--pink);box-shadow:0 0 10px #ff0a9c44}
.adjustments{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adjustments label{font-size:9px;font-weight:900}
.adjustments input{width:100%;accent-color:var(--pink)}
.try-note{font-size:9px;color:#8499a2;margin:0;line-height:1.45}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.hero-poster{aspect-ratio:16/8.3}.secondary-try-note{justify-content:flex-start}.partner-body{grid-template-columns:1fr;grid-template-rows:auto auto}.catalog-pane{border-right:0;border-bottom:1px solid #123c46}.camera-stage{min-height:240px}}
@media(max-width:520px){.hero-poster{aspect-ratio:4/3}.secondary-try-note{gap:6px}.try-chip{font-size:10px;padding:5px 9px}.partner-modal{width:100vw;height:100vh;max-width:none;max-height:none}.partner-shell{border-radius:0}.partner-top h2{font-size:18px}.partner-body{grid-template-columns:1fr;grid-template-rows:auto auto}.product-grid{grid-template-columns:repeat(2,1fr);gap:7px}.try-pane{padding:10px}.selected-product{grid-template-columns:42px 1fr;align-items:start}.selected-product img{width:42px;height:42px}.buy-btn{grid-column:1/-1}.camera-stage{min-height:220px}.try-actions{grid-template-columns:1fr}.adjustments{grid-template-columns:1fr}.secondary-try-note{flex-direction:column;align-items:flex-start}}



/* V9 transparent assets + cleaner logos */
.brand{width:190px;height:68px;display:flex;align-items:center}
.brand img{width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px #00ecff88)}
footer img{width:150px;height:72px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 10px #00ecff44)}
.hero{padding:16px 0 24px}
.hero-frame{background:radial-gradient(circle at 50% 35%,#102632 0,#03070c 55%,#02060a 100%)}
.hero-poster{position:relative;display:block;width:100%;aspect-ratio:16/7.2;max-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#102633 0,#050a10 58%,#02060a 100%)}
.hero-cutout{position:relative;z-index:3;display:block;width:min(94%,1180px);margin:12px auto 0 auto;filter:drop-shadow(0 0 26px #00ecff30) drop-shadow(0 0 24px #ff0b9720)}
.hero-smoke{position:absolute;z-index:1;top:-4%;width:46%;height:108%;background-repeat:no-repeat;background-size:contain;opacity:.7;filter:blur(2px) saturate(1.15);mix-blend-mode:screen;animation:drift 14s ease-in-out infinite alternate, smokeHue 7s ease-in-out infinite alternate}
.hero-smoke-left{left:-6%;background-image:url('assets/smoke-pink.png')}
.hero-smoke-right{right:-6%;background-image:url('assets/smoke-cyan.png');animation-delay:-6s,-2s}
.hero-slogan{top:34px;z-index:5}
.hero-slogan-left{left:30px}
.hero-slogan-right{right:30px}
.about-art{display:flex;align-items:center;justify-content:center;padding:0;background:radial-gradient(circle at 50% 35%,#101f2a 0,#061018 55%,#03070b 100%)}
.about-art-shell{position:relative;inset:0;width:100%;height:100%;min-height:315px;overflow:hidden}
.about-art img{position:relative;z-index:2;width:94%;height:100%;min-height:315px;object-fit:contain;object-position:center;filter:saturate(1.15) contrast(1.03) brightness(.96) drop-shadow(0 0 18px #00ecff20)}
.about-art:before{opacity:.92}
body.music-live .hero-cutout,body.music-live .about-art img{transform:translateY(calc(var(--beat) * -2px)) scale(calc(1 + var(--beat) * .008));filter:drop-shadow(0 0 calc(18px + var(--beat) * 18px) #00ecff55) drop-shadow(0 0 calc(14px + var(--beat) * 15px) #ff0b9740)}
body.music-live .hero-smoke,body.music-live .about-art .hero-smoke,body.music-live .global-smoke,body.music-live .local-smoke,body.music-live .panel-smoke{opacity:calc(.22 + var(--beat) * .24);filter:blur(calc(3px + var(--beat) * 4px)) saturate(calc(1.1 + var(--beat) * .7))}
@keyframes smokeHue{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-10px,0) scale(1.04)}}
@media(max-width:900px){
  .brand{width:150px;height:58px}.brand img{height:100%}
  .hero-poster{aspect-ratio:16/8.5;max-height:none}
  .hero-cutout{width:98%;margin-top:18px}
  .hero-slogan{top:18px}
  .about-art-shell,.about-art img{min-height:260px}
}
@media(max-width:520px){
  .hero-poster{aspect-ratio:4/3.2}
  .hero-cutout{width:104%;margin-left:-2%;margin-top:48px}
  .brand{width:136px;height:52px}
  footer img{width:132px;height:66px}
}



/* V10 stronger smoke + neon */
body{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,11,151,.18) 0, rgba(255,11,151,.06) 18%, transparent 38%),
    radial-gradient(circle at 84% 22%, rgba(0,236,255,.18) 0, rgba(0,236,255,.06) 18%, transparent 38%),
    radial-gradient(circle at 16% 84%, rgba(255,11,151,.14) 0, transparent 34%),
    radial-gradient(circle at 86% 80%, rgba(0,236,255,.14) 0, transparent 34%),
    #02060a !important;
}
.scanlines{opacity:.04 !important}
.global-smoke{
  opacity:.34 !important;
  filter:blur(5px) saturate(1.38) !important;
  z-index:-1 !important;
  mix-blend-mode:screen;
}
.global-smoke.global-smoke-pink{
  left:-18vw !important; top:-2vh !important; width:92vw !important; height:92vh !important;
}
.global-smoke.global-smoke-cyan{
  right:-18vw !important; top:14vh !important; width:92vw !important; height:92vh !important;
}
.local-smoke{
  opacity:.42 !important;
  filter:blur(2px) saturate(1.34) !important;
}
.panel-smoke{opacity:.52 !important; filter:blur(1px) saturate(1.28) !important}
.hero-frame{
  box-shadow:0 0 38px #00ecff4a,0 0 46px #ff0b9735,inset 0 0 38px #000 !important;
}
.hero-frame:before{border-color:#ff0b9799 !important}
.hero-edge-glow{box-shadow:inset 0 0 90px #000,inset 60px 0 95px #ff0b9738,inset -60px 0 95px #00ecff38 !important}
.hero-poster{
  background:
    radial-gradient(circle at 20% 50%, rgba(255,11,151,.22) 0, transparent 34%),
    radial-gradient(circle at 80% 48%, rgba(0,236,255,.24) 0, transparent 34%),
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.06) 0, transparent 26%),
    radial-gradient(circle at 50% 20%,#102633 0,#050a10 58%,#02060a 100%) !important;
}
.hero-smoke{
  opacity:.95 !important;
  filter:blur(1px) saturate(1.45) brightness(1.08) !important;
}
.hero-smoke-left{left:-3% !important; width:48% !important}
.hero-smoke-right{right:-3% !important; width:48% !important}
.hero-cutout{filter:drop-shadow(0 0 26px #00ecff55) drop-shadow(0 0 24px #ff0b9750) !important}
.topbar, .social-card, .video-card, .about-art, .panel, .contact-box, .music-toggle, .text-link, .mini-socials a{
  box-shadow:0 0 22px rgba(0,236,255,.18),0 0 18px rgba(255,11,151,.14) !important;
}
nav a:hover, nav a.active{ text-shadow:0 0 11px #ff0b97,0 0 11px #00ecff; }
body.music-live .topbar,
body.music-live .hero-frame,
body.music-live .about-art,
body.music-live .video-card,
body.music-live .panel,
body.music-live .contact-box,
body.music-live .music-toggle,
body.music-live .social-card,
body.music-live .mini-socials a,
body.music-live .text-link{
  box-shadow:0 0 calc(28px + var(--beat) * 28px) rgba(0,236,255,.30),0 0 calc(24px + var(--beat) * 24px) rgba(255,11,151,.22), inset 0 0 calc(18px + var(--beat) * 20px) rgba(255,255,255,.03) !important;
}
body.music-live .social-card,body.music-live .neon-btn,body.music-live .music-toggle,body.music-live .mini-socials a{
  transform:translateY(calc(var(--beat) * -2px)) scale(calc(1 + var(--beat) * .02)) !important;
  filter:brightness(calc(1 + var(--beat) * .18)) saturate(calc(1 + var(--beat) * .25)) !important;
}
body.music-live .hero-smoke,
body.music-live .about-art .hero-smoke,
body.music-live .global-smoke,
body.music-live .local-smoke,
body.music-live .panel-smoke{
  opacity:calc(.42 + var(--beat) * .34) !important;
  filter:blur(calc(2px + var(--beat) * 5px)) saturate(calc(1.2 + var(--beat) * .9)) brightness(calc(1 + var(--beat) * .22)) !important;
}
body.music-live .hero-edge-glow{
  box-shadow:inset 0 0 calc(84px + var(--beat) * 44px) #000, inset 64px 0 calc(90px + var(--beat) * 28px) #ff0b9748, inset -64px 0 calc(90px + var(--beat) * 28px) #00ecff48 !important;
}
body.music-live .hero-cutout, body.music-live .about-art img{
  transform:translateY(calc(var(--beat) * -3px)) scale(calc(1 + var(--beat) * .014));
  filter:drop-shadow(0 0 calc(22px + var(--beat) * 18px) #00ecff80) drop-shadow(0 0 calc(18px + var(--beat) * 15px) #ff0b9770) !important;
}
body.music-live .topbar:after, body.music-live .neon-section:after{
  box-shadow:0 0 calc(16px + var(--beat) * 24px) #00ecffcc,0 0 calc(18px + var(--beat) * 22px) #ff0b97aa !important;
}
@media(max-width:900px){
  .global-smoke{opacity:.26 !important}
  .local-smoke{opacity:.32 !important}
  .hero-smoke{opacity:.82 !important}
}


/* V11 add visible helmet test tab */
#navTryon{color:var(--cyan);text-shadow:0 0 10px #00ecff55}
#navTryon:hover{color:#fff;text-shadow:0 0 12px #00ecff,0 0 12px #ff0b97}
.inline-tryon-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--cyan);text-transform:uppercase;text-shadow:0 0 8px #00ecff88}
.inline-tryon-link:hover{color:#fff;text-shadow:0 0 12px #00ecff,0 0 12px #ff0b97}



/* V16 — layout organizado, smoke particles e neon consistente */
:root{--outline-grad:linear-gradient(120deg,#ff169f 0%,#ff8bd3 24%,#ffffff 49%,#69f8ff 72%,#00e7ff 100%)}
html,body{background:#02060a!important}
body{position:relative;isolation:isolate}
.smoke-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mix-blend-mode:screen;filter:blur(10px);opacity:.92}
.global-smoke,.local-smoke,.panel-smoke,.hero-smoke{display:none!important}
body>header,body>main,body>footer,.music-toggle,.tapHint,.toast{position:relative;z-index:2}
.section,.hero{background:rgba(2,6,10,.68)!important}
.section-inner{width:min(1280px,calc(100% - 36px))!important}

/* top organized */
.topbar{height:72px!important;padding:8px max(18px,calc((100vw - 1280px)/2))!important;gap:20px!important;background:rgba(2,6,10,.88)!important;border-bottom:2px solid transparent!important;background-image:linear-gradient(rgba(2,6,10,.88),rgba(2,6,10,.88)),var(--outline-grad)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 8px 28px #0008,0 0 18px #ff169f22,0 0 18px #00e7ff22!important}
.topbar:before,.topbar:after{display:none!important}
.brand{width:155px!important;height:54px!important;overflow:visible!important}
.brand img{width:auto!important;height:54px!important;object-fit:contain!important}
nav{display:flex!important;align-items:center;gap:10px!important;margin-left:auto!important;flex-wrap:nowrap}
nav a{font-size:12px!important;padding:9px 13px!important;border:2px solid transparent!important;border-radius:12px!important;background:linear-gradient(#050a0f,#050a0f) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 9px #ff169f20,0 0 9px #00e7ff20!important;white-space:nowrap;transition:.18s ease!important}
nav a:after{display:none!important}
nav a:hover,#navTryon{color:#fff!important;box-shadow:0 0 15px #ff169f44,0 0 15px #00e7ff44!important;text-shadow:0 0 8px #fff6!important}

/* hero */
.hero{padding:16px 0 28px!important}
.hero-shell{max-width:1280px!important}
.hero-frame{border:2px solid transparent!important;border-radius:10px!important;background:linear-gradient(#061019,#061019) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 22px #ff169f26,0 0 22px #00e7ff26!important}
.hero-poster{aspect-ratio:16/7.25!important;max-height:570px!important;background:radial-gradient(circle at 50% 25%,#112635 0,#061018 52%,#02060a 100%)!important}
.hero-cutout{width:min(96%,1220px)!important;margin:8px auto 0!important}
.hero-slogan{top:28px!important}
.hero-slogan-left{left:28px!important}.hero-slogan-right{right:28px!important}
.social-label{margin:16px 0 10px!important}
.main-actions{max-width:1280px!important;gap:16px!important}
.social-card{height:92px!important;padding:0 20px!important;justify-content:flex-start!important;gap:14px!important;border:2px solid transparent!important;border-radius:15px!important;background:linear-gradient(rgba(3,8,13,.94),rgba(3,8,13,.94)) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 14px #ff169f24,0 0 14px #00e7ff24!important;color:#fff!important}
.social-card:before{display:none!important}
.social-brand-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px}
.social-brand-icon svg{width:48px;height:42px}.social-card.yt .social-brand-icon{color:#ff174d}.social-card.ig .social-brand-icon{color:#ff45d4}.social-card.tt .social-brand-icon{color:#2af5ff}
.social-copy{display:flex;flex-direction:column;gap:4px;line-height:1.05;min-width:0}.social-copy small{font-size:11px;letter-spacing:.14em;color:#fff;font-style:normal}.social-copy b{font-size:19px;color:#fff}.social-copy em{font-size:11px;color:#aac3cc;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* consistent content */
.section{padding:42px 0!important}
.about-grid{gap:18px!important}.about-copy{padding:18px 8px!important}.about-art{min-height:300px!important;border:2px solid transparent!important;border-radius:12px!important;background:linear-gradient(#061018,#061018) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 16px #ff169f20,0 0 16px #00e7ff20!important}.about-art:before{opacity:.38!important}.about-art-shell,.about-art img{min-height:300px!important}
.video-grid{gap:14px!important}.video-card{border:2px solid transparent!important;border-radius:10px!important;background:linear-gradient(#050b10,#050b10) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 12px #ff169f1f,0 0 12px #00e7ff1f!important}
.split-grid{gap:16px!important}.panel{min-height:300px!important;padding:24px!important;border:2px solid transparent!important;border-radius:12px!important;background:linear-gradient(rgba(5,12,18,.93),rgba(3,8,12,.93)) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 16px #ff169f22,0 0 16px #00e7ff22!important}
.sponsor-panel,.shop-panel{border:2px solid transparent!important}

/* helmet test clearer */
.tryon-home{display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:18px!important;align-items:center!important}
.tryon-home-copy{min-width:0}.tryon-home h2{margin:4px 0 12px!important}.tryon-home #shopDescription{font-size:14px!important;line-height:1.45!important;margin:0 0 14px!important}
.tryon-steps{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 4px}.tryon-steps span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #4c6a75;border-radius:999px;background:#02070cb8;font-size:10px;font-weight:900}.tryon-steps b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff169f,#00e7ff);color:#fff;font-size:10px}
.tryon-home-visual{height:210px;display:grid;place-items:center;position:relative;border-radius:12px;background:radial-gradient(circle at 50% 50%,#092532,#02070c 70%);overflow:hidden}.tryon-home-visual img{width:138px;max-height:160px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 16px #00e7ff66)}.tryon-home-visual span{position:absolute;left:10px;right:10px;bottom:9px;text-align:center;font-size:9px;font-weight:1000;letter-spacing:.08em;color:#fff;z-index:3}.camera-ring{position:absolute;width:155px;height:155px;border:2px dashed #00e7ff88;border-radius:50%;box-shadow:0 0 18px #00e7ff35,0 0 18px #ff169f25;animation:spinRing 11s linear infinite}@keyframes spinRing{to{transform:rotate(360deg)}}
.neon-btn{margin-top:12px!important}.secondary-try-note{display:none!important}.inline-tryon-link{margin-top:10px!important}

/* compact contact */
.compact-contact{padding:28px 0 20px!important}.contact-box{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:24px!important;padding:22px 24px!important;border:2px solid transparent!important;border-radius:12px!important;background:linear-gradient(rgba(4,10,15,.92),rgba(4,10,15,.92)) padding-box,var(--outline-grad) border-box!important;box-shadow:0 0 16px #ff169f20,0 0 16px #00e7ff20!important}.contact-box h2{font-size:34px!important;margin:4px 0 6px!important}.contact-box p{margin:0!important}.contact-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.contact-pills a{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #4c6872;border-radius:999px;background:#02070c;font-size:10px;font-weight:900}.contact-pills span{font-size:16px}
footer{width:min(1280px,calc(100% - 36px))!important;padding:18px 0 26px!important}

/* music pulse: glow only, no layout jumping */
body.music-live nav a,body.music-live .hero-frame,body.music-live .social-card,body.music-live .about-art,body.music-live .video-card,body.music-live .panel,body.music-live .contact-box,body.music-live .music-toggle,body.music-live .neon-btn{filter:brightness(calc(1 + var(--beat)*.16)) saturate(calc(1 + var(--beat)*.12))!important;box-shadow:0 0 calc(14px + var(--beat)*16px) #ff169f55,0 0 calc(14px + var(--beat)*16px) #00e7ff55!important}
body.music-live .brand img{filter:drop-shadow(0 0 calc(8px + var(--beat)*14px) #00e7ff88) drop-shadow(0 0 calc(6px + var(--beat)*10px) #ff169f55)!important}
body.music-live nav a,body.music-live .section h2,body.music-live .eyebrow,body.music-live .social-copy b{ text-shadow:0 0 calc(5px + var(--beat)*9px) #fff4!important }

@media(max-width:1050px){nav{gap:7px!important}nav a{padding:8px 9px!important;font-size:10px!important}.social-copy b{font-size:16px!important}.tryon-home{grid-template-columns:1fr 165px!important}.tryon-home-visual{height:190px!important}}
@media(max-width:900px){.topbar{height:64px!important;padding:5px 12px!important}.brand{width:125px!important;height:50px!important}.brand img{height:48px!important}.menu-btn{display:block!important;margin-left:auto!important}.topbar nav{display:none!important;position:absolute!important;left:10px!important;right:10px!important;top:64px!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;background:#02060af8!important;border:2px solid #00e7ff66!important;border-radius:12px!important}.topbar nav.open{display:flex!important}.topbar nav a{justify-content:flex-start!important;padding:11px 13px!important}.main-actions{grid-template-columns:1fr!important}.social-card{height:76px!important}.hero-poster{aspect-ratio:16/9!important}.hero-slogan{display:none!important}.about-grid,.split-grid{grid-template-columns:1fr!important}.tryon-home{grid-template-columns:minmax(0,1fr) 165px!important}.contact-box{grid-template-columns:1fr!important}.contact-pills{justify-content:flex-start!important}}
@media(max-width:560px){.section-inner{width:calc(100% - 20px)!important}.hero{padding-top:8px!important}.hero-poster{aspect-ratio:4/3.15!important}.hero-cutout{width:105%!important;margin-left:-2.5%!important;margin-top:34px!important}.social-card{height:72px!important;padding:0 14px!important}.social-brand-icon{width:42px;height:42px;flex-basis:42px}.social-brand-icon svg{width:38px;height:34px}.social-copy b{font-size:15px!important}.social-copy em{font-size:10px!important}.tryon-home{grid-template-columns:1fr!important}.tryon-home-visual{height:180px!important}.tryon-steps{display:grid;grid-template-columns:1fr!important}.contact-pills{display:grid;grid-template-columns:1fr 1fr;width:100%}.contact-pills a{justify-content:center}.contact-box h2{font-size:28px!important}footer{width:calc(100% - 20px)!important}}


/* V17 ajustes: fumaça mais visível no site todo + barras finas */
html,body{background:#01050a!important}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,20,151,.10), transparent 25%),
    radial-gradient(circle at 86% 22%, rgba(0,236,255,.10), transparent 26%),
    radial-gradient(circle at 24% 78%, rgba(255,255,255,.05), transparent 24%),
    radial-gradient(circle at 78% 82%, rgba(0,236,255,.06), transparent 22%);
  filter:blur(18px);
}
.smoke-canvas{z-index:1!important;opacity:1!important;filter:blur(14px)!important;mix-blend-mode:screen!important}
body>header,body>main,body>footer,.music-toggle,.tapHint,.toast{z-index:3!important}
.section,.hero,.split-section,.videos,.contact{background:rgba(2,6,10,.46)!important}
.neon-section{border-bottom:1px solid rgba(0,236,255,.28)!important;box-shadow:inset 0 -1px 0 rgba(255,11,151,.18)!important}
.topbar{
  height:58px!important;
  padding:4px max(14px,calc((100vw - 1280px)/2))!important;
  gap:14px!important;
  background:rgba(2,6,10,.78)!important;
  box-shadow:0 4px 16px #0007,0 0 10px #ff169f20,0 0 10px #00e7ff20!important;
}
.brand{width:128px!important;height:42px!important}
.brand img{height:40px!important}
nav{gap:8px!important}
nav a{padding:7px 11px!important;border-width:2px!important;border-radius:11px!important;box-shadow:0 0 12px #ff169f2f,0 0 12px #00e7ff2f!important}
footer{
  width:min(1280px,calc(100% - 28px))!important;
  padding:10px 0 12px!important;
  min-height:auto!important;
  font-size:11px!important;
}
footer img{width:112px!important;height:52px!important;object-fit:contain!important}
.compact-contact{padding:18px 0 12px!important}
.contact-box{padding:16px 18px!important}
.contact-box h2{font-size:28px!important}
.contact-box p{font-size:14px!important}
@media(max-width:900px){
  .topbar{height:56px!important;padding:4px 10px!important}
  .brand{width:112px!important;height:38px!important}
  .brand img{height:36px!important}
  .topbar nav{top:56px!important}
  footer{padding:8px 0 10px!important}
}


/* V19 final override: topo/rodape finos e fumaça visível no fundo todo */
html,body{background:#01050a!important}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,18,144,.20), transparent 23%),
    radial-gradient(circle at 85% 20%, rgba(0,233,255,.20), transparent 25%),
    radial-gradient(circle at 22% 75%, rgba(255,255,255,.10), transparent 18%),
    radial-gradient(circle at 78% 80%, rgba(0,233,255,.10), transparent 18%);
  filter:blur(22px);
  opacity:.9;
}
.smoke-canvas{position:fixed!important; inset:0!important; z-index:1!important; opacity:1!important; filter:blur(8px)!important; mix-blend-mode:screen!important}
body>header,body>main,body>footer,.music-toggle,.tapHint,.toast,.video-modal{position:relative; z-index:3!important}
.topbar{
  height:50px!important; min-height:50px!important; padding:3px max(10px,calc((100vw - 1280px)/2))!important;
  gap:12px!important; background:rgba(2,6,10,.72)!important; box-shadow:0 0 12px rgba(255,20,151,.18),0 0 12px rgba(0,236,255,.18)!important;
  border-bottom:1px solid rgba(0,236,255,.35)!important;
}
.brand{width:112px!important; height:38px!important; padding:0!important; display:flex!important; align-items:center!important}
.brand img{width:auto!important; height:36px!important; object-fit:contain!important}
nav{gap:8px!important}
nav a{
  padding:6px 11px!important; border-radius:11px!important; border:2px solid transparent!important;
  background:linear-gradient(rgba(4,8,13,.82),rgba(4,8,13,.82)) padding-box, linear-gradient(135deg, rgba(255,25,155,.95), rgba(255,255,255,.70), rgba(0,236,255,.95)) border-box!important;
  box-shadow:0 0 10px rgba(255,20,151,.20),0 0 10px rgba(0,236,255,.20)!important;
}
nav a:after{display:none!important}
.menu-btn{padding:5px 10px!important; border-radius:9px!important}
.section,.hero,.videos,.contact,.split-section,.compact-contact{background:rgba(2,6,10,.22)!important}
.neon-section{border-bottom:1px solid rgba(0,236,255,.20)!important; box-shadow:inset 0 -1px 0 rgba(255,20,151,.10)!important}
.hero{padding:10px 0 18px!important}
.hero-frame,.about-art,.video-card,.panel,.contact-box,.social-card,.text-link,.mini-socials a,.music-toggle,.try-chip,.try-cta,.product-card,.catalog-pane,.try-pane,.camera-stage,.selected-product{
  background-color:rgba(2,6,10,.60)!important;
}
footer{
  width:min(1280px,calc(100% - 20px))!important; min-height:auto!important; padding:5px 0 6px!important;
  gap:10px!important; font-size:10px!important; background:rgba(2,6,10,.28)!important; border-top:1px solid rgba(0,236,255,.20)!important;
}
footer img{width:86px!important; height:38px!important; object-fit:contain!important}
footer .footer-copy, footer p, footer small, footer span{font-size:10px!important; line-height:1.2!important}
.footer-spacer{display:none!important}
.compact-contact{padding:18px 0 10px!important}
.contact-box{padding:14px 16px!important}
.contact-pills a{padding:10px 14px!important}
@media(max-width:900px){
  .topbar{height:48px!important; min-height:48px!important; padding:3px 8px!important}
  .brand{width:106px!important; height:36px!important}
  .brand img{height:34px!important}
  .topbar nav{top:48px!important}
  footer{padding:5px 0 7px!important}
}

/* V20 smoke boost */
.section,.hero,.videos,.contact,.split-section,.compact-contact,.topbar,footer{backdrop-filter:blur(6px)!important}


/* V21: rodape bem fino e sem espaco vazio abaixo */
html,body{min-height:100%;height:100%}
body{display:flex!important;flex-direction:column!important;min-height:100vh!important}
main{flex:1 0 auto!important}
footer{flex-shrink:0!important;margin-top:0!important;width:min(1280px,calc(100% - 18px))!important;padding:2px 0 3px!important;min-height:34px!important;gap:8px!important;align-items:center!important}
footer img{width:72px!important;height:28px!important;object-fit:contain!important}
footer .footer-copy,footer p,footer small,footer span,footer strong,footer div{font-size:9px!important;line-height:1.1!important}
.compact-contact{padding:14px 0 6px!important}
.contact-box{padding:12px 14px!important}
.contact-box h2{font-size:26px!important;margin:2px 0 4px!important}
.contact-box p{font-size:13px!important}
@media(max-width:900px){footer{padding:2px 0 4px!important;width:calc(100% - 14px)!important} footer img{width:68px!important;height:26px!important}}


/* V22: tirar area grande de baixo + efeitos mais fortes */
html,body{min-height:100%;height:100%}
body{display:flex!important;flex-direction:column!important;min-height:100vh!important;background:#01050a!important}
main{flex:1 0 auto!important;padding-bottom:46px!important}

/* Fumaca global mais forte no site todo */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 12% 22%, rgba(255,24,155,.26), transparent 24%),
    radial-gradient(circle at 86% 24%, rgba(0,236,255,.24), transparent 26%),
    radial-gradient(circle at 18% 78%, rgba(255,255,255,.10), transparent 20%),
    radial-gradient(circle at 80% 82%, rgba(255,40,170,.16), transparent 24%),
    radial-gradient(circle at 62% 72%, rgba(0,236,255,.14), transparent 20%);
  filter:blur(28px);
  opacity:1;
}
.global-smoke{opacity:.26!important;filter:blur(11px)!important}
.local-smoke{opacity:.34!important;filter:blur(6px)!important}
.smoke-canvas{position:fixed!important;inset:0!important;z-index:1!important;opacity:1!important;filter:blur(7px)!important;mix-blend-mode:screen!important}
body>header,body>main,body>footer,.music-toggle,.tapHint,.toast,.video-modal{position:relative;z-index:3!important}

/* Topo fino */
.topbar{height:48px!important;min-height:48px!important;padding:2px max(10px,calc((100vw - 1280px)/2))!important;gap:12px!important}
.brand{width:110px!important;height:34px!important}
.brand img{height:32px!important;width:auto!important}
nav{gap:8px!important}
nav a{padding:6px 10px!important;border-radius:10px!important;border:2px solid transparent!important;background:linear-gradient(rgba(3,8,12,.82),rgba(3,8,12,.82)) padding-box, linear-gradient(135deg, rgba(255,24,155,.95), rgba(255,255,255,.72), rgba(0,236,255,.95)) border-box!important;box-shadow:0 0 12px rgba(255,24,155,.28),0 0 12px rgba(0,236,255,.28)!important}
nav a:after{display:none!important}

/* Rodape fino e grudado embaixo */
footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:3px 12px!important;min-height:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;background:linear-gradient(90deg, rgba(4,8,13,.88), rgba(6,16,24,.82), rgba(4,8,13,.88))!important;border-top:1px solid rgba(0,236,255,.42)!important;box-shadow:0 -1px 12px rgba(0,236,255,.22),0 -1px 12px rgba(255,24,155,.18)!important}
footer img{width:58px!important;height:24px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(0,236,255,.36))!important}
footer .footer-spacer{display:none!important}
footer strong,footer span,footer small,footer p,footer div{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important}

/* Menos espaco no bloco contato */
.compact-contact{padding:14px 0 4px!important}
.contact-box{padding:12px 14px!important}
.contact-box h2{font-size:24px!important;margin:2px 0 4px!important}
.contact-box p{font-size:13px!important;margin:0!important}
.contact-pills a{padding:8px 10px!important}

@media(max-width:900px){
  main{padding-bottom:42px!important}
  .topbar{height:46px!important;min-height:46px!important;padding:2px 8px!important}
  .brand{width:104px!important;height:32px!important}
  .brand img{height:30px!important}
  .topbar nav{top:46px!important}
  footer{height:auto!important;min-height:32px!important;padding:3px 8px!important;gap:8px!important;justify-content:flex-start!important;overflow:hidden!important}
  footer img{width:54px!important;height:22px!important}
  footer strong,footer span,footer small,footer p,footer div{font-size:8px!important}
}


/* V23 — rodapé compacto + player melhor + fumaça forte */
html,body{min-height:0!important;height:auto!important}
body{display:block!important;min-height:100vh!important;background:#01050a!important}
main{display:block!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
.compact-contact{padding:10px 0 4px!important;margin-bottom:0!important}
.contact-box{padding:10px 13px!important;min-height:0!important}
.contact-box h2{font-size:23px!important;margin:2px 0 3px!important}.contact-box p{font-size:12px!important;margin:0!important}
.contact-pills a{padding:7px 9px!important}
footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:28px!important;min-height:28px!important;margin:0!important;padding:2px max(10px,calc((100vw - 1280px)/2))!important;display:flex!important;align-items:center!important;gap:8px!important;background:rgba(2,6,10,.88)!important;border-top:1px solid rgba(0,236,255,.26)!important;box-shadow:0 -1px 8px rgba(255,20,151,.12),0 -1px 8px rgba(0,236,255,.12)!important}
footer img{width:50px!important;height:22px!important;object-fit:contain!important}
footer strong,footer span,footer div{font-size:8px!important;line-height:1.02!important;white-space:nowrap!important}.footer-spacer{display:block!important;flex:1!important}
.topbar{height:48px!important;min-height:48px!important;padding:2px max(9px,calc((100vw - 1280px)/2))!important;gap:10px!important}
.brand{width:104px!important;height:34px!important}.brand img{height:32px!important;width:auto!important}
nav{gap:7px!important}nav a{padding:6px 9px!important;font-size:10px!important}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 16%,rgba(255,20,151,.30),transparent 25%),radial-gradient(circle at 88% 20%,rgba(0,236,255,.28),transparent 26%),radial-gradient(circle at 20% 76%,rgba(255,255,255,.13),transparent 20%),radial-gradient(circle at 78% 80%,rgba(255,30,165,.18),transparent 24%),radial-gradient(circle at 57% 63%,rgba(0,236,255,.16),transparent 22%);filter:blur(30px);opacity:1}
.smoke-canvas{position:fixed!important;inset:0!important;z-index:1!important;opacity:1!important;filter:blur(6px)!important;mix-blend-mode:screen!important}
body>header,body>main,body>footer,.music-dock,.tapHint,.toast,.video-modal{position:relative;z-index:3!important}
.section,.hero,.videos,.contact,.split-section{background:rgba(2,6,10,.24)!important}
.music-dock{position:fixed!important;right:14px!important;bottom:36px!important;z-index:95!important;width:300px;height:50px;display:flex;align-items:center;gap:8px;padding:6px 9px;border:2px solid transparent;border-radius:15px;background:linear-gradient(rgba(2,8,13,.94),rgba(2,8,13,.94)) padding-box,linear-gradient(120deg,#ff169f,#ffffffb8,#00e7ff) border-box;box-shadow:0 0 16px #ff169f36,0 0 16px #00e7ff36;backdrop-filter:blur(12px)}
.music-toggle{position:static!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important;margin:0!important;font-size:14px!important;border:1px solid #00e7ff!important;box-shadow:0 0 10px #00e7ff55!important}
.music-dock-copy{display:flex;flex-direction:column;width:68px;line-height:1.05}.music-dock-copy b{font-size:9px;letter-spacing:.09em;color:#fff}.music-dock-copy span{font-size:8px;color:#91acb8;white-space:nowrap}
.volume-icon{font-size:13px}.music-volume{width:88px;accent-color:#00e7ff;cursor:pointer}.music-volume-label{font-size:9px;color:#dffbff;min-width:28px;text-align:right}
.tapHint{position:fixed!important;right:20px!important;left:auto!important;bottom:90px!important;transform:none!important;padding:5px 9px!important;font-size:8px!important;max-width:210px!important;border-radius:9px!important}.tapHint.hide{display:none!important}
body.music-live .music-dock{box-shadow:0 0 calc(14px + var(--beat)*16px) #ff169f66,0 0 calc(14px + var(--beat)*16px) #00e7ff66!important;filter:brightness(calc(1 + var(--beat)*.14))}
@media(max-width:900px){.topbar{height:46px!important;min-height:46px!important;padding:2px 8px!important}.brand{width:98px!important;height:32px!important}.brand img{height:30px!important}.topbar nav{top:46px!important}footer{height:26px!important;min-height:26px!important;padding:2px 7px!important}footer img{width:45px!important;height:20px!important}footer strong,footer span,footer div{font-size:7px!important}.music-dock{right:7px!important;bottom:32px!important;width:min(290px,calc(100vw - 14px));height:46px}.music-toggle{width:32px!important;height:32px!important;flex-basis:32px!important}.music-volume{flex:1;min-width:62px}.tapHint{right:9px!important;bottom:82px!important}}