:root{--red:#db2625;--ink:#292a2d;--muted:#76787d;--line:#e4e5e7;--bg:#f5f5f6;--green:#27855f}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0044c2;outline-offset:4px}header{height:94px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1420px)/2))}.logo{width:180px;max-height:64px}.header-caption{color:var(--muted);font-size:13px}.phone{margin-left:auto;font-weight:700;font-size:22px}main{max-width:1420px;margin:0 auto;padding:34px 24px 50px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.back{font-size:12px;color:var(--muted)}h1{font-size:42px;line-height:1.12;letter-spacing:-1.2px;margin:22px 0 14px}h1 span{color:var(--red)}.intro p{font-size:15px;color:#696b70}.intro-tag{padding:24px 0 24px 32px;border-left:3px solid var(--red);display:grid;gap:8px;min-width:230px}.intro-tag b{font-size:30px}.intro-tag span{font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.tabs{background:#e9e9eb;padding:5px;display:flex;border-radius:9px}.tabs button{border:0;background:transparent;padding:13px 30px;font-weight:700;border-radius:6px;color:#6b6c72}.tabs button.active{background:white;color:var(--red);box-shadow:0 2px 6px #0000000a}.presets{display:flex;gap:8px;align-items:center}.presets span{font-size:12px;color:var(--muted);margin-right:4px}.presets button{border:1px solid var(--line);background:white;padding:9px 12px;border-radius:5px;font-size:12px}.presets button:hover{border-color:var(--red);color:var(--red)}.workspace{display:grid;grid-template-columns:352px minmax(0,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{height:65px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;padding:0 22px}.panel-heading h2{font-size:16px;margin:0}.step{color:var(--red);font-size:11px;font-weight:bold;background:#fceeee;border-radius:4px;padding:6px}.text-button{background:none;border:0;color:var(--muted);font-size:12px;margin-left:auto;padding:6px 0}.form-body{padding:22px}.select-label{display:block;color:#5c5e63;font-size:12px;margin-bottom:19px}.select-label select{display:block;margin-top:9px;background:white;color:var(--ink);border:1px solid #d5d6d9;width:100%;height:43px;border-radius:5px;padding:0 10px}.field{margin:0 0 19px}.field-top{display:flex;gap:8px;justify-content:space-between;align-items:center}.field label{font-size:12px;color:#56585d;max-width:190px}.number-wrap{display:flex;align-items:center;border:1px solid #d7d9dc;border-radius:5px;height:37px;background:#fafafa;min-width:94px}.number-wrap input{border:0;background:transparent;width:68px;text-align:right;outline:0;font-weight:700;font-size:16px;padding:7px 3px}.number-wrap:focus-within{border-color:#0044c2;box-shadow:0 0 0 2px #0044c220}.number-wrap small{min-width:23px;padding:0 5px;color:var(--muted);font-size:11px}input[type=range]{width:100%;height:4px;margin:15px 0 5px;accent-color:var(--red);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#a0a1a5}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}summary{cursor:pointer;list-style:none;font-weight:700;font-size:12px;margin-bottom:16px;display:flex;gap:10px;align-items:center}summary:before{content:'+';font-size:18px;color:var(--red);font-weight:normal}details[open]>summary:before{content:'−'}summary small{color:var(--muted);font-size:10px;font-weight:normal;margin-left:auto}.help{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}.obstacle-toggle{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.obstacle-toggle input{accent-color:var(--red);vertical-align:middle;margin-right:5px}.obstacle-toggle span{font-weight:normal;font-size:10px;color:var(--muted)}#obstacle-fields{margin-top:20px}.right-column{min-width:0}.live-dot{margin-left:auto;font-size:10px;color:var(--green)}.live-dot:before{content:'●';margin-right:6px;font-size:8px}.diagram-caption{display:flex;justify-content:space-between;gap:10px;padding:18px 22px 4px;font-size:11px;color:var(--muted)}.diagram-caption span:first-child{color:var(--ink);font-weight:700}.diagram{height:340px;width:100%;padding:5px 12px}.diagram svg{height:100%;width:100%;overflow:visible}.diagram svg text{font-family:Arial,sans-serif}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:10px 22px 18px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.red{background:var(--red)}.yellow{background:#e4ae28}.green{background:var(--green)}.gray{background:#c2c6cc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fafafa;padding:18px 20px;gap:15px}.metric small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.metric b{font-size:20px;letter-spacing:-.5px}.metric span{font-size:11px;font-weight:normal;margin-left:3px}.diagram-note{margin:0;padding:12px 22px;font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line)}.results-section{margin-top:28px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted)}.results-heading h2{font-size:23px;margin:7px 0 0;letter-spacing:-.5px}.badge{border:1px solid #dbdcdf;border-radius:20px;font-size:10px;color:var(--muted);padding:7px 10px;white-space:nowrap}.preliminary{color:#746141;background:#fcf6e9;border-left:3px solid #d9ad5b;font-size:11px;line-height:1.6;padding:10px 13px;margin:14px 0}#results{display:grid;gap:12px}.result-card{background:white;border:1px solid var(--line);border-radius:8px;padding:20px;cursor:pointer}.result-card.selected{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.card-top{display:flex;justify-content:space-between;gap:12px}.card-top h3{margin:5px 0 8px;font-size:18px}.card-kicker{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.card-price{text-align:right;white-space:nowrap}.card-price b{font-size:22px}.card-price small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.card-config{font-size:12px;margin:7px 0 12px}.card-facts{display:flex;flex-wrap:wrap;gap:8px}.card-facts span{background:#f4f5f6;border-radius:4px;padding:6px 9px;font-size:11px}.card-facts .ok{color:var(--green);background:#edf7f2}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.card-bottom button{border:0;background:transparent;color:var(--red);font-size:11px;padding:5px 0}.card-bottom a{font-size:11px;color:var(--muted)}.empty{background:white;border:1px dashed #d4d5d9;padding:25px;border-radius:8px;line-height:1.7;color:var(--muted)}.empty b{color:var(--ink)}.coverage{font-size:12px}.coverage summary{color:var(--muted)}.coverage summary span{margin-left:auto;font-weight:normal;font-size:10px}.coverage-row{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:start;font-size:11px}.coverage-row span{color:var(--muted);max-width:55%;text-align:right;line-height:1.5}.bottom-note{margin-top:34px;padding:24px 0;border-top:1px solid #dadce0}.bottom-note b{font-size:15px}.bottom-note p{font-size:12px;color:var(--muted);line-height:1.7;max-width:720px}.bottom-actions{display:flex;gap:10px;align-items:center;margin-top:20px}.secondary{border:1px solid #d3d4d8;background:white;border-radius:5px;padding:11px 18px;font-size:12px}#copy-status{font-size:11px;color:var(--green)}footer{border-top:1px solid var(--line);display:flex;gap:28px;padding:26px max(24px,calc((100vw - 1372px)/2));font-size:11px;color:var(--muted);background:white}footer a:last-child{margin-left:auto}dialog{width:min(1000px,94vw);max-height:94vh;border:1px solid var(--line);border-radius:9px;padding:24px}dialog::backdrop{background:#0009}dialog img{width:100%;height:auto}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{font-size:19px}.dialog-heading button{font-size:27px;background:none;border:0}.dialog-heading+p{font-size:12px;line-height:1.7;color:var(--muted)}dialog a{color:var(--red);display:block;padding:15px 0}#errors{background:#fff0f0;color:#a32020;border:1px solid #edbbbb;padding:15px;line-height:1.7;font-size:12px;border-radius:6px;margin-bottom:12px}[hidden]{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr)}.presets span{display:none}.presets button{padding:9px}.metrics{grid-template-columns:repeat(2,1fr)}.intro-tag{min-width:190px}.diagram{height:320px}.form-body{padding:18px}.panel-heading{padding:0 18px}.card-price b{font-size:18px}.card-top h3{font-size:16px}}@media(max-width:760px){header{height:76px;padding:0 18px;gap:10px}.logo{width:135px}.header-caption{display:none}.phone{font-size:15px}main{padding:24px 15px}.intro-tag{display:none}h1{font-size:32px}.intro p{font-size:13px}.toolbar{display:block}.tabs{width:100%}.tabs button{width:50%;padding:13px}.presets{margin-top:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.form-body{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-body>.select-label,.form-body>details,.obstacle-toggle,#obstacle-fields,#primary-fields,#roof-fields{grid-column:1/-1}#primary-fields,#cargo-fields,#obstacle-fields,#advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field-top{display:block}.field label{display:block;min-height:30px;line-height:1.4;margin-bottom:5px}.number-wrap{width:100%}.number-wrap input{width:calc(100% - 28px);text-align:left;padding-left:10px}.diagram{height:300px}.diagram-caption{font-size:10px;padding:15px}.live-dot{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr)}.results-heading h2{font-size:21px}.card-top{flex-wrap:wrap}.card-price{text-align:left}.card-price small{margin-top:3px}.card-bottom{flex-wrap:wrap}.bottom-actions{flex-wrap:wrap}footer{padding:22px 15px;flex-wrap:wrap;gap:18px}.legend{gap:12px}.badge{font-size:9px}.form-panel .panel-heading{position:static}}@media print{header,.toolbar,.form-panel,.bottom-actions,footer,.card-bottom,.coverage,.badge{display:none!important}main{padding:0}.intro{margin-bottom:10px}h1{font-size:25px;margin:5px 0}.intro-tag{display:none}.workspace{display:block}.right-column{width:100%}.diagram{height:320px}.results-section{margin-top:15px}.result-card{break-inside:avoid}.bottom-note{margin-top:15px}.panel,.result-card{box-shadow:none!important}.diagram-note,.preliminary{font-size:10px}}