/* ابزارهای صدا و گویندگی — طراحی استودیویی هماهنگ با هیرو */
.vt-main{--vt-bg:#0E0914;--vt-panel:#161020;--vt-panel2:#1D1629;--vt-line:#2A2236;--vt-text:#EFEAF4;--vt-muted:#9D93AD;--vt-led:#39FF88;--vt-amber:#FFB020;--vt-p:var(--crimson,#DC143C);--vt-p2:#FF2D55;font-family:inherit}
.vt-hero{position:relative;overflow:hidden;background:radial-gradient(90% 120% at 100% 0%,rgba(255,45,85,.45),transparent 55%),linear-gradient(135deg,#16121A,#2A1A33);color:#fff;padding:clamp(34px,6vw,64px) 0 clamp(60px,8vw,96px)}
.vt-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 30%,#000,transparent);pointer-events:none}
.vt-hero .container{position:relative;z-index:1}
.vt-crumb{font-size:13px;opacity:.75;margin-bottom:14px}.vt-crumb a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.vt-hero h1{color:#fff;font-size:clamp(1.9rem,6vw,3.3rem);font-weight:900;margin:0 0 12px;line-height:1.3}
.vt-hero p{max-width:680px;opacity:.82;font-size:clamp(1rem,2.4vw,1.1rem);line-height:2;margin:0}
.vt-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.vt-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:700}
.vt-badge i{width:8px;height:8px;border-radius:50%;background:var(--vt-led);box-shadow:0 0 10px var(--vt-led)}

.vt-wrap{margin-top:-52px;position:relative;z-index:2;padding-bottom:50px}
.vt-console{background:linear-gradient(180deg,var(--vt-panel2),var(--vt-panel));border:1px solid var(--vt-line);border-radius:26px;padding:clamp(16px,3vw,30px);color:var(--vt-text);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}
.vt-grid{display:grid;gap:18px}
@media(min-width:980px){.vt-grid.two{grid-template-columns:1.35fr 1fr}}
.vt-card{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:18px;padding:18px 20px}
.vt-card h2,.vt-card h3{margin:0 0 12px;font-size:15px;color:#fff;font-weight:800}
.vt-muted{color:var(--vt-muted);font-size:13px}

/* دکمه‌ها */
.vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;border:1.5px solid transparent;font:800 14px inherit;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;color:#fff;background:linear-gradient(180deg,#FF4D70,var(--vt-p2) 55%,#D91A41);box-shadow:0 14px 28px -14px var(--vt-p2),inset 0 1px 0 rgba(255,255,255,.3)}
.vt-btn:hover{transform:translateY(-2px)}.vt-btn:active{transform:none}
.vt-btn.ghost{background:rgba(255,255,255,.05);border-color:var(--vt-line);box-shadow:none}.vt-btn.ghost:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.vt-btn.rec{background:linear-gradient(180deg,#ff5c7c,#e11d48)}
.vt-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.vt-btn.sm{min-height:38px;padding:0 14px;font-size:13px;border-radius:11px}
.vt-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* نمایشگر LCD و متر */
.vt-lcd{font:800 clamp(28px,6vw,44px)/1 ui-monospace,Menlo,Consolas,monospace;color:var(--vt-led);text-shadow:0 0 18px rgba(57,255,136,.5);letter-spacing:.06em;direction:ltr}
.vt-meter{display:flex;gap:3px;height:14px;direction:ltr}.vt-meter i{flex:1;border-radius:2px;background:#251D31;transition:background .08s}
.vt-meter i.on{background:var(--vt-led);box-shadow:0 0 8px rgba(57,255,136,.55)}.vt-meter i.on.m{background:var(--vt-amber)}.vt-meter i.on.h{background:var(--vt-p2)}
.vt-canvas{display:block;width:100%;border-radius:14px;background:#0F0A16;border:1px solid var(--vt-line)}
.vt-rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--vt-p2);box-shadow:0 0 12px var(--vt-p2);margin-inline-end:8px;animation:vtBlink 1s steps(2,jump-none) infinite}
@keyframes vtBlink{0%{opacity:1}100%{opacity:.2}}

/* فیلدها */
.vt-field{display:grid;gap:6px;margin-bottom:12px}.vt-field label{font-size:12.5px;color:var(--vt-muted);font-weight:700}
.vt-main input[type=range]{width:100%;accent-color:var(--vt-p2)}
.vt-main textarea,.vt-main select,.vt-main input[type=number]{width:100%;background:#100B18;color:var(--vt-text);border:1.5px solid var(--vt-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;min-height:46px}
.vt-main textarea{line-height:2;min-height:180px;resize:vertical}
.vt-main textarea:focus,.vt-main select:focus,.vt-main input[type=number]:focus{outline:none;border-color:var(--vt-p2);box-shadow:0 0 0 4px rgba(255,45,85,.15)}
.vt-chips{display:flex;gap:8px;flex-wrap:wrap}
.vt-chip{padding:8px 16px;border-radius:30px;border:1.5px solid var(--vt-line);background:transparent;color:var(--vt-muted);font:700 13px inherit;font-family:inherit;cursor:pointer}
.vt-chip.on{border-color:var(--vt-p2);color:#fff;background:rgba(255,45,85,.14)}
.vt-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;color:var(--vt-text)}.vt-toggle input{accent-color:var(--vt-p2);width:18px;height:18px}

/* نتیجه‌ی تحلیل */
.vt-score{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.vt-ring{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:18px;padding:16px;text-align:center}
.vt-ring svg{width:92px;height:92px;transform:rotate(-90deg)}
.vt-ring .bg{stroke:#2A2236;fill:none;stroke-width:9}.vt-ring .fg{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1)}
.vt-ring b{display:block;font-size:26px;margin-top:-62px;margin-bottom:34px;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace}
.vt-ring span{font-size:13px;font-weight:800;color:var(--vt-text)}.vt-ring small{display:block;color:var(--vt-muted);font-size:11.5px;margin-top:2px}
.vt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.vt-stat{background:#100B18;border:1px solid var(--vt-line);border-radius:14px;padding:12px 14px}.vt-stat small{color:var(--vt-muted);font-size:12px}.vt-stat b{display:block;font-size:19px;color:#fff;margin-top:2px;font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;text-align:right}
.vt-tips{display:grid;gap:10px;margin:0;padding:0;list-style:none}.vt-tips li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#100B18;border:1px solid var(--vt-line);font-size:14px;line-height:1.9}
.vt-tips li::before{content:"";flex:0 0 9px;height:9px;margin-top:9px;border-radius:50%;background:var(--c,var(--vt-led));box-shadow:0 0 10px var(--c,var(--vt-led))}
.vt-tips li.warn{--c:var(--vt-amber)}.vt-tips li.bad{--c:var(--vt-p2)}
.vt-delta{font-size:12px;font-weight:800;margin-inline-start:6px}.vt-delta.up{color:var(--vt-led)}.vt-delta.down{color:var(--vt-p2)}
.vt-prompt{background:#100B18;border:1px dashed var(--vt-line);border-radius:14px;padding:16px 18px;line-height:2.2;font-size:16px;color:#fff;text-align:justify}
.vt-alert{padding:12px 16px;border-radius:12px;background:rgba(255,45,85,.12);border:1px solid rgba(255,45,85,.35);color:#ffb3c2;font-size:13.5px;line-height:1.9}

/* محتوای سئو و FAQ */
.vt-content{padding:10px 0 50px}.vt-content h2{font-size:clamp(1.3rem,3.6vw,1.8rem);margin:34px 0 12px}
.vt-content p,.vt-content li{line-height:2.1;color:var(--ink-2,#4B4452)}
.vt-steps{counter-reset:s;display:grid;gap:12px;padding:0;list-style:none}.vt-steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line,#EDE6E9);border-radius:16px;padding:14px 16px}
.vt-steps li::before{content:counter(s);flex:0 0 34px;height:34px;border-radius:50%;background:var(--crimson-soft,#FDEEF1);color:var(--crimson,#DC143C);display:grid;place-items:center;font-weight:900}
.vt-faq details{background:#fff;border:1px solid var(--line,#EDE6E9);border-radius:14px;padding:14px 18px;margin-bottom:10px}.vt-faq summary{cursor:pointer;font-weight:800}
.vt-cta{background:linear-gradient(135deg,#16121A,#2A1A33);color:#fff;border-radius:24px;padding:clamp(22px,4vw,38px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:34px}
.vt-cta h3{margin:0 0 6px;font-size:clamp(1.2rem,3vw,1.6rem);color:#fff}.vt-cta p,.vt-content .vt-cta p{margin:0;color:rgba(255,255,255,.8);opacity:1;max-width:520px}

/* هاب */
.vt-hub{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:-52px;position:relative;z-index:2;padding-bottom:40px}
.vt-tool{display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,var(--vt-panel2),var(--vt-panel));border:1px solid var(--vt-line);border-radius:22px;padding:24px;color:var(--vt-text);text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
.vt-tool:hover{transform:translateY(-6px);border-color:rgba(255,45,85,.5);box-shadow:0 30px 60px -30px rgba(255,45,85,.45)}
.vt-tool .ic{width:56px;height:56px;border-radius:16px;background:rgba(255,45,85,.14);color:#FF5C7C;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,45,85,.35)}
.vt-tool h2{margin:0;font-size:19px;color:#fff}.vt-tool p{margin:0;color:var(--vt-muted);font-size:14px;line-height:1.9;flex:1}.vt-tool .go{color:#FF5C7C;font-weight:800;font-size:13.5px}

/* تله‌پرامپتر */
.vt-tp-screen{position:relative;height:min(62vh,520px);overflow:hidden;border-radius:18px;background:#000;border:1px solid var(--vt-line)}
.vt-tp-screen.light{background:#fff}.vt-tp-text{position:absolute;inset-inline:0;top:0;padding:46vh 8% 60vh;font-weight:800;line-height:1.7;color:#fff;text-align:center;will-change:transform;white-space:pre-wrap;word-break:break-word}
.vt-tp-screen.light .vt-tp-text{color:#111}.vt-tp-screen.mirror .vt-tp-text{transform-origin:center}
.vt-tp-guide{position:absolute;inset-inline:0;top:42%;height:0;border-top:2px solid rgba(255,45,85,.9);pointer-events:none;z-index:3}
.vt-tp-guide::before,.vt-tp-guide::after{content:"";position:absolute;top:-9px;border:8px solid transparent}
.vt-tp-guide::before{inset-inline-start:0;border-inline-start-color:#FF2D55}.vt-tp-guide::after{inset-inline-end:0;border-inline-end-color:#FF2D55}
.vt-tp-fade{position:absolute;inset-inline:0;height:26%;z-index:2;pointer-events:none}.vt-tp-fade.t{top:0;background:linear-gradient(#000,transparent)}.vt-tp-fade.b{bottom:0;background:linear-gradient(transparent,#000)}
.vt-tp-screen.light .vt-tp-fade.t{background:linear-gradient(#fff,transparent)}.vt-tp-screen.light .vt-tp-fade.b{background:linear-gradient(transparent,#fff)}
.vt-tp-count{position:absolute;inset:0;display:none;place-items:center;font:900 clamp(80px,22vw,200px)/1 ui-monospace,Menlo,Consolas,monospace;color:#FF2D55;z-index:5;background:rgba(0,0,0,.55);text-shadow:0 0 40px rgba(255,45,85,.7)}
.vt-tp-screen:fullscreen{height:100vh;border-radius:0}

/* تنفس */
.vt-breath{display:grid;place-items:center;padding:20px 0 6px}
.vt-orb{position:relative;width:min(300px,70vw);aspect-ratio:1;display:grid;place-items:center}
.vt-orb::before,.vt-orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,45,85,.4)}
.vt-orb::after{inset:-18px;border-color:rgba(255,45,85,.18)}
.vt-orb-core{width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7d96,#e11d48 55%,#7a0f2c);box-shadow:0 0 60px -6px rgba(255,45,85,.7),inset 0 0 40px rgba(255,255,255,.18);transition:transform var(--dur,4s) cubic-bezier(.45,.05,.55,.95);display:grid;place-items:center;transform:scale(.62)}
.vt-orb-text{position:absolute;text-align:center;color:#fff;pointer-events:none}.vt-orb-text b{display:block;font-size:clamp(22px,5vw,30px);font-weight:900}.vt-orb-text span{font:800 clamp(34px,8vw,52px)/1.1 ui-monospace,Menlo,Consolas,monospace;color:var(--vt-led);text-shadow:0 0 18px rgba(57,255,136,.5)}
@media (prefers-reduced-motion:reduce){.vt-orb-core{transition:none}.vt-rec-dot{animation:none}}
