/* Finitura della scena originale: stessa fotografia e stessa coreografia. */
.hero--refined{background:#0b0e13;overflow:clip}
.hero--refined .neu{background:radial-gradient(ellipse at 50% 38%,#303741 0%,#1a2029 35%,#10141b 64%,#090c11 100%)}
.hero--refined .neu::after{opacity:.018;mix-blend-mode:soft-light}
.hero--refined .shade{background:linear-gradient(180deg,#090c1140,transparent 26%,transparent 70%,#070a1059)}
.hero--refined .navy{background:radial-gradient(ellipse 36% 63% at 25% 46%,#284d9b45,transparent 82%),linear-gradient(110deg,#101827,#0f1521 70%)}
/* Il segno vettoriale conserva bordi netti. 26/10/2026 "home più viva" (scelta C): la S parte al 60% (prima 30%)
   con l'alone azzurro già acceso e fisso; scorrendo arriva al 100%. Nessun filtro ricalcolato a ogni fotogramma. */
.hero--refined .bh-s{
 color:#f4f7ff;
 opacity:calc(.6 + var(--hero-logo-light,0) * .4)!important;
 filter:drop-shadow(0 0 4px rgb(209 226 255 / .8)) drop-shadow(0 0 22px rgb(91 131 255 / .7));
}
html[data-ft] .hero--refined .bh-back{background:radial-gradient(closest-side,#a9bcdf0d,transparent 76%)}
html[data-ft] .hero.hero--refined .bh-cut{filter:saturate(.94) contrast(1.015) drop-shadow(0 12px 24px #04091330)!important}
.hero--refined .bh-name{color:#e7e9ed;letter-spacing:-.008em}
.hero--refined .bh-name .bn1{color:#dfe6f1;letter-spacing:.055em}
html[data-cc="blu"] .hero.hero--refined .bh-front{color:#7b9af4;-webkit-text-stroke:0;text-shadow:none}
@supports(background-clip:text){
 .hero--refined .bn2{background:linear-gradient(175deg,#ffffff 12%,#eef2f8 65%,#dfe5ef);background-clip:text;-webkit-background-clip:text;color:transparent}
 html[data-cc="blu"] .hero.hero--refined .bh-front{background:linear-gradient(175deg,#b8cbff 3%,#8eaaff 45%,#6d8df0 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
/* Due note di margine danno alla prima schermata una chiusura editoriale. */
.hero--refined .hero-caption{position:absolute;z-index:4;left:var(--gut);right:var(--gut);bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none;opacity:calc(1 - var(--hero-logo-light,0));color:#c9d3e3;font:500 10px/1.4 var(--f);letter-spacing:.16em;text-transform:uppercase}
.hero--refined .hero-caption span{display:flex;align-items:center;gap:12px}
.hero--refined .hero-caption span:first-child::before{content:"";height:1px;width:32px;background:#8799b680}
.hero--refined .hero-caption svg{width:15px;height:23px;color:#c3d2ee;flex-shrink:0}
html[data-en="d"] .hero--refined.go .hero-caption{animation:hero-caption-in .8s ease 2.5s backwards}
@keyframes hero-caption-in{from{opacity:0}}
/* Presentazione: titolo più scolpito, testo leggibile e credenziali ordinate. */
.hero--refined .perc{--bio-line:#9db6e729}
.hero--refined .perc .cs-lab{display:flex;align-items:center;gap:13px;color:#a9bde9;font-size:10px;letter-spacing:.24em}
.hero--refined .perc .cs-lab::before{content:"";width:28px;height:1px;background:#8ba9f1}
.hero--refined .perc .cs-t{font-size:clamp(40px,4.1vw,76px);line-height:1.025;letter-spacing:-.038em;color:#f0f1ef;text-wrap:balance}
.hero--refined .perc .cs-t .a{color:inherit}
.hero--refined .perc .cs-t span:last-child{color:#89a8ff}
.hero--refined .perc .cs-p{font-size:clamp(15.5px,1.13vw,19px);line-height:1.6;color:#b4becf}
.hero--refined .perc .cs-p b{font-weight:600;color:#edf1fa}
.hero--refined .perc .cs-hr{background:linear-gradient(90deg,#9db6e74d,#9db6e715)}
.hero--refined .perc .cs-st{gap:0}
.hero--refined .perc .cs-st>div{padding-right:18px}
.hero--refined .perc .cs-st>div+div{border-left:1px solid var(--bio-line);padding-left:20px}
.hero--refined .perc .cs-st b{font-size:clamp(30px,2.6vw,48px);font-weight:500;letter-spacing:-.05em;color:#dce6ff;font-variant-numeric:tabular-nums}
.hero--refined .perc .cs-st span{font-size:12px;line-height:1.45;color:#9daac0;max-width:155px;margin-top:9px}
.hero--refined .perc .cs-training{max-width:100%;border-bottom:1px solid var(--bio-line);color:#ced9ef;font-weight:500;padding:12px 0;font-size:13px;transition:color .25s,border-color .25s}
.hero--refined .perc .cs-training span{color:#9bb6ff;transition:transform .25s}
.hero--refined .perc .cs-training:hover{color:#fff;border-color:#9bb6ff80}
.hero--refined .perc .cs-training:hover span{transform:translate(3px,-3px)}
.hero--refined .perc .cs-btn{gap:25px;background:#335fe4;border:1px solid #9bb6ff3d;box-shadow:inset 0 1px 0 #ffffff16,0 8px 30px #030b251a;padding:16px 20px 16px 28px;font-size:11px;letter-spacing:.1em;min-height:56px;transition:background .25s,box-shadow .25s}
.hero--refined .perc .cs-btn::after{content:"↗";display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff40;border-radius:50%;font-size:18px;line-height:1;transition:background .25s}
.hero--refined .perc .cs-btn:hover{background:#3e6cee;box-shadow:inset 0 1px 0 #ffffff26,0 8px 30px #030b252e}
.hero--refined .perc .cs-btn:hover::after{background:#ffffff14}
.hero--refined .perc .cs-btn:focus-visible{outline:2px solid #bdd0ff;outline-offset:5px}
/* La presentazione resta interamente nel campo visivo delle finestre basse. */
@media(min-width:901px) and (max-height:800px){
 .hero--refined .perc{top:calc(50% + 32px)}
 .hero--refined .perc .cs-t{font-size:clamp(38px,3.9vw,62px);margin:14px 0 20px}
 .hero--refined .perc .cs-p{font-size:15px;line-height:1.6}
 .hero--refined .perc .cs-hr{margin:20px 0 16px}
 .hero--refined .perc .cs-training{margin-top:18px}
 .hero--refined .perc .cs-btn{margin-top:18px;padding-top:12px;padding-bottom:12px}
}
@media(max-width:900px){
 /* 26/10/2026 velocità iPhone: (l'alone della S ora è fisso per tutti, vedi sopra)
    la foto non ha più filtri invisibili da ricalcolare e la grana in fusione (1,8%) è spenta. */
 html[data-ft] .hero.hero--refined .bh-cut{filter:none!important}
 .hero--refined .neu::after{display:none}
 .hero--refined .neu{background:radial-gradient(ellipse at 50% 40%,#2a3444,#141c29 52%,#0b1019 93%)}
 .hero--refined .navy{background:radial-gradient(ellipse 90% 38% at 50% 24%,#284d9b45,transparent 85%),linear-gradient(180deg,#101827,#0e1522 65%)}
 .hero--refined .op1{opacity:1!important}
 .hero--refined .bh-dim{background:linear-gradient(180deg,transparent 12%,#0e1522aa 30%,#0e1522 51%);opacity:var(--hero-logo-light,0)!important}
 .hero--refined .hero-caption{bottom:24px;font-size:9px;letter-spacing:.1em;gap:12px}
 .hero--refined .hero-caption span:first-child::before{width:16px}
 .hero--refined .hero-caption span{gap:8px}
 .hero--refined .perc .cs-t{font-size:clamp(30px,8.6vw,44px);margin:12px 0 14px}
 .hero--refined .perc .cs-p{font-size:14.5px;line-height:1.55}
 .hero--refined .perc .cs-st b{font-size:28px}
 .hero--refined .perc .cs-st>div{padding-right:12px}
 .hero--refined .perc .cs-st>div+div{padding-left:13px}
 .hero--refined .perc .cs-st span{font-size:11px;margin-top:6px}
 .hero--refined .perc .cs-btn{padding:12px 16px 12px 24px;min-height:52px;margin-top:16px}
 .hero--refined .perc .cs-training{margin-top:16px}
}
@media(max-width:900px) and (max-height:740px){
 .hero--refined .perc .cs-t{font-size:28px;margin:10px 0 12px}
 .hero--refined .perc .cs-p{font-size:14px;line-height:1.5}
 .hero--refined .perc .cs-hr{margin:14px 0 12px}
 .hero--refined .perc .cs-st b{font-size:26px}
 .hero--refined .perc .cs-st span{margin-top:4px;font-size:10.5px}
 .hero--refined .perc .cs-training{margin-top:12px;padding:8px 0}
 .hero--refined .perc .cs-btn{margin-top:12px;padding-top:10px;padding-bottom:10px;min-height:49px}
}
@media(prefers-reduced-motion:reduce){
 .hero--refined .hero-caption,.hero--refined .perc .cs-training,.hero--refined .perc .cs-training span,.hero--refined .perc .cs-btn,.hero--refined .perc .cs-btn::after{animation:none!important;transition:none!important}
 .hero--refined .hero-caption{display:none}
}