/* Zhmika Video Studio: accessible, local-only preview. */
.vs-catalog{padding:24px 0 90px;background:radial-gradient(circle at 20% 0,#edf4ff,transparent 36%),#fbfcff}
.vs-catalog .container{max-width:1250px}
.vs-hero{position:relative;display:grid;grid-template-columns:1.25fr .65fr;min-height:355px;overflow:hidden;align-items:center;gap:20px;border-radius:29px;background:linear-gradient(112deg,#131c3b 0%,#28315f 57%,#45448a 100%);color:white;margin:24px 0 28px;padding:40px clamp(28px,4vw,55px)}
.vs-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 40%,#897eee8c,transparent 37%),repeating-linear-gradient(90deg,transparent 0 49px,#ffffff0a 50px);pointer-events:none}
.vs-hero-text,.vs-hero-art{position:relative;z-index:1}
.vs-eyebrow{font-size:12px;display:inline-flex;align-items:center;gap:9px;font-weight:750;color:#d6d0ff}
.vs-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#76e2c5;box-shadow:0 0 0 5px #72ebbb22}
.vs-hero h1{font-size:clamp(39px,4vw,61px);line-height:1.06;letter-spacing:-.063em;font-weight:820;color:white;margin:23px 0 20px}
.vs-hero h1 em{font-family:Georgia,serif;color:#c7bfff;font-weight:650}
.vs-hero p{max-width:680px;color:#e1e5ff;font-size:16px;line-height:1.75;margin:0 0 21px}
.vs-hero-meta{display:flex;flex-wrap:wrap;gap:16px;color:#d4dbff;font-size:12px;font-weight:690}
.vs-hero-art{min-height:250px;isolation:isolate}
.vs-hero-rotation{position:absolute;width:275px;height:275px;border:1px dashed #cec7ff88;border-radius:50%;top:-8px;left:5%;transform:rotate(18deg);box-shadow:0 0 90px #897bff3d}
.vs-hero-float{display:grid;place-items:center;position:absolute;width:116px;height:112px;border-radius:25px;background:#ffffffeb;box-shadow:0 15px 35px #080d3045}
.vs-float-vk{top:4%;left:5%;transform:rotate(-11deg)}.vs-float-yt{top:15%;right:0;transform:rotate(12deg)}.vs-float-rutube{bottom:-7%;left:35%;transform:rotate(-4deg)}
.vs-hero-float img{width:63px;height:63px;object-fit:contain}
.vs-hero-play{position:absolute;top:38%;left:44%;font-size:28px;color:#fff;filter:drop-shadow(0 9px 20px #171c527e)}
.vs-entry{border:1px solid #e1e7f4;background:white;border-radius:24px;padding:30px 34px;box-shadow:0 13px 40px #2d42920a}
.vs-section-kicker{color:#6b59eb;font-size:12px;font-weight:800}
.vs-entry h2,.vs-heading h2,.vs-flow h2{font-weight:830;letter-spacing:-.05em;color:#1f2e4b;font-size:clamp(25px,2.7vw,36px);margin:8px 0}
.vs-entry p,.vs-heading p{font-size:14px;color:#63738f;line-height:1.7;margin:0 0 18px}
.vs-quick-form{display:flex;align-items:center;gap:12px;border:1.5px solid #d4dced;border-radius:16px;background:#f9fbff;padding:8px 9px 8px 17px}
.vs-quick-form:focus-within{border-color:#8c80ee;box-shadow:0 0 0 4px #ccc7fc7b}
.vs-quick-chain{font-size:24px;color:#7164e7}
.vs-quick-form input{flex:1;min-width:0;border:0;background:transparent;outline:0;min-height:43px;color:#23324d;font-size:15px}
.vs-quick-form button{display:flex;align-items:center;gap:24px;flex:none;min-height:46px;padding:11px 20px;background:#6554ed;border:0;border-radius:12px;color:white;font-size:14px;font-weight:770;cursor:pointer}
.vs-quick-form button:hover{background:#5745d5}
.vs-quick-feedback{font-size:13px!important;margin:12px 0 0!important;min-height:18px}.vs-quick-feedback.error{color:#b0324c}
.vs-providers{margin:56px 0 50px}.vs-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.vs-counter{font-size:12px;font-weight:780;border:1px solid #dcd8f7;color:#6456d6;background:#f3f1ff;padding:8px 12px;border-radius:999px;white-space:nowrap}
.vs-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vs-provider-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:204px;padding:24px;border:1px solid #e0e7f3;border-radius:22px;background:#fff;box-shadow:0 13px 28px #334a790d;color:#223450;text-decoration:none!important;transition:transform .18s,box-shadow .18s,border-color .18s}
.vs-provider-card:hover{transform:translateY(-4px);box-shadow:0 19px 35px #4964ab1e;border-color:#aaa2e9}
.vs-provider-logo{display:grid;place-items:center;background:#f2f4fc;border-radius:17px;width:64px;height:64px;margin-bottom:6px}
.vs-provider-logo img{width:46px;height:46px;object-fit:contain}
.vs-provider-name{font-size:18px;font-weight:820;letter-spacing:-.025em}
.vs-provider-desc{font-size:12px;color:#6e7d94}
.vs-provider-status{margin-top:auto;border-radius:99px;background:#f1f3fa;color:#697895;font-size:11px;font-weight:730;padding:5px 9px}
.vs-provider-arrow{position:absolute;top:23px;right:23px;font-size:20px;color:#a2abc3}
.vs-flow{padding:38px 34px;border-radius:24px;background:#f0f2fe}.vs-flow h2{margin-bottom:25px}
.vs-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.vs-flow-grid article{background:#fff;padding:24px;border:1px solid #e1e5f6;border-radius:18px}
.vs-flow-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#eae8ff;color:#6654e3;font-weight:850;font-size:15px}
.vs-flow-grid h3{color:#253752;margin:20px 0 7px;font-size:18px;font-weight:800}
.vs-flow-grid p{margin:0;color:#65758d;font-size:13px;line-height:1.75}
.vs-integrity{display:flex;align-items:flex-start;gap:17px;margin:30px 0 0;border:1px solid #dceae7;border-radius:17px;background:#f0faf8;padding:23px;color:#2b5a52}
.vs-integrity>span{font-size:28px;color:#3cae91}.vs-integrity strong{font-size:16px;font-weight:760}.vs-integrity p{margin:7px 0 0;font-size:13px;line-height:1.7;color:#527a73}
/* Provider detail pages: single clear link field and guarded worker card. */
.next-design-home .video-heading .pill{background:#f0edff;padding:9px 13px;gap:9px}
.next-design-home .video-page .processor-card{border-radius:25px;box-shadow:0 20px 45px #4d5b8d17;border:1px solid #e1e4f5}
.next-design-home .video-page #video-check-heading{font-size:24px;letter-spacing:-.04em;color:#21304c;font-weight:830}
.next-design-home .video-page #video-url{min-height:55px;font-size:15px;border:1.5px solid #d4ddef;border-radius:13px}
.next-design-home .video-page .video-preview-notice{border-radius:17px}
.next-design-home .video-page .video-job-preview{background:linear-gradient(165deg,#fff,#f7f7ff);margin-top:18px}
.next-design-home .video-job-preview h2{font-size:24px;letter-spacing:-.035em}
.vs-quality-field{display:grid;gap:7px;margin:17px 0 10px}
.vs-quality-field label{font-size:14px;color:#344760;font-weight:750}
.vs-quality-field select{border:1.5px solid #d6dcf0;background:#fff;color:#283851;border-radius:12px;padding:13px 14px;font-size:14px;font-weight:690;max-width:360px}
.vs-quality-note{font-size:12px;color:#6c7c93;margin:0 0 10px}
.vs-status-track{display:flex;gap:9px;padding:12px 0;margin:12px 0 4px;list-style:none}
.vs-status-track li{flex:1;display:grid;gap:7px;text-align:center;color:#8c9aaf;font-size:12px;font-weight:730}
.vs-status-track li:before{content:"";height:6px;background:#e6eaf6;border-radius:20px}
.vs-status-track li.is-current{color:#5e55d8}.vs-status-track li.is-current:before{background:#7e70f7}
.vs-status-track li.is-done{color:#258c73}.vs-status-track li.is-done:before{background:#48baa4}
.vs-studio-panel{margin:28px 0 22px;display:flex;gap:12px;align-items:center;padding:18px;border-radius:15px;border:1px solid #e0e6f5;background:#f7f9fe}
.vs-studio-panel>img{width:42px;height:42px;object-fit:contain}
.vs-studio-panel b{display:block;font-size:14px;color:#2f4160}
.vs-studio-panel p{font-size:12px;color:#60738f;margin:3px 0 0}
@media(max-width:1050px){.vs-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vs-provider-card{padding:18px;min-height:183px}.vs-hero-art{transform:scale(.9)}}
@media(max-width:770px){.vs-catalog{padding:18px 0 60px}.vs-hero{grid-template-columns:1fr;min-height:0;padding:35px 25px}.vs-hero-art{display:none}.vs-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-flow-grid{grid-template-columns:1fr}.vs-entry,.vs-flow{padding:23px}.vs-quick-form{flex-wrap:wrap}.vs-quick-form button{width:100%;justify-content:space-between}.vs-quick-chain{display:none}.vs-quick-form input{flex-basis:100%;min-height:44px}.vs-hero-meta{gap:11px}.vs-provider-card{min-height:186px}}
@media(max-width:440px){.vs-provider-grid{gap:10px}.vs-provider-card{padding:15px;min-height:169px}.vs-provider-logo{width:54px;height:54px}.vs-provider-logo img{height:39px;width:39px}.vs-provider-name{font-size:15px}.vs-provider-desc{font-size:11px}.vs-entry h2,.vs-heading h2,.vs-flow h2{font-size:25px}.vs-hero h1{font-size:40px}.vs-status-track li{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vs-provider-card{transition:none}}

/* Functional on-device video screenshot tool and studio feature showcase. */
.vs-local-editor{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:33px 38px;margin:38px 0;border-radius:23px;background:linear-gradient(115deg,#e8e5ff,#eaf8ff);border:1px solid #dbdcf7}
.vs-local-editor>div{max-width:750px}
.vs-local-editor h2{font-size:clamp(24px,2.8vw,34px);font-weight:830;letter-spacing:-.045em;color:#263657;margin:10px 0 8px}
.vs-local-editor p{font-size:14px;line-height:1.7;color:#61748e;margin:0 0 18px}
.vs-local-editor-button{display:inline-block;padding:12px 17px;background:#6653e9;color:#fff!important;border-radius:12px;font-size:13px;font-weight:790;text-decoration:none!important}
.vs-local-editor>img{width:118px;height:118px;object-fit:contain;flex:none;filter:drop-shadow(0 15px 20px #4234a32d)}
.vs-frame-preview{margin:22px 0;display:grid;gap:10px}
.vs-frame-preview[hidden]{display:none!important}
.vs-frame-preview video{display:block;width:100%;max-height:470px;object-fit:contain;border-radius:16px;background:#121a2a;border:1px solid #cad1e3}
.vs-frame-preview .field-help{font-size:13px;color:#5c6e89;line-height:1.7}
.vs-local-tool .processor-card .field-input{width:100%;max-width:360px;min-height:48px;margin:7px 0 12px}
@media(max-width:660px){.vs-local-editor{padding:24px;gap:15px}.vs-local-editor>img{width:70px;height:70px}.vs-frame-preview video{max-height:310px}}
@media(max-width:440px){.vs-local-editor>img{display:none}}
