.viz{max-width:880px;margin:0 auto}.viz-loading{min-height:260px}.viz-steps{gap:34px;margin:0;padding:0;list-style:none;display:grid}.viz-step h3{color:var(--navy);align-items:center;gap:12px;margin:0 0 14px;font-size:clamp(20px,3vw,24px);display:flex}.viz-step h3 span{border:1px solid var(--line);width:32px;height:32px;font:600 14px/1 var(--font-text),sans-serif;color:var(--gold-ink);border-radius:50%;place-items:center;display:grid}.viz-hint{color:var(--muted);margin:0 0 14px;font-size:15.5px;line-height:1.6}.viz-hint.center{text-align:center;margin:12px 0 0}.viz-photo{border-radius:var(--radius);background:var(--wash);border:1px solid var(--line);margin:0 0 14px;overflow:hidden}.viz-photo img{object-fit:contain;width:100%;max-height:420px;display:block}.viz-file{cursor:pointer;position:relative}.viz-file input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;inset:0}.viz-brands{grid-template-columns:1fr 1fr;gap:10px;display:grid}.viz-brands button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);min-height:64px;color:var(--navy);cursor:pointer;gap:3px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.viz-brands b{font:600 16px/1.2 var(--font-text),sans-serif}.viz-brands small{color:var(--muted);font-size:13px}.viz-brands button.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--paper))}.viz-swatches{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.viz-swatches button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--navy);cursor:pointer;gap:8px;padding:10px;transition:border-color .2s;display:grid}.viz-swatches i{background-size:cover;border-radius:8px;height:46px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.viz-swatches span{font:500 13.5px/1.25 var(--font-text),sans-serif}.viz-swatches button.on{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}.viz-brands button:focus-visible,.viz-swatches button:focus-visible,.viz-ba input:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}.viz-go{min-width:min(100%,320px);margin:30px auto 0;display:flex}.viz-go:disabled{opacity:.55;cursor:not-allowed}.viz-error{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--plum) 12%,var(--paper));color:var(--plum);margin:16px 0 0;padding:12px 14px;font-size:15px;line-height:1.5}.viz .btn svg,.viz-gate .btn svg{flex:none;width:17px;height:17px}.viz-fine{color:var(--muted);text-align:center;margin:18px 0 0;font-size:13px;line-height:1.6}.viz-result{border-top:1px solid var(--line);text-align:center;margin-top:44px;padding-top:34px}.viz-result h3{color:var(--navy);margin:0 0 18px}.viz-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.viz-ba{--at:55%;border-radius:var(--radius);-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0a1b2c;position:relative;overflow:hidden}.viz-ba>img{width:100%;height:auto;display:block}.viz-ba-before{clip-path:inset(0 calc(100% - var(--at)) 0 0);position:absolute;inset:0}.viz-ba-before img{object-fit:cover;width:100%;height:100%;display:block}.viz-ba-bar{top:0;bottom:0;left:var(--at);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 8px #0006}.viz-ba-bar i{background:#fff;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.viz-ba-bar i:before,.viz-ba-bar i:after{content:"";border:5px solid #0000;width:0;height:0;margin-top:-5px;position:absolute;top:50%}.viz-ba-bar i:before{border-right-color:var(--navy);left:8px}.viz-ba-bar i:after{border-left-color:var(--navy);right:8px}.viz-ba-tag{color:#fff;font:600 12px/1 var(--font-text),sans-serif;letter-spacing:.04em;background:#031628a8;border-radius:999px;padding:5px 10px;position:absolute;top:12px}.viz-ba-tag.before{left:12px}.viz-ba-tag.after{right:12px}.viz-ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.viz-tabs{border:1px solid var(--line);background:var(--wash);border-radius:999px;gap:4px;margin:0 0 16px;padding:4px;display:inline-flex}.viz-tabs button{min-height:40px;color:var(--muted);font:600 14px/1 var(--font-text),sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px;transition:background .2s,color .2s}.viz-tabs button.on{background:var(--paper);color:var(--navy);box-shadow:0 1px 3px #062d571f}.viz-address-row{gap:10px;display:grid}.viz-address-row input{width:100%}.viz-found{margin-top:12px}.viz-link{color:var(--gold-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (min-width:621px){.viz-address-row{grid-template-columns:minmax(0,1fr) auto}}.viz-gate{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:14px;max-width:460px;margin:0 auto;padding:28px;display:grid}.viz-gate.compact{max-width:none;margin:0;padding:24px}.viz-gate-title{color:var(--navy);margin:0;font-size:clamp(22px,3vw,28px)}.viz-gate-text,.viz-fine{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.viz-gate.compact .viz-fine{text-align:left}.viz-gate label{gap:6px;display:grid}.viz-gate label>span{font:600 13px/1.2 var(--font-text),sans-serif;color:var(--ink)}.viz-website{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute!important}.viz-consent{align-items:flex-start;gap:10px;display:flex!important}.viz-consent input{flex:none;width:20px;height:20px;min-height:0;margin-top:2px}.viz-consent span{font:400 14px/1.45 var(--font-text),sans-serif!important;color:var(--muted)!important}.viz-gate .btn{width:100%}.viz-home{align-items:center;gap:34px;display:grid}.viz-demo{border-radius:var(--radius);aspect-ratio:4/3;isolation:isolate;background:#0a1b2c;position:relative;overflow:hidden}.viz-demo img{object-fit:cover}.viz-demo-tint{z-index:1;mix-blend-mode:color;opacity:.9;transition:background-color 1.1s;position:absolute;inset:0}.viz-demo-scan{z-index:2;opacity:0;pointer-events:none;background:#fff;width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px 4px #ffffff8c}.viz-demo.run .viz-demo-scan{animation:1.6s cubic-bezier(.45,.05,.25,1) vizScan}@keyframes vizScan{0%{opacity:0;left:0}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}.viz-demo-cap{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.viz-demo-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 13px/1 var(--font-text),sans-serif;background:#031628b8;border-radius:999px;padding:8px 12px}.viz-demo-dots{gap:6px;display:flex}.viz-demo-dots i{opacity:.7;border:2px solid #fffc;border-radius:50%;width:22px;height:22px;transition:transform .3s,opacity .3s;display:block}.viz-demo-dots i.on{opacity:1;transform:scale(1.18)}.viz-demo-tag{z-index:3;color:#fff;font:600 11px/1 var(--font-text),sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#031628a8;border-radius:999px;padding:6px 10px;position:absolute;top:12px;left:12px}.viz-brands-line{font:600 14px/1 var(--font-text),sans-serif;color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;display:flex}.viz-brands-line li{align-items:center;gap:8px;display:flex}.viz-brands-line li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px}@media (min-width:621px){.viz-brands{grid-template-columns:repeat(4,1fr)}.viz-gate{padding:34px}}@media (min-width:901px){.viz-home{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px}}@media (prefers-reduced-motion:reduce){.viz-demo.run .viz-demo-scan{animation:none}.viz-demo-tint{transition:none}}