/* FEDOR V3: personaggio, demo in chat, archivio, vantaggi, inviti. Usa i colori e i pannelli esistenti. */

/* ---------- FEDOR nell'apertura ---------- */
.bot-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px var(--lime)}
.fedor-tag{gap:12px;padding:10px 16px 10px 10px;left:-48px;top:84px}
.fedor-face{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--lime),0 0 18px #c8ff3140}
.fedor-tag strong{display:block;font-size:12px;letter-spacing:1px}
.fedor-tag small{display:flex;align-items:center;gap:6px;font-size:10px;color:#c9c5d8;margin-top:2px}
.fedor-tag .live-dot{animation:pulse 1.6s ease-in-out infinite}
.mini-confirm{display:block;margin-top:6px;padding:4px;border-radius:5px;background:var(--lime);color:#151a08;font-style:normal;font-weight:700;font-size:7px;text-align:center}
@keyframes pulse{50%{opacity:.35}}

/* ---------- Sticker nelle sezioni ---------- */
.has-sticker .section-sticker{position:absolute;top:-28px;right:48px;width:149px;height:auto;transform:rotate(6deg);filter:drop-shadow(0 12px 22px #0008);z-index:2}
.faq-sticker{display:block;width:180px;height:auto;margin-top:28px;transform:rotate(-5deg);filter:drop-shadow(0 12px 22px #0008)}

/* ---------- Demo: conversazione ---------- */
.chat-demo{background:#111522;border:1px solid #ffffff1d;border-radius:14px;box-shadow:0 15px 80px #6b286914;overflow:hidden;display:flex;flex-direction:column}
.chat-demo-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#ffffff05}
.chat-demo-head .bot-photo{width:40px;height:40px}
.chat-demo-head strong{display:block;font-size:14px;letter-spacing:.5px}
.chat-demo-head small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.chat-demo-log{height:440px;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 30% 30%,#27213766,transparent 70%);overscroll-behavior:contain}
.msg{max-width:84%;padding:10px 13px 6px;border-radius:14px;font-size:14px;line-height:1.55;animation:msg-in .3s ease-out both}
.msg small{display:block;text-align:right;font-size:10px;color:#b6a7c0;margin-top:4px}
.msg.fedor{background:#282a3e;border-bottom-left-radius:4px;align-self:flex-start}
.msg.me{background:#4b2b4c;border-bottom-right-radius:4px;align-self:flex-end}
.msg.sticker{background:none;padding:0;max-width:none}
.msg.sticker img{display:block;width:168px;height:auto;filter:drop-shadow(0 8px 16px #0007)}
.msg.typing{display:flex;gap:4px;padding:12px 14px}
.msg.typing span{width:7px;height:7px;border-radius:50%;background:#b6b2c9;animation:typing 1s ease-in-out infinite}
.msg.typing span:nth-child(2){animation-delay:.15s}.msg.typing span:nth-child(3){animation-delay:.3s}
.msg.photo{padding:7px 7px 5px}
.msg.review strong{color:var(--lime)}
.demo-receipt{margin:0;width:210px;padding:14px 14px 10px;background:#eae6dc;color:#31313b;font:11px/1.5 ui-monospace,Menlo,monospace;border-radius:3px;transform:rotate(1.5deg);box-shadow:0 6px 14px #0006}
.demo-receipt b{display:block;text-align:center;font-size:13px;letter-spacing:1px}
.demo-receipt i{display:block;text-align:center;font-style:normal;font-size:10px;color:#5d5b66}
.demo-receipt i:last-of-type{margin-bottom:10px}
.demo-receipt div{display:flex;justify-content:space-between}
.demo-receipt .demo-receipt-total{border-top:1px dashed #929087;margin-top:8px;padding-top:6px;font-weight:700}
.demo-receipt em{display:block;text-align:center;font-style:normal;font-size:8px;letter-spacing:1.5px;color:#8a877e;margin-top:10px}
.inline-confirm{display:block;width:100%;margin:10px 0 4px;padding:10px;border-radius:9px;border:1px solid #c8ff3160;background:#c8ff3114;color:var(--lime);font-weight:650;font-size:14px;transition:background .2s}
.inline-confirm:hover:not(:disabled){background:#c8ff3126}
.inline-confirm:disabled{opacity:.55;cursor:default}
.msg.progress{min-width:230px}
.progress-label{display:block;font-size:13px}
.progress-bar{display:block;height:5px;border-radius:5px;background:#ffffff14;margin:8px 0 2px;overflow:hidden}
.progress-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--magenta),var(--lime));transform-origin:left;animation:fill 1s ease-out both}
.demo-files{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.demo-files a{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#ffffff06;transition:border-color .2s,background .2s}
.demo-files a:hover{border-color:#c8ff3160;background:#c8ff310d}
.demo-files-note{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.chat-demo-choices{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--line);min-height:66px;background:#0d101c}
.choice{flex:1 1 auto;padding:11px 16px;border-radius:999px;border:1px solid #ffffff38;background:#ffffff08;color:var(--text);font-weight:600;font-size:14px;transition:transform .2s,border-color .2s,background .2s}
.choice:hover{transform:translateY(-2px);border-color:#ffffff70}
.primary-choice{background:var(--lime);border-color:var(--lime);color:#151a08}
.primary-choice:hover{border-color:var(--lime);box-shadow:0 0 22px #c8ff3130}
@keyframes msg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Archivio su Drive ---------- */
.archive-section{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.archive-intro h2 .serif{color:#efb1d8}
.archive-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0}
.archive-chips li{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:#ffffff05}
.archive-note{margin-top:26px;padding:16px 18px;border-left:2px solid var(--lime);background:#c8ff3108;border-radius:0 10px 10px 0}
.archive-note strong{display:block;font-size:15px;font-weight:600}
.archive-note span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.drive{background:#111522;border:1px solid #ffffff1d;border-radius:14px;box-shadow:0 15px 80px #6b286914;overflow:hidden}
.drive-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);background:#ffffff05;font-size:12px;color:var(--muted)}
.drive-crumbs i{font-style:normal;color:#615b75;margin:0 4px}
.drive-crumbs b{color:var(--text);font-weight:600}
.drive-private{flex-shrink:0;padding:4px 8px;border:1px solid #c8ff3130;border-radius:5px;color:var(--lime);font-size:10px;letter-spacing:.5px}
.drive-tree,.drive-tree ul{list-style:none;margin:0;padding:0}
.drive-tree{padding:12px 10px}
.drive-tree ul{padding-left:22px;position:relative}
.drive-tree ul:before{content:'';position:absolute;left:14px;top:0;bottom:16px;border-left:1px dashed #ffffff1f}
.drive-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13px;transition:background .2s,box-shadow .2s;cursor:default}
.drive-row:hover{background:#c8ff310b;box-shadow:inset 0 0 0 1px #c8ff3138}
.drive-row.is-root{font-weight:600}
.drive-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#ffffff08;font-size:14px;flex-shrink:0}
.drive-icon.photo{color:var(--lime)}
.drive-icon.pdf{background:#ff2daa14}
.drive-icon.sheet{background:#c8ff3112}
.drive-name{min-width:0;overflow-wrap:anywhere}
.drive-meta{margin-left:auto;font-size:10px;letter-spacing:.5px;color:#8b859f;white-space:nowrap}
.drive-tree summary{list-style:none;cursor:pointer}
.drive-tree summary::-webkit-details-marker{display:none}
.drive-toggle{color:var(--muted);transition:transform .2s}
.drive-tree details:not([open]) .drive-toggle{transform:rotate(-90deg)}
.drive .drive-foot{margin:0;padding:10px 18px 14px;font-size:11px;color:#7f7b94;border-top:1px solid var(--line)}

/* ---------- Sei vantaggi ---------- */
.benefits-six{grid-template-columns:repeat(3,1fr);gap:30px 44px}
.benefits-six article{padding-top:22px}
.benefit-num{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#88849e}
.benefit-num span{font-size:20px;letter-spacing:0}
.benefits-six h3{margin:12px 0 6px;font-size:18px}
.benefits-six p{margin:0}

/* ---------- Inviti ---------- */
.invite-section h2 .serif{color:#efb1d8}
.invite-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.invite-card{padding:24px 26px;border:1px solid var(--line);border-radius:13px;background:#111421a8;transition:border-color .2s}
.invite-card:hover{border-color:#ffffff30}
.invite-role{font-size:12px;font-weight:650;letter-spacing:1px;text-transform:uppercase}
.invite-card p{margin:10px 0 0}
.invite-flow{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0;margin:26px 0 0}
.invite-flow li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:#ffffff05}
.invite-flow li:last-child{border-color:#c8ff3160;color:var(--lime)}
.invite-flow li+li:before{content:'→';margin-right:10px;margin-left:-2px;color:var(--magenta)}
.invite-flow li+li{display:flex;align-items:center}
.invite-notes{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;padding:0;margin:22px 0 0;font-size:13px;color:var(--muted)}
.invite-notes li:before{content:'✓';color:var(--lime);margin-right:8px}

/* ---------- Chiusura ---------- */
.closing-note{margin:22px 0 0;font-size:13px}

/* ---------- Schermi medi e piccoli ---------- */
@media(max-width:1050px){.fedor-tag{left:-36px}.archive-section{gap:40px}.benefits-six{gap:26px 30px}}
@media(max-width:900px){.archive-section{grid-template-columns:1fr}.benefits-six{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
.fedor-tag{top:-6px;left:0}
.has-sticker{padding-top:104px}
.has-sticker .section-sticker{top:-26px;right:16px;width:115px}
.faq-sticker{width:132px;margin-top:18px}
.chat-demo-log{height:420px;padding:14px 10px 6px}
.msg{max-width:88%;font-size:13.5px}
.msg.sticker img{width:142px}
.benefits-six{grid-template-columns:1fr;gap:18px}
.invite-cards{grid-template-columns:1fr}
.drive-tree ul{padding-left:14px}
.drive-tree ul:before{left:8px}
.drive-bar{flex-wrap:wrap}
}

/* ---------- Striscia con i loghi, più grande ---------- */
.section-card.strip-logos{padding:32px 44px;font-size:21px;font-weight:500;color:var(--text)}
.strip-logos>span:first-child{font-size:15px}
.strip-logos div{gap:13px}
.strip-logo{width:40px;height:40px;flex-shrink:0}
.strip-logos .strip-arrow,.strip-logos .strip-plus{font-size:26px}
@media(max-width:1050px){.section-card.strip-logos{padding:26px 28px;font-size:17px}.strip-logo{width:32px;height:32px}}
@media(max-width:760px){.section-card.strip-logos{padding:24px 20px;font-size:16px;gap:16px 22px}.strip-logos>span:first-child{font-size:13px}.strip-logo{width:30px;height:30px}}