*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182536;font-family:Onest,Arial,sans-serif}.vp-page{max-width:1120px;margin:auto;padding:0 28px 72px}.vp-nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6ef}.vp-logo{font-size:25px;font-weight:800;color:#182536;text-decoration:none}.vp-logo span{color:#306cff}.vp-nav div{display:flex;gap:20px}.vp-nav a{color:#405065;text-decoration:none;font-size:14px}.vp-hero{padding:54px 0 24px;max-width:880px}.vp-hero>span,.vp-feedback span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3567d9}.vp-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 14px}.vp-hero p{font-size:18px;line-height:1.55;color:#58667a}.vp-switch{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 20px}.vp-switch button{border:1px solid #cad5e4;background:#fff;color:#435267;padding:10px 14px;border-radius:10px;font:700 14px Onest,Arial,sans-serif;cursor:pointer}.vp-switch button.active{background:#182536;color:#fff;border-color:#182536}.vp-report{background:#fff;border:1px solid #dfe6ef;border-radius:20px;padding:28px}.vp-report-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.vp-report-head span{font-size:13px;color:#718096}.vp-report-head h2{font-size:32px;margin:5px 0 9px;letter-spacing:-.025em}.vp-report-head p{margin:0;max-width:710px;color:#59687a;line-height:1.5}.vp-badge{white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.vp-ok .vp-badge{background:#e8f6ee;color:#247347}.vp-warn .vp-badge{background:#fff4d8;color:#8b6500}.vp-fail .vp-badge{background:#fde9e7;color:#9b3d35}
.vp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.vp-metrics>div{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.vp-metrics span{display:block;font-size:12px;color:#738197;margin-bottom:7px}.vp-metrics b{font-size:16px}.vp-zones{border-top:1px solid #e3e9f1;padding-top:20px}.vp-zones h3{font-size:17px;margin:0 0 10px}.vp-zone{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.vp-zone i{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:0 0 auto}.vp-zone i.pass{background:#36a269}.vp-zone i.warn{background:#d39a16}.vp-zone i.fail{background:#c9594f}.vp-zone b,.vp-zone span{display:block}.vp-zone span{color:#67768a;font-size:14px;margin-top:3px}.vp-actions{margin-top:22px;padding:16px 18px;background:#f3f7ff;border-radius:14px}.vp-actions>span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64758d;margin-bottom:9px}.vp-actions a{display:inline-block;margin:4px 8px 4px 0;padding:9px 12px;border-radius:9px;background:#fff;border:1px solid #cad7e8;color:#275fc7;text-decoration:none;font-weight:700;font-size:14px}.vp-limit{margin-top:20px;padding-top:18px;border-top:1px solid #e5eaf1}.vp-limit p{margin:5px 0 0;color:#6b7789;font-size:13px;line-height:1.45}.vp-privacy{display:flex;gap:14px;margin:18px 0;padding:16px 18px;background:#eef4ff;border:1px solid #d4e1fb;border-radius:14px}.vp-privacy span{color:#57677d;line-height:1.45}.vp-feedback{margin-top:30px;padding:24px;background:#182536;color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:22px}.vp-feedback h2{margin:5px 0 7px;font-size:24px}.vp-feedback p{margin:0;color:#cbd5e1}.vp-feedback button{border:1px solid #526073;background:#2c394a;color:#9aa8b8;border-radius:10px;padding:11px 14px;font-weight:700}
@media(max-width:760px){.vp-page{padding:0 16px 50px}.vp-nav{height:auto;padding:18px 0;align-items:flex-start}.vp-nav div{gap:11px;flex-wrap:wrap;justify-content:flex-end}.vp-hero{padding-top:38px}.vp-report{padding:20px}.vp-report-head{display:block}.vp-badge{display:inline-block;margin-top:14px}.vp-metrics{grid-template-columns:1fr}.vp-feedback{display:block}.vp-feedback button{margin-top:16px}.vp-privacy{display:block}.vp-privacy b{display:block;margin-bottom:6px}}
.vp-source{display:grid;grid-template-columns:1fr minmax(220px,320px) auto;gap:14px;align-items:end;background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:18px;margin:8px 0 16px}.vp-source span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6d7d91}.vp-source b{display:block;margin:4px 0 3px;font-size:17px}.vp-source small{color:#65758a}.vp-source select,.vp-source button{height:42px;border-radius:10px;border:1px solid #cad6e6;background:#fff;padding:0 12px;font:inherit}.vp-source button{background:#245fda;color:#fff;border-color:#245fda;font-weight:800;cursor:pointer}.vp-inline-limit{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.62);font-size:12px;line-height:1.45;color:#5b6878;border:1px solid rgba(110,125,145,.18)}.vp-empty{background:#fff;border:1px dashed #c8d3e0;border-radius:18px;padding:28px}.vp-empty b{font-size:20px}.vp-empty p{color:#607086;max-width:650px}.vp-empty a{display:inline-flex;margin-top:8px;color:#285fc7;font-weight:800;text-decoration:none}.vp-fail .vp-badge{background:#feeceb;color:#a72e2e}.vp-warn .vp-badge{background:#fff5d9;color:#8a6510}.vp-ok .vp-badge{background:#eaf7ee;color:#24633a}.vp-zone i.fail{background:#c73b3b}.vp-zone i.warn{background:#d39a23}.vp-zone i.pass{background:#2e8b57}@media(max-width:760px){.vp-source{grid-template-columns:1fr}.vp-source button,.vp-source select{width:100%}}
.vp-source label{display:grid;gap:5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#718096}.vp-source label select{min-width:185px;text-transform:none;letter-spacing:0;font:600 14px Onest,Arial,sans-serif;color:#263548;background:#fff;border:1px solid #cfd9e6;border-radius:10px;padding:10px 34px 10px 11px}.vp-stage-note{display:flex;gap:12px;align-items:flex-start;margin:-8px 0 18px;padding:12px 15px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc;font-size:13px}.vp-stage-note b{white-space:nowrap}.vp-stage-note span{color:#5e6b7d;line-height:1.45}
.vp-report.vp-pending{border-color:#d9c999}.vp-pending .vp-badge{background:#fff7d9;color:#7a5c00;border-color:#ead89b}.vp-zone i.pending{background:#d6a522}.vp-zone i.acceptable{background:#7e8fa5}.vp-pending .vp-report-head h2{color:#735900}
@media(max-width:760px){.vp-source{align-items:stretch}.vp-source label select{width:100%;min-width:0}.vp-stage-note{display:grid}.vp-stage-note b{white-space:normal}}