:root{--vz-ink:#151813;--vz-paper:#f2efe8;--vz-gold:#d3b276;--vz-line:rgba(21,24,19,.14)}*{box-sizing:border-box}.vz-main{background:var(--vz-paper);color:var(--vz-ink)}.vz-shell{width:min(1380px,calc(100% - 48px));margin:auto}.vz-intro{padding:clamp(80px,10vw,150px) 0 72px;background:#171a16;color:#fff}.vz-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px}.vz-kicker{margin:0 0 25px;color:var(--vz-gold);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.vz-intro h1,.vz-process h2{margin:0;font-family:Georgia,serif;font-size:clamp(54px,7vw,112px);font-weight:400;line-height:.83;letter-spacing:-.055em}.vz-intro h1 em{color:var(--vz-gold);font-weight:400}.vz-lead{padding-bottom:8px}.vz-lead p{max-width:510px;margin:0 0 28px;color:rgba(255,255,255,.68);font:400 17px/1.7 Arial,sans-serif}.vz-lead a{display:inline-flex;gap:18px;align-items:center;color:#fff;text-decoration:none;padding-bottom:10px;border-bottom:1px solid var(--vz-gold);font:700 12px Arial;letter-spacing:.08em}.vz-studio{padding:34px 0 120px;background:#e8e4dc}.vz-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(370px,.7fr);gap:18px;align-items:start}.vz-preview-wrap{min-width:0}.vz-preview{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/10;min-height:560px;background:#d7d1c6;box-shadow:0 25px 60px rgba(20,21,18,.13)}.vz-wall{position:absolute;inset:0 0 29%;background:#d7d1c6 url('../textures/wall4.jpg') center/440px repeat;background-blend-mode:multiply;transition:.35s}.vz-floor{position:absolute;left:-10%;right:-10%;bottom:-16%;height:55%;background:url('../textures/floor1.jpg') center/420px repeat;transform:perspective(600px) rotateX(58deg);transform-origin:bottom;transition:.35s}.vz-door{position:absolute;z-index:3;left:50%;bottom:21%;transform:translateX(-50%);width:31%;height:65%;object-fit:contain;filter:drop-shadow(12px 14px 15px rgba(0,0,0,.25));transition:opacity .18s,transform .35s}.vz-door-shadow{position:absolute;z-index:2;left:50%;bottom:18%;width:30%;height:7%;transform:translateX(-50%);background:rgba(0,0,0,.25);filter:blur(18px);border-radius:50%}.vz-room-light{position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 33%,rgba(0,0,0,.08))}.vz-preview-label{position:absolute;z-index:5;left:28px;bottom:24px;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 12px #000}.vz-preview-label span{font:700 10px Arial;letter-spacing:.16em;text-transform:uppercase}.vz-preview-label strong{margin-top:5px;font:400 24px Georgia}.vz-hint{margin:14px 2px 0;color:#686b64;font:12px/1.5 Arial}.vz-hint i{color:#9d7b40;margin-right:6px}.vz-panel{position:relative;background:#faf8f3;padding:32px;min-height:560px;border:1px solid rgba(25,26,22,.08)}.vz-panel-top{display:flex;justify-content:space-between;align-items:center}.vz-panel-top span,.vz-summary span{display:block;color:#8c8d87;font:700 10px Arial;letter-spacing:.14em;text-transform:uppercase}.vz-panel h2{margin:7px 0 0;font:400 32px Georgia}.vz-icon-btn{width:42px;height:42px;border:1px solid var(--vz-line);background:transparent;cursor:pointer}.vz-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 24px;border-bottom:1px solid var(--vz-line)}.vz-tabs button{padding:13px 5px;border:0;border-bottom:2px solid transparent;background:none;color:#858780;font:700 12px Arial;cursor:pointer}.vz-tabs button.active{color:#111;border-color:#b58d4c}.vz-options{display:none}.vz-options.active{display:grid}.vz-options[data-panel=doors]{grid-template-columns:repeat(2,1fr);gap:10px;max-height:285px;overflow:auto;padding-right:5px}.vz-swatch{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:8px;border:1px solid var(--vz-line);background:#fff;text-align:left;cursor:pointer}.vz-swatch span{height:52px;overflow:hidden;background:#ddd}.vz-swatch img{width:100%;height:100%;object-fit:cover}.vz-swatch b{font:700 11px/1.35 Arial}.vz-swatch.active,.vz-material.active{border-color:#a27c3f;box-shadow:inset 0 0 0 1px #a27c3f}.vz-color-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.vz-color-row label{font:700 12px Arial}.vz-color-row div{display:flex;align-items:center;gap:9px;color:#777;font:11px Arial}.vz-color-row input{width:36px;height:28px;border:0;background:none;cursor:pointer}.vz-material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.vz-material{position:relative;aspect-ratio:1;border:2px solid transparent;padding:2px;background:#fff;cursor:pointer}.vz-material img{width:100%;height:100%;object-fit:cover}.vz-material span{position:absolute;right:5px;bottom:4px;color:#fff;font:700 9px Arial;text-shadow:0 1px 5px #000}.vz-summary{display:flex;justify-content:space-between;align-items:end;margin-top:27px;padding-top:22px;border-top:1px solid var(--vz-line)}.vz-summary strong{display:block;margin-top:6px;font:400 18px Georgia}.vz-summary button{border:0;background:none;padding:0 0 3px;color:#6d5732;font:700 11px Arial;cursor:pointer}.vz-summary button i{margin-right:5px}.vz-offer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:18px 20px;background:#181b17;color:#fff;text-decoration:none;font:700 12px Arial}.vz-offer:hover{background:#ad8749}.vz-toast{position:absolute;left:32px;right:32px;bottom:25px;padding:12px;background:#283025;color:#fff;text-align:center;font:12px Arial;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.vz-toast.show{opacity:1;transform:none}.vz-process{padding:120px 0;background:#f5f2ec}.vz-kicker.dark{color:#9b773d}.vz-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.vz-process h2{font-size:clamp(46px,5vw,78px);line-height:.95}.vz-steps>div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--vz-line)}.vz-steps span{color:#a77e3d;font:12px Georgia}.vz-steps p{margin:0;color:#6a6c65;font:14px/1.6 Arial}.vz-steps b{display:block;margin-bottom:5px;color:#171914;font-size:13px}@media(max-width:980px){.vz-intro-grid,.vz-process-grid{grid-template-columns:1fr;gap:45px}.vz-workspace{grid-template-columns:1fr}.vz-preview{min-height:480px}.vz-panel{min-height:0}.vz-toast{position:fixed;z-index:50;bottom:20px}}@media(max-width:600px){.vz-shell{width:min(100% - 28px,1380px)}.vz-intro{padding:70px 0 55px}.vz-intro h1{font-size:52px}.vz-studio{padding-top:14px}.vz-preview{aspect-ratio:4/5;min-height:0}.vz-door{width:52%;height:60%;bottom:23%}.vz-floor{height:48%}.vz-panel{padding:23px 18px}.vz-options[data-panel=doors]{grid-template-columns:1fr}.vz-process{padding:80px 0}}

/* Architectural room scene refinement */
.vz-studio{padding-top:56px}
.vz-workspace{grid-template-columns:minmax(0,1.72fr) minmax(390px,.68fr);gap:24px}
.vz-preview{min-height:610px;aspect-ratio:16/10;background:#d8d3ca;border:1px solid rgba(20,22,18,.09);box-shadow:0 28px 70px rgba(20,21,18,.16)}
.vz-preview::before{content:"";position:absolute;z-index:2;left:7%;top:10%;width:20%;height:43%;background:linear-gradient(135deg,rgba(220,235,238,.8),rgba(145,166,169,.38));border:12px solid #eeeae1;box-shadow:0 12px 32px rgba(0,0,0,.13),inset 0 0 0 1px rgba(40,45,42,.16)}
.vz-preview::after{content:"";position:absolute;z-index:2;left:16.4%;top:10%;width:1px;height:43%;background:rgba(60,68,66,.22)}
.vz-wall{inset:0 0 31%;background-size:520px!important;border-bottom:8px solid rgba(244,241,234,.9);box-shadow:inset 0 -12px 22px rgba(40,38,32,.07)}
.vz-floor{z-index:1;left:-2%;right:-2%;bottom:0;height:31%;transform:none;background-size:260px!important;box-shadow:inset 0 24px 35px rgba(25,22,17,.17)}
.vz-floor::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 28%,transparent 72%,rgba(0,0,0,.13)),linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.09));pointer-events:none}
.vz-door{left:61%;bottom:31%;width:29%;height:62%;transform:translateX(-50%);object-position:center bottom;filter:drop-shadow(10px 8px 10px rgba(0,0,0,.24));z-index:4}
.vz-door-shadow{z-index:3;left:61%;bottom:29.2%;width:25%;height:3.5%;background:rgba(0,0,0,.31);filter:blur(12px)}
.vz-room-light{z-index:5;background:radial-gradient(circle at 23% 18%,rgba(255,255,255,.34),transparent 34%),linear-gradient(112deg,rgba(255,255,255,.13),transparent 43%,rgba(30,25,18,.06))}
.vz-preview-label{left:31px;bottom:28px;padding:11px 14px;background:rgba(18,21,17,.58);backdrop-filter:blur(8px);text-shadow:none}
.vz-panel{min-height:610px;padding:38px 34px;box-shadow:0 18px 45px rgba(30,29,25,.07)}
@media(max-width:980px){.vz-workspace{grid-template-columns:1fr}.vz-preview{min-height:560px}.vz-panel{min-height:0}}
@media(max-width:600px){.vz-studio{padding-top:14px}.vz-preview{min-height:0;aspect-ratio:4/5}.vz-preview::before{left:5%;top:12%;width:27%;height:33%;border-width:7px}.vz-preview::after{left:18.2%;top:12%;height:33%}.vz-wall{inset:0 0 30%;border-bottom-width:5px}.vz-floor{height:30%}.vz-door{left:61%;bottom:30%;width:50%;height:60%}.vz-door-shadow{left:61%;bottom:28.7%;width:42%}.vz-preview-label{left:16px;bottom:15px}.vz-panel{padding:25px 18px}}
/* Clean visualization backdrop */
.vz-preview::before,.vz-preview::after{display:none!important}
.vz-room-light{background:linear-gradient(110deg,rgba(255,255,255,.17),transparent 45%,rgba(30,25,18,.05))}

/* Complete, uncropped door previews */
.vz-swatch span{background:#e8e5de;padding:3px}
.vz-swatch img{object-fit:contain!important;object-position:center bottom}
.vz-swatch{grid-template-columns:58px 1fr}

/* True room perspective */
.vz-preview{perspective:900px;background:#d2cdc4}
.vz-ceiling{position:absolute;z-index:1;left:0;right:0;top:0;height:15%;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);background:linear-gradient(180deg,#e9e6df,#dad5cc);box-shadow:inset 0 -12px 22px rgba(40,38,32,.05)}
.vz-side{position:absolute;z-index:2;top:0;bottom:0;background:linear-gradient(90deg,#cbc6bd,#ded9d0);pointer-events:none}
.vz-side-left{left:0;width:16%;clip-path:polygon(0 0,100% 15%,100% 69%,0 100%);box-shadow:inset -18px 0 28px rgba(50,45,37,.09)}
.vz-side-right{right:0;width:16%;clip-path:polygon(0 0,0 15%,0 69%,100% 100%);background:linear-gradient(270deg,#c5c0b7,#ddd8cf);box-shadow:inset 18px 0 28px rgba(50,45,37,.1)}
.vz-wall{z-index:1;inset:15% 16% 31%;border-bottom:7px solid rgba(245,242,235,.92);box-shadow:inset 0 0 45px rgba(45,40,32,.09);background-size:430px!important}
.vz-floor{z-index:1;left:0;right:0;bottom:0;height:31%;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background-size:240px!important;transform-origin:50% 0;box-shadow:inset 0 22px 40px rgba(25,22,17,.2)}
.vz-floor::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(35,30,23,.08) 12.5%);transform:perspective(500px) rotateX(8deg);transform-origin:top}
.vz-door{left:58%;bottom:31%;width:25%;height:53%;z-index:4}
.vz-door-shadow{left:58%;bottom:29.4%;width:21%;height:3%}
.vz-room-light{z-index:5;background:radial-gradient(ellipse at 50% 4%,rgba(255,255,255,.24),transparent 42%),linear-gradient(105deg,rgba(255,255,255,.08),transparent 48%,rgba(20,18,15,.08))}
@media(max-width:600px){.vz-ceiling{height:13%;clip-path:polygon(0 0,100% 0,91% 100%,9% 100%)}.vz-side-left,.vz-side-right{width:9%}.vz-side-left{clip-path:polygon(0 0,100% 13%,100% 70%,0 100%)}.vz-side-right{clip-path:polygon(0 0,0 13%,0 70%,100% 100%)}.vz-wall{inset:13% 9% 30%}.vz-floor{height:30%;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%)}.vz-door{left:58%;bottom:30%;width:45%;height:54%}.vz-door-shadow{left:58%;bottom:28.6%;width:38%}}