:root{--dpw-blue:#123c69;--dpw-blue-dark:#0c2b4d;--dpw-gold:#f2b705;--dpw-light:#f5f8fb;--dpw-border:#d9e2ec;--dpw-muted:#5f6f7f;--dpw-text:#1f2933;--dpw-shadow:0 18px 45px rgba(15,39,64,.15)}
.dpw-page{background:var(--dpw-light);color:var(--dpw-text)}.dpw-page *{box-sizing:border-box}.dpw-skip{position:absolute;top:-48px;left:16px;z-index:99999;background:#fff;color:var(--dpw-blue);padding:10px 14px;border-radius:8px;box-shadow:var(--dpw-shadow);font-weight:700;transition:top .2s ease}.dpw-skip:focus{top:16px;outline:3px solid var(--dpw-gold)}
.dpw-hero{background:linear-gradient(115deg,rgba(12,43,77,.98),rgba(18,60,105,.9)),url("exterior-123s.JPG") center/cover no-repeat;color:#fff;padding:clamp(44px,7vw,84px) 0;position:relative}.dpw-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--dpw-gold),#fff3bf,var(--dpw-gold))}.dpw-back{color:#fff!important;font-weight:800;text-decoration:none!important}.dpw-hero h1{color:#fff;font-size:clamp(2.1rem,5vw,4rem);font-weight:900;line-height:1.05;margin:16px 0 12px}.dpw-hero p{max-width:760px;color:rgba(255,255,255,.9);font-size:1.15rem;line-height:1.6;margin:0}
.dpw-shell{padding:clamp(30px,6vw,64px) 0}.dpw-app{background:#fff;border:1px solid var(--dpw-border);border-radius:28px;box-shadow:var(--dpw-shadow);overflow:hidden}.dpw-top{padding:20px 26px;border-bottom:1px solid var(--dpw-border)}.dpw-step-label{font-weight:900;color:var(--dpw-blue);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:10px}.dpw-progress{height:12px;background:#e8eef5;border-radius:999px;overflow:hidden}.dpw-progress>div{height:100%;width:14.2%;background:linear-gradient(90deg,var(--dpw-blue),var(--dpw-gold));transition:.28s ease}.dpw-body{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:600px}.dpw-main{padding:clamp(24px,4vw,46px)}
.dpw-preview-wrap{background:linear-gradient(160deg,var(--dpw-blue-dark),var(--dpw-blue));padding:28px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dpw-preview-wrap:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(242,183,5,.18);top:-120px;left:-120px}.dpw-preview-card{position:relative;width:100%;max-width:340px;text-align:center;color:#fff}.dpw-preview-card h3{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;margin:0 0 18px}.dpw-preview-card p{color:rgba(255,255,255,.88);font-weight:700;line-height:1.45;margin:18px 0 0}
.dpw-step{display:none;animation:dpwSlideIn .24s ease both}.dpw-step.active{display:block}@keyframes dpwSlideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.dpw-eyebrow{display:block;color:var(--dpw-blue);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;margin-bottom:8px}.dpw-step h2{color:var(--dpw-blue-dark);font-size:clamp(1.9rem,4vw,3.2rem);font-weight:900;line-height:1.08;margin:0 0 14px}.dpw-lead{color:var(--dpw-muted);font-size:1.1rem;line-height:1.65;margin:0 0 26px;max-width:780px}.dpw-question{color:var(--dpw-blue-dark);font-weight:900}
.dpw-welcome-grid,.dpw-form-grid,.dpw-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dpw-welcome-item,.dpw-card,.dpw-review-card{border:1px solid var(--dpw-border);background:#fbfdff;border-radius:20px;padding:20px;margin-bottom:18px}.dpw-welcome-item strong{width:32px;height:32px;border-radius:999px;background:var(--dpw-gold);display:inline-flex;align-items:center;justify-content:center;color:#1b2733;margin-right:8px}.dpw-welcome-item span{font-weight:900;color:var(--dpw-blue-dark);display:block;margin-top:8px}.dpw-welcome-item small{color:var(--dpw-muted)}
.dpw-choice-grid,.dpw-size-grid,.dpw-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dpw-choice{border:2px solid var(--dpw-border);border-radius:20px;background:#fbfdff;padding:18px;cursor:pointer;min-height:170px;transition:.2s ease;display:flex;flex-direction:column;justify-content:space-between}.dpw-choice:hover,.dpw-size-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,39,64,.1);border-color:var(--dpw-blue)}.dpw-choice.selected,.dpw-size-btn.selected{border-color:var(--dpw-gold)!important;background:#fff8df!important;transform:translateY(-2px)}.dpw-choice input{position:absolute;opacity:0;pointer-events:none}.dpw-choice-title{display:block;color:var(--dpw-blue-dark);font-weight:900;font-size:1.05rem;margin-top:12px}.dpw-choice-copy{display:block;color:var(--dpw-muted);font-size:.92rem;line-height:1.35;margin-top:5px}
.dpw-door-icon{width:70px;height:82px;border:5px solid var(--dpw-blue);border-bottom-width:9px;border-radius:7px;background:linear-gradient(#b36b38,#6b351a);box-shadow:inset 0 0 0 7px rgba(255,255,255,.14)}.dpw-door-icon.double{width:95px;background:linear-gradient(90deg,#b36b38 0 48%,var(--dpw-blue) 48% 52%,#b36b38 52%)}.dpw-door-icon.sidelite{width:112px;background:linear-gradient(90deg,#c8e3f0 0 24%,var(--dpw-blue) 24% 30%,#b36b38 30% 70%,var(--dpw-blue) 70% 76%,#c8e3f0 76%)}.dpw-door-icon.unsure{filter:grayscale(1);opacity:.75}
.dpw-size-btn{border:2px solid var(--dpw-border);background:#fbfdff;border-radius:18px;padding:18px;min-height:94px;font-weight:900;color:var(--dpw-blue-dark);cursor:pointer;transition:.2s ease}.dpw-size-btn small{display:block;color:var(--dpw-muted);font-weight:700;margin-top:5px}.dpw-reveal{margin-top:16px}
.dpw-field label{display:block;color:var(--dpw-blue-dark);font-weight:900;margin-bottom:7px}.dpw-field input,.dpw-field select,.dpw-field textarea,.dpw-photo-box input{width:100%;border:1px solid var(--dpw-border);border-radius:14px;padding:13px 15px;background:#fff;font-size:1rem}.dpw-note{background:#fff8df;border:1px solid #f1d47b;border-left:7px solid var(--dpw-gold);border-radius:18px;padding:16px;margin:20px 0;color:#3f3a22}.dpw-note strong{color:var(--dpw-blue-dark);display:block;margin-bottom:4px}.dpw-note label{margin-right:18px}.dpw-config-summary{display:block;margin-top:8px;color:var(--dpw-muted);font-weight:700}
.dpw-check{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--dpw-border);border-radius:14px;padding:14px;font-weight:900;color:var(--dpw-blue-dark)}.dpw-help{width:23px;height:23px;border:0;border-radius:999px;background:#1e73be;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.dpw-photo-box{border:2px dashed #b8c7d6;background:#fbfdff;border-radius:18px;text-align:center;padding:18px}.dpw-photo-box strong{display:block;color:var(--dpw-blue-dark);margin-bottom:10px}.dpw-review-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e8eef5;padding:12px 0}.dpw-review-row strong{color:var(--dpw-blue-dark)}
.dpw-actions{display:flex;justify-content:space-between;gap:12px;padding:22px 26px;border-top:1px solid var(--dpw-border)}.dpw-btn{border:0;border-radius:999px;padding:13px 24px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}.dpw-btn-primary{background:var(--dpw-gold);color:#1b2733!important;box-shadow:0 10px 24px rgba(242,183,5,.25)}.dpw-btn-secondary{background:#fff;border:1px solid var(--dpw-border);color:var(--dpw-blue)!important}.hidden{display:none!important}.dpw-required{color:#9b1c1c}
.dpw-door-svg{width:100%;height:auto;max-width:320px;filter:drop-shadow(0 22px 24px rgba(0,0,0,.28))}.dpw-svg-rough{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.34);stroke-width:2}.dpw-svg-frame{fill:none;stroke:rgba(255,255,255,.86);stroke-width:5}.dpw-svg-door{fill:url(#dpwWood);stroke:rgba(255,255,255,.92);stroke-width:3}.dpw-svg-glass{fill:url(#dpwGlass);stroke:rgba(255,255,255,.9);stroke-width:3}.dpw-svg-line{stroke:rgba(255,255,255,.26);stroke-width:2;fill:none}.dpw-svg-panel{stroke:rgba(255,255,255,.24);stroke-width:2;fill:none}.dpw-svg-handle{fill:var(--dpw-gold);stroke:rgba(0,0,0,.22);stroke-width:1}.dpw-svg-dim{stroke:rgba(255,255,255,.72);stroke-width:2}.dpw-svg-label,.dpw-svg-sl-label{fill:#fff;font-weight:900;font-size:15px;font-family:Arial,sans-serif}.dpw-svg-sl-label{font-size:11px}
.dpw-system-summary{margin-top:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:14px;text-align:left}.dpw-system-summary div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);font-size:.92rem}.dpw-system-summary div:last-child{border-bottom:0}.dpw-system-summary strong{color:#fff}
.dpw-tip-overlay{display:none;position:fixed;inset:0;background:rgba(6,22,39,.55);z-index:99998;align-items:center;justify-content:center;padding:20px}.dpw-tip-overlay.active{display:flex}.dpw-tip-card{background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.35);width:min(430px,94vw);padding:22px;position:relative}.dpw-tip-card h3{color:var(--dpw-blue);font-weight:900;margin:0 0 12px}.dpw-tip-card img{width:100%;border-radius:10px;margin-bottom:12px}.dpw-tip-close{position:absolute;top:10px;right:12px;border:0;background:#eef4fa;color:var(--dpw-blue);font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer}
@media(max-width:991px){.dpw-body{grid-template-columns:1fr}.dpw-preview-wrap{min-height:360px}.dpw-choice-grid,.dpw-size-grid,.dpw-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.dpw-choice-grid,.dpw-size-grid,.dpw-form-grid,.dpw-option-grid,.dpw-photo-grid,.dpw-welcome-grid{grid-template-columns:1fr}.dpw-actions{display:block}.dpw-btn{width:100%;margin-bottom:10px}.dpw-review-row{display:block}}