/* ROLL · apertura home siti satellite (carosello + 3 domande + gioco). 26/10/2026 */
.rh{--rh-or:#ff580d;--rh-or2:#ea4900;--rh-ch:#1c1d1c;--rh-ink:#2a2b2a;--rh-mut:#4a5263;position:relative;overflow:hidden;background:radial-gradient(900px 420px at 88% -12%,rgba(255,88,13,.10),transparent 60%),radial-gradient(900px 600px at -10% 120%,rgba(50,85,154,.16),transparent 60%),linear-gradient(160deg,#f4f7fc,#e6eef8 55%,#dde7f4);color:#1c2333;isolation:isolate;border-bottom:1px solid #d6e0ee}
.rh::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(50,85,154,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(50,85,154,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%);z-index:-1}
.rh-track{display:grid}
.rh-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.rh-slide.on{opacity:1;visibility:visible}
.rh-in{max-width:1260px;margin:0 auto;padding:56px 24px 92px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.rh-k{display:inline-flex;align-items:center;gap:8px;font:700 12px/1.2 inherit;letter-spacing:.14em;text-transform:uppercase;color:#c2410c;margin:0 0 14px}
.rh-k::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--rh-or)}
.rh-t{font-size:clamp(30px,4.3vw,54px);line-height:1.04;font-weight:800;letter-spacing:-.02em;margin:0 0 16px;color:#16203a;text-wrap:balance}
.rh-t em{font-style:normal;color:var(--rh-or)}
.rh-s{font-size:clamp(16px,1.5vw,19px);line-height:1.45;color:var(--rh-mut);margin:0 0 26px;max-width:34em}
.rh-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--rh-or);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:16px;padding:14px 26px;border-radius:26px;border:2px solid var(--rh-or);box-shadow:0 10px 30px rgba(255,88,13,.35);transition:transform .15s,background .15s}
.rh-btn:hover{background:var(--rh-or2);transform:translateY(-1px)}
.rh-btn2{color:#1c2b4f!important;font-weight:700;text-decoration:none!important;padding:12px 18px;border-radius:26px;border:2px solid #9fb2d3;background:rgba(255,255,255,.6)}
.rh-btn2:hover{border-color:#32559a;background:#fff}
.rh-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;list-style:none;color:#2f3a52;font-size:13.5px;font-weight:600}
.rh-trust li::before{content:"✓";color:var(--rh-or);font-weight:800;margin-right:7px}
.rh-fig{position:relative;margin:0;aspect-ratio:1/1;max-height:470px;justify-self:center;width:100%;max-width:470px}
.rh-fig::before{content:"";position:absolute;inset:-14px;border-radius:30px;background:conic-gradient(from 210deg,var(--rh-or),transparent 30%,rgba(50,85,154,.9) 60%,transparent 80%,var(--rh-or));filter:blur(26px);opacity:.22;z-index:-1}
.rh-fig img{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 24px 60px rgba(28,43,79,.22),0 0 0 6px #fff;transform:scale(1.02)}
.rh-slide.on .rh-fig img{animation:rhzoom 7s ease-out both}
@keyframes rhzoom{from{transform:scale(1.08)}to{transform:scale(1.0)}}
.rh-badge{position:absolute;left:-16px;bottom:22px;background:#fff;color:var(--rh-ink);font-weight:800;font-size:14px;padding:10px 14px;border-radius:14px;box-shadow:0 12px 30px rgba(28,43,79,.2);display:flex;gap:8px;align-items:center}
.rh-badge b{color:var(--rh-or)}
.rh-nav{position:absolute;left:0;right:0;bottom:22px;max-width:1260px;margin:0 auto;padding:0 24px;display:flex;gap:10px}
.rh-tab{flex:1;min-width:0;background:none;border:0;color:#5b657a;text-align:left;font:600 13px/1.3 inherit;cursor:pointer;padding:10px 0 0;position:relative}
.rh-tab::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:2px;background:rgba(50,85,154,.18)}
.rh-tab i{position:absolute;top:0;left:0;height:3px;width:0;border-radius:2px;background:var(--rh-or)}
.rh-tab.on{color:#16203a}
.rh-tab.on i{animation:rhbar var(--rh-d,7s) linear forwards}
.rh.paused .rh-tab.on i{animation-play-state:paused}
.rh-tab span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rh-tab b{color:var(--rh-or);margin-right:6px}
@keyframes rhbar{to{width:100%}}
@media (max-width:860px){
 .rh-in{grid-template-columns:1fr;gap:22px;padding:22px 18px 86px}
 .rh-fig{order:-1;aspect-ratio:16/10;max-width:none;max-height:none}
 .rh-fig img{border-radius:16px}
 .rh-badge{left:10px;bottom:10px;font-size:12.5px;padding:8px 11px}
 .rh-trust{font-size:12.5px;margin-top:18px}
 .rh-nav{padding:0 18px}
 .rh-tab{font-size:11.5px}
 .rh-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.rh-slide,.rh-slide.on .rh-fig img{transition:none;animation:none}.rh-tab.on i{animation:none;width:100%}}

/* fascia 3 domande + gioco */
.rq-band{background:linear-gradient(180deg,#f4f4f4,#fff);padding:34px 0 40px}
.rq-grid{max-width:1260px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}
.rq{background:#fff;border-radius:22px;box-shadow:0 10px 40px rgba(20,22,30,.10);padding:26px 26px 22px;border:1px solid #ececec;color:#2a2b2a}
.rq h2{font-size:clamp(22px,2.4vw,28px);line-height:1.15;margin:0 0 6px}
.rq-sub{color:#5f6268;margin:0 0 18px;font-size:15px}
.rq fieldset{border:0;margin:0 0 16px;padding:0}
.rq legend{font-weight:800;font-size:16px;margin:0 0 10px;display:flex;gap:10px;align-items:center;padding:0}
.rq legend b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ff580d;color:#fff;font-size:13px;flex:none}
.rq-opts{display:flex;flex-wrap:wrap;gap:8px}
.rq-opts label{position:relative;cursor:pointer}
.rq-opts input{position:absolute;opacity:0;pointer-events:none}
.rq-opts span{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:14px;border:2px solid #e3e5ea;background:#fafafa;font-weight:600;font-size:15px;transition:.15s;line-height:1.2}
.rq-opts span i{font-style:normal;font-size:18px}
.rq-opts label:hover span{border-color:#ffb48f}
.rq-opts input:checked+span{border-color:#ff580d;background:#fff4ee;box-shadow:0 0 0 3px rgba(255,88,13,.15)}
.rq-opts input:focus-visible+span{outline:3px solid #32559a;outline-offset:2px}
.rq-row{display:flex;gap:10px;flex-wrap:wrap}
.rq-row input[type=email],.rq-row input[type=text]{flex:1 1 220px;min-width:0;padding:13px 14px;border-radius:12px;border:2px solid #e3e5ea;font-size:16px;font-family:inherit}
.rq-row input:focus{border-color:#ff580d;outline:none}
.rq-go{background:#ff580d;color:#fff;border:0;border-radius:26px;padding:14px 26px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 26px rgba(255,88,13,.3);font-family:inherit}
.rq-go:hover{background:#ea4900}
.rq-go[disabled]{opacity:.6;cursor:wait}
.rq-note{font-size:12.5px;color:#7a7d83;margin:10px 0 0}
.rq-note a{color:#32559a}
.rq-hp{position:absolute;left:-9999px}
.rq-res{display:none;margin-top:6px;border-radius:16px;background:#f0f4fb;border:1px solid #d7e0f0;padding:18px}
.rq-res.on{display:block;animation:rqin .4s ease}
.rq-res h3{margin:0 0 6px;font-size:19px}
.rq-res p{margin:0 0 10px;color:#3d4046}
.rq-res a.rh-btn{box-shadow:none;font-size:15px;padding:11px 20px}
.rq-err{color:#b3261e;font-weight:600;font-size:14px;margin:8px 0 0;display:none}
@keyframes rqin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rg{position:relative;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;color:#fff;text-decoration:none!important;box-shadow:0 18px 50px rgba(0,0,0,.25);background:#141516}
.rg picture,.rg>img{display:block;overflow:hidden}
.rg img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .6s ease}
.rg:hover img{transform:scale(1.04)}
.rg-in{padding:18px 22px 22px;flex:1;display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(500px 200px at 100% 0,rgba(255,88,13,.25),transparent 70%)}
.rg-k{display:inline-block;background:#ff580d;border:0;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.rg-t{font-size:22px;font-weight:800;margin:0 0 6px;line-height:1.15;color:#fff}
.rg-d{font-size:14.5px;color:#e6e7ea;margin:0 0 14px}
.rg-b{margin-top:auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1c1d1c;font-weight:800;padding:12px 20px;border-radius:26px;animation:rgpulse 2.4s ease-in-out infinite}
.rg-b::after{content:"▶";font-size:12px;color:#ff580d}
@keyframes rgpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@media (max-width:860px){.rq-grid{grid-template-columns:1fr;padding:0 14px}.rq{padding:20px 16px 18px}.rq-go{width:100%}}
@media (prefers-reduced-motion:reduce){.rg-b{animation:none}}
[dir=rtl] .rh-badge{left:auto;right:-16px}[dir=rtl] .rh-tab{text-align:right}[dir=rtl] .rh-k::before{order:2}
.rq-big{margin:0 0 10px;font-weight:700;color:#8a3a00}
.rq-step3{margin-top:14px;border-top:1px dashed #e3e5ea;padding-top:14px}
.rq-step3[hidden]{display:none}
.rq-done{background:#eaf6ee;border:1px solid #bfe3cb;color:#1f6b3a;font-weight:700;border-radius:12px;padding:14px;margin:0}
.rq-ghost{color:#9a9da3;font-size:14px;margin:6px 0 0}