/* addiosigaretta.com — stile condiviso del funnel (9 nov 2026).
   Un solo linguaggio per quiz, video, checkout e grazie: antracite come
   fondo, mandarine solo per ciò che si preme o è attivo, Unbounded per i
   titoli (servito da casa, niente Google Fonts), carattere di sistema per il
   corpo. Mobile-first: il traffico arriva da Instagram e Facebook. */

@font-face{font-family:"Unbounded";font-weight:500;font-display:swap;src:url("fonts/unbounded-500.ttf") format("truetype")}
@font-face{font-family:"Unbounded";font-weight:600;font-display:swap;src:url("fonts/unbounded-600.ttf") format("truetype")}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url("fonts/unbounded-700.ttf") format("truetype")}

:root{
  --bg:#141416;            /* antracite profondo */
  --panel:#1E1E1E;         /* antracite del brand */
  --panel-2:#26262A;
  --card:#FFFFFF;          /* le superfici bianche: quiz, modulo */
  --ink:#F3F1EE;           /* testo su scuro */
  --ink-2:#B8B3AD;
  --ink-3:#8A857F;
  --on-card:#1A1816;       /* testo su bianco */
  --on-card-2:#6B6461;
  --line:rgba(255,255,255,.09);
  --line-card:#E8E2DE;
  --mand:#FB371E;
  --mand-2:#FF6A4A;
  --mand-press:#DC2A10;
  --ok:#2FBF71;
  --warn:#F5B83D;
  --glow:rgba(251,55,30,.26);
  --fd:"Unbounded",system-ui,sans-serif;
  --fb:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:22px;--r-s:14px;
  --shadow:0 34px 70px -28px rgba(0,0,0,.65),0 12px 30px -18px rgba(0,0,0,.45);
  --gutter:clamp(16px,4vw,28px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--fb);
  font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(120% 70% at 50% -12%,var(--glow),transparent 62%),
    radial-gradient(80% 50% at 50% 118%,rgba(251,55,30,.08),transparent 70%);
  background-attachment:fixed;
}
img,svg,video{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
h1,h2,h3,.fd{font-family:var(--fd);letter-spacing:-.015em;line-height:1.08;margin:0;text-wrap:balance}
h1{font-weight:700;font-size:clamp(1.7rem,5.6vw,2.6rem)}
h2{font-weight:600;font-size:clamp(1.35rem,4.4vw,1.9rem)}
h3{font-weight:600;font-size:clamp(1.05rem,3.4vw,1.25rem)}
p{margin:0}
.muted{color:var(--ink-2)}
.small{font-size:.9rem}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:720px}

/* ---- intestazione: solo il marchio, niente menu: qui si fa una cosa sola ---- */
.top{display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(14px,3vw,22px) var(--gutter)}
.top .logo{height:34px;width:auto}
.top.left{justify-content:space-between}
.top .passo{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600}

/* ---- bottoni: uno pieno per blocco, gli altri col bordo ---- */
.btn{
  appearance:none;border:0;cursor:pointer;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 26px;font-weight:700;font-size:1.02rem;line-height:1.1;text-decoration:none;
  transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn.pri{background:linear-gradient(135deg,var(--mand),var(--mand-2));color:#fff;box-shadow:0 14px 34px -14px rgba(251,55,30,.75)}
.btn.pri:hover{transform:translateY(-1px);box-shadow:0 18px 40px -14px rgba(251,55,30,.85)}
.btn.pri:active{transform:translateY(0) scale(.99)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:rgba(255,255,255,.25)}
.btn.block{width:100%}
.btn.lg{padding:19px 30px;font-size:1.1rem}
.btn[disabled],.btn.off{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.btn:focus-visible{outline:3px solid var(--mand);outline-offset:3px}

/* ---- superfici ---- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.card{background:var(--card);color:var(--on-card);border-radius:var(--r);box-shadow:var(--shadow)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.07);color:var(--ink-2)}
.chip.mand{background:rgba(251,55,30,.16);color:var(--mand-2)}
.chip.ok{background:rgba(47,191,113,.16);color:#6ee0a1}
.chip.warn{background:rgba(245,184,61,.16);color:#f8cf7a}
.sep{height:1px;background:var(--line);border:0;margin:0}

/* ---- sezioni e comparsa allo scorrimento ---- */
.sez{padding:clamp(40px,8vw,80px) 0}
.sez.tight{padding:clamp(26px,5vw,48px) 0}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mand-2);margin-bottom:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}

/* ---- piè di pagina ----
   Su telefono privacy, termini e note legali non si vedono all'apertura
   (10 nov 2026): il contenuto occupa almeno uno schermo intero, il piè di
   pagina comincia sotto e si trova scorrendo. */
@media (max-width:700px){main{min-height:100vh;min-height:100lvh}}
footer.foot{padding:clamp(28px,6vw,56px) 0 calc(28px + env(safe-area-inset-bottom));color:var(--ink-3);font-size:.8rem;line-height:1.55}
footer.foot .wrap{display:grid;gap:18px}
footer.foot .logo{height:28px;opacity:.9}
footer.foot a{color:var(--ink-2);text-decoration:none}
footer.foot a:hover{color:var(--ink)}
footer.foot .links{display:flex;flex-wrap:wrap;gap:8px 18px}
footer.foot .legal{max-width:78ch}

/* ---- Trustpilot: il blocco delle recensioni (assets/recensioni.js) ---- */
.tp-testa{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;text-decoration:none;color:var(--ink);padding:16px 18px;border-radius:var(--r-s);background:var(--panel);border:1px solid var(--line)}
.tp-logo{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.tp-logo svg{width:20px;height:20px;fill:#00B67A}
.tp-stelle{display:inline-flex;gap:2px}
.tp-stelle i{width:18px;height:18px;background:#3a3a40;display:grid;place-items:center;border-radius:2px}
.tp-stelle i.on{background:#00B67A}
.tp-stelle svg{width:12px;height:12px;fill:#fff}
.tp-stelle.grande i{width:26px;height:26px}
.tp-stelle.grande svg{width:17px;height:17px}
.tp-num{color:var(--ink-2);font-size:.92rem}
.tp-num b{color:var(--ink)}
.tp-griglia{margin-top:14px}
.tp-card{background:var(--card);color:var(--on-card);border-radius:var(--r-s);padding:16px 16px 18px;display:grid;gap:8px;align-content:start}
.tp-card header{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}
.tp-av{width:36px;height:36px;border-radius:50%;background:#F1EDEA;color:var(--on-card-2);display:grid;place-items:center;font-size:.75rem;font-weight:800}
.tp-nome{font-weight:700;font-size:.92rem}
.tp-data{font-size:.75rem;color:var(--on-card-2)}
.tp-card h3{font-size:.98rem;color:var(--on-card);line-height:1.25}
.tp-card p{font-size:.9rem;color:#3f3a37;line-height:1.5}
.tp-nota{text-align:center;color:var(--ink-3);font-size:.78rem;margin-top:12px}
.tp-nota a{color:var(--ink-2)}

/* ---- banner dei cookie: lo inietta qz.js ---- */
.qz-cookie{
  position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;
  background:var(--card);color:var(--on-card);border-radius:18px;box-shadow:var(--shadow);
  padding:16px 18px;display:grid;gap:12px;max-width:560px;margin:0 auto;
  animation:qzUp .5s cubic-bezier(.16,1,.3,1);
}
@keyframes qzUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.qz-cookie p{font-size:.92rem;line-height:1.45;color:var(--on-card)}
.qz-cookie p a{color:var(--mand-press)}
.qz-cookie .row{display:flex;gap:10px;flex-wrap:wrap}
.qz-cookie .btn{padding:12px 18px;font-size:.95rem;flex:1}
.qz-cookie .btn.ghost{color:var(--on-card);border-color:var(--line-card)}

/* ---- anteprima: la fascia che dice che i soldi sono spenti ---- */
.anteprima{position:fixed;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;z-index:70;pointer-events:none}
.anteprima .chip{backdrop-filter:blur(8px);background:rgba(20,20,22,.7);border:1px solid var(--line);font-size:.6rem;padding:4px 8px;letter-spacing:.08em}
.qz-cookie p{font-size:.86rem}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ---- la striscia che scorre (assets/striscia.js): recensioni e interviste ---- */
.st-scorri{position:relative}
.st-fila{display:grid;grid-auto-flow:column;grid-auto-columns:min(84%,300px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.st-fila::-webkit-scrollbar{display:none}
.st-fila>*{scroll-snap-align:start}
.iv-griglia{display:grid;gap:18px 14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media (max-width:480px){.iv-griglia{grid-template-columns:1fr}}
.st-freccia{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(20,20,22,.85);color:var(--ink);display:none;place-items:center;cursor:pointer;z-index:2;backdrop-filter:blur(6px);transition:opacity .2s}
.st-freccia svg{width:18px;height:18px}
.st-freccia.sx{left:-16px;transform:translateY(-50%) scaleX(-1)} .st-freccia.dx{right:-16px}
.st-freccia.off{opacity:.25;pointer-events:none}
.st-freccia:hover{border-color:var(--mand)}
@media (hover:hover) and (min-width:700px){.st-freccia{display:grid}}
.st-punti{display:flex;justify-content:center;gap:6px;margin-top:4px}
.st-punti i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.st-punti i.on{background:var(--mand)}
@media (max-width:640px){.st-fila{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter)}}
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r-s);overflow:hidden;background:#000;cursor:pointer;border:1px solid var(--line)}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .5s,opacity .3s}
.yt:hover img{transform:scale(1.04);opacity:1}
.yt .play{position:absolute;inset:0;display:grid;place-items:center}
.yt .play i{width:56px;height:56px;border-radius:50%;background:var(--mand);display:grid;place-items:center;box-shadow:0 14px 30px -12px var(--glow);transition:transform .2s}
.yt:hover .play i{transform:scale(1.08)}
.yt .play svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:.8rem;line-height:1.3;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}

/* ---- la promessa sotto il titolo della sezione prodotto ---- */
.promessa{color:var(--ink-2);font-size:1.02rem;line-height:1.55;max-width:62ch;margin-top:12px}
.promessa b{color:var(--ink)}

/* ---- la vetrina del prodotto, v2 (assets/vetrina.js) ---- */
.vtr{position:relative;container-type:inline-size;border-radius:var(--r);background:radial-gradient(90% 60% at 50% 0%,rgba(251,55,30,.20),transparent 60%),var(--panel);border:1px solid var(--line);padding:clamp(18px,4cqw,34px) clamp(14px,3cqw,28px) clamp(16px,3cqw,26px);overflow:hidden}
.vt-sopra{display:grid;gap:18px;align-items:center}
@container (min-width:720px){.vt-sopra{grid-template-columns:1.7fr 1fr;gap:26px}}
/* lo schermo del corso */
.vt-schermo{position:relative;border-radius:16px;background:#0A0A0C;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 70px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);margin-top:18px}
.vt-barra{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.vt-barra i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.16)} .vt-barra i:first-child{background:var(--mand)}
.vt-barra span{margin-left:8px;font-size:.66rem;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-corpo{display:grid;gap:14px;padding:clamp(14px,3cqw,22px);background:linear-gradient(100deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.72) 55%,rgba(10,10,12,.35) 100%),url("img/copertina.jpg") center right/cover no-repeat;border-radius:0 0 16px 16px}
@container (min-width:560px){.vt-corpo{grid-template-columns:1.1fr 1fr;gap:18px}}
.vt-eyebrow{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mand-2);font-weight:700}
.vt-titolo{font-family:var(--fd);font-weight:700;font-size:clamp(1.25rem,3.8cqw,1.8rem);line-height:1.05;margin:8px 0 14px;color:#fff}
.vt-tappe{display:flex;align-items:center;gap:8px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.vt-tappe b{flex:1;height:2px;background:linear-gradient(90deg,var(--ink-3),var(--mand));border-radius:2px;position:relative}
.vt-tappe b::after{content:"";position:absolute;right:-3px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--mand);box-shadow:0 0 0 4px rgba(251,55,30,.25)}
.vt-tappe .fine{color:var(--mand-2)}
.vt-nota{margin-top:12px;font-size:.72rem;color:var(--ink-3)}
.vt-playlist{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.vt-playlist li{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 10px;border-radius:9px;background:rgba(19,19,22,.82);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(4px)}
.vt-playlist li.in-corso{border-color:rgba(251,55,30,.5);background:rgba(251,55,30,.08)}
.vt-playlist .n{font-family:var(--fd);font-weight:700;font-size:.62rem;color:var(--mand-2)}
.vt-playlist .t{font-size:.74rem;font-weight:600;color:var(--ink);line-height:1.2}
.vt-playlist .play{width:16px;height:16px;border-radius:50%;background:rgba(251,55,30,.18);position:relative}
.vt-playlist .play::after{content:"";position:absolute;left:6px;top:4px;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--mand-2)}
.vt-playlist li.in-corso .play{background:var(--mand)} .vt-playlist li.in-corso .play::after{border-left-color:#fff}
/* il cartellino del prezzo, attaccato all'angolo dello schermo */
.vt-cartellino{position:absolute;top:-18px;right:14px;z-index:2;background:var(--mand);color:#fff;border-radius:14px;padding:9px 13px 8px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:baseline;transform:rotate(3deg);box-shadow:0 18px 36px -16px rgba(251,55,30,.8)}
.vt-cartellino s{font-size:.78rem;opacity:.75;font-weight:600}
.vt-cartellino b{font-family:var(--fd);font-weight:700;font-size:1.45rem;line-height:1}
.vt-cartellino small{grid-column:1/-1;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.9;margin-top:3px}
/* i due quaderni + il sigillo */
.vt-quaderni{position:relative;height:230px;display:flex;justify-content:center;align-items:flex-end}
@container (min-width:720px){.vt-quaderni{height:260px}}
.vt-q{position:absolute;bottom:14px;width:148px;aspect-ratio:3/4;border-radius:6px 12px 12px 6px;padding:16px 14px;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;color:#1E1E1E;box-shadow:-6px 0 0 -2px #CFC6BF,-10px 0 0 -4px #B9AFA7,0 30px 50px -26px rgba(0,0,0,.9)}
.vt-q.davanti{background:linear-gradient(160deg,#F9F6F2,#E9E2DB);left:calc(50% - 96px);z-index:2;transform:rotate(-4deg)}
.vt-q.dietro{background:linear-gradient(160deg,#2A2A2E,#19191C);color:#F3F1EE;left:calc(50% + 2px);bottom:38px;transform:rotate(7deg);z-index:1;justify-items:end;text-align:right;box-shadow:-6px 0 0 -2px #3a3a40,-10px 0 0 -4px #2a2a2f,0 30px 50px -26px rgba(0,0,0,.9)}
.vt-q.dietro .vt-righe i{background:rgba(255,255,255,.18)}
.vt-fiamma{width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--mand);transform:rotate(-45deg);margin:2px 0 2px 2px}
.vt-qt{font-family:var(--fd);font-weight:700;font-size:.8rem;line-height:1.15}
.vt-righe{display:grid;gap:6px;align-content:end}
.vt-righe i{height:4px;border-radius:2px;background:rgba(30,30,30,.18)} .vt-righe i:nth-child(2){width:80%} .vt-righe i:nth-child(4){width:55%}
.vt-tab{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.vt-tab i{height:16px;border:1px solid rgba(30,30,30,.25);border-radius:3px;font-size:.5rem;font-style:normal;display:grid;place-items:center;color:rgba(30,30,30,.6)}
.vt-caselle{display:flex;gap:5px}
.vt-caselle i{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.4);border-radius:3px} .vt-caselle i:first-child{background:var(--mand);border-color:var(--mand)}
.vt-sigillo{position:absolute;right:calc(50% - 128px);bottom:0;z-index:3;width:92px;height:92px;border-radius:50%;background:var(--panel);border:2px dashed var(--mand);display:grid;place-items:center;align-content:center;text-align:center;line-height:1;box-shadow:0 0 0 5px var(--panel),0 18px 36px -16px var(--glow);transform:rotate(-8deg)}
.vt-sigillo span{font-family:var(--fd);font-weight:700;font-size:1.05rem;color:#fff}
.vt-sigillo small{font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin-top:4px}
@container (min-width:720px){.vt-q{width:164px}.vt-q.davanti{left:calc(50% - 118px)}.vt-q.dietro{left:calc(50% + 2px)}.vt-sigillo{right:calc(50% - 150px)}}
/* le tre schede: tutor, gruppo, consulenza */
.vt-sotto{display:grid;gap:10px;margin-top:18px}
@container (min-width:620px){.vt-sotto{grid-template-columns:repeat(3,1fr)}}
.vt-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.vt-ct{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.vt-cn{font-family:var(--fd);font-weight:600;font-size:.92rem;color:#fff;margin-top:3px;line-height:1.15}
.vt-cs{font-size:.76rem;color:var(--ink-2);margin-top:6px;line-height:1.35}
.vt-foto{position:relative;width:52px;height:52px;border-radius:50%;overflow:visible;background:linear-gradient(135deg,var(--mand),var(--mand-2));display:grid;place-items:center;color:#fff;font-family:var(--fd);font-weight:700;font-size:.95rem}
.vt-foto img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}
.vt-volti{position:relative;display:flex;align-items:center;padding-top:6px}
.vt-volti img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--panel);margin-left:-9px;display:block;background:#222}
.vt-volti img:first-child{margin-left:0}
.vt-volti i.on{position:absolute;right:-3px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--panel)}
.vt-card.tutor{grid-template-columns:auto 1fr}
.vt-foto i.on{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:var(--ok);border:2px solid var(--panel)}
.vt-bolla{margin-top:8px;font-size:.74rem;line-height:1.35;color:#1E1E1E;background:#E7FFDB;border-radius:12px 12px 12px 3px;padding:8px 10px;position:relative}
.vt-fb{width:52px;height:52px;border-radius:50%;display:block}
.vt-avatars{display:flex;align-items:center;margin-top:8px}
.vt-avatars i{width:22px;height:22px;border-radius:50%;border:2px solid var(--panel);margin-left:-7px;background:linear-gradient(135deg,#6b6762,#3a3a40)}
.vt-avatars i:first-child{margin-left:0} .vt-avatars i:nth-child(2){background:linear-gradient(135deg,#c08457,#7a4f2f)} .vt-avatars i:nth-child(3){background:linear-gradient(135deg,#8ab3d9,#3f6d9a)} .vt-avatars i:nth-child(4){background:linear-gradient(135deg,#d9a1a1,#9a5a5a)} .vt-avatars i:nth-child(5){background:linear-gradient(135deg,#a1d9b4,#4f9a6a)}
.vt-avatars b{margin-left:8px;font-size:.7rem;color:var(--ink-2);font-weight:600}
.vt-cam{width:52px;height:52px;border-radius:14px;background:#0A0A0C;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;position:relative}
.vt-cam::before{content:"";width:22px;height:16px;border-radius:4px;background:var(--mand);clip-path:polygon(0 0,70% 0,70% 30%,100% 10%,100% 90%,70% 70%,70% 100%,0 100%)}
.vt-cam span{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);font-size:.55rem;font-weight:700;background:var(--ok);color:#06301a;border-radius:999px;padding:2px 6px;font-variant-numeric:tabular-nums}
.yt-cap{margin-top:8px;font-size:.86rem;line-height:1.35;color:var(--ink-2)}