/* === Anteprima futuristica === */
:root{--fx-or:#e8784a}
body::before{content:"";position:fixed;inset:-50%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 20% 15%,rgba(232,120,74,.16),transparent 60%),radial-gradient(35% 30% at 85% 70%,rgba(120,90,255,.10),transparent 60%);animation:fxglow 18s ease-in-out infinite alternate}
@keyframes fxglow{to{transform:translate(6%,4%) rotate(8deg)}}
body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hd{background:rgba(12,12,16,.55)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}
.btn,.hd .cta,a[class*="btn"]{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s;will-change:transform}
.btn:hover,a[class*="btn"]:hover{box-shadow:0 0 0 1px rgba(232,120,74,.6),0 10px 40px -6px rgba(232,120,74,.65)}
h1 em,h2 em{background:linear-gradient(90deg,#e8784a,#ffb38a,#e8784a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxshine 6s linear infinite}
@keyframes fxshine{to{background-position:200% center}}
.fx-word{display:inline-block;opacity:0;transform:translateY(.6em) rotate(2deg);filter:blur(6px);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1),filter .7s}
.fx-in .fx-word{opacity:1;transform:none;filter:none}
.wk,.card{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.wk:hover,.card:hover{box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(232,120,74,.35)}
.wk img,.card img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wk:hover img,.card:hover img{transform:scale(1.08)}
.fx-cur,.fx-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;border-radius:50%;mix-blend-mode:difference}
.fx-cur{width:38px;height:38px;border:1px solid #fff;margin:-19px 0 0 -19px;transition:width .2s,height .2s,margin .2s}
.fx-cur.big{width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(232,120,74,.25);border-color:var(--fx-or)}
.fx-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--fx-or)}
.fx-trail{position:fixed;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--fx-or);pointer-events:none;z-index:9997;opacity:.5;filter:blur(2px)}
.fx-strip{overflow:hidden;padding:60px 0}.fx-track{display:flex;gap:18px;width:max-content;will-change:transform}
.fx-track img{height:42vh;max-height:420px;border-radius:14px;object-fit:cover;filter:saturate(1.05)}
.fx-stats{display:flex;justify-content:center;gap:clamp(30px,8vw,120px);padding:70px 20px;text-align:center}
.fx-stats b{display:block;font-size:clamp(42px,6vw,84px);font-weight:300;color:#fff}.fx-stats b i{color:var(--fx-or);font-style:italic}
.fx-stats span{letter-spacing:.2em;font-size:12px;text-transform:uppercase;opacity:.7}
.fx-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#e8784a,#ffb38a);z-index:10000;width:0}
@media (max-width:820px),(hover:none){.fx-cur,.fx-dot,.fx-trail{display:none}.fx-word{filter:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fx-word{opacity:1;transform:none;filter:none}}
@media (min-width:821px) and (hover:hover){body,a,button{cursor:none}}