/* Composizioni prodotto: schermate originali, vetro e profondità. */
.hero>.wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;max-width:1340px;padding-inline:48px;min-height:730px}.hero{padding-block:52px 70px;text-align:left}.hero-copy{position:relative;z-index:3}.hero .hero-mark{display:inline-flex;margin:0 0 18px}.hero .hero-mark img{width:48px}.hero .hero-wm{width:154px;margin:0 0 32px}.hero h1{font-size:clamp(36px,4vw,60px);max-width:17ch;margin:0;line-height:1.08}.hero .lede{font-size:16px;line-height:1.8;margin:24px 0 0;max-width:47ch}.hero .cta-row{justify-content:flex-start;margin-top:28px}.hero .device-hero{width:100%;max-width:none;height:640px;margin:0;perspective:1300px;isolation:isolate}.hero-phone{position:absolute;width:285px;left:27%;top:35px;transform:rotateY(-19deg) rotateZ(9deg);box-shadow:14px 7px 0 #383c47,17px 8px 0 #9ca3b1,30px 45px 60px #0008!important;z-index:2}.hero-phone>img{width:100%;filter:none}.device-island{position:absolute;top:12px;left:35%;width:30%;height:17px;background:#08090c;border-radius:20px}.stage-orbit{position:absolute;inset:10% -20% 0 -20%;z-index:-1;background:radial-gradient(ellipse at 55% 44%,#6b65d545,transparent 62%);filter:blur(35px)}.stage-floor{position:absolute;bottom:12px;left:16%;width:80%;height:40px;background:#8293ff30;filter:blur(24px);border-radius:50%;transform:rotate(-8deg)}
.float-window{position:absolute;overflow:hidden;border:1px solid #ffffff7a;border-radius:22px;background:linear-gradient(135deg,#f0f4ffdc,#d6dbf1c9);box-shadow:inset 0 1px 0 #fff9,0 24px 55px #0005,0 0 32px #97a9ff18;backdrop-filter:blur(24px);pointer-events:none;z-index:4}.float-window img{max-width:none!important;width:100%;height:auto!important;filter:none!important;display:block}.float-workout{left:0;top:180px;width:235px;height:177px;transform:rotateY(12deg) rotateZ(-6deg)}.float-workout img{margin-top:-80px}.float-recipe{right:-20px;bottom:95px;width:190px;height:165px;transform:rotateY(-12deg) rotateZ(7deg)}.float-recipe img{margin-top:-92px}.scelta-percorsi{position:relative}.aree .area{box-shadow:inset 0 1px 0 #ffffff18,0 24px 60px #0002;transition:transform .25s}.aree .area:hover{transform:translateY(-5px)}
#assistente .tre{gap:56px;padding-block:48px 25px}#assistente .funz{perspective:1200px;isolation:isolate}#assistente .iphone-vetrina{transform:rotateY(-9deg) rotateZ(-3deg);box-shadow:8px 3px 0 #555a66,0 35px 65px #0008;transition:transform .4s}#assistente .funz:nth-child(2) .iphone-vetrina{transform:rotateY(9deg) rotateZ(3deg)}#assistente .funz:nth-child(3) .iphone-vetrina{transform:rotateY(-8deg) rotateZ(-2deg)}#assistente .funz:before{content:'';display:block!important;position:absolute;inset:15% -15% 14%;height:auto!important;width:auto!important;z-index:-1;background:radial-gradient(ellipse,#8a83ed28,transparent 68%);filter:blur(18px)}.detail-float{width:72%;height:105px;right:-22px;top:36%;transform:rotateZ(3deg)}.detail-0 img{margin-top:-78%}.detail-1{top:53%;left:-20px;right:auto;height:83px;transform:rotateZ(-4deg)}.detail-1 img{margin-top:-106%}.detail-2{top:23%;height:110px}.detail-2 img{margin-top:-24%}#assistente .personaggio-intro{z-index:6!important}#assistente .funz-go{margin-top:36px}
.black-scena{perspective:1400px;margin-top:70px!important;margin-bottom:85px!important}.black-scena .laptop-reale{transform:rotateY(7deg) rotateX(3deg) rotateZ(-2deg)}.black-scena:before{inset:-15% -15%;background:radial-gradient(ellipse,#7b8eff40,transparent 65%)}.black-float{width:43%;height:155px;left:-7%;top:-30px;transform:rotateZ(-5deg);z-index:4}.black-float img{width:160%;margin-left:-48%;margin-top:-24%}.black-scena .dona-dietro{z-index:6}.giro-scena .computer{filter:drop-shadow(0 30px 34px #39406530)}.cifre .cifra{position:relative}.cerchio-quota{filter:drop-shadow(0 18px 25px #7166bf20)}#conto .sliders{border-radius:24px;padding:24px;background:linear-gradient(135deg,#ffffff40,#ffffff08);box-shadow:inset 0 1px 0 #ffffff8c}#piani .plan{box-shadow:inset 0 1px 0 #fff9,0 20px 45px #22346613!important;transition:transform .2s}#piani .plan:hover{transform:translateY(-5px)}.team-persona img{filter:drop-shadow(0 16px 22px #889aff20)}
@media(min-width:761px){#assistente .wrap{max-width:1280px;padding-inline:48px}}
@media(max-width:1000px) and (min-width:761px){.hero>.wrap{padding-inline:30px;gap:10px}.hero-phone{width:240px;left:23%}.hero .device-hero{height:580px}.float-workout{width:180px}.float-recipe{width:150px;right:0}#assistente .tre{gap:35px}}
@media(max-width:760px){.hero>.wrap{display:flex;flex-direction:column;padding-inline:24px;gap:12px;min-height:0}.hero{padding-top:30px;padding-bottom:30px}.hero-copy{width:100%;text-align:center}.hero .hero-mark img{width:40px}.hero .hero-mark{margin-bottom:12px}.hero .hero-wm{width:126px;margin:0 auto 24px}.hero h1{font-size:37px;max-width:18ch;margin:auto}.hero .lede{font-size:14px;line-height:1.7;margin:20px auto 0}.hero .cta-row{justify-content:center}.hero .device-hero{height:520px;width:100%;max-width:430px;margin:12px auto 0}.hero-phone{width:220px;left:calc(50% - 100px);top:20px;transform:rotateY(-14deg) rotateZ(8deg);border-radius:38px}.float-workout{left:-5px;top:145px;width:164px;height:124px;border-radius:16px}.float-workout img{margin-top:-56px}.float-recipe{right:-6px;bottom:63px;width:142px;height:120px;border-radius:16px}.float-recipe img{margin-top:-68px}.stage-floor{bottom:10px}#assistente .tre{gap:42px;padding-top:32px;padding-bottom:20px}.detail-float{right:-12px;width:65%;height:90px;border-radius:18px}.detail-1{left:-12px;height:74px}.detail-2{height:95px}.black-scena{margin-top:55px!important;margin-bottom:55px!important}.black-float{left:0;top:-25px;width:46%;height:85px;border-radius:12px}.black-scena .laptop-reale{margin-left:4%;width:83%}#conto .sliders{padding:20px 10px}.hero .device-island{height:13px;top:10px}}
@media(prefers-reduced-motion:reduce){.area,.plan,.iphone-vetrina{transition:none!important}}html{overflow-x:clip}.hero-phone{padding-top:24px;background-color:#161920}.hero-phone .device-island{top:7px;height:11px}.hero-phone>img{border-top-left-radius:26px;border-top-right-radius:26px}
/* Render fotografico generato: il device precede il testo su mobile. */
.hero .device-hero{height:auto;aspect-ratio:1;perspective:none;width:115%;margin-left:-6%;align-self:center}.hero .device-hero .hero-render{width:100%;height:auto;filter:none;mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent);object-fit:contain}.hero>.wrap{grid-template-columns:1fr 1.2fr;gap:12px;min-height:700px}.hero{padding-top:20px}.hero-copy{z-index:1}
@media(max-width:760px){.hero>.wrap{gap:0}.hero .device-hero{order:-1;width:calc(100% + 48px);max-width:none;height:auto;margin:-12px -24px 22px;aspect-ratio:1}.hero .hero-mark,.hero .hero-wm{display:none}.hero h1{font-size:34px}.hero .lede{font-size:14px}.hero{padding-top:16px}.hero-copy{padding-bottom:16px}}
.hero .device-hero .hero-render{mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent);border-radius:8px}
/* Marchio centrale, device a sinistra e titolo a destra. */
.hero>.wrap{display:grid;grid-template-columns:0.95fr 1.05fr;gap:12px 38px;min-height:0;max-width:1180px;align-items:center}.hero-brand-center{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;margin:0 0 14px}.hero .hero-brand-center .hero-mark{display:block;margin:0 0 10px}.hero .hero-brand-center .hero-mark img{width:52px}.hero .hero-brand-center .hero-wm{display:block;width:158px;margin:0}.hero .device-hero{grid-column:1;grid-row:2;width:100%;max-width:460px;margin:0;justify-self:center;order:0}.hero-copy{grid-column:2;grid-row:2;text-align:left;padding:0}.hero h1{font-size:clamp(30px,3.7vw,49px);max-width:19ch}.hero .lede{font-size:15px}.hero{padding-top:14px;padding-bottom:42px}
@media(max-width:760px){.hero>.wrap{display:grid;grid-template-columns:46% 54%;gap:12px 0;padding-inline:16px}.hero-brand-center{margin:0 0 4px}.hero .hero-brand-center .hero-mark img{width:42px}.hero .hero-brand-center .hero-wm{width:132px}.hero .device-hero{width:115%;max-width:none;margin:0 0 0 -12px;grid-column:1;grid-row:2;order:0}.hero-copy{display:contents}.hero h1{grid-column:2;grid-row:2;font-size:clamp(21px,5.7vw,35px);text-align:left;margin:0;padding-left:10px;max-width:none;position:relative;z-index:2}.hero .lede{grid-column:1/-1;font-size:14px;text-align:center;margin:12px auto 0;max-width:46ch}.hero .cta-row{grid-column:1/-1;margin-top:14px;justify-content:center}.hero{padding-top:12px}.hero h1>span+span{margin-top:12px}}
/* Luce integrata nella tela e comparsa sincronizzata con il titolo. */
.hero .device-hero{mix-blend-mode:screen;isolation:auto}.hero .device-hero .hero-render{border-radius:0;mask-image:radial-gradient(ellipse 70% 69% at 50% 49%,#000 49%,#000d 64%,transparent 85%)}.hero-copy{align-self:start;padding-top:38px}.hero h1{align-self:start}.intro-attiva.intro-device .device-hero{visibility:visible;opacity:1;animation:device-emerge 1.5s cubic-bezier(.2,.65,.3,1) both}.intro-finita.intro-device .device-hero{animation:none;opacity:1;visibility:visible;transform:none}@keyframes device-emerge{from{opacity:0;transform:translateY(24px) scale(.97);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:760px){.hero-copy{padding:0}.hero h1{align-self:start;padding-top:18px}.hero .device-hero{align-self:start}}
@media(prefers-reduced-motion:reduce){.intro-attiva.intro-device .device-hero{animation:none!important}}
/* Il render ha alpha reale: la sola tela è quella della hero. */
.hero .device-hero{mix-blend-mode:normal;background:none}.hero .device-hero .hero-render{mask-image:none;-webkit-mask-image:none;background:none;border-radius:0}
/* Piano scenico condiviso: attraversa la hero e accompagna la sezione seguente. */
.hero{isolation:isolate;position:relative}.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:55%;bottom:0;background:linear-gradient(180deg,#a0aaff12 0,#777fce09 1px,#11121e30 20%,transparent 95%);border-top:1px solid #a1a9e91a;transform:perspective(900px) rotateX(8deg);transform-origin:top}.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;bottom:0;height:40%;background:radial-gradient(ellipse at 27% 0%,#8b7de81c,transparent 58%),linear-gradient(180deg,transparent,#08080b);border-bottom:1px solid #a0aaff12}.hero .device-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:16%;right:12%;bottom:3%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#acb9ff45 0%,#7967df24 35%,transparent 70%);filter:blur(10px);transform:scaleY(.55)}.hero .device-hero{isolation:isolate}.hero>.wrap{position:relative;z-index:1}
@media(max-width:760px){.hero:before{top:49%;background:linear-gradient(180deg,#a0aaff16,#1718273d 24%,transparent 95%)}.hero:after{height:51%;background:radial-gradient(ellipse at 22% 0%,#8b7de825,transparent 60%),linear-gradient(180deg,transparent,#08080b)}.hero .device-hero:after{bottom:2%;height:14%;left:8%;right:0;filter:blur(6px)}}
.hero:before{top:var(--floor-y,55%)}.hero:after{top:var(--floor-y,55%);height:auto}.hero .device-hero:after{bottom:4%;background:radial-gradient(ellipse,#bac4ff65 0%,#7967df35 35%,transparent 70%)}
/* Il piano di vetro e i riflessi sono parte del render, non del CSS. */
.hero:before,.hero:after,.hero .device-hero:after{display:none;content:none}.hero .device-hero{width:90%;max-width:414px;justify-self:start;margin-left:0}
@media(max-width:760px){.hero .device-hero{width:103.5%;max-width:none;margin-left:-12px}}
/* Pavimento fotografico esteso, testo e CTA sovrapposti. */
.hero:after{display:block;content:"";position:absolute;z-index:0;top:calc(var(--floor-y,55%) - 130px);bottom:0;left:0;right:0;height:auto;border:0;background:url("immagini/hero-floor-wide.png") center top / 100% 100% no-repeat;opacity:.58;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 62%,transparent);pointer-events:none}.hero>.wrap{z-index:1}.hero .lede{color:#c0c1ce;text-shadow:0 2px 12px #08080b}.hero-copy{display:contents}.hero h1{grid-column:2;grid-row:2;padding-top:38px}.hero .lede{grid-column:1/-1;max-width:850px;text-align:center;margin:14px auto 0;position:relative}.hero .cta-row{grid-column:1/-1;justify-content:center;margin-top:22px;position:relative}
@media(max-width:760px){.hero:after{top:calc(var(--floor-y,55%) - 140px);opacity:.5;background-size:auto 100%;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 66%,transparent)}.hero h1{padding-top:18px}.hero .lede{margin-top:12px}.hero .cta-row{margin-top:14px}}
/* Un solo pavimento, neutro e appena percepibile. */
.hero:after{filter:grayscale(1);opacity:.18}
@media(max-width:760px){.hero:after{opacity:.16}}
/* Render fotografico dell'allenamento, con pannello in vetro incluso. */
#assistente .iphone-vetrina.workout-render{padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;aspect-ratio:390/844;overflow:visible}
#assistente .iphone-vetrina.workout-render::before{display:none}
#assistente .iphone-vetrina.workout-render img{height:100%;width:auto;max-width:none;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 18px 22px #0005)}
@media(max-width:760px){#assistente .iphone-vetrina.workout-render img{width:112%;height:100%;object-fit:contain;transform:translateX(-6%)}}
/* Un'unica onda Crimson Nebula, dietro ai prodotti. */
#assistente .tre{position:relative;isolation:isolate;align-items:end}
#assistente .tre:after{content:"";position:absolute;inset:10% -12% 12%;background:url("immagini/crimson-flow.svg") center/100% 100% no-repeat;pointer-events:none;z-index:-1;opacity:.65}
#assistente .funz:before{display:none!important}
#assistente .iphone-vetrina.studio-render{width:min(100%,260px);height:470px;aspect-ratio:auto;margin-inline:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;overflow:visible}
#assistente .iphone-vetrina.studio-render:before{display:none}
#assistente .iphone-vetrina.studio-render img{display:block;width:112%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent;transform:translateX(-6%);filter:drop-shadow(0 15px 20px #0004)}
#assistente .con-personaggio>.personaggio-intro{bottom:60px!important;height:200px!important;max-width:260px}
#assistente .con-personaggio>.personaggio-intro img{width:135px!important;height:200px!important;left:-20px!important;right:auto!important;top:auto!important;bottom:0!important}
#assistente .con-personaggio:nth-child(2)>.personaggio-intro img{left:auto!important;right:-18px!important;width:125px!important}
.laptop-studio{position:relative!important;aspect-ratio:3/2;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;isolation:isolate}
.laptop-studio>.studio-frame{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:0;pointer-events:none}
.laptop-studio .schermo,.computer.laptop-studio .vetro{position:absolute!important;left:10.8%;top:8.7%;width:78.3%;height:69.7%;aspect-ratio:auto!important;border:0!important;border-radius:1px!important;z-index:1;overflow:hidden}
.laptop-studio .schermo img,.computer.laptop-studio .vetro img{width:100%;height:100%;object-fit:fill;object-position:center}
.laptop-studio .laptop-base,.laptop-studio .base{display:none!important}
.black-scena .laptop-studio{width:92%;transform:perspective(1400px) rotateY(8deg) rotateZ(-3deg)}
.giro-scena .computer.laptop-studio{width:min(92%,960px);transform:perspective(1600px) rotateY(-5deg) rotateZ(1deg);filter:drop-shadow(0 24px 24px #22253830)}
.computer.laptop-studio .pacchetto{right:11%;top:-30px;z-index:3;backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px #ffffff65,0 12px 28px #23234325}
.black-scena:before{background:url("immagini/crimson-flow.svg") center/100% 100% no-repeat;filter:blur(5px);opacity:.55}
.black-float{background:linear-gradient(135deg,#e9efff70,#aebbe529);border-color:#e9f1ff80;box-shadow:inset 0 1px 3px #fff9,0 12px 30px #0004,0 0 18px #759dff22;backdrop-filter:blur(18px);width:34%;height:110px;left:2%;top:0}
.black-float img{opacity:.85}
@media(max-width:760px){#assistente .iphone-vetrina.studio-render{height:400px;width:245px}#assistente .con-personaggio>.personaggio-intro{max-width:245px;height:175px!important}#assistente .con-personaggio>.personaggio-intro img{width:118px!important;height:175px!important;left:-5px!important}#assistente .con-personaggio:nth-child(2)>.personaggio-intro img{left:auto!important;right:0!important;width:110px!important}#assistente .tre:after{inset:15% -30% 15%;opacity:.5}.black-scena .laptop-studio{width:100%;margin-left:0}.black-float{width:34%;height:65px;top:5px}.giro-scena .computer.laptop-studio{width:100%}.computer.laptop-studio .pacchetto{top:-30px}}
/* Carosello frontale e display più leggibile. */
.giro-scena .computer.laptop-studio{transform:none}
.computer.laptop-studio .vetro img{filter:brightness(1.8) contrast(.92)}
/* Home atleta leggermente più grande. */
#assistente .funz:nth-child(3) .iphone-vetrina.studio-render img{transform:translateX(-6%) scale(1.1);transform-origin:center center}
/* Titolo hero più basso accanto al telefono. */
.hero h1{padding-top:clamp(65px,8vw,110px)}
@media(max-width:760px){.hero h1{padding-top:clamp(40px,11vw,75px)}}