/* A arte original continua intacta. Luz, telas e objetos são camadas decorativas. */
.studio-wrap.hero-visual{position:relative;padding:20px 0}
.studio-wrap.hero-visual::before{content:"";position:absolute;inset:0 -6% 0;border-radius:50%;background:radial-gradient(ellipse,#2ca3df24,transparent 68%);filter:blur(28px);pointer-events:none}
.studio-hero{aspect-ratio:3/2;border:1px solid #77dfff77;border-radius:24px;overflow:hidden;background:#102241;box-shadow:0 25px 70px #0008,0 0 60px #42c8f31c,inset 0 0 0 1px #bdedff22;transform:perspective(1500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important;transition:transform .5s ease-out;isolation:isolate}
.studio-picture{inset:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;transform:none;transition:none}
.studio-picture img{width:100%;height:100%;object-fit:contain}
.studio-atmosphere{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.studio-light{position:absolute;pointer-events:none;mix-blend-mode:screen;border-radius:50%;transform:translate(var(--studio-light-x,0px),var(--studio-light-y,0px));transition:transform .3s ease-out}
.studio-light--cyan{width:55%;height:70%;right:-9%;top:19%;background:radial-gradient(ellipse,#2eaeff28,#33c4ff0e 43%,transparent 70%);animation:studio-screen-breathe 7s ease-in-out infinite}
.studio-light--warm{width:18%;height:30%;right:0;top:2%;background:radial-gradient(ellipse,#ffd4802e,transparent 65%);animation:studio-screen-breathe 9s ease-in-out -3s infinite}
.studio-screen-effects{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.studio-code-line{stroke-dasharray:28 310;stroke-dashoffset:330;animation:studio-code-stream 5s linear infinite}
.studio-screen-sweep{animation:studio-scan 8s ease-in-out infinite}
.studio-terminal-cursor{animation:studio-cursor 2s steps(2,end) infinite}
.studio-dashboard-chart{stroke-dasharray:250;stroke-dashoffset:0;animation:studio-chart 8s ease-in-out infinite}
.studio-dashboard-dot{animation:studio-screen-breathe 4s ease-in-out infinite}
.studio-dashboard-bar{transform-box:fill-box;transform-origin:bottom;animation:studio-bars 7s ease-in-out infinite}
.studio-dashboard-bar:nth-of-type(2){animation-delay:-2s}.studio-dashboard-bar:nth-of-type(3){animation-delay:-4s}
.studio-desk-led{opacity:.36;filter:drop-shadow(0 0 9px #40ddff);animation:studio-screen-breathe 6s ease-in-out -2s infinite}
.studio-desk-pulse{stroke-dasharray:5 95;stroke-dashoffset:100;opacity:.85;filter:drop-shadow(0 0 10px #88fbff);animation:studio-desk-stream 6s linear infinite}
.studio-desk-reflection{position:absolute;left:62%;top:77%;width:32%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#4de3ff32,#2472e91a 45%,transparent 70%);filter:blur(8px);transform:rotate(-9deg);animation:studio-screen-breathe 6s ease-in-out infinite}
.studio-hero .device-stage{position:absolute;inset:0;z-index:2;perspective:1300px;pointer-events:none}
.studio-hero .laptop{width:32%;left:61%;top:66%;transform:perspective(900px) rotate(-2deg) rotateY(-16deg) rotateX(9deg);filter:drop-shadow(0 10px 8px #0206159c)}
.studio-hero .laptop-screen{padding:4px 4px 6px;background:linear-gradient(125deg,#bac9d6,#425269 36%,#7994ac);border-color:#bddef99a;border-radius:6px 6px 2px 2px}
.studio-hero .device-topbar{height:10px}.studio-hero .device-topbar b{font-size:3.5px}.studio-hero .device-topbar>span{width:2px;height:2px}
.studio-hero .laptop-base{height:10px;background:linear-gradient(#b4cada,#8598ae 20%,#3e526b 67%,#142238)}
.studio-hologram-fallback{position:absolute;left:70%;top:43%;width:17%;height:25%;filter:drop-shadow(0 0 9px #65dfff66)}
.hologram-orbit{position:absolute;inset:5% 6%;border:1px solid #68e8ffb8;border-radius:50%;transform:rotate(-30deg) rotateY(45deg);animation:studio-orbit 10s linear infinite}
.hologram-orbit:nth-child(2){inset:12% 0;transform:rotate(45deg) rotateY(25deg);animation-direction:reverse}
.hologram-core{position:absolute;inset:27% 25%;background:linear-gradient(135deg,#c0ffff77,#28baff44);border:1px solid #9bedffcc;border-radius:5px;transform:rotate(45deg);box-shadow:inset 0 0 16px #8cffff44}
.hologram-projector{position:absolute;left:13%;right:13%;bottom:-3%;height:9%;border:1px solid #62d5ff88;background:#173f7799;border-radius:50%;box-shadow:0 0 12px #41ddff66}
.studio-hero.webgl-ready .studio-hologram-fallback{visibility:hidden}
.studio-hero .studio-point--systems{left:3%;top:51%}
.studio-hero .studio-point--commerce{right:2%;top:25%}
.studio-hero .studio-point--automation{left:3%;top:auto;bottom:5%}
.studio-hero .studio-point{background:#0a1d30e6;border-color:#94eaff7a;box-shadow:0 5px 16px #0005,inset 0 1px #e7ffff1a;transition:transform .2s,background .2s,box-shadow .2s}
.studio-hero .studio-point:hover{background:#153b57ee;box-shadow:0 5px 20px #0006,0 0 19px #54ddff30}
.studio-hero .studio-point:focus-visible{outline-offset:-2px}
.scene-caption{margin-top:18px}.scene-caption>span:last-child{color:#99c3d6}
.studio-hero.scene-paused .studio-atmosphere *,.studio-hero.scene-paused .studio-hologram-fallback *{animation-play-state:paused!important}
.studio-hero.scene-paused::after{animation-play-state:paused!important}
@keyframes studio-code-stream{to{stroke-dashoffset:0}}
@keyframes studio-scan{0%,15%{transform:translateY(0);opacity:0}28%{opacity:.5}75%{opacity:.5}90%,100%{transform:translateY(320px);opacity:0}}
@keyframes studio-cursor{0%,45%{opacity:.7}50%,100%{opacity:0}}
@keyframes studio-chart{0%,100%{stroke-dashoffset:0;opacity:.65}35%{stroke-dashoffset:100;opacity:.3}65%{stroke-dashoffset:0;opacity:.65}}
@keyframes studio-bars{0%,100%{transform:scaleY(.9)}50%{transform:scaleY(.6)}}
@keyframes studio-screen-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes studio-desk-stream{to{stroke-dashoffset:0}}
@keyframes studio-orbit{50%{transform:rotate(30deg) rotateY(65deg)}}
@media(max-width:1100px){.studio-hero{aspect-ratio:3/2}.studio-hero .studio-point{gap:5px;padding:5px 8px 5px 5px}.studio-hero .studio-point b{font-size:.66rem}.studio-hero .studio-point>span{width:24px;height:24px;font-size:19px}}
@media(max-width:760px){.studio-wrap.hero-visual{padding:14px 0}.studio-hero{aspect-ratio:3/2;border-radius:20px;transform:none!important}.studio-hero .laptop{width:35%;left:58%;top:65%}.studio-hero .studio-point b{font-size:.64rem}.studio-hero .studio-point--systems{left:3%;top:51%}.studio-hero .studio-point--commerce{right:2%;top:24%}.studio-hero .studio-point--automation{left:3%;bottom:5%}.studio-atmosphere .studio-screen-sweep,.studio-atmosphere .studio-code-line{animation:none}.studio-desk-led{filter:none}.studio-desk-pulse{animation:none;opacity:.3}.studio-wrap.hero-visual::before{filter:none}.studio-light--warm{animation:none}}
@media(max-width:450px){.studio-hero{aspect-ratio:3/2;border-radius:16px}.studio-hero .studio-point{min-height:44px;gap:4px;padding:4px 7px 4px 4px}.studio-hero .studio-point b{font-size:.66rem}.studio-hero .studio-point>span{width:22px;height:22px;font-size:17px}.studio-hero .studio-point--systems{top:50%;left:1%}.studio-hero .studio-point--commerce{top:23%;right:1%}.studio-hero .studio-point--automation{left:2%;bottom:2%}.studio-hero .device-topbar b{font-size:2.5px}.studio-hero .laptop-base{height:6px}.scene-caption{align-items:flex-start;gap:6px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.studio-hero{transform:none!important;transition:none}.studio-atmosphere *,.studio-hologram-fallback *{animation:none!important}}
body.reduced-motion .studio-hero{transform:none!important;transition:none}body.reduced-motion .studio-atmosphere *,body.reduced-motion .studio-hologram-fallback *{animation:none!important}