.tzv{--bg:#FFFFFF;--surface:#F3F7FB;--ink:#26303A;--muted:#5A6774;--accent:#3B81BF;--deep:#1F4E79;--line:#DCE6F0;--r:14px;color:var(--ink);font-family:Roboto,sans-serif;font-size:17px;line-height:1.65}
.tzv *{box-sizing:border-box}
.tzv section{margin:0 0 72px}
.tzv h2,.tzv h3{font-family:Roboto,sans-serif;color:var(--deep);margin:0;clear:none}
.tzv p{margin:0 0 1em;max-width:68ch}
.tzv img{display:block;max-width:100%;height:auto}
.tzv-kicker{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px!important}
.tzv-display{font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.01em;max-width:26ch;margin-bottom:16px!important}
.tzv-lead{font-size:19px;color:var(--muted)}
.tzv-h{font-size:clamp(25px,3vw,32px);font-weight:700;line-height:1.15;margin-bottom:10px!important}
.tzv-sub{color:var(--muted);margin-bottom:28px!important}
.tzv h3{font-size:20px;font-weight:600;line-height:1.25;margin-bottom:8px}
.tzv strong{color:var(--ink);font-weight:600}

/* Hero + esploratore */
.tzv-hero{margin-top:8px!important}
.tzv-explorer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.tzv-explorer__fig{position:relative;margin:0;background:#fff;border-radius:10px;padding:8px}
.tzv-explorer__fig img{width:100%;animation:tzv-float 7s ease-in-out infinite}
.tzv-spot{position:absolute;transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer;z-index:2}
.tzv-spot span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--accent);color:#fff;font:600 14px/1 Roboto,sans-serif;box-shadow:0 0 0 4px rgba(59,129,191,.25);transition:transform .25s ease,background .25s ease}
.tzv-spot::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:999px;border:2px solid var(--accent);animation:tzv-pulse 2.4s ease-out infinite}
.tzv-spot em{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font:600 12px/1 Roboto,sans-serif;font-style:normal;color:#fff;background:var(--deep);padding:5px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.tzv-spot:hover em,.tzv-spot:focus-visible em,.tzv-spot.is-active em{opacity:1}
.tzv-spot:hover span,.tzv-spot.is-active span{transform:scale(1.15);background:var(--deep)}
.tzv-spot:focus-visible{outline:none}
.tzv-spot:focus-visible span{outline:3px solid #fff;outline-offset:2px}
.tzv-spot--muted span{background:#8FA3B6}
.tzv-spot--muted::before{border-color:#8FA3B6}
.tzv-explorer__panels{position:relative;min-height:220px}
.tzv-panel{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:20px 22px}
.tzv-panel p{margin:0;font-size:16px}
.tzv-js .tzv-panel{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
.tzv-js .tzv-panel.is-active{position:relative;opacity:1;transform:none;visibility:visible;transition:opacity .35s ease,transform .35s ease}
.tzv:not(.tzv-js) .tzv-panel+.tzv-panel{margin-top:12px}

/* Sensori */
.tzv-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.tzv-sensor{padding:22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:box-shadow .3s ease,transform .3s ease}
.tzv-sensor:hover{box-shadow:0 14px 30px -18px rgba(31,78,121,.45);transform:translateY(-3px)}
.tzv-sensor__img{background:var(--surface);border-radius:10px;padding:12px;margin-bottom:16px;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden}
.tzv-sensor__img img{max-height:100%;width:auto;object-fit:contain}
.tzv-sensor--wide .tzv-sensor__img{padding:0}
.tzv-sensor--wide .tzv-sensor__img img{width:100%;height:100%;object-fit:cover}
.tzv-sensor p{font-size:16px;margin:0}

/* Flusso */
.tzv-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,.8fr) 40px minmax(0,.9fr);align-items:center;gap:0;margin:8px 0 32px}
.tzv-flow__inputs,.tzv-flow__outputs{display:grid;gap:10px}
.tzv-node{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.tzv-node strong{display:block;color:var(--deep);font-size:16px}
.tzv-node span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4}
.tzv-node--brain{background:var(--deep);border-color:var(--deep);text-align:center;padding:26px 14px}
.tzv-node--brain strong{color:#fff;font-size:20px}
.tzv-node--brain span{color:#CFE0F0}
.tzv-flow__links{display:grid;gap:10px;height:100%;align-content:center}
.tzv-flow__links i{display:block;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px);background-size:28px 2px;animation:tzv-dash 1.2s linear infinite}
.tzv-flow__links--out i{height:3px;background-size:28px 3px}
.tzv-out{border:1px solid var(--accent);color:var(--deep);font-weight:600;font-size:15px;border-radius:999px;padding:9px 14px;text-align:center;background:#fff}
.tzv-try{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;padding:24px;border-radius:var(--r);background:linear-gradient(135deg,#F3F7FB 0%,#E7F0F9 100%)}
.tzv-try__img{margin:0;background:#fff;border-radius:10px;padding:10px}
.tzv-try p{font-size:16px}
.tzv-try p:last-child{margin-bottom:0}

/* Sintomi */
.tzv-signs{list-style:none!important;margin:0 0 32px!important;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tzv-signs li{background:#fff;padding:18px 20px;margin:0!important}
.tzv-signs strong{display:block;color:var(--deep);font-size:18px;margin-bottom:4px}
.tzv-signs span{display:block;font-size:15.5px;color:var(--muted);line-height:1.5}
.tzv-example{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px;align-items:center}
.tzv-example figure{margin:0;border-radius:var(--r);overflow:hidden}
.tzv-example figure img{width:100%}
.tzv-example p{font-size:16px}

/* Accordion */
.tzv-acc{border-top:1px solid var(--line)}
.tzv-acc details{border-bottom:1px solid var(--line)}
.tzv-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;font-weight:600;font-size:18px;color:var(--deep);transition:color .2s ease}
.tzv-acc summary::-webkit-details-marker{display:none}
.tzv-acc summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s ease}
.tzv-acc details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.tzv-acc summary:hover{color:var(--accent)}
.tzv-acc details>div{padding:0 4px 18px;animation:tzv-open .35s ease}
.tzv-acc details>div p{font-size:16px;margin-bottom:8px}

/* Link e pulsanti */
.tzv-link{font-weight:600;color:var(--accent);text-decoration:none;border-bottom:2px solid rgba(59,129,191,.3);transition:border-color .2s ease}
.tzv-link::after{content:" \2192"}
.tzv-link:hover{border-color:var(--accent)}
.tzv-btn{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.tzv-btn:hover{background:var(--deep);transform:translateY(-2px)}
.tzv-btn--light{background:#fff;color:var(--deep)!important}
.tzv-btn--light:hover{background:#E7F0F9}

/* CTA finale */
.tzv-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:var(--deep);color:#E7F0F9;border-radius:var(--r);padding:32px}
.tzv-cta h2{color:#fff;font-size:26px;margin-bottom:12px}
.tzv-cta ul{margin:0 0 14px 1.2em!important;padding:0}
.tzv-cta li{margin-bottom:4px;font-size:16px}
.tzv-cta__alert{font-size:14.5px;color:#fff;background:rgba(255,255,255,.1);border-left:3px solid #fff;padding:10px 14px;border-radius:6px;margin:0!important}

/* Comparsa allo scroll (solo con JavaScript attivo) */
.tzv-js .tzv-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.tzv-js .tzv-reveal.is-in{opacity:1;transform:none}

@keyframes tzv-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.2);opacity:0}}
@keyframes tzv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tzv-dash{to{background-position:28px 0}}
@keyframes tzv-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:900px){
.tzv-explorer,.tzv-split,.tzv-try,.tzv-example,.tzv-cta{grid-template-columns:1fr}
.tzv-flow{grid-template-columns:1fr;gap:10px}
.tzv-flow__links{height:28px;grid-auto-flow:column;justify-content:center}
.tzv-flow__links i{width:2px;height:28px;background:repeating-linear-gradient(180deg,var(--accent) 0 8px,transparent 8px 14px);background-size:2px 28px}
.tzv-signs{grid-template-columns:1fr}
.tzv-spot em{display:none}
}
@media (prefers-reduced-motion:reduce){
.tzv *,.tzv *::before{animation:none!important;transition:none!important}
.tzv-js .tzv-reveal{opacity:1;transform:none}
}