/* Clipsmith — stesso aspetto del mockup: grafite, brace arancio, Space Grotesk + Inter */
:root{--fondo:#0E0F11;--carta:#16181C;--linea:#26292F;--testo:#F2F1EE;--muto:#A6A9B0;--brace:#FF7A3D;--brace2:#FF9E70;--blu:#8CC4FF;--verde:#8FD6A8}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--testo);font:400 15px/1.5 Inter,system-ui,sans-serif}
a{color:#FF8A50;text-decoration:none}a:hover{color:#FFB08A}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;margin:0}
.mono{font-family:'JetBrains Mono',monospace}.muto{color:var(--muto)}
.guscio{display:flex;flex-wrap:wrap;min-height:100vh}
.lato{flex:1 1 220px;max-width:100%;border-right:1px solid #1F2227;padding:20px 14px}
.marchio{display:flex;align-items:center;gap:10px;color:var(--testo);padding:0 10px 20px;font:700 18px 'Space Grotesk',sans-serif}
.menu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;color:#C9CBD0}
.menu a:hover,.menu a.qui{background:#1A1D21;color:#fff}
.corpo{flex:999 1 640px;min-width:0;padding:28px 32px 48px}
.carta{background:var(--carta);border:1px solid var(--linea);border-radius:14px}
.etichetta{font:500 12px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#FF8A50;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;font:600 15px Inter,sans-serif;border:0;cursor:pointer}
.pri{background:var(--brace);color:#141414}.pri:hover{background:#FF9461;color:#141414}
.sec{background:transparent;border:1px solid #33363D;color:var(--testo)}.sec:hover{border-color:#5A5E66}
.pillola{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 10px;font:500 12px 'JetBrains Mono',monospace}
.p-lavoro{background:#3A2318;color:var(--brace2)}.p-coda{background:#1B2A3A;color:var(--blu)}
.p-pronto{background:#17301F;color:var(--verde)}.p-errore{background:#3A1A1E;color:#FF9AA5}.p-off{background:#22252A;color:#C9CBD0}
.barra{height:6px;border-radius:6px;background:var(--linea);overflow:hidden}.barra>div{height:100%;background:var(--brace)}
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
label{display:block;font-size:14px;color:#C9CBD0;margin-bottom:8px}
input[type=text],input[type=url],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;background:var(--fondo);border:1px solid #33363D;border-radius:10px;color:var(--testo);font:400 15px Inter,sans-serif;padding:12px 14px}
table{width:100%;border-collapse:collapse;min-width:640px}
th{text-align:left;font:500 12px 'JetBrains Mono',monospace;color:#8A8E96;padding:12px 14px;border-bottom:1px solid var(--linea)}
td{padding:14px;border-bottom:1px solid #1F2227;font-size:14px}
.errore{background:#3A1A1E;color:#FFC2C9;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.centro{max-width:420px;margin:10vh auto;padding:0 16px}
.stili{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.stile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border:1px solid #2C2F35;border-radius:12px;cursor:pointer;min-height:44px}
.stile input{position:absolute;opacity:0}.stile:has(input:checked){border-color:var(--brace);background:#1D1712}
.clip{display:flex;flex-wrap:wrap;gap:22px;padding:18px}
.clip video{width:200px;aspect-ratio:9/16;border-radius:12px;background:#1E2126;flex:none}
.dati{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dati>div{background:#121417;border:1px solid var(--linea);border-radius:10px;padding:10px 12px}
.k{font:500 11px 'JetBrains Mono',monospace;color:#8A8E96;letter-spacing:.06em}
.v{font:600 17px 'Space Grotesk',sans-serif}
@media (max-width:720px){.corpo{padding:20px 16px}.lato{border-right:0;border-bottom:1px solid #1F2227}}

/* Accesso e registrazione: modulo a sinistra, vetrina animata a destra */
.ingresso{display:flex;flex-wrap:wrap;min-height:100vh}
.ingresso-modulo{flex:1 1 420px;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(20px,6vw,80px)}
.ingresso-modulo form{max-width:420px;width:100%}
.vetrina-lato{flex:1.3 1 480px;position:relative;overflow:hidden;background:#101114;border-left:1px solid #1F2227;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:56px 32px;isolation:isolate}
.vl-alone{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 75%,rgba(255,122,61,.32),transparent 55%),radial-gradient(circle at 15% 10%,rgba(122,225,255,.10),transparent 45%)}
.vl-testo{max-width:520px}
.vl-testo h2{font:700 clamp(28px,3vw,42px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:12px 0 18px}
.vl-punti{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;color:#C9CBD0}
.vl-punti li::before{content:'';display:inline-block;width:8px;height:8px;border-radius:8px;background:var(--brace);margin-right:12px;vertical-align:middle}
.vl-telefono{width:240px;aspect-ratio:9/19;border-radius:36px;padding:10px;background:#1B1D22;box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);animation:vibra 3.2s linear infinite}
.vl-schermo{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#222}
.vl-foto{position:absolute;inset:-10%;background:url('https://picsum.photos/seed/podcastguest/500/1000') center/cover;filter:grayscale(.4) contrast(1.1) brightness(.75);animation:zoom 12s ease-in-out infinite alternate}
.vl-didascalie span{position:absolute;left:14px;right:14px;top:58%;text-align:center;opacity:0;animation:stili 12s infinite}
.vl-d1{font:800 21px/1.05 'Space Grotesk',sans-serif;color:#fff;text-shadow:0 3px 0 #000}
.vl-d1 b{color:#FFD84D}
.vl-d2{font:600 20px Inter,sans-serif;color:#fff;text-shadow:0 2px 8px #000;animation-delay:3s!important}
.vl-d2 i{font-style:normal;background:var(--brace);color:#141414;padding:0 6px;border-radius:6px}
.vl-d3{font:700 24px 'Space Grotesk',sans-serif;color:#7AE1FF;text-shadow:0 0 18px rgba(122,225,255,.9);animation-delay:6s!important}
.vl-d4{font:500 18px Georgia,serif;color:#EDE6D6;text-shadow:0 2px 8px #000;animation-delay:9s!important}
.vl-barra{position:absolute;left:14px;right:14px;bottom:16px;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.vl-barra div{height:100%;background:var(--brace);animation:avanza 3s linear infinite}
@keyframes stili{0%{opacity:0;transform:translateY(12px) scale(.96)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-8px)}}
/* come un telefono che riceve una notifica: due colpi brevi, poi fermo */
@keyframes vibra{0%,8%,16%,100%{transform:none}2%,10%{transform:translateX(-3px) rotate(-1deg)}4%,12%{transform:translateX(3px) rotate(1deg)}6%,14%{transform:translateX(-2px)}}
@keyframes zoom{to{transform:scale(1.12) translateX(-4%)}}
@keyframes avanza{from{width:0}to{width:100%}}
@media (max-width:900px){.vetrina-lato{border-left:0;border-top:1px solid #1F2227}}
@media (prefers-reduced-motion:reduce){.vl-telefono,.vl-foto,.vl-barra div{animation:none}.vl-didascalie span{animation:none}.vl-d1{opacity:1}}

.btn-google{width:100%;background:#fff;color:#1F1F1F;gap:10px}.btn-google:hover{background:#ECECEC;color:#1F1F1F}
.separatore{display:flex;align-items:center;gap:12px;color:#8A8E96;font-size:13px}
.separatore::before,.separatore::after{content:'';flex:1;height:1px;background:#26292F}

/* casella unica */
.nascosto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.casella{background:var(--carta);border:1px solid #33363D;border-radius:18px;padding:6px}
.casella:focus-within{border-color:var(--brace);box-shadow:0 0 0 4px rgba(255,122,61,.15)}
.casella textarea{border:0;background:transparent;font-size:18px;resize:vertical;padding:14px}
.casella textarea:focus{outline:none}
.casella-esempi{display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px 10px}
.casella-esempi button{min-height:36px;padding:0 14px;border-radius:99px;border:1px solid #33363D;background:transparent;color:#C9CBD0;font:500 13px Inter,sans-serif;cursor:pointer}
.casella-esempi button:hover{border-color:var(--brace);color:#fff}
.capito{min-height:28px}
.scelte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.scelta{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;cursor:pointer;color:var(--testo);font:inherit;position:relative}
.scelta-testa{display:flex;justify-content:space-between;gap:10px;align-items:center}
.scelta-on{border-color:var(--brace);background:#1D1712}
.consiglio{font-size:11px;color:#FF8A50}

.legale h2{font-size:22px;margin:30px 0 10px}.legale p,.legale li{color:#D3D5DA;line-height:1.65}.legale ul{padding-left:20px}

/* Scintille */
.sc-testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:8px}
.sc-saldo{display:flex;align-items:center;gap:10px;font:700 clamp(44px,6vw,72px)/1 'Space Grotesk',sans-serif}
.sc-serie{display:flex;flex-direction:column;align-items:flex-end}.sc-serie b{font:700 44px/1 'Space Grotesk',sans-serif;color:var(--brace)}
.missione.fatta{opacity:.55}
.forziere-box{display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding:26px}
.forziere{--luce:#FF7A3D;position:relative;width:150px;height:130px;flex:none}
.forziere .cassa{position:absolute;left:10px;right:10px;bottom:0;height:78px;border-radius:10px;background:linear-gradient(#6B3F22,#3E2414);border:3px solid #C98A3D}
.forziere .coperchio{position:absolute;left:6px;right:6px;top:18px;height:46px;border-radius:40px 40px 8px 8px;background:linear-gradient(#7A4A28,#4A2B17);border:3px solid #C98A3D;transform-origin:20% 100%;transition:transform .5s cubic-bezier(.2,1.6,.4,1);z-index:2}
.forziere .luce{position:absolute;left:50%;top:40px;width:10px;height:10px;border-radius:50%;background:var(--luce);transform:translate(-50%,-50%) scale(0);box-shadow:0 0 60px 30px var(--luce);opacity:0;transition:all .6s}
.forziere.scuote{animation:scuoti .12s linear infinite}
.forziere.aperto .coperchio{transform:rotate(-38deg) translateY(-10px)}
.forziere.aperto .luce{transform:translate(-50%,-50%) scale(2.4);opacity:.9}
@keyframes scuoti{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
.uscito{margin-top:16px}.uscito-carta{padding:16px;animation:compare .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes compare{from{transform:scale(.6);opacity:0}}
.anteprima-design{font:900 26px 'Arial Black',Inter,sans-serif;text-shadow:0 3px 0 #000;padding:22px 10px;text-align:center;background:#0B0C0E;border-radius:10px}
.rarita{font-size:11px;color:#8A8E96}
.rar-rare{border-color:#2D4766}.rar-rare .rarita{color:#7AB8FF}
.rar-epic{border-color:#4B2D66}.rar-epic .rarita{color:#C77DFF}
.rar-legendary{border-color:#665A2D;box-shadow:0 0 30px rgba(255,216,77,.12)}.rar-legendary .rarita{color:#FFD84D}
.toast-scintille{position:fixed;right:24px;bottom:24px;z-index:80;background:#1D1712;border:1px solid var(--brace);color:#fff;font:700 18px 'Space Grotesk',sans-serif;padding:14px 20px;border-radius:14px;animation:toast 3.8s forwards}
.faville i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:6px;background:var(--brace);animation:favilla 1s ease-out forwards}
.faville i:nth-child(1){--x:-60px;--y:-50px}.faville i:nth-child(2){--x:50px;--y:-60px}.faville i:nth-child(3){--x:70px;--y:10px}
.faville i:nth-child(4){--x:-70px;--y:20px}.faville i:nth-child(5){--x:-20px;--y:-80px}.faville i:nth-child(6){--x:30px;--y:60px}
@keyframes favilla{to{transform:translate(var(--x),var(--y));opacity:0}}
@keyframes toast{0%{transform:translateY(40px);opacity:0}10%,80%{transform:none;opacity:1}100%{transform:translateY(10px);opacity:0}}
@media (prefers-reduced-motion:reduce){.forziere.scuote,.toast-scintille,.faville i{animation:none}}

/* pagina unica New */
.nuovo-testa{margin-bottom:22px}
.nuovo-titolo{font:700 clamp(32px,4.6vw,56px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:8px 0 10px;
  background:linear-gradient(90deg,#fff 0%,#fff 40%,#FF9E70 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lucido 6s ease-in-out infinite}
@keyframes lucido{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.forgia-form{display:flex;flex-direction:column;gap:22px;max-width:1080px;padding-bottom:110px}
.capito-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:#1B2A3A;color:#8CC4FF;font:500 13px 'JetBrains Mono',monospace;animation:compare .4s ease-out}
.scelte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.scelta{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;cursor:pointer;color:var(--testo);font:inherit;background:var(--carta);border:1px solid var(--linea);border-radius:18px;
  animation:entra .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:var(--ritardo);transition:transform .35s,border-color .35s,box-shadow .35s}
.scelta:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.scelta-foto{display:block;height:120px;background-size:cover;background-position:center;filter:grayscale(.6) contrast(1.1) brightness(.7);transition:filter .5s,transform .8s}
.scelta:hover .scelta-foto,.scelta-on .scelta-foto{filter:grayscale(0) contrast(1.1) brightness(.9)}
.scelta-corpo{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.scelta-on{border-color:var(--brace);box-shadow:0 0 0 1px var(--brace),0 18px 50px rgba(255,122,61,.18)}
@keyframes entra{from{opacity:0;transform:translateY(16px) scale(.97)}}
.blocco{background:var(--carta);border:1px solid var(--linea);border-radius:20px;padding:22px}
.blocco-testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px}
.blocco-testa h2{font-size:22px}
.quante{display:flex;flex-wrap:wrap;gap:10px}
.quanta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:18px;border:1px solid #33363D;cursor:pointer;transition:all .3s;margin:0}
.quanta input{position:absolute;opacity:0}
.quanta span{font:700 34px/1 'Space Grotesk',sans-serif;color:var(--testo)}.quanta small{color:var(--muto)}
.quanta:hover{border-color:#5A5E66;transform:translateY(-2px)}
.quanta:has(input:checked){border-color:var(--brace);background:#1D1712;box-shadow:0 0 30px rgba(255,122,61,.18)}
.galleria-stili{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}
.telefono-stile{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;cursor:pointer;margin:0;border:2px solid transparent;background:#1A1C21;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),border-color .3s,box-shadow .3s}
.telefono-stile input{position:absolute;opacity:0}
.telefono-stile:hover{transform:translateY(-6px) rotate(-1.2deg)}
.telefono-stile:has(input:checked){border-color:var(--brace);box-shadow:0 0 0 4px rgba(255,122,61,.18),0 20px 40px rgba(0,0,0,.5)}
.ts-foto{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.5) brightness(.55);transition:transform 1.2s ease,filter .5s}
.telefono-stile:hover .ts-foto,.telefono-stile:has(input:checked) .ts-foto{transform:scale(1.12);filter:grayscale(.1) brightness(.6)}
.ts-parole{position:absolute;left:8px;right:8px;top:56%;text-align:center;line-height:1.05;color:#fff;font-weight:800;text-shadow:0 2px 0 #000}
.ts-parole b{display:inline-block;font-weight:inherit;opacity:.25;margin:0 .1em}
.telefono-stile:hover .ts-parole b,.telefono-stile:has(input:checked) .ts-parole b{animation:parola 2s infinite}
.ts-parole b:nth-child(2){animation-delay:.25s!important}.ts-parole b:nth-child(3){animation-delay:.5s!important}.ts-parole b:nth-child(4){animation-delay:.75s!important}
@keyframes parola{0%{opacity:.25;transform:none}12%{opacity:1;transform:scale(1.18);color:var(--acc,#FFD84D)}30%,100%{opacity:1;transform:none}}
.ts-nome{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,rgba(0,0,0,.85));font:600 13px Inter,sans-serif;text-align:center}
.ts-blocco{display:flex;align-items:center;justify-content:center;border:2px dashed #3A3D44;background:#121417;color:var(--testo)}
.ts-lucchetto{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);animation:galleggia 3s ease-in-out infinite}
/* tipografia di ogni stile nell'anteprima */
.st-big_bold .ts-parole{font:900 19px 'Arial Black',sans-serif;text-transform:uppercase}
.st-karaoke .ts-parole{font:700 16px Inter,sans-serif;--acc:#FF7A3D}
.st-minimal .ts-parole{font:500 14px Inter,sans-serif;--acc:#ffffff}
.st-neon .ts-parole{font:800 17px 'Arial Black',sans-serif;color:#7AE1FF;text-shadow:0 0 12px #7AE1FF;--acc:#ffffff;text-transform:uppercase}
.st-anime .ts-parole{font:900 20px Impact,sans-serif;font-style:italic;--acc:#FF5C7A;text-transform:uppercase}
.st-documentary .ts-parole{font:500 15px Georgia,serif;color:#EDE6D6;--acc:#ffffff}
.st-podcast .ts-parole{font:700 16px Inter,sans-serif;--acc:#7AB8FF}
.st-meme .ts-parole{font:900 20px Impact,sans-serif;top:10%;text-transform:uppercase;-webkit-text-stroke:1px #000;--acc:#ffffff}
.st-elegant .ts-parole{font:italic 500 16px Georgia,serif;color:#F2E3C9;--acc:#ffffff}
.st-newspaper .ts-parole{font:700 13px Georgia,serif;color:#111;background:#F5F1E8;padding:6px;text-transform:uppercase;text-shadow:none;--acc:#B3261E}
.st-gaming .ts-parole{font:700 15px Consolas,monospace;color:#8CFF7A;--acc:#ffffff;text-transform:uppercase}
.st-clean .ts-parole{font:600 15px Inter,sans-serif;--acc:#ffffff}
.st-ember .ts-parole,.st-ice .ts-parole,.st-neon_tokyo .ts-parole,.st-jungle .ts-parole,.st-gold_foil .ts-parole,
.st-blood_moon .ts-parole,.st-molten .ts-parole,.st-aurora .ts-parole{font:900 19px 'Arial Black',sans-serif;text-transform:uppercase}
.st-ember .ts-parole{--acc:#FF7A3D}.st-ice .ts-parole{color:#E8F7FF;--acc:#7AE1FF}.st-neon_tokyo .ts-parole{color:#FF5CC8;--acc:#7AE1FF}
.st-jungle .ts-parole{color:#C8FF7A}.st-gold_foil .ts-parole{color:#FFE08A}.st-blood_moon .ts-parole{color:#FF4D4D;--acc:#FFD84D}
.st-molten .ts-parole{color:#FFB15C;--acc:#FFF2C2}.st-aurora .ts-parole{color:#9DFFCB;--acc:#C9A7FF}
.kit-riga{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin-top:20px}
.interruttore{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0 0 10px;color:#D3D5DA}
.interruttore input{position:absolute;opacity:0}
.interruttore span{width:44px;height:26px;border-radius:26px;background:#33363D;position:relative;transition:background .3s;flex:none}
.interruttore span::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:20px;background:#fff;transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
.interruttore input:checked+span{background:var(--brace)}.interruttore input:checked+span::after{transform:translateX(18px)}
.barra-invia{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(980px,calc(100% - 24px));z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:12px 12px 12px 22px;border-radius:999px;background:rgba(20,22,26,.86);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.barra-invia .btn{border-radius:999px}
@keyframes galleggia{50%{transform:translate(-50%,-58%)}}
@media (max-width:640px){.barra-invia{border-radius:20px;flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.nuovo-titolo,.scelta,.telefono-stile .ts-parole b,.ts-lucchetto{animation:none!important}}

/* pagina del servizio */
.srv{max-width:1100px}
.srv-indietro{display:inline-block;margin-bottom:18px;font-size:14px}
.srv-testa{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
.srv-testa h1{font:700 clamp(34px,4.4vw,58px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:10px 0 12px}
.srv-prezzo{font:700 44px 'Space Grotesk',sans-serif;color:var(--brace);margin-top:18px}.srv-prezzo small{font:400 16px Inter,sans-serif;color:var(--muto)}
.srv-prima-dopo{display:flex;align-items:center;gap:14px}
.pd{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#1A1C21;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pd img{width:100%;height:100%;object-fit:cover;display:block}
.pd-prima{flex:1.6;aspect-ratio:16/9}.pd-prima img{filter:grayscale(.85) brightness(.55)}
.pd-dopo{flex:.8;aspect-ratio:9/16;animation:respira 3.4s ease-in-out infinite}.pd-dopo img{filter:contrast(1.1) brightness(.8)}
.pd figcaption{position:absolute;left:10px;right:10px;bottom:10px;font-size:13px;line-height:1.35;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 6px #000}
.pd-freccia{animation:spinge 1.6s ease-in-out infinite;flex:none}
@keyframes respira{50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes spinge{50%{transform:translateX(6px)}}
.srv-passi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:40px}
.srv-passo{display:flex;gap:14px;align-items:flex-start;background:var(--carta);border:1px solid var(--linea);border-radius:16px;padding:18px;animation:entra .6s both;animation-delay:calc(var(--i) * 120ms)}
.srv-passo b{flex:none;width:34px;height:34px;border-radius:34px;display:grid;place-items:center;background:#2A1D16;color:#FF9E70;font:700 15px 'Space Grotesk',sans-serif}
.srv-consiglio{margin-top:16px;padding:16px 18px;border:1px dashed #4A3326;border-radius:14px;color:#E8DCD3;display:flex;gap:12px}
.srv-consiglio .mono{color:var(--brace);font-size:12px;padding-top:2px}
.srv-formula{margin-top:36px;background:linear-gradient(180deg,#17120F,var(--carta));border:1px solid #3A2A22;border-radius:22px;padding:24px}
.srv-formula h2{font-size:24px;margin-bottom:6px}
.srv-formula textarea{margin-top:14px;font-size:18px}
.formula-campi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}
.fc{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#121417;border:1px solid var(--linea);animation:entra .45s both;animation-delay:calc(var(--i) * 50ms)}
.fc .mono{font-size:11px;color:#8A8E96}.fc b{font-weight:600}
.formula-testo{margin-top:14px;padding:14px;border-radius:12px;background:#0B0C0E;color:#FFB08A;font-size:13px;line-height:1.6}
.srv-azione{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}
.riga-servizio a{color:var(--testo)}.riga-servizio a:hover{color:#FF8A50}
@media (max-width:900px){.srv-testa{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pd-dopo,.pd-freccia,.srv-passo,.fc{animation:none}}

/* design da collezione: piu' raro = piu' spettacolare */
.design{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
.design:hover{transform:translateY(-6px)}
.vd{position:relative;height:150px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0B0C0E;isolation:isolate}
.vd-foto{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;filter:brightness(.42) saturate(.9);transition:transform 1.2s}
.design:hover .vd-foto{transform:scale(1.12)}
.vd-frase{font:900 21px/1.05 'Arial Black',Inter,sans-serif;text-align:center;padding:0 10px;color:var(--c1);text-shadow:0 3px 0 #000}
.vd-frase b{display:inline-block;font-weight:inherit}
.vd-frase b:nth-child(2n){color:var(--c2)}
.design:hover .vd-frase b{animation:parola 1.8s infinite}
.design:hover .vd-frase b:nth-child(2){animation-delay:.2s}.design:hover .vd-frase b:nth-child(3){animation-delay:.4s}.design:hover .vd-frase b:nth-child(4){animation-delay:.6s}
/* raro: lampo di luce che passa */
.rar-rare .vd::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(122,184,255,.35) 50%,transparent 65%);transform:translateX(-100%);animation:lampo-raro 3.2s infinite}
@keyframes lampo-raro{60%,100%{transform:translateX(100%)}}
/* epico: bordo che gira e faville */
.rar-epic{border:0!important;background:conic-gradient(from var(--giro,0deg),#C77DFF,#4B2D66,#FF5CC8,#4B2D66,#C77DFF);padding:2px!important;animation:giro-bordo 4s linear infinite}
.rar-epic>*{position:relative}
.rar-epic::before{content:'';position:absolute;inset:2px;border-radius:12px;background:var(--carta);z-index:0}
.rar-epic>*{z-index:1}
.rar-epic .vd,.rar-epic>div:last-child{margin:14px}
@property --giro{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes giro-bordo{to{--giro:360deg}}
/* leggendario: foglia olografica che cambia colore e faville d'oro */
.rar-legendary .vd::after{content:'';position:absolute;inset:0;mix-blend-mode:color-dodge;opacity:.45;
  background:linear-gradient(125deg,#ff5c7a,#ffd84d,#9dffcb,#7ae1ff,#c9a7ff,#ff5c7a);background-size:300% 300%;animation:olo 5s ease-in-out infinite}
@keyframes olo{50%{background-position:100% 100%}}
.rar-legendary{box-shadow:0 0 0 1px #665A2D,0 0 40px rgba(255,216,77,.18)!important}
.vd-faville{position:absolute;inset:0;pointer-events:none}
.vd-faville i{position:absolute;bottom:-6px;width:5px;height:5px;border-radius:5px;background:var(--c2);box-shadow:0 0 8px var(--c2);animation:sale 2.6s linear infinite}
.vd-faville i:nth-child(1){left:12%;animation-delay:0s}.vd-faville i:nth-child(2){left:32%;animation-delay:.6s}.vd-faville i:nth-child(3){left:52%;animation-delay:1.2s}
.vd-faville i:nth-child(4){left:72%;animation-delay:.3s}.vd-faville i:nth-child(5){left:88%;animation-delay:1.8s}
@keyframes sale{from{transform:translateY(0);opacity:1}to{transform:translateY(-160px);opacity:0}}
@media (prefers-reduced-motion:reduce){.rar-rare .vd::after,.rar-epic,.rar-legendary .vd::after,.vd-faville i,.design:hover .vd-frase b{animation:none}}

/* crediti e listino */
.cr-sigla{font-size:.45em;color:var(--brace);margin-left:6px}
.ricariche{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.ricarica{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:18px;border-radius:18px;border:1px solid var(--linea);background:var(--carta);color:var(--testo);font:inherit;cursor:not-allowed;text-align:left;transition:transform .3s}
.ricarica:hover{transform:translateY(-3px)}
.ricarica-top{border-color:var(--brace);background:linear-gradient(180deg,#22170F,var(--carta))}
.r-crediti{font:700 28px 'Space Grotesk',sans-serif}.r-bonus{font:500 12px 'JetBrains Mono',monospace;color:#8FD6A8}.r-prezzo{font-size:15px;color:#D3D5DA}
.listino{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.voce-listino{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--carta);border:1px solid var(--linea);color:var(--testo);transition:transform .4s cubic-bezier(.2,.9,.3,1.2),box-shadow .4s}
.voce-listino:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.45);color:var(--testo)}
.vl-img{height:110px;background-size:cover;background-position:center;filter:grayscale(.7) brightness(.55);transition:filter .5s,transform .9s}
.voce-listino:hover .vl-img{filter:grayscale(0) brightness(.75);transform:scale(1.06)}
.voce-pronta{border-color:#3A2A22}
.vl-corpo{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;font-size:14px}
.vl-prezzo b{font:700 22px 'Space Grotesk',sans-serif;color:var(--brace)}.vl-prezzo small{color:var(--muto)}
.vl-stato{position:absolute;top:10px;right:10px}
/* benvenuto */
.benv-griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}
.benv-carta{background:var(--carta);border:1px solid var(--linea);border-radius:22px;padding:24px;animation:entra .6s both;animation-delay:calc(var(--i) * 140ms)}
.benv-carta h2{font-size:22px;margin:12px 0 8px}
.benv-num{width:40px;height:40px;border-radius:40px;display:grid;place-items:center;background:#2A1D16;color:#FF9E70;font:700 18px 'Space Grotesk',sans-serif}
.benv-forziere{border-color:#4A3326;background:linear-gradient(180deg,#1D1510,var(--carta))}
.aperto-ciclo .coperchio{animation:coperchio-ciclo 3.6s infinite}.aperto-ciclo .luce{animation:luce-ciclo 3.6s infinite}
@keyframes coperchio-ciclo{0%,30%{transform:none}38%{transform:rotate(-38deg) translateY(-10px)}85%{transform:rotate(-38deg) translateY(-10px)}100%{transform:none}}
@keyframes luce-ciclo{0%,32%{transform:translate(-50%,-50%) scale(0);opacity:0}45%,80%{transform:translate(-50%,-50%) scale(2.4);opacity:.9}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.aperto-ciclo .coperchio,.aperto-ciclo .luce,.benv-carta{animation:none}}

/* ogni look ha la sua scena: colore, trama, luce (pagina New) */
.telefono-stile::before,.telefono-stile::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}
.ts-parole,.ts-nome{z-index:2}
.st-big_bold .ts-foto{filter:grayscale(1) contrast(1.6) brightness(.45)}
.st-big_bold::before{background:linear-gradient(transparent 70%,rgba(255,216,77,.35));}
.st-big_bold::after{inset:auto 0 22% 0;height:10px;background:repeating-linear-gradient(-45deg,#FFD84D 0 10px,#111 10px 20px);opacity:.85}
.st-karaoke .ts-foto{filter:brightness(.3) saturate(1.4) hue-rotate(260deg)}
.st-karaoke::before{background:radial-gradient(ellipse 40% 55% at 25% 0%,rgba(255,92,200,.55),transparent 70%),radial-gradient(ellipse 40% 55% at 78% 0%,rgba(122,184,255,.5),transparent 70%)}
.st-karaoke::after{inset:auto 10% 8% 10%;height:26px;background:repeating-linear-gradient(90deg,#FF7A3D 0 5px,transparent 5px 9px);mask:linear-gradient(90deg,#000 20%,transparent 21% 30%,#000 31% 55%,transparent 56% 63%,#000 64%);opacity:.8}
.st-minimal .ts-foto{opacity:0}
.st-minimal{background:linear-gradient(160deg,#2A2D33,#121417)}
.st-minimal::before{inset:18% 22% auto;height:1px;background:rgba(255,255,255,.35)}
.st-neon .ts-foto{filter:grayscale(1) brightness(.35) contrast(1.4)}
.st-neon::before{background:linear-gradient(135deg,rgba(122,225,255,.45),rgba(255,92,200,.45));mix-blend-mode:color}
.st-neon::after{inset:8px;border:2px solid #7AE1FF;border-radius:14px;box-shadow:0 0 18px #7AE1FF,inset 0 0 18px #FF5CC8}
.st-anime .ts-foto{filter:grayscale(1) contrast(2) brightness(.6)}
.st-anime::before{background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.18) 0 2deg,transparent 2deg 9deg)}
.st-anime::after{background:linear-gradient(180deg,transparent 40%,rgba(255,92,122,.45))}
.st-documentary .ts-foto{filter:sepia(.9) contrast(1.1) brightness(.55)}
.st-documentary::before{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.85))}
.st-documentary::after{background:linear-gradient(#000 0 9%,transparent 9% 91%,#000 91%)}
.st-podcast .ts-foto{filter:brightness(.28) saturate(.6)}
.st-podcast::before{background:radial-gradient(circle at 50% 30%,rgba(122,184,255,.35),transparent 45%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237AB8FF' stroke-width='1.4'><rect x='9' y='3' width='6' height='11' rx='3'/><path d='M5 11a7 7 0 0014 0M12 18v3'/></svg>") center 26%/38% no-repeat}
.st-meme .ts-foto{top:24%;filter:brightness(.7)}
.st-meme{background:#fff}
.st-meme .ts-parole{color:#fff}
.st-meme::before{inset:0 0 auto;height:24%;background:#fff;z-index:1}
.st-meme .ts-parole{z-index:3;color:#111;text-shadow:none;-webkit-text-stroke:0;top:4%}
.st-elegant .ts-foto{filter:blur(2px) brightness(.5) sepia(.3)}
.st-elegant::before{background:radial-gradient(circle at 20% 30%,rgba(255,226,170,.35) 0 6%,transparent 7%),radial-gradient(circle at 75% 20%,rgba(255,226,170,.25) 0 9%,transparent 10%),radial-gradient(circle at 60% 75%,rgba(255,226,170,.2) 0 7%,transparent 8%)}
.st-newspaper .ts-foto{filter:grayscale(1) contrast(1.3) brightness(.9);opacity:.35;mix-blend-mode:multiply}
.st-newspaper{background:#EDE6D6}
.st-newspaper::before{background:repeating-linear-gradient(#EDE6D6 0 7px,#D9D0BC 7px 8px);opacity:.6}
.st-newspaper::after{inset:7% 10% auto;height:14px;background:#111;opacity:.85}
.st-newspaper .ts-nome{color:#111;background:linear-gradient(transparent,rgba(237,230,214,.95))}
.st-gaming .ts-foto{filter:brightness(.35) hue-rotate(70deg) saturate(1.6)}
.st-gaming::before{background:repeating-linear-gradient(transparent 0 3px,rgba(140,255,122,.12) 3px 4px)}
.st-gaming::after{inset:10px;background:linear-gradient(#8CFF7A,#8CFF7A) 0 0/18px 2px no-repeat,linear-gradient(#8CFF7A,#8CFF7A) 0 0/2px 18px no-repeat,
  linear-gradient(#8CFF7A,#8CFF7A) 100% 100%/18px 2px no-repeat,linear-gradient(#8CFF7A,#8CFF7A) 100% 100%/2px 18px no-repeat}
.st-clean .ts-foto{filter:brightness(.7) saturate(.4) contrast(.9)}
.st-clean::before{background:linear-gradient(180deg,rgba(180,210,255,.25),rgba(255,255,255,.05))}
/* design da collezione */
.st-ember .ts-foto,.st-ice .ts-foto,.st-neon_tokyo .ts-foto,.st-jungle .ts-foto,.st-gold_foil .ts-foto,.st-blood_moon .ts-foto,.st-molten .ts-foto,.st-aurora .ts-foto{filter:brightness(.3) grayscale(.6)}
.st-ember::before{background:radial-gradient(ellipse at 50% 110%,rgba(255,122,61,.85),transparent 60%)}
.st-ice::before{background:linear-gradient(180deg,rgba(232,247,255,.35),rgba(122,225,255,.25));backdrop-filter:blur(1px)}
.st-neon_tokyo::before{background:linear-gradient(160deg,rgba(255,92,200,.55),rgba(122,225,255,.45));mix-blend-mode:screen}
.st-jungle::before{background:radial-gradient(circle at 20% 20%,rgba(200,255,122,.45),transparent 40%),radial-gradient(circle at 80% 70%,rgba(60,140,60,.6),transparent 50%)}
.st-gold_foil::before{background:linear-gradient(115deg,rgba(255,224,138,.1) 20%,rgba(255,240,190,.6) 40%,rgba(255,200,90,.15) 60%);background-size:250% 100%;animation:lucido 4s ease-in-out infinite}
.st-blood_moon::before{background:radial-gradient(circle at 70% 22%,#FF4D4D 0 14%,rgba(255,77,77,.3) 15%,transparent 38%)}
.st-molten::before{background:linear-gradient(0deg,rgba(255,90,20,.9),rgba(255,177,92,.3) 40%,transparent 70%);background-size:100% 160%;animation:lava 3s ease-in-out infinite}
.st-aurora::before{background:linear-gradient(120deg,rgba(157,255,203,.5),rgba(201,167,255,.5),rgba(122,225,255,.4));background-size:300% 300%;animation:olo 6s ease-in-out infinite;mix-blend-mode:screen}
@keyframes lava{50%{background-position:0 60%}}
@media (prefers-reduced-motion:reduce){.st-gold_foil::before,.st-molten::before,.st-aurora::before{animation:none}}

/* disegni dei servizi */
img.vl-img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;filter:none}
.voce-listino:hover img.vl-img{filter:none;transform:scale(1.04)}
img.scelta-foto{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;filter:saturate(.7) brightness(.85)}
.scelta:hover img.scelta-foto,.scelta-on img.scelta-foto{filter:none}
.srv-illustrazione img{width:100%;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.srv-pd-testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px}
.srv-pd-testi div{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--carta);border:1px solid var(--linea)}

.r-etichetta{align-self:flex-start;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#141414;background:var(--brace);padding:3px 8px;border-radius:99px;text-transform:uppercase}

.confronto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:36px}
.lista-fatti{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lista-fatti li::before{content:'·';color:#8A8E96;margin-right:10px}
.lista-fatti.si li::before{content:'+';color:var(--brace);font-weight:700}

/* Make it yours */
.su-misura{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.sm-controlli{display:flex;flex-direction:column;gap:18px}
.sm-gruppo{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sm-gruppo legend,.sm-gruppo>label:not(.sm-chip):not(.interruttore){width:100%;font-size:13px;color:#A6A9B0;margin-bottom:6px}
.sm-gruppo input[type=range]{width:100%;accent-color:var(--brace)}
.sm-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:12px;border:1px solid #33363D;cursor:pointer;margin:0;color:#E6E6E6;font-size:14px;transition:all .25s}
.sm-chip input{position:absolute;opacity:0}
.sm-chip small{color:#8A8E96;font-size:11px}
.sm-chip:hover{border-color:#5A5E66}
.sm-chip:has(input:checked){border-color:var(--brace);background:#1D1712;color:#fff}
.sm-forma{display:inline-block;border:2px solid currentColor;border-radius:3px;height:18px}
.f-9-16{width:10px}.f-4-5{width:14px}.f-1-1{width:18px}.f-16-9{width:28px;height:16px}
.sm-colori{display:flex;flex-wrap:wrap;gap:10px}
.sm-colore{position:relative;width:34px;height:34px;margin:0;cursor:pointer}
.sm-colore input{position:absolute;opacity:0}
.sm-colore span{display:block;width:100%;height:100%;border-radius:50%;background:var(--c);border:2px solid #33363D;transition:transform .2s}
.sm-colore:has(input:checked) span{transform:scale(1.15);border-color:#fff;box-shadow:0 0 0 3px rgba(255,122,61,.4)}
.sm-libero input[type=color]{width:34px;height:34px;border:2px dashed #5A5E66;border-radius:50%;padding:0;background:none;cursor:pointer}
.sm-interruttori{flex-direction:column;align-items:flex-start}
.sm-anteprima{position:sticky;top:20px}
.sm-telefono{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#1A1C21;border:3px solid #26292F;transition:aspect-ratio .4s}
/* fotogramma VERO orizzontale (NASA, pubblico dominio): 9:16 ne mostra il ritaglio, 16:9 l'originale intero */
.sm-video{position:absolute;inset:0;background:url('/static/anteprima_16x9.jpg') 50% 50%/cover no-repeat;filter:brightness(.72);transition:background-position .4s}
.sm-titolo{position:absolute;left:8%;right:8%;top:6%;padding:.4em .6em;text-align:center;font:900 13px 'Arial Black',sans-serif;color:#141414;background:#FFD84D;border-radius:4px}
.sm-parole{position:absolute;left:6%;right:6%;transform:translateY(-50%);text-align:center;font:900 22px 'Arial Black',sans-serif;color:#fff;text-shadow:0 3px 0 #000;line-height:1.1;transition:top .35s,font-size .2s}
.sm-parole b{color:#FFD84D}
.sm-barra{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.15)}
.sm-barra i{display:block;height:100%;width:40%;background:#FFD84D;animation:avanza 4s linear infinite}
@media (max-width:860px){.su-misura{grid-template-columns:1fr}.sm-anteprima{position:static;max-width:240px;margin:0 auto}}

/* font del motore anche nel browser (anteprime fedeli al video) */
@font-face{font-family:'Archivo Black';src:url('/fonts/ArchivoBlack-Regular.ttf')}
@font-face{font-family:'Bangers';src:url('/fonts/Bangers-Regular.ttf')}
@font-face{font-family:'Anton';src:url('/fonts/Anton-Regular.ttf')}
@font-face{font-family:'DM Serif Display';src:url('/fonts/DMSerifDisplay-Regular.ttf')}
@font-face{font-family:'DM Serif Display';font-style:italic;src:url('/fonts/DMSerifDisplay-Italic.ttf')}
@font-face{font-family:'Space Mono';font-weight:700;src:url('/fonts/SpaceMono-Bold.ttf')}
@font-face{font-family:'Poppins';font-weight:700;src:url('/fonts/Poppins-Bold.ttf')}
@font-face{font-family:'Poppins';font-weight:500;src:url('/fonts/Poppins-Medium.ttf')}
/* editor */
.ed-testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.ed-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ed-palco{display:flex;flex-direction:column;align-items:center;gap:14px;position:sticky;top:16px}
.ed-cornice{position:relative;height:min(70vh,640px);aspect-ratio:9/16;max-width:100%;border-radius:20px;overflow:hidden;background:#000;
  box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 2px #26292F;font-size:min(1.4vh,13px);transition:aspect-ratio .35s}
.ed-cornice video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-titolo{position:absolute;left:8%;right:8%;top:6%;padding:.5em .7em;text-align:center;font:900 1.5em 'Archivo Black',sans-serif;
  color:#141414;text-transform:uppercase;border-radius:4px}
.ed-parole{position:absolute;left:6%;right:6%;transform:translateY(-50%);text-align:center;color:#fff;line-height:1.1;
  text-shadow:0 .12em 0 #000,0 0 .3em rgba(0,0,0,.8);-webkit-text-stroke:.03em #000}
.ed-parole span{display:inline-block}
.ed-barra{position:absolute;left:0;right:0;bottom:0;height:6px;background:rgba(255,255,255,.18)}.ed-barra i{display:block;height:100%}
.ed-comandi{display:flex;gap:10px;align-items:center}
.ed-tagli{width:min(100%,420px);display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}
.ed-tagli label{margin:0;font-size:13px}.ed-tagli input{accent-color:var(--brace)}
.ed-pannello{background:var(--carta);border:1px solid var(--linea);border-radius:20px;padding:18px;min-height:420px}
.ed-schede{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.ed-scheda{min-height:40px;padding:0 16px;border-radius:99px;border:1px solid #33363D;background:transparent;color:#C9CBD0;font:600 14px Inter,sans-serif;cursor:pointer}
.ed-scheda.attiva{background:var(--brace);color:#141414;border-color:var(--brace)}
.ed-p{display:flex;flex-direction:column;gap:14px}
.ed-p[hidden]{display:none}
.ed-riga{display:flex;flex-direction:column;gap:6px}.ed-riga>span,.ed-riga>label{font-size:13px;color:#A6A9B0;margin:0}
.ed-riga input[type=range]{accent-color:var(--brace)}
.ed-riga input[type=color]{width:60px;height:36px;border:0;background:none}
.ed-chip-riga{display:flex;flex-wrap:wrap;gap:6px}
.ed-chip-riga button{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid #33363D;background:transparent;color:#E6E6E6;cursor:pointer;font:500 14px Inter,sans-serif}
.ed-chip-riga button.on{border-color:var(--brace);background:#1D1712;color:#fff}
.ed-lista-parole{line-height:2.1;max-height:440px;overflow:auto;padding:4px}
.ed-parola{padding:3px 6px;border-radius:6px;background:#121417;border:1px solid #26292F;cursor:text;outline:none}
.ed-parola:focus{border-color:var(--brace)}.ed-parola.fuori{opacity:.35}
@media (max-width:900px){.ed{grid-template-columns:1fr}.ed-palco{position:static}}

.promo-banner{padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#2A1A10,#1D1712);border:1px solid var(--brace);color:#FFD9C4;font-size:14px;animation:compare .5s}

.sm-telefono.tf-16-9{border-radius:12px}.sm-telefono.tf-1-1{border-radius:16px}
.sm-parole{white-space:normal;overflow-wrap:anywhere}
/* editor: il 16:9 prende la larghezza, non l'altezza */
.ed-cornice.largo{height:auto;width:100%}

.piu-usato{font:600 9px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.06em;color:#141414;background:var(--brace);padding:2px 6px;border-radius:99px}
.ts-piu{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap}

/* pannello formula a parametri */
.formula-campi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fp{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#121417;border:1px solid var(--linea);animation:entra .4s both}
.fp-largo{grid-column:1/-1}
.fp .mono{font-size:11px;color:#8A8E96}.fp .mono b{color:#FF8A50}
.fp input[type=text],.fp select{padding:10px 12px;font-size:15px}
.fp-chips{display:flex;flex-wrap:wrap;gap:6px}
.fp-chip{min-height:36px;padding:0 13px;border-radius:99px;border:1px solid #33363D;background:transparent;color:#D3D5DA;font:500 13px Inter,sans-serif;cursor:pointer;text-transform:capitalize;transition:all .2s}
.fp-chip:hover{border-color:#5A5E66;color:#fff}
.fp-chip.on{background:var(--brace);border-color:var(--brace);color:#141414;font-weight:600}
.fp-timeline{position:relative;height:40px;border-radius:10px;background:repeating-linear-gradient(90deg,#1A1C21 0 18px,#1E2126 18px 20px);border:1px solid #33363D;overflow:hidden}
.fp-pieno{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,122,61,.25),rgba(255,122,61,.6));border-right:3px solid var(--brace);pointer-events:none;transition:width .1s}
.fp-timeline input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.fp-tacche{display:flex;justify-content:space-between;font:500 10px 'JetBrains Mono',monospace;color:#6D7078}
@media (max-width:640px){.formula-campi{grid-template-columns:1fr!important}}

.avviso-grande{padding:16px 18px;margin-top:20px;border-color:var(--brace);background:#24170F;font-size:15px;animation:compare .5s}
.attese{padding:16px 18px}.attesa-riga{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--linea)}
.attesa-riga>div{flex:1;min-width:0}.attesa-riga .muto{font-size:13px;overflow-wrap:anywhere}
.pallino-attesa{width:10px;height:10px;border-radius:50%;background:var(--brace);box-shadow:0 0 0 0 rgba(255,122,61,.6);animation:pulsa 1.8s infinite;flex:none}
@keyframes pulsa{70%{box-shadow:0 0 0 10px rgba(255,122,61,0)}100%{box-shadow:0 0 0 0 rgba(255,122,61,0)}}

/* telefono: menu compatto in alto, non mezza pagina */
@media (max-width:720px){
 .lato{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px!important;position:sticky;top:0;z-index:20;background:rgba(14,15,18,.94);backdrop-filter:blur(10px)}
 .lato .marchio{margin:0!important}
 .lato .menu{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;width:100%;margin:0!important;scrollbar-width:none}
 .lato .menu::-webkit-scrollbar{display:none}
 .lato .menu a{white-space:nowrap;padding:8px 12px!important;flex:none}
 .lato>.carta{display:none}
}

/* ===== telefono: compatto, l'essenziale in alto ===== */
@media (max-width:720px){
 .nuovo-titolo{font-size:30px!important;line-height:1.05}
 .nuovo-testa p{font-size:14px}
 /* stili: fila che si scorre col dito, non colonne infinite */
 .galleria-stili{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
 .galleria-stili::-webkit-scrollbar{display:none}
 .galleria-stili>*{flex:0 0 112px!important;width:112px!important;scroll-snap-align:start}
 .telefono-stile{aspect-ratio:9/14!important}
 .telefono-stile .ts-parole{font-size:11px!important}
 .ts-nome{font-size:11px!important}
 /* Make it yours: anteprima piccola accanto alle scelte, non mezza pagina */
 .su-misura{display:grid!important;grid-template-columns:1fr 104px;gap:12px;align-items:start;padding:16px!important}
 .su-misura>h2,.su-misura>.blocco-testa,.su-misura>header{grid-column:1/-1}
 .sm-anteprima{grid-column:2;grid-row:1;position:sticky;top:110px}
 .sm-controlli{grid-column:1;grid-row:1;min-width:0}
 .sm-telefono{width:104px!important;max-width:104px!important}
 .sm-anteprima .mono{font-size:9px!important}
 .sm-chip{padding:0 10px!important;min-height:34px!important;font-size:13px!important}
 .sm-chip small{display:none}
 .sm-colore{width:28px!important;height:28px!important}
 /* listino: due servizi per riga, immagine bassa */
 .listino{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .voce-listino{min-height:0!important}
 .vl-img{height:84px!important;min-height:0!important}
 .vl-img svg,.vl-img img{max-height:84px}
 .vl-corpo{padding:10px 12px!important}
 .vl-corpo b,.vl-corpo h3{font-size:14px!important}
 .vl-corpo p,.vl-corpo .muto{font-size:12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .vl-prezzo{font-size:15px!important}
 .ricariche{gap:10px!important}
 .ricarica{padding:12px!important}
}

/* caricamento file */
.carica-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:99px;background:var(--brace);color:#141414;font:600 13px Inter,sans-serif;cursor:pointer}
.carica-btn:hover{filter:brightness(1.08)}
.file-scheda{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#121417;border:1px solid var(--linea);color:#FF8A50;margin-bottom:10px}
.file-scheda b{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-traccia{height:5px;border-radius:9px;background:#24272D;margin-top:8px;overflow:hidden}
.file-traccia div{height:100%;width:0;background:var(--brace);transition:width .3s}
.file-pronto{border-color:#2F7A4F}.file-pronto .file-traccia div{background:#3DDC84}
.file-errore{border-color:#A33}.file-errore #file-stato{color:#FF7A7A}
.file-togli{background:none;border:0;color:#9A9EA6;font-size:26px;cursor:pointer;padding:0 6px}

/* servizio scelto: solo l'ingresso che gli serve */
.casella-titolo{font:600 15px Inter,sans-serif;color:#fff;margin-bottom:10px}
.casella[class*="solo-"] .casella-esempi [data-tipo]{display:none}
.casella.solo-video .casella-esempi [data-tipo=video],.casella.solo-reel .casella-esempi [data-tipo=reel],
.casella.solo-idea .casella-esempi [data-tipo=idea],.casella.solo-scena .casella-esempi [data-tipo=scena]{display:inline-flex}

/* immagini vere dai collaudi */
.srv-vera{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.vera-telefono{width:min(220px,60%);aspect-ratio:9/16;border-radius:26px;padding:7px;background:#1B1D22;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);animation:vibra 3.2s linear infinite}
.vera-telefono img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}
.vera-etichetta{font-size:10px;letter-spacing:.08em;color:#3DDC84}
.vl-img.vl-vera{object-fit:cover;object-position:center 35%}

.prova-gratis{margin:14px 0;padding:12px 14px;border-radius:12px;background:#132219;border:1px solid #2F7A4F;font-size:14px;color:#CDEBD8}

/* extra della clip */
.viral .v small{font-size:13px;color:#8A8E96;margin-left:2px}
.viral-barra{height:6px;border-radius:9px;background:#24272D;margin-top:6px;overflow:hidden;width:100%}
.viral-barra i{display:block;height:100%;background:linear-gradient(90deg,#FFB547,#FF5E3A)}
.viral-nota{font-size:12px;color:#B5B9C0;margin-top:4px}
.pronti summary{cursor:pointer;color:#FF8A50;font-weight:600;font-size:14px}
.pronto-riga{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-top:10px;align-items:start}
.pronto-riga .k{grid-column:1/-1}
.pronto-riga textarea{font-size:13px;min-height:0}

.clip-img{width:min(260px,100%);border-radius:14px;align-self:flex-start;background:#000}

.campi-servizio{display:flex;flex-direction:column;gap:12px}
.campo-servizio{display:none;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#121417;border:1px solid var(--brace);font-weight:600}
.campo-servizio select,.campo-servizio input{font-weight:400}

.vera-carta{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)}
.vera-carta img{display:block;width:100%;height:auto;transition:transform .6s ease}
.vera-carta:hover img{transform:scale(1.03)}
.vl-img.vl-vera{object-fit:cover;object-position:center}

.sm-chips-riga{display:flex;flex-wrap:wrap;gap:8px;font-weight:400}