.tzs-scene{perspective:1400px;perspective-origin:50% 40%;display:grid;place-items:center;min-height:460px}.tzs-device{--rx:8deg;--ry:-14deg;position:relative;width:min(380px,100%);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;animation:tzs-float 7s ease-in-out infinite}@keyframes tzs-float{50%{translate:0 -12px}}.tzs-phone{position:relative;border:1px solid var(--line);border-radius:34px;padding:14px;background:var(--card);background-image:var(--glow);box-shadow:var(--shadow),0 0 0 6px var(--line-soft);transform:translateZ(0);display:flex;flex-direction:column;gap:10px}.tzs-phone:before{content:"";align-self:center;width:70px;height:6px;border-radius:6px;background:var(--line)}.tzs-layer{position:absolute;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.tzs-layer--a{top:6%;inset-inline-start:-46px;transform:translateZ(90px)}.tzs-layer--b{top:46%;inset-inline-end:-52px;transform:translateZ(130px)}.tzs-layer--c{bottom:4%;inset-inline-start:-30px;transform:translateZ(70px)}.tzs-layer svg{color:var(--accent-text)}.tzs-orb{position:absolute;inset-inline-end:-30px;top:-34px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7aa6ff,var(--accent) 60%,#002a80);box-shadow:0 20px 50px rgba(0,85,254,.45);transform:translateZ(160px);opacity:.92}.tzs [data-tilt]{--tx:0deg;--ty:0deg;transform:perspective(900px) rotateX(var(--tx)) rotateY(var(--ty));transform-style:preserve-3d;transition:transform .18s ease-out,border-color .25s}.tzs.tzs-js [data-tilt][data-reveal]:not(.is-in){transform:translateY(24px)}.tzs [data-tilt]>*{transform:translateZ(26px)}.tzs-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--gx,50%) var(--gy,0),rgba(255,255,255,.09),transparent 60%);opacity:0;transition:opacity .2s}.tzs [data-tilt]:hover .tzs-glare{opacity:1}.tzs [data-tilt].tzs-card,.tzs [data-tilt].tzs-plan{position:relative}.tzs-tour{--tour:0;perspective:1500px;perspective-origin:50% 30%}.tzs-tour-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;transform-style:preserve-3d}.tzs-pane{--i:0;transform-style:preserve-3d;transform:translateZ(calc((1 - var(--tour)) * -80px + var(--tour) * 0px)) rotateY(calc(var(--i) * -1 * (1 - var(--tour)) * 26deg)) translateY(calc((1 - var(--tour)) * 24px));transition:transform .12s linear;gap:14px}.tzs-pane,.tzs-screen{display:flex;flex-direction:column}.tzs-screen{border:1px solid var(--line);border-radius:24px;padding:16px;min-height:300px;background:var(--card);background-image:var(--glow);box-shadow:var(--shadow);gap:10px;overflow:hidden}.tzs-screen-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-mute)}.tzs-row-card{border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-2);padding:10px 12px;font-size:13px}.tzs-row-card small{color:var(--text-mute)}.tzs-steps{display:flex;flex-direction:column;gap:10px}.tzs-steps>div{display:flex;align-items:center;gap:10px;font-size:13px}.tzs-dot{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.tzs-dot--done{background:#22c55e;border-color:#22c55e}.tzs-dot--now{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.tzs-pane h3{margin:0;font-size:18px}.tzs-pane p{margin:0;color:var(--text-soft);font-size:14.5px}.tzs-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:1200px}.tzs-side{border:1px solid var(--line-soft);border-radius:20px;padding:28px;background:var(--card)}.tzs-side--after{border-color:var(--accent);background-image:var(--glow);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow)}.tzs-side h3{margin:0 0 14px;font-size:18px}.tzs-side ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--text-soft);font-size:15px}.tzs-side li{display:flex;gap:10px;align-items:flex-start}.tzs-side li svg{flex:none;margin-top:5px}.tzs-side--before svg{color:#ff7a93}.tzs-side--after svg{color:#22c55e}@media (max-width:900px){.tzs-scene{min-height:0;padding-block:20px}.tzs-device{transform:none!important;animation:none}.tzs-layer,.tzs-orb{display:none}.tzs-compare,.tzs-tour-row{grid-template-columns:1fr}.tzs-pane{transform:none}}@media (prefers-reduced-motion:reduce){.tzs-device{animation:none}.tzs [data-tilt],.tzs-device{transform:none!important}.tzs-pane{transform:none}}.tzs-grid2>li,.tzs-grid3>li{display:flex}.tzs-grid2>li>*,.tzs-grid3>li>*{flex:1}.tzs-grid2--4{grid-template-columns:repeat(2,1fr)}