.viz-shell{--viz-brand:#04b1f9;--viz-brand-dark:#0782d5;--viz-brand-deep:#1a4480;--viz-ink:#16336e;--viz-ink-soft:#4c4a67;--viz-ink-mute:#8a8fa8;--viz-line:#dfe6e9;--viz-mist:#f5f5f5;--viz-shadow:0 30px 60px -30px #04b1f940;--viz-font-heading:var(--font-poppins), Poppins, sans-serif;--viz-font-body:var(--font-futura), Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;max-width:1200px;font-family:var(--viz-font-body);color:var(--viz-ink);margin:0 auto;padding:0 48px;scroll-margin-top:96px}.viz-steps{gap:8px;max-width:640px;margin:0 auto 24px;display:flex}.viz-step-pip{background:var(--viz-line);border-radius:99px;flex:1;height:3px;transition:background .3s}.viz-step-pip.active{background:var(--viz-brand)}.viz-head{text-align:center;margin-bottom:28px}.viz-head h2{font-family:var(--viz-font-heading);letter-spacing:-.015em;color:var(--viz-ink);margin:0 0 14px;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.15}.viz-head h2 em{color:var(--viz-brand);font-style:italic;font-weight:300}.viz-head p{color:var(--viz-ink-soft);max-width:560px;margin:0 auto;font-size:16px;line-height:1.65}.viz-error{color:#b33724;text-align:center;background:#fdf1ef;border:1px solid #d64545;border-radius:16px;max-width:640px;margin:0 auto 24px;padding:14px 20px;font-size:14px;line-height:1.5}.viz-upload-zone{aspect-ratio:4/3;border:2px dashed var(--viz-line);background:var(--viz-mist);cursor:pointer;text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:720px;margin:0 auto;padding:32px;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.viz-upload-zone:hover{border-color:var(--viz-brand);box-shadow:var(--viz-shadow)}.viz-upload-zone.dragging{border-color:var(--viz-brand);background:#eaf7fe}.viz-upload-zone.has-photo{border-style:solid;border-color:var(--viz-line);padding:0}.viz-upload-zone.has-photo img{object-fit:cover;width:100%;height:100%}.viz-upload-icon{width:56px;height:56px;color:var(--viz-brand-dark);opacity:.85}.viz-upload-title{font-family:var(--viz-font-heading);color:var(--viz-ink);letter-spacing:-.01em;font-size:24px;font-weight:600}.viz-upload-sub{color:var(--viz-ink-mute);font-size:13px;line-height:1.6}.viz-upload-replace{color:#fff;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a4480cc;border-radius:99px;padding:8px 14px;font-size:11px;font-weight:600;position:absolute;bottom:14px;right:14px}.viz-trust{letter-spacing:.18em;text-transform:uppercase;max-width:720px;color:var(--viz-ink-mute);justify-content:center;align-items:center;gap:10px;margin:18px auto 0;font-size:11px;font-weight:600;display:flex}.viz-trust-dot{background:currentColor;border-radius:50%;width:3px;height:3px}.viz-privacy{text-align:center;max-width:640px;color:var(--viz-ink-mute);margin:14px auto 0;font-size:13px;font-style:italic;line-height:1.6}.viz-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.viz-btn{color:#fff;font-family:var(--viz-font-heading);letter-spacing:.08em;cursor:pointer;background:#2f66c4;border:2px solid #2f66c4;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 34px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 10px 24px -10px #2f66c473}.viz-btn:hover:not(:disabled){background:#16336e;border-color:#16336e;transform:translateY(-2px);box-shadow:0 16px 30px -12px #2f66c48c}.viz-btn:disabled{opacity:.45;cursor:not-allowed}.viz-btn-arrow{font-size:17px;font-style:italic;font-weight:300;line-height:1}.viz-btn-outline{color:#2f66c4;box-shadow:none;background:0 0}.viz-btn-outline:hover:not(:disabled){color:#fff;background:#2f66c4;border-color:#2f66c4}.viz-btn-ghost{color:var(--viz-ink-mute);box-shadow:none;background:0 0;border-color:#0000}.viz-btn-ghost:hover:not(:disabled){color:var(--viz-brand-dark);box-shadow:none;background:0 0;transform:none}.viz-picker{max-width:960px;margin:0 auto}.viz-picker-photo{aspect-ratio:16/10;background:var(--viz-mist);max-height:32vh;box-shadow:var(--viz-shadow);border-radius:24px;position:relative;overflow:hidden}.viz-picker-photo img{object-fit:contain;width:100%;height:100%}.viz-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 20px;display:flex}.viz-tab{border:1.5px solid var(--viz-line);color:var(--viz-ink-mute);font-family:var(--viz-font-heading);letter-spacing:.04em;cursor:pointer;background:#fff;border-radius:999px;padding:10px 20px;font-size:12px;font-weight:600;transition:all .25s}.viz-tab:hover{color:var(--viz-brand-dark);border-color:var(--viz-brand)}.viz-tab.active{background:var(--viz-brand);color:#fff;border-color:var(--viz-brand)}.viz-swatch-rail{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:8px;display:flex}.viz-swatch{border:1.5px solid var(--viz-line);cursor:pointer;text-align:center;background:#fff;border-radius:16px;width:84px;padding:8px 8px 10px;font-family:inherit;transition:all .2s;position:relative}.viz-swatch:hover{border-color:var(--viz-brand);transform:translateY(-2px)}.viz-swatch.active{border-color:var(--viz-brand);box-shadow:0 0 0 1px var(--viz-brand), 0 10px 22px -10px #04b1f973}.viz-swatch-color{aspect-ratio:1;border:1px solid #16336e14;border-radius:10px;width:100%;display:block}.viz-swatch-name{letter-spacing:.04em;color:var(--viz-ink);text-transform:uppercase;margin-top:8px;font-size:10.5px;font-weight:600;line-height:1.3;display:block}.viz-finish-label{text-align:center;color:var(--viz-ink-soft);margin-top:14px;font-size:14px}.viz-finish-label strong{color:var(--viz-ink)}.viz-gloss{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.viz-gloss-label{letter-spacing:.18em;text-transform:uppercase;color:var(--viz-ink-mute);margin-right:4px;font-size:11px;font-weight:600}.viz-gloss-chip{border:1.5px solid var(--viz-line);color:var(--viz-ink-soft);font-family:var(--viz-font-heading);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.viz-gloss-chip:hover{border-color:var(--viz-brand);color:var(--viz-brand-dark)}.viz-gloss-chip.active{background:var(--viz-brand);border-color:var(--viz-brand);color:#fff}.viz-generating{text-align:center;max-width:560px;margin:0 auto;padding:40px 0}.viz-spinner{width:120px;height:120px;margin:0 auto 36px;position:relative}.viz-spinner-ring{border:1px solid var(--viz-line);border-radius:50%;position:absolute;inset:0}.viz-spinner-arc{border:2px solid #0000;border-top-color:var(--viz-brand);border-radius:50%;animation:1.4s linear infinite vizSpin;position:absolute;inset:8px}@keyframes vizSpin{to{transform:rotate(360deg)}}.viz-spinner-core{background:var(--viz-brand);color:#fff;font-family:var(--viz-font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-style:italic;font-weight:300;display:flex;position:absolute;inset:24px}.viz-eyebrow{font-family:var(--viz-font-heading);letter-spacing:.22em;text-transform:uppercase;color:var(--viz-brand-dark);margin-bottom:14px;font-size:12px;font-weight:600}.viz-stage{font-family:var(--viz-font-heading);color:var(--viz-ink);letter-spacing:-.01em;min-height:1.4em;font-size:clamp(22px,3vw,28px);font-weight:600;transition:opacity .3s}.viz-progress{background:var(--viz-line);border-radius:99px;max-width:380px;height:4px;margin:28px auto 0;overflow:hidden}.viz-progress-bar{background:var(--viz-brand);border-radius:99px;height:100%;transition:width 1.1s ease-out}.viz-generating-note{color:var(--viz-ink-mute);margin-top:22px;font-size:14px;line-height:1.6}.viz-result{grid-template-columns:1.5fr .9fr;align-items:start;gap:48px;max-width:1100px;margin:0 auto;display:grid}.viz-compare{aspect-ratio:16/10;width:100%;max-height:min(52vh,480px);box-shadow:var(--viz-shadow);touch-action:none;-webkit-user-select:none;user-select:none;background:var(--viz-mist);border-radius:24px;position:relative;overflow:hidden}.viz-compare img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viz-compare-after{position:absolute;inset:0}.viz-compare-after img{object-fit:contain;height:100%}.viz-compare-tag{letter-spacing:.18em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;pointer-events:none;background:#16336eb8;border-radius:99px;padding:6px 14px;font-size:10px;font-weight:600;position:absolute;top:14px}.viz-compare-tag.before{left:14px}.viz-compare-tag.after{background:var(--viz-brand);right:14px}.viz-compare-badge{z-index:5;color:#fff;letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#16336eb8;border-radius:99px;padding:7px 14px;font-size:11px;font-weight:600;position:absolute;bottom:14px;right:14px}.viz-compare-handle{cursor:ew-resize;z-index:10;outline:none;justify-content:center;align-items:center;width:40px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.viz-compare-handle:before{content:"";background:#ffffffeb;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #16336e2e}.viz-compare-knob{width:38px;height:38px;color:var(--viz-brand-dark);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 14px #16336e4d}.viz-updating{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:.22em;text-transform:uppercase;color:var(--viz-brand-dark);background:#ffffff8c;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.viz-result-side .viz-eyebrow{margin-bottom:10px}.viz-result-title{font-family:var(--viz-font-heading);color:var(--viz-ink);letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.15}.viz-result-title em{color:var(--viz-brand);font-style:italic;font-weight:300}.viz-result-meta{color:var(--viz-ink-soft);margin-bottom:24px;font-size:14px;line-height:1.6}.viz-result-rail{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.viz-mini-swatch{border:1.5px solid var(--viz-line);cursor:pointer;background:#fff;border-radius:12px;width:40px;height:40px;padding:3px;transition:all .2s}.viz-mini-swatch-color{border:1px solid #16336e14;border-radius:8px;width:100%;height:100%;display:block}.viz-mini-swatch:hover{border-color:var(--viz-brand)}.viz-mini-swatch.active{border-color:var(--viz-brand);box-shadow:0 0 0 1px var(--viz-brand)}.viz-result-actions{gap:12px;display:grid}.viz-result-actions .viz-btn{width:100%}.viz-result-note{color:var(--viz-ink-mute);margin-top:18px;font-size:13px;font-style:italic;line-height:1.6}.viz-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16336e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.viz-modal{width:100%;max-width:480px;max-height:90vh;font-family:var(--viz-font-body);background:#fff;border-radius:24px;padding:40px;overflow-y:auto;box-shadow:0 40px 80px -30px #16336e80}.viz-modal-eyebrow{font-family:var(--viz-font-heading);letter-spacing:.22em;text-transform:uppercase;color:var(--viz-brand-dark);margin-bottom:10px;font-size:12px;font-weight:600}.viz-modal h3{font-family:var(--viz-font-heading);color:var(--viz-ink);letter-spacing:-.015em;margin:0 0 12px;font-size:28px;font-weight:600;line-height:1.15}.viz-modal h3 em{color:var(--viz-brand);font-style:italic;font-weight:300}.viz-modal p{color:var(--viz-ink-soft);margin:0 0 22px;font-size:14.5px;line-height:1.65}.viz-modal-fields{gap:18px;margin-bottom:8px;display:grid}.viz-field label{letter-spacing:.2em;text-transform:uppercase;color:var(--viz-brand-deep);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.viz-field input{border:none;border-bottom:1.5px solid var(--viz-line);width:100%;color:var(--viz-ink);background:0 0;border-radius:0;padding:10px 0;font-family:inherit;font-size:16px;transition:border-color .2s}.viz-field input:focus{border-bottom-color:var(--viz-brand);border-bottom-width:2px;outline:none;padding-bottom:9.5px}.viz-field input::placeholder{color:var(--viz-ink-mute);font-style:italic}.viz-field-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.viz-modal-error{color:#b33724;margin-top:10px;font-size:13px;line-height:1.5}.viz-modal .viz-btn{width:100%;margin-top:18px}.viz-modal-cancel{width:100%;color:var(--viz-ink-mute);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:14px;font-family:inherit;font-size:13px;display:block}.viz-modal-cancel:hover{color:var(--viz-brand-dark)}.viz-toast{z-index:400;background:var(--viz-brand-deep);color:#fff;text-align:center;border-radius:20px;max-width:min(520px,100vw - 40px);padding:18px 28px;font-size:14px;line-height:1.55;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -12px #16336e80}.viz-toast strong{font-family:var(--viz-font-heading);margin-bottom:4px;font-size:17px;font-style:italic;font-weight:300;display:block}.viz-step-stage{min-height:560px}@media (max-width:900px){.viz-result{grid-template-columns:1fr;gap:32px}.viz-shell{padding:0 24px}.viz-modal{padding:28px 22px}.viz-step-stage{min-height:700px}}@media (min-width:1024px){.viz-picker{grid-template-columns:3fr 2fr;align-items:start;gap:48px;max-width:1200px;display:grid}.viz-picker-photo{max-height:min(52vh,480px)}.viz-picker-side{min-width:0}.viz-tabs{justify-content:flex-start;margin:0 0 16px}.viz-swatch-rail{justify-content:flex-start}.viz-finish-label{text-align:left}.viz-gloss,.viz-actions{justify-content:flex-start}}@media (max-width:1023px){.viz-picker-side{display:contents}}@media (max-width:920px){.viz-swatch-rail{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.viz-swatch{flex-shrink:0}.viz-head p{display:none}.viz-head h2{font-size:clamp(28px,7.5vw,34px)}}@media (max-width:560px){.viz-swatch{width:70px}.viz-field-row{grid-template-columns:1fr}.viz-btn{letter-spacing:.06em;padding:14px 26px}}.viz-hero{text-align:center;padding:96px 24px 20px}.viz-hero-eyebrow{font-family:var(--font-poppins), Poppins, sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#0782d5;margin-bottom:12px;font-size:12px;font-weight:600}.viz-hero h1{font-family:var(--font-bebas), "Bebas Neue", sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#16336e;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:.95}.viz-hero h1 em{color:#04b1f9;font-style:italic;font-weight:300}.viz-hero p{color:#4c4a67;max-width:620px;margin:0 auto;font-size:16px;line-height:1.65}.viz-section{background:#fff;min-height:60vh;padding:32px 0 72px}@media (max-width:920px){.viz-hero{padding:40px 20px 12px}.viz-section{padding:24px 0 56px}}