/* Volgen I-Shift hubs — design language aligned with 241264 (navy / red / blue) */
.vp-iq{--vp-navy:#081827;--vp-graphite:#172330;--vp-text:#132231;--vp-muted:#647382;--vp-line:#cfdae3;
--vp-soft:#f3f6f8;--vp-steel:#dfe7ee;--vp-blue:#2d6f9f;--vp-blue-dark:#153a56;--vp-red:#c90b2c;
--vp-radius:14px;background:#fff;color:var(--vp-text);font-size:16px;line-height:1.62}
.vp-iq *,.vp-iq *::before,.vp-iq *::after{box-sizing:border-box}
.vp-iq-hero{background:radial-gradient(circle at 78% 38%, #16324a 0%, var(--vp-navy) 62%);color:#fff;padding:86px 0 54px}
.vp-iq-hero__inner{max-width:1380px;margin:0 auto;padding:0 24px}
.vp-iq-crumb{font-size:13px;color:#9db3c6;margin:0 0 18px}
.vp-iq-crumb a{color:#cfe0ee;text-decoration:none}
.vp-iq-crumb a:hover{text-decoration:underline}
.vp-iq-crumb span{margin:0 8px}
.vp-iq-hero__title{margin:0 0 20px;font-size:clamp(30px,3.1vw,46px);line-height:1.08;font-weight:900;
color:#fff;letter-spacing:-.01em;max-width:24em}
.vp-iq-hero__answer{max-width:830px;margin:0;font-size:18px;line-height:1.55;color:#d7e1ea}
.vp-iq-hero__answer strong{color:#fff}
.vp-iq-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.vp-iq-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:8px;font-weight:700;
font-size:15px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.vp-iq-btn--primary{background:var(--vp-red);color:#fff}
.vp-iq-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(201,11,44,.28);color:#fff}
.vp-iq-btn--wa{background:#25d366;color:#04341a}
.vp-iq-btn--wa:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,211,102,.28);color:#04341a}
.vp-iq-body{max-width:1380px;margin:0 auto;padding:64px 24px 78px}
.vp-iq-h2{font-size:26px;line-height:1.25;margin:0 0 8px;color:var(--vp-navy);font-weight:800}
.vp-iq-lead{color:var(--vp-muted);margin:0 0 24px;max-width:76ch}
.vp-iq-panel{margin-top:56px}
.vp-iq-cards{list-style:none;margin:0;padding:0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.vp-iq-card{border:1px solid var(--vp-line);border-radius:var(--vp-radius);padding:20px 22px;background:#fff;
transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.vp-iq-card:hover{box-shadow:0 14px 30px rgba(8,24,39,.10);transform:translateY(-2px);border-color:#b9cbd9}
.vp-iq-card a{color:var(--vp-blue-dark);text-decoration:none;font-weight:800;font-size:17px;line-height:1.35;display:block}
.vp-iq-card a:hover{color:var(--vp-red)}
.vp-iq-count{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.05em;
text-transform:uppercase;color:var(--vp-red)}
.vp-iq-note{font-size:13.5px;color:var(--vp-muted);margin:0 0 14px;max-width:90ch}
.vp-iq-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;border:1px solid var(--vp-line);
border-radius:var(--vp-radius);box-shadow:0 8px 24px rgba(8,24,39,.05);-webkit-overflow-scrolling:touch}
table.vp-iq-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:13.5px;background:#fff;table-layout:auto}
.vp-iq-table th,.vp-iq-table td{overflow-wrap:anywhere;word-break:normal}
.vp-iq-table td:nth-child(2),.vp-iq-table th:nth-child(2),
.vp-iq-table td:nth-child(7),.vp-iq-table th:nth-child(7),
.vp-iq-table td:nth-child(8),.vp-iq-table th:nth-child(8){white-space:nowrap}
.vp-iq-table th:nth-child(3),.vp-iq-table td:nth-child(3){min-width:178px}
.vp-iq-table th:nth-child(4),.vp-iq-table td:nth-child(4){min-width:168px}
.vp-iq-table th:nth-child(5),.vp-iq-table td:nth-child(5){min-width:168px}
.vp-iq-table thead th{background:var(--vp-navy);color:#fff;text-align:left;padding:12px 13px;font-size:12px;
letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-weight:700}
.vp-iq-table td{padding:12px 13px;border-top:1px solid #eef2f6;vertical-align:top;color:#22303d}
.vp-iq-table tbody tr:nth-child(even) td{background:#fafcfd}
.vp-iq-table tbody tr:hover td{background:#f2f7fb}
.vp-iq-table code{background:var(--vp-soft);border:1px solid var(--vp-steel);border-radius:6px;padding:2px 7px;
font-size:12.5px;color:#0f2f5c;font-weight:700;white-space:nowrap}
.vp-iq-table a{color:var(--vp-blue)}
.vp-iq-cn{color:var(--vp-muted);font-size:12.5px}
.vp-iq-buy{display:inline-block;padding:7px 13px;border-radius:7px;background:var(--vp-soft);
border:1px solid var(--vp-steel);color:var(--vp-blue-dark)!important;font-weight:700;font-size:12.5px;
text-decoration:none;white-space:nowrap}
.vp-iq-buy:hover{background:var(--vp-navy);color:#fff!important;border-color:var(--vp-navy)}
.vp-iq-steps{margin:0;padding:0;list-style:none;counter-reset:vpstep;display:grid;gap:14px}
.vp-iq-steps li{counter-increment:vpstep;position:relative;padding:18px 20px 18px 66px;border:1px solid var(--vp-line);
border-radius:var(--vp-radius);background:#fff;color:#3b4a58}
.vp-iq-steps li strong{color:var(--vp-navy)}
.vp-iq-steps li::before{content:counter(vpstep);position:absolute;left:20px;top:17px;width:30px;height:30px;
border-radius:50%;background:var(--vp-navy);color:#fff;display:flex;align-items:center;justify-content:center;
font-weight:800;font-size:14px;line-height:1}
.vp-iq-faq{display:grid;gap:14px;margin:0}
.vp-iq-faq__item{border:1px solid var(--vp-line);border-radius:var(--vp-radius);padding:18px 20px;background:#fff}
.vp-iq-faq__q{margin:0 0 8px;font-weight:800;color:var(--vp-navy);font-size:16px}
.vp-iq-faq__a{margin:0;color:#3b4a58}
.vp-iq-cta{margin-top:64px;background:linear-gradient(135deg,var(--vp-navy),#123651);border-radius:18px;
padding:38px 34px;color:#fff}
.vp-iq-cta h2{color:#fff;margin:0 0 10px;font-size:26px}
.vp-iq-cta p{color:#c9d8e6;margin:0 0 20px;max-width:72ch}
.vp-iq-hero::before,.vp-iq-hero::after,.vp-iq-cta::before,.vp-iq-cta::after{pointer-events:none}
.vp-iq-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(10px);background:#081827;color:#fff;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100001;box-shadow:0 10px 30px rgba(8,24,39,.35)}
.vp-iq-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.vp-iq-buy--wa{background:#25d366!important;border-color:#25d366!important;color:#04341a!important}
@media(max-width:768px){
 .vp-iq-hero{padding:56px 0 38px}
 .vp-iq-body{padding:40px 16px 56px}
 .vp-iq-hero__title{font-size:26px}
 .vp-iq-hero__answer{font-size:16px}
 .vp-iq-h2{font-size:21px}
 .vp-iq-cards{grid-template-columns:1fr}
 .vp-iq-cta{padding:26px 20px}
 .vp-iq-table{font-size:12.5px}
}