/* Secure-VPN v5.6.1 AJAX quick compare */
.qc4{margin:20px 0;padding:24px;border:1px solid #203b59;border-radius:16px;background:#0d1b2d}
.qc4-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.qc4-head h2{margin:3px 0 6px;font-size:clamp(24px,3vw,34px)}.qc4-head p{margin:0;color:#9fb7ca;max-width:760px;line-height:1.6}.qc4-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#63d8dc;font-weight:800}.qc4-badge{border:1px solid rgba(99,216,220,.25);border-radius:999px;padding:7px 10px;color:#78e0e3;font-size:12px;white-space:nowrap}
.qc4-templates{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.qc4-template{border:1px solid #29445f;background:#0a1929;color:#dcebf6;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;cursor:pointer}.qc4-template:hover{border-color:#63d8dc;color:#78e0e3}
.qc4-controls{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr .8fr auto;gap:10px;align-items:end}.qc4-controls label{display:grid;gap:6px;color:#91a9bf;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.qc4-controls select{width:100%;min-width:0;height:42px;border:1px solid #29445f;border-radius:9px;background:#091827;color:#eaf6ff;padding:0 9px}.qc4-run{height:42px;border:1px solid #2588ff;border-radius:9px;background:#1575db;color:white;font-weight:800;padding:0 16px;cursor:pointer}.qc4-run:disabled{opacity:.55;cursor:wait}.qc4-warning{margin-top:12px;padding:11px 12px;border:1px solid rgba(255,154,154,.3);border-radius:9px;color:#ffb4b4;background:rgba(95,31,41,.16)}
.qc4-result{margin-top:16px}.qc4-score{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.qc4-side{padding:18px;border:1px solid rgba(148,174,199,.16);border-radius:12px;background:#0a1929}.qc4-side small{display:block;color:#91a9bf}.qc4-side h3{margin:4px 0 12px}.qc4-side strong{display:block;font-size:30px}.qc4-side span{display:block;color:#9fb7ca;margin-top:5px}.qc4-vs{display:grid;place-items:center;color:#78e0e3;font-weight:900}.qc4-summary{margin:12px 0;color:#cfe1ee}.qc4-table-wrap{overflow:auto}.qc4-table{width:100%;border-collapse:collapse}.qc4-table th,.qc4-table td{padding:9px 8px;border-bottom:1px solid rgba(148,174,199,.14);text-align:left;white-space:nowrap}.qc4-table th{color:#91a9bf;font-size:11px;text-transform:uppercase}.qc4-help{margin-top:12px;color:#91a9bf;font-size:12px}.qc4-help a{color:#78e0e3}
@media(max-width:1180px){.qc4-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.qc4-run{width:100%}}
@media(max-width:700px){.qc4{padding:17px}.qc4-head{display:block}.qc4-badge{display:inline-flex;margin-top:10px}.qc4-controls{grid-template-columns:1fr 1fr}.qc4-controls label:first-child,.qc4-controls label:last-of-type,.qc4-run{grid-column:1/-1}.qc4-score{grid-template-columns:1fr}.qc4-vs{height:24px}.qc4-template{width:100%;text-align:left}}

/* v5.6.2.2 winner emphasis */
.qc4-side{position:relative;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.qc4-side.is-winner{border-color:rgba(82,227,152,.58);background:linear-gradient(145deg,rgba(23,70,61,.34),#0a1929 72%);box-shadow:inset 0 0 0 1px rgba(82,227,152,.08)}
.qc4-side.is-winner>strong{color:#7ce2c4}
.qc4-winner-tag{position:absolute;top:12px;right:12px;padding:3px 7px;border-radius:999px;border:1px solid rgba(82,227,152,.35);background:rgba(82,227,152,.09);color:#7ce2c4;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.qc4-metric-label{display:block;margin:5px 0 3px;color:#91a9bf;font-size:10px;font-weight:700}
