.dpsb-app{--dpsb-primary:#062b49;--dpsb-accent:#c49a55;--dpsb-bg:#f6f3ee;background:var(--dpsb-bg);color:#1e2d37;font-family:Inter,Arial,sans-serif;line-height:1.55}.dpsb-app *{box-sizing:border-box}.dpsb-hero{min-height:370px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.dpsb-hero-inner{width:min(1120px,92%);margin:auto;padding:60px 0}.dpsb-logo{max-width:220px;max-height:90px;object-fit:contain;margin-bottom:20px}.dpsb-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#f0d9ac}.dpsb-hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,66px);max-width:760px;line-height:1.02;margin:8px 0 18px}.dpsb-hero p:last-child{max-width:680px;font-size:18px}.dpsb-shell{width:min(1160px,94%);margin:-42px auto 70px;background:#fff;border-radius:22px;box-shadow:0 22px 70px rgba(4,31,50,.14);overflow:hidden}.dpsb-progress{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;background:var(--dpsb-primary);padding:18px}.dpsb-progress span{display:flex;align-items:center;gap:7px;color:#b8c9d3;font-size:12px;text-transform:capitalize}.dpsb-progress b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #6e8795;border-radius:50%}.dpsb-progress .active,.dpsb-progress .done{color:#fff}.dpsb-progress .active b,.dpsb-progress .done b{background:var(--dpsb-accent);border-color:var(--dpsb-accent);color:#132f3d}main[data-dpsb-root]{padding:clamp(28px,5vw,62px)}.dpsb-app h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);color:var(--dpsb-primary);margin:0 0 12px}.dpsb-lead{color:#5d6e78;margin-bottom:28px}.dpsb-grid{display:grid;gap:18px}.dpsb-grid.three{grid-template-columns:repeat(3,1fr)}.dpsb-grid.four{grid-template-columns:repeat(4,1fr)}.dpsb-choice{min-height:150px;background:#fff;border:1px solid #d9e2e7;border-radius:16px;padding:24px;cursor:pointer;text-align:center;color:var(--dpsb-primary);font-size:17px}.dpsb-choice:hover,.dpsb-choice.selected,.dpsb-card.selected,.dpsb-material.selected{border-color:var(--dpsb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dpsb-accent) 22%,transparent)}.dpsb-icon{display:block;font-size:38px;color:var(--dpsb-accent);margin-bottom:10px}.dpsb-grid.packages{grid-template-columns:repeat(2,1fr)}.dpsb-card{border:1px solid #d9e2e7;border-radius:17px;overflow:hidden;cursor:pointer;background:#fff;transition:.2s}.dpsb-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(10,45,65,.1)}.dpsb-image{height:220px;background-size:cover;background-position:center;position:relative}.dpsb-image span{position:absolute;top:15px;left:15px;background:var(--dpsb-accent);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.dpsb-card-body{padding:22px}.dpsb-card h3{font-family:Georgia,serif;color:var(--dpsb-primary);font-size:25px;margin:0 0 8px}.dpsb-card p{color:#667680}.dpsb-specs{display:flex;justify-content:space-between;border-top:1px solid #e4eaed;border-bottom:1px solid #e4eaed;padding:10px 0}.dpsb-card ul{padding-left:20px}.dpsb-price{font-size:20px;color:#0b7890}.dpsb-material-group{border:0;padding:0;margin:0 0 35px}.dpsb-material-group legend{font-family:Georgia,serif;font-size:25px;color:var(--dpsb-primary);margin-bottom:15px}.dpsb-grid.materials{grid-template-columns:repeat(4,1fr)}.dpsb-material{border:1px solid #d9e2e7;border-radius:14px;overflow:hidden;cursor:pointer;background:#fff}.dpsb-material input{position:absolute;opacity:0}.dpsb-material img{width:100%;height:145px;object-fit:cover;display:block}.dpsb-material span{display:block;padding:12px}.dpsb-material small{display:block;color:#687a84}.dpsb-addons details{border:1px solid #d9e2e7;border-radius:12px;margin:0 0 12px;overflow:hidden}.dpsb-addons summary{cursor:pointer;padding:17px 20px;font-weight:700;color:var(--dpsb-primary);display:flex;justify-content:space-between}.dpsb-addon-list{padding:0 18px 15px}.dpsb-addon{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #e8edef}.dpsb-addon small{display:block;color:#6d7b83}.dpsb-addon input[type=number]{width:70px}.dpsb-estimate,.dpsb-review{margin-top:25px;background:var(--dpsb-primary);color:#fff;border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center}.dpsb-estimate strong{font-size:28px}.dpsb-review{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dpsb-review span{display:block;color:#bcd0da;font-size:12px;text-transform:uppercase}.dpsb-review strong{font-size:18px}.dpsb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.dpsb-form-grid label{font-weight:700;color:var(--dpsb-primary)}.dpsb-form-grid .wide{grid-column:1/-1}.dpsb-form-grid input,.dpsb-form-grid select,.dpsb-form-grid textarea{width:100%;margin-top:6px;border:1px solid #cdd9df;border-radius:9px;padding:12px;font:inherit}.dpsb-actions{display:flex;justify-content:space-between;gap:14px;margin-top:35px}.dpsb-btn{display:inline-flex;justify-content:center;border:0;border-radius:9px;background:var(--dpsb-primary);color:#fff;padding:13px 23px;font-weight:700;text-decoration:none;cursor:pointer}.dpsb-btn.secondary{background:#e7edf0;color:var(--dpsb-primary)}.dpsb-btn.submit{float:right;margin-top:-48px;background:var(--dpsb-accent);color:#183342}.dpsb-error{background:#ffe6e3;color:#8b231d;padding:12px;border-radius:8px}.dpsb-success{text-align:center;padding:35px}.dpsb-success>div{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#dff5e9;color:#087845;font-size:36px;margin:0 auto 20px}
@media(max-width:820px){.dpsb-grid.three,.dpsb-grid.four,.dpsb-grid.packages{grid-template-columns:1fr 1fr}.dpsb-grid.materials{grid-template-columns:repeat(3,1fr)}.dpsb-shell{width:96%}}
@media(max-width:580px){.dpsb-hero{min-height:320px}.dpsb-grid.three,.dpsb-grid.four,.dpsb-grid.packages,.dpsb-grid.materials,.dpsb-form-grid,.dpsb-review{grid-template-columns:1fr}.dpsb-form-grid .wide{grid-column:auto}.dpsb-addon{grid-template-columns:auto 1fr}.dpsb-addon>strong,.dpsb-addon input[type=number]{grid-column:2}.dpsb-btn.submit{float:none;margin:12px 0 0;width:100%}.dpsb-actions{flex-direction:column-reverse}.dpsb-actions .dpsb-btn{width:100%}}