.vtq{--c:#007f9f;--dark:#1f252a;--muted:#61707a;--line:#dce4e9;--soft:#f6f9fa;--pale:#edf8fb;width:100%;margin:0;padding:32px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(20,31,40,.06);color:var(--dark)}
.vtq *{box-sizing:border-box}
.vtq__header{max-width:880px;margin-bottom:24px}
.vtq__eyebrow{display:inline-block;margin-bottom:8px;color:#17677a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vtq__header h2{margin:0 0 10px;font-size:31px;line-height:1.2}
.vtq__header p{margin:0;color:var(--muted);line-height:1.7}
.vtq__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 30px}
.vtq-step{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5b6871;font-weight:700;text-align:left}
.vtq-step span{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#edf1f3;font-size:12px}
.vtq-step.is-active{border-color:#a6d4df;background:var(--pale);color:#145e70}
.vtq-step.is-active span,.vtq-step.is-complete span{background:var(--c);color:#fff}
.vtq__message{display:none;margin-bottom:20px;padding:14px 16px;border-radius:8px}
.vtq__message.is-error,.vtq__message.is-success{display:block}
.vtq__message.is-error{background:#fff2f2;border:1px solid #efc3c3;color:#9e2a2a}
.vtq__message.is-success{background:#edf9f1;border:1px solid #badfc6;color:#25683a}
.vtq__honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vtq-panel{display:none}
.vtq-panel.is-active{display:block}
.vtq-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.vtq-section-title>span{display:flex;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:var(--dark);color:#fff;font-weight:800}
.vtq-section-title h3{margin:0 0 5px;font-size:24px}
.vtq-section-title p{margin:0;color:var(--muted);line-height:1.55}
.vtq h4{margin:30px 0 14px;padding-top:23px;border-top:1px solid #edf0f2;font-size:19px}
.vtq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.vtq-grid--compact{gap:13px}
.vtq-field--full{grid-column:1/-1}
.vtq-field label,.vtq-accessories__title{display:block;margin-bottom:7px;font-weight:700;color:#26323a}
.vtq-field label em{color:#c82e2e;font-style:normal}
.vtq-field input,.vtq-field select,.vtq-field textarea{width:100%;min-height:45px;padding:10px 12px;border:1px solid #cdd8de;border-radius:7px;background:#fff;color:#202a30;font:inherit;outline:none}
.vtq-field textarea{min-height:90px;resize:vertical}
.vtq-field input:focus,.vtq-field select:focus,.vtq-field textarea:focus{border-color:#69adc0;box-shadow:0 0 0 3px rgba(0,127,159,.09)}
.vtq-field small{display:block;margin-top:6px;color:#76838c}
.vtq-field.has-error input,.vtq-field.has-error select,.vtq-field.has-error textarea{border-color:#c95353}
.vtq-error{min-height:0;margin-top:5px;color:#b22e2e;font-size:13px}
.vtq-series-help{padding:16px 18px;border-left:4px solid var(--c);border-radius:7px;background:var(--pale)}
.vtq-series-help strong{display:block;margin-bottom:4px}
.vtq-series-help span{color:#52646e;line-height:1.6}
.vtq-port-diagram{display:grid;grid-template-columns:320px 1fr;gap:25px;align-items:center;margin-bottom:22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.vtq-port-diagram p{margin:0;color:var(--muted);line-height:1.65}
.vtq-table-sketch{position:relative;width:280px;height:185px;margin:auto}
.vtq-table-face{position:absolute;left:40px;top:34px;width:200px;height:116px;border:2px solid #667986;border-radius:5px;background:repeating-linear-gradient(90deg,#f8fafb,#f8fafb 31px,#e3e9ec 32px,#f8fafb 33px);display:flex;align-items:center;justify-content:center;color:#6b7880;font-size:11px;font-weight:800;letter-spacing:.05em}
.vtq-side{position:absolute;color:#38505b;font-size:11px;font-weight:700}
.vtq-side--top{top:7px;left:105px}.vtq-side--bottom{bottom:5px;left:102px}
.vtq-side--left{left:-3px;top:83px;transform:rotate(-90deg)}.vtq-side--right{right:-6px;top:83px;transform:rotate(90deg)}
.vtq-port-card{margin-bottom:15px;padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}
.vtq-port-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.vtq-link{border:0;background:none;color:#9a3434;text-decoration:underline;cursor:pointer}
.vtq-add-port{margin:2px 0 8px;padding:10px 14px;border:1px dashed #87b5c1;border-radius:8px;background:#f5fbfc;color:#17677a;font-weight:700;cursor:pointer}
.vtq-accessories{margin-top:22px}
.vtq-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vtq-check{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border:1px solid #e1e7ea;border-radius:8px;background:#fafbfc;font-weight:500!important}
.vtq-check input{margin-top:3px}
.vtq-engineering-note{margin-top:22px;padding:15px 17px;border-left:4px solid #6a7780;border-radius:7px;background:#f5f7f8;color:#4f5c64;line-height:1.65}
.vtq-actions,.vtq-submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:20px;border-top:1px solid #edf0f2}
.vtq-submit-row p{max-width:650px;margin:0;color:#74818a;font-size:13px;line-height:1.6}
.vtq-submit-actions{display:flex;gap:10px;flex-shrink:0}
.vtq-btn{min-height:44px;padding:10px 18px;border:1px solid #cbd5da;border-radius:7px;background:#fff;color:#26343c;font-weight:800;cursor:pointer}
.vtq-btn--primary{border-color:var(--dark);background:var(--dark);color:#fff}
.vtq-btn--primary:hover{border-color:#0d7087;background:#0d7087}
.vtq-btn:disabled{opacity:.55;cursor:not-allowed}
.vtq-btn.is-loading{position:relative;padding-right:42px}
.vtq-btn.is-loading:after{content:"";position:absolute;right:15px;top:50%;width:15px;height:15px;margin-top:-8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:vtqspin .8s linear infinite}
@keyframes vtqspin{to{transform:rotate(360deg)}}
[hidden]{display:none!important}
@media(max-width:900px){.vtq{padding:24px}.vtq__steps{grid-template-columns:1fr 1fr}.vtq-port-diagram{grid-template-columns:1fr}.vtq-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.vtq{padding:19px;border-radius:11px}.vtq__header h2{font-size:26px}.vtq__steps,.vtq-grid,.vtq-check-grid{grid-template-columns:1fr}.vtq-step{min-height:42px}.vtq-field--full{grid-column:auto}.vtq-section-title>span{display:none}.vtq-table-sketch{transform:scale(.9);transform-origin:center}.vtq-actions,.vtq-submit-row{align-items:stretch;flex-direction:column}.vtq-actions>*{width:100%}.vtq-submit-actions{width:100%}.vtq-submit-actions .vtq-btn{flex:1}}