.vi-exp-container{max-width:1428px}.vi-exp-hero{max-width:800px;margin:0 auto 40px;text-align:center}.vi-exp-hero p{margin:16px auto 0;font-size:15.5px;line-height:1.65;color:#5c666d;max-width:58ch}.vi-exp-hero .vi-mp-note{margin-top:12px;font-size:13px;color:#9aa4a8}.vi-mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:1100px){.vi-mp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.vi-mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.vi-mp-card{position:relative;background:#fff;border:1px solid rgba(11,20,23,.14);border-radius:6px;cursor:pointer;text-align:left;padding:0;font-family:inherit;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.vi-mp-card:hover{box-shadow:0 12px 30px -16px #0b141757;transform:translateY(-2px)}.vi-mp-card:focus-visible{outline:2px solid #5680E0;outline-offset:2px}.vi-mp-card:hover .vi-mp-open{opacity:1;transform:none}.vi-mp-stage{position:relative;aspect-ratio:4/3;border-radius:5px 5px 0 0;overflow:hidden;background:#fff;display:grid;place-items:center;padding:10px 14px}.vi-mp-stage img{width:100%;height:100%;object-fit:contain}.vi-mp-badge{position:absolute;top:0;left:0;z-index:2;border-radius:5px 0 6px;padding:6px 14px;font-size:13.5px;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;gap:6px;background:#fff;box-shadow:0 0 0 1px #0b141724;color:#0b1417}.vi-mp-badge svg{width:15px;height:15px}.vi-mp-open{position:absolute;right:10px;bottom:10px;z-index:2;background:#111418;color:#fff;border-radius:999px;padding:7px 14px;font-size:11.5px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.vi-mp-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.vi-mp-kind{font-size:12px;line-height:1.5;color:#76828a}.vi-mp-name{margin:0;font-size:16px;font-weight:700;line-height:24px;color:#0b1417;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.vi-mp-rule{border-top:1px dashed rgba(11,20,23,.16);height:0;margin:2px 0}.vi-mp-features{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.vi-mp-feature{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:#3d464c;min-width:0}.vi-mp-feature svg{flex:none;width:17px;height:17px;color:#9aa4a8}.vi-mp-feature span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vi-mp-feature.is-wide{grid-column:1 / -1;gap:6px}.vi-mp-dot{width:15px;height:15px;border-radius:4px;border:1px solid #d0d4dd;display:inline-block;flex:none}.vi-mp-dots{display:flex;gap:5px}.vi-mp-paint{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:#3d464c;flex-wrap:wrap}.vi-mp-source{margin-top:auto;padding-top:12px;border-top:1px dashed rgba(11,20,23,.16);display:flex;flex-direction:column;gap:3px}.vi-mp-source-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#b3bbbf}.vi-mp-api{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;color:#5680e0;word-break:break-all}@media(max-width:760px){.vi-mp-body{padding:11px 12px 13px;gap:6px}.vi-mp-name{font-size:14.5px;line-height:20px}.vi-mp-features{grid-template-columns:1fr;gap:5px}.vi-mp-feature{font-size:12.5px}.vi-mp-badge{font-size:11.5px;padding:5px 10px}.vi-mp-paint{font-size:12px}.vi-mp-api{font-size:10px}.vi-mp-source-label{font-size:9.5px}.vi-mp-stage{padding:8px 10px}}.vi-mpm-backdrop{position:fixed;inset:0;z-index:100060;background:#0b14179e;display:none;align-items:center;justify-content:center;padding:20px}.vi-mpm-backdrop.is-open{display:flex}.vi-mpm{background:#fff;border-radius:20px;max-width:1560px;width:100%;max-height:94vh;overflow:auto;display:grid;grid-template-columns:1.45fr 1fr;position:relative;animation:vi-mpm-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes vi-mpm-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vi-mpm{animation:none}}@media(max-width:1000px){.vi-mpm{grid-template-columns:1fr}}.vi-mpm-left{padding:26px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(180deg,#fafbfc,#eef0f3)}.vi-mpm-stage{position:relative;display:grid;place-items:center;background:#fff;border-radius:14px;border:1px solid rgba(11,20,23,.08);padding:20px;overflow:hidden;transition:background .25s ease}.vi-mpm-stage img{position:relative;z-index:1;width:100%;max-width:820px;aspect-ratio:4/3;object-fit:contain;transition:opacity .16s ease}.vi-mpm-stage img.is-swap{opacity:0}.vi-mpm-stage.is-scene{border-color:transparent;background:radial-gradient(120% 80% at 50% 8%,#dfe8f6,#b8c9e4 42%,#8fa6c8)}.vi-mpm-stage.is-scene:before{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,#6f7f99,#4a566b 55%,#39424f)}.vi-mpm-stage.is-scene:after{content:"";position:absolute;left:50%;bottom:23%;width:58%;height:8%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(10,14,20,.42),transparent 72%)}.vi-mpm-scene-note{position:absolute;right:12px;bottom:10px;z-index:2;font-size:11px;color:#ffffffd1}.vi-mpm-stage:not(.is-scene) .vi-mpm-scene-note{display:none}.vi-mpm-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}@media(max-width:1000px){.vi-mpm-thumbs{grid-template-columns:repeat(4,1fr)}}.vi-mpm-thumb{border:1.5px solid rgba(11,20,23,.12);border-radius:10px;background:#fff;padding:4px 4px 2px;cursor:pointer;transition:border-color .15s ease}.vi-mpm-thumb img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:linear-gradient(100deg,#f1f3f5 30%,#e6e9ec,#f1f3f5 70%) 0 0/280% 100%;animation:vi-mpm-load 1.1s linear infinite}.vi-mpm-thumb img.is-ready{background:none;animation:none}@keyframes vi-mpm-load{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.vi-mpm-thumb img{animation:none}}.vi-mpm-thumb.is-active{border-color:#111418}.vi-mpm-thumb:hover{border-color:#5680e0}.vi-mpm-thumb-label{display:block;margin-top:1px;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9aa4a8;text-align:center}.vi-mpm-right{padding:30px 30px 26px;display:flex;flex-direction:column;gap:13px;position:relative}.vi-mpm-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(11,20,23,.14);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:17px;line-height:1;color:#0b1417;transition:all .15s ease;z-index:3}.vi-mpm-close:hover{background:#111418;color:#fff;border-color:#111418}.vi-mpm-name{margin:2px 44px 0 0;font-size:25px;font-weight:700;letter-spacing:-.015em;color:#0b1417;line-height:1.2}.vi-mpm-specs{display:flex;flex-wrap:wrap;gap:7px}.vi-mpm-spec{border:1px solid rgba(11,20,23,.12);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:#3d464c}.vi-mpm-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9aa4a8}.vi-mpm-label .vi-mpm-current{margin-left:8px;font-weight:600;letter-spacing:0;text-transform:none;color:#3d464c}.vi-mpm-sep{border-top:1px solid rgba(11,20,23,.08);height:0}.vi-mpm-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.vi-mpm-swatch{aspect-ratio:1;border-radius:10px;border:1.5px solid rgba(11,20,23,.16);cursor:pointer;padding:0;display:grid;place-items:center;background:#fff;transition:all .15s ease}.vi-mpm-swatch i{width:64%;height:64%;border-radius:6px;display:block;border:1px solid rgba(11,20,23,.12)}.vi-mpm-swatch.is-active{border-color:#111418;box-shadow:0 0 0 2px #11141821}.vi-mpm-swatch:hover{border-color:#5680e0}.vi-mpm-swatch.is-special{border-style:dashed}.vi-mpm-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:1180px){.vi-mpm-toggles{grid-template-columns:1fr}}.vi-mpm-toggle{display:flex;align-items:center;gap:11px;border:1px solid rgba(11,20,23,.1);border-radius:11px;padding:10px 12px;cursor:pointer;background:#fff;text-align:left;font-family:inherit;transition:all .15s ease}.vi-mpm-toggle:hover{border-color:#0b14173d}.vi-mpm-toggle.is-on{border-color:#111418;background:#f7f8fa}.vi-mpm-toggle.is-off{opacity:.4;cursor:not-allowed}.vi-mpm-switch{flex:none;width:38px;height:22px;border-radius:999px;background:#d4d9df;position:relative;transition:background .18s ease}.vi-mpm-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000047;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.vi-mpm-toggle.is-on .vi-mpm-switch{background:#5680e0}.vi-mpm-toggle.is-on .vi-mpm-switch:after{transform:translate(16px)}.vi-mpm-toggle-text{min-width:0}.vi-mpm-toggle-name{display:block;font-size:13px;font-weight:600;color:#0b1417}.vi-mpm-toggle-hint{display:block;font-size:11px;line-height:1.4;color:#9aa4a8;margin-top:1px}.vi-mpm-api{background:#111418;border-radius:12px;padding:13px 16px}.vi-mpm-api-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.vi-mpm-api-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffffff73}.vi-mpm-copy{border:1px solid rgba(255,255,255,.22);background:transparent;color:#ffffffb8;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.vi-mpm-copy:hover{background:#ffffff1f;color:#fff}.vi-mpm-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.65;color:#8fb0f5;word-break:break-all}.vi-mpm-code .m{color:#6ee7a0}.vi-mpm-code .p{color:#e5b567}.vi-mpm-ctas{display:flex;gap:10px;flex-wrap:wrap}.vi-mpm-cta{border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;transition:all .16s ease;border:1px solid #111418}.vi-mpm-cta.is-primary{background:#111418;color:#fff}.vi-mpm-cta.is-primary:hover{background:#2a3138}.vi-mpm-cta.is-secondary{background:#fff;color:#0b1417;border-color:#0b141733}.vi-mpm-cta.is-secondary:hover{border-color:#0b1417}.vi-mpm-fine{font-size:11.5px;color:#9aa4a8;line-height:1.5;border-top:1px dashed rgba(11,20,23,.16);padding-top:10px}body.vi-mpm-lock{overflow:hidden}.vi-exp-cta{margin-top:80px;text-align:center;padding:52px 24px;background:linear-gradient(160deg,#f6f4f1,#eceae6);border:1px solid rgba(11,20,23,.07);border-bottom-left-radius:26px;border-top-right-radius:26px}.vi-exp-cta h2{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;color:#0b1417;margin:0 0 8px}.vi-exp-cta p{margin:0 auto 22px;font-size:14.5px;color:#76828a;max-width:56ch}.vi-exp-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}