/* Hero com a arte 4K ao fundo e textos flutuantes */
.hero{isolation:isolate;overflow:hidden;background:#060a12;min-height:100vh}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background-color:#060a12;background-image:url('images/pendrives-onda-jovem-16-32-64gb-4k-v5.webp');background-position:right top;background-size:92% auto;background-repeat:no-repeat;animation:backgroundDrift 14s ease-in-out infinite alternate;will-change:transform;transform-origin:right top}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,8,15,.97) 0%,rgba(4,8,15,.88) 34%,rgba(4,8,15,.35) 62%,rgba(4,8,15,.12) 100%),linear-gradient(0deg,rgba(7,11,20,.94) 0%,transparent 32%,rgba(4,8,15,.18) 100%)}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:610px}
.hero-copy{padding:30px 0;text-shadow:0 3px 18px rgba(0,0,0,.85)}
.hero-copy h1{animation:textFloat 5.4s ease-in-out infinite}
.hero-copy .lead{animation:textFloat 6.1s ease-in-out .6s infinite}
.hero-copy .support-message{background:linear-gradient(90deg,rgba(7,11,20,.9),rgba(7,11,20,.54));backdrop-filter:blur(10px);animation:textFloat 6.8s ease-in-out 1.1s infinite}
.hero-float-copy{position:relative;min-height:500px}
.float-word{position:absolute;display:flex;flex-direction:column;gap:4px;padding:13px 17px;border:1px solid rgba(244,216,137,.48);border-radius:14px;background:rgba(5,10,19,.76);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.4);text-shadow:0 3px 12px #000}
.float-word small{color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.15em}
.float-word strong{font-size:13px}
.fw-one{top:12%;right:2%;animation:wordFloatA 5s ease-in-out infinite}
.fw-two{top:47%;right:11%;animation:wordFloatB 6s ease-in-out .5s infinite}
.fw-three{right:0;bottom:9%;animation:wordFloatA 5.8s ease-in-out 1s infinite}
.hero .stats,.hero .mission-strip{position:relative;z-index:2;background:rgba(7,11,20,.56);backdrop-filter:blur(8px)}
.hero .stats{padding:22px 24px;border:1px solid rgba(255,255,255,.11);border-radius:15px}
.hero .mission-strip{animation:textFloat 7s ease-in-out 1.4s infinite}
@keyframes backgroundDrift{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.025) translate3d(.4%,-.25%,0)}}
@keyframes textFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes wordFloatA{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(-9px,-14px,0) rotate(1deg)}}
@keyframes wordFloatB{0%,100%{transform:translate3d(0,0,0) rotate(1deg)}50%{transform:translate3d(8px,-11px,0) rotate(-1deg)}}
@media(max-width:900px){.hero::before{background-position:68% 41%;background-size:auto min(58vh,560px);transform-origin:70% 41%}.hero::after{background:linear-gradient(180deg,rgba(4,8,15,.82),rgba(4,8,15,.48) 50%,rgba(7,11,20,.95) 88%)}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:720px;margin:auto}.hero-float-copy{min-height:280px}.fw-one{top:5%;right:5%}.fw-two{top:42%;left:4%;right:auto}.fw-three{right:6%;bottom:6%}}
@media(max-width:600px){.hero::before{background-position:66% 43%;background-size:auto min(48vh,390px);animation-duration:18s}.hero::after{background:linear-gradient(180deg,rgba(4,8,15,.9),rgba(4,8,15,.58) 55%,rgba(7,11,20,.97) 90%)}.hero-copy{padding-top:12px}.hero-copy h1{font-size:40px}.hero-float-copy{min-height:245px}.float-word{padding:10px 12px}.float-word strong{font-size:11px}.hero .stats{padding:18px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-copy h1,.hero-copy .lead,.hero-copy .support-message,.float-word,.hero .mission-strip{animation:none!important;transform:none!important}}