:root{--k:#0a0a0a;--d2:#141414;--d3:#1d1d1d;--g:#5f5f5f;--g2:#8f8f8f;--line:#e8e8e8;--soft:#f4f4f4;--w:#fff;--r:#FF0000;--hf:"Helvetica Neue",Helvetica,Arial,sans-serif;--bf:"Helvetica Neue",Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font:16px/1.55 var(--bf);color:var(--k);background:radial-gradient(1100px 620px at 100% 0%,rgba(255,0,0,.06),transparent 62%),radial-gradient(900px 700px at 0% 45%,rgba(0,0,0,.05),transparent 62%),radial-gradient(900px 600px at 100% 100%,rgba(255,0,0,.04),transparent 60%),#fff;background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}[hidden]{display:none!important}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.hf{font-family:var(--hf);letter-spacing:-.045em;line-height:1;font-weight:700}
.sr{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;text-transform:none}
.red{color:var(--r)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--r);flex:none}
.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 15px 6px 6px;border-radius:40px;background:var(--soft);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.pill i{width:24px;height:24px;border-radius:50%;background:var(--k);color:var(--w);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-style:normal}.pill i svg{width:12px;height:12px}
.pill.dk{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--w)}.pill.dk i{background:var(--w);color:var(--k)}
/* pulsante: pillola nera con punto rosso, freccia in cerchio bianco che ruota */
.btn{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 6px 0 22px;border-radius:40px;background:var(--k);color:var(--w);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .3s var(--ease),box-shadow .3s;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.btn .dot{margin-right:4px}
.btn .ar{width:46px;height:46px;border-radius:50%;background:var(--w);color:var(--k);display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-left:6px;transition:transform .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,0,0,.24)}.btn:hover .ar{transform:rotate(45deg)}
.btn.w{background:var(--w);color:var(--k)}.btn.w .ar{background:var(--k);color:var(--w)}
/* barra del timer */
.timer{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 16px;background:var(--k);color:var(--w);font-size:13.5px;font-weight:600;text-align:center}
.timer b{font-family:var(--hf);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:3px 9px;border-radius:8px;background:rgba(255,255,255,.1)}
.timer a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* apertura */
.hero{padding:10px 10px 0}
.hcard{position:relative;overflow:hidden;background:var(--k);color:var(--w);border-radius:34px;padding:clamp(22px,4vw,54px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;transform-origin:50% 0;will-change:transform}
.hbg{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 60% at 12% 10%,#262626 0%,#0a0a0a 62%),#0a0a0a;transform:scale(1.2);animation:bgin 1.5s cubic-bezier(.44,0,.56,1) forwards}
.hbg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask:radial-gradient(80% 70% at 80% 30%,#000,transparent 75%);mask:radial-gradient(80% 70% at 80% 30%,#000,transparent 75%)}
@keyframes bgin{to{transform:none}}
.hcard>div{position:relative;z-index:1;min-width:0}
.hcard h1{font-size:clamp(50px,7.8vw,116px);text-transform:uppercase;font-weight:700;margin:22px 0 20px}
.hcard h1 .w8{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.34em;margin-bottom:-.28em}.hcard h1 .w8>span{display:inline-block;transform:translateY(105%);animation:up .9s var(--ease) forwards}
@keyframes up{to{transform:none}}
.hcard h1 .u{position:relative;white-space:nowrap}.hcard h1 .u:after{content:"";position:absolute;left:-.04em;right:.16em;bottom:-.14em;height:.32em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 44' preserveAspectRatio='none'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='10'/%3E%3C/filter%3E%3Cpath d='M8 28 C90 14 170 32 250 20 S350 14 392 24' stroke='%23FF0000' stroke-width='13' stroke-linecap='round' fill='none' filter='url(%23f)'/%3E%3Cg fill='%23FF0000' opacity='.6'%3E%3Ccircle cx='24' cy='12' r='1.8'/%3E%3Ccircle cx='70' cy='38' r='1.3'/%3E%3Ccircle cx='140' cy='8' r='1.5'/%3E%3Ccircle cx='210' cy='40' r='1.2'/%3E%3Ccircle cx='280' cy='9' r='1.6'/%3E%3Ccircle cx='330' cy='38' r='1.1'/%3E%3Ccircle cx='380' cy='10' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);animation:spray 1s 1.1s cubic-bezier(.5,0,.2,1) forwards}
@keyframes spray{to{clip-path:inset(0 0 0 0)}}
.lead{font-size:clamp(16px,1.6vw,19px);color:#c8c8c8;max-width:520px}.lead b{color:var(--w)}
.proof{display:flex;align-items:center;gap:16px;margin-top:26px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);max-width:520px}
.proof strong{font-family:var(--hf);font-size:30px;letter-spacing:-.03em;white-space:nowrap}.proof span{font-size:13.5px;color:#bdbdbd}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{padding:8px 13px;border-radius:30px;background:rgba(255,255,255,.07);font-size:13px;font-weight:600}.chips span:before{content:"✓ ";color:var(--r)}
.fade{opacity:0;transform:translateY(14px);animation:fin .8s var(--ease) forwards;animation-delay:var(--d,0s)}@keyframes fin{to{opacity:1;transform:none}}
/* quiz */
.quiz{background:var(--w);color:var(--k);border-radius:28px;padding:clamp(20px,2.6vw,30px);box-shadow:0 40px 90px rgba(0,0,0,.45);position:relative;scroll-margin-top:70px}
.quiz.pulse{animation:pulse 1.1s ease 2}@keyframes pulse{50%{box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 10px rgba(255,0,0,.18)}}
.quiz h2{font-family:var(--hf);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;line-height:1.1}
.qtime{display:flex;align-items:center;gap:8px;margin:10px 0 14px;font-size:13px;font-weight:700;color:var(--g)}.qtime b{font-family:var(--hf);color:var(--k);font-variant-numeric:tabular-nums}