:root{font-family:Arial,Helvetica,sans-serif;color:#14323d;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{height:75px;background:#fff;border-bottom:1px solid #e2e9e6;display:flex;justify-content:space-between;align-items:center;padding:10px max(22px,calc((100vw - 1220px)/2))}header img{display:block}header nav{display:flex;gap:25px;font-size:13px;font-weight:700}header nav a{text-decoration:none}main{max-width:1260px;margin:auto;padding:20px 22px 75px}.crumb{font-size:12px;color:#687c82;margin:0 0 35px}.crumb a{text-decoration:none}.intro{max-width:750px;margin-bottom:33px}.eyebrow{font-size:11px;font-weight:850;color:#018c96;letter-spacing:.13em}.intro h1{font-size:clamp(36px,4vw,57px);line-height:1.06;letter-spacing:-.055em;margin:12px 0}.intro p{color:#5d7177;line-height:1.55;margin:0}.builder{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);gap:24px;align-items:start}.preview-wrap,form{background:#fff;border:1px solid #e0e9e5;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px #1137400c}.preview-wrap{position:sticky;top:16px}.preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 19px}.preview-head span:last-child{font-size:11px;color:#6a7e80}.door-preview{position:relative;height:min(69vh,760px);min-height:500px;overflow:hidden;background:#333}.door-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 39%;display:block}.door-art{--art-scale:1;position:absolute;left:34%;top:23%;width:32%;text-align:center;color:white;transform:scale(var(--art-scale));transform-origin:top center;text-shadow:0 1px 3px #0007;display:flex;flex-direction:column;align-items:center;gap:8px}.door-art img{display:block;max-height:75px;max-width:75%;object-fit:contain;filter:drop-shadow(0 1px 2px #0006)}.door-art img[hidden]{display:none}.door-art strong{font-size:clamp(12px,1.5vw,22px);line-height:1.1;max-width:100%;word-break:break-word}.line-preview{display:grid;gap:4px;font-size:clamp(7px,.95vw,13px);line-height:1.25}.door-art[data-font="classic"]{font-family:Georgia,serif}.door-art[data-font="bold"]{font-family:Arial,sans-serif;font-weight:900}.preview-note{font-size:11px;line-height:1.5;color:#62777c;margin:0;padding:15px 19px}.builder form{padding:25px}.step{display:flex;gap:11px;align-items:center;margin-bottom:17px}.step b{width:31px;height:31px;border-radius:8px;background:#d9f3ef;color:#007e85;display:grid;place-items:center;font-size:12px}.step h2{font-size:20px;letter-spacing:-.03em;margin:0}.step p{font-size:12px;color:#6c7e82;margin:4px 0 0}.step.second{border-top:1px solid #e1e9e6;padding-top:21px;margin-top:20px}form>label,.two label{display:block;font-size:12px;font-weight:800;color:#2f4c54;margin-bottom:16px}form input:not([type="radio"]):not([type="color"]),form select{display:block;width:100%;height:44px;border:1px solid #d6e1df;border-radius:9px;padding:9px 11px;color:#1a3a43;font:14px Arial,sans-serif;background:#fff;margin-top:7px}form input:focus,form select:focus{outline:2px solid #19a6a6;outline-offset:1px}form label[hidden]{display:none}fieldset{border:0;padding:0;margin:0 0 17px}legend{font-size:12px;font-weight:800;color:#2f4c54;margin-bottom:8px}.radio-row{display:flex;gap:12px;flex-wrap:wrap}.radio-row label{font-size:12px;border:1px solid #d6e1df;border-radius:9px;padding:10px 12px;cursor:pointer}.radio-row label:has(input:checked){border-color:#0b9c9d;background:#eaf8f4}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-label{display:flex!important;align-items:center;gap:12px}.color-label input{width:39px;height:36px;padding:0;border:0;background:none;margin-left:15px}.color-label span{font-size:11px;color:#697b7f;font-weight:500}small,.fine{display:block;font-size:10px;line-height:1.5;color:#74858a;font-weight:400;margin-top:6px}.logo-status{font-size:11px;color:#19647b;line-height:1.4;margin-top:-8px}.order-note{background:#f0f7f5;border-radius:12px;padding:15px;margin:19px 0}.order-note strong{font-size:14px}.order-note p{font-size:11px;line-height:1.5;color:#6b7c80;margin:6px 0 0}.cta{display:block;width:100%;background:#0a5963;color:#fff;border:0;border-radius:10px;min-height:48px;font-size:13px;font-weight:800;cursor:pointer}.cta:hover{background:#06424b}.fine{margin:10px 0 0}.bottom{border-top:1px solid #dce6e2;display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:55px;padding-top:30px}.bottom h2{font-size:26px;letter-spacing:-.04em;margin:0;flex-basis:100%}.bottom p{font-size:14px;color:#536b70;line-height:1.5;max-width:700px;margin:0}.bottom a{font-size:13px;font-weight:800;color:#008791}footer{background:#082c35;color:#e3f2ed;padding:30px max(22px,calc((100vw - 1220px)/2));display:flex;gap:25px;font-size:12px}@media(max-width:900px){.builder{grid-template-columns:1fr}.preview-wrap{position:sticky;top:0;z-index:3}.door-preview{height:43vh;min-height:310px}.door-art{top:20%}.door-art strong{font-size:clamp(13px,2.2vw,20px)}.line-preview{font-size:clamp(8px,1.6vw,12px)}.preview-note{display:none}}@media(max-width:600px){header{height:62px;padding:7px 14px}header img{width:137px}header nav{gap:13px}header nav a{font-size:11px}main{padding:16px 11px 45px}.crumb{font-size:10px;margin-bottom:20px}.intro{padding:0 3px;margin-bottom:20px}.intro h1{font-size:38px}.intro p{font-size:13px}.builder{gap:10px}.preview-wrap,form{border-radius:13px}.preview-head{padding:9px 12px}.preview-head span{font-size:9px!important}.door-preview{height:38vh;min-height:250px}.door-art{top:18%;gap:3px}.door-art img{max-height:34px}.door-art strong{font-size:11px}.line-preview{font-size:7px;gap:2px}.builder form{padding:17px}.step h2{font-size:18px}.bottom{margin-top:35px}.bottom h2{font-size:23px}footer{padding:23px 14px;flex-wrap:wrap}}