.kdrc{--a:#c9552d;--a2:#a93f1d;--ink:#172026;--muted:#6f777c;--line:#e3e6e8;--soft:#f5f2ee;--paper:#fff;--green:#4f725f;font-family:inherit;color:var(--ink);width:100%;max-width:1080px;margin:0 auto 64px;position:relative;left:auto;transform:none;line-height:1.45;padding:0}.kdrc *{box-sizing:border-box}.kdrc button,.kdrc input,.kdrc select,.kdrc textarea{font:inherit}.kdrc__hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:30px;align-items:center;padding:42px;border:1px solid #e6ddd5;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(201,85,45,.12),transparent 36%),linear-gradient(135deg,#fff 0%,#faf6f1 100%);box-shadow:0 18px 60px rgba(43,33,27,.06);margin-bottom:20px}.kdrc__hero h2{font-size:clamp(31px,4.2vw,52px);line-height:1.04;letter-spacing:-.035em;margin:10px 0 16px;max-width:780px}.kdrc__hero p{margin:0;color:var(--muted);max-width:760px;font-size:17px}.kdrc__eyebrow{display:inline-block;color:var(--a);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.kdrc__hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.kdrc__hero-pills span{padding:8px 11px;border:1px solid #e8d7cd;border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;font-weight:750;color:#4f575b}.kdrc__hero-visual{display:grid;place-items:center;min-height:230px}.kdrc__hero-visual svg{width:100%;max-width:360px}.kdrc__hero-visual .roof{fill:#fff;stroke:#2e393f;stroke-width:3}.kdrc__hero-visual .roofline{fill:none;stroke:#2e393f;stroke-width:2}.kdrc__hero-visual .layer{fill:none;stroke-linecap:round;stroke-width:8}.kdrc__hero-visual .l1{stroke:#c9552d;opacity:.9}.kdrc__hero-visual .l2{stroke:#d7a168;opacity:.85}.kdrc__hero-visual .l3{stroke:#698577;opacity:.8}.kdrc__progress{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.kdrc__progress span{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#8a9195}.kdrc__progress span:first-letter{font-weight:900}.kdrc__progress span b{font-weight:700}.kdrc__progress .is-on{color:var(--a)}.kdrc__progress i{height:1px;background:#e1e4e5;flex:1}.kdrc__step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 8px 30px rgba(28,35,39,.035)}.kdrc__step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.kdrc__step-head>span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:var(--ink);color:#fff;font-weight:900}.kdrc__step-head h3{font-size:23px;line-height:1.15;margin:2px 0 5px;letter-spacing:-.02em}.kdrc__step-head p{margin:0;color:var(--muted);font-size:14px}.kdrc__shapes{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.kdrc__shape{appearance:none;border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px 8px;min-height:110px;cursor:pointer;color:var(--ink);font-weight:750;transition:.18s ease}.kdrc__shape:hover{border-color:#c8cdd0;transform:translateY(-1px)}.kdrc__shape.is-active{border-color:var(--a);box-shadow:0 0 0 2px rgba(201,85,45,.10);background:#fff9f5}.kdrc__shape-icon{display:block;height:58px;margin-bottom:5px}.kdrc__shape-icon svg{width:88px;height:56px;max-width:100%;fill:rgba(201,85,45,.05);stroke:#5a656b;stroke-width:2;stroke-linejoin:round}.kdrc__shape.is-active .kdrc__shape-icon svg{stroke:var(--a);fill:rgba(201,85,45,.11)}.kdrc__workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.kdrc__left,.kdrc__result,.kdrc__workspace>*{min-width:0}.kdrc__size-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(300px,1.05fr);gap:20px;align-items:center}.kdrc__diagram{display:grid;place-items:center;min-height:255px;border-radius:18px;background:linear-gradient(180deg,#f7f5f2,#f2efeb);padding:12px}.kdrc__diagram svg{width:100%;max-width:510px;height:auto}.kdrc-svg-roof{fill:rgba(201,85,45,.09);stroke:#505c62;stroke-width:3;stroke-linejoin:round}.kdrc-svg-roof text{fill:#505c62;stroke:none;font-weight:850;font-size:17px}.kdrc-svg-title{fill:#172026;font-size:18px;font-weight:850}.kdrc-svg-length{fill:#7f878b;font-size:12px}.kdrc__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kdrc__field,.kdrc__manual-area{display:block}.kdrc__field>span:first-child,.kdrc__manual-area>span:first-child,.kdrc__lead-form label>span:first-child,.kdrc__label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#3e484d}.kdrc__field input,.kdrc__manual-area input,.kdrc__config-card input,.kdrc__lead-form input,.kdrc__lead-form textarea{width:100%;border:1px solid #ced4d7;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;min-height:46px;outline:none;transition:.15s}.kdrc__field input:focus,.kdrc__manual-area input:focus,.kdrc__config-card input:focus,.kdrc__lead-form input:focus,.kdrc__lead-form textarea:focus{border-color:var(--a);box-shadow:0 0 0 3px rgba(201,85,45,.10)}.kdrc__input-wrap{position:relative;display:block}.kdrc__input-wrap input{padding-right:48px}.kdrc__input-wrap em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;color:#858d91;font-size:12px;pointer-events:none}.kdrc__manual-area{display:grid;grid-template-columns:minmax(230px,1fr) 230px;gap:7px 16px;align-items:center;border-top:1px dashed var(--line);margin-top:18px;padding-top:18px}.kdrc__manual-area small{grid-column:1/-1;color:var(--muted);font-size:11px}.kdrc__materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kdrc__material{appearance:none;position:relative;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;min-height:188px;color:var(--ink);cursor:pointer;transition:.18s;overflow:hidden}.kdrc__material:hover{transform:translateY(-1px);border-color:#c8cdd0;box-shadow:0 10px 22px rgba(25,34,39,.05)}.kdrc__material.is-active{border-color:var(--a);background:linear-gradient(180deg,#fffaf7,#fff);box-shadow:0 0 0 2px rgba(201,85,45,.10),0 12px 26px rgba(201,85,45,.08)}.kdrc__material-photo{display:block;height:82px;border-radius:14px;margin-bottom:12px;background:linear-gradient(180deg,#dcecff 0 56%,#efe7df 56%);position:relative;overflow:hidden}.kdrc__material-photo:before,.kdrc__material-photo:after{content:"";position:absolute;display:block}.kdrc__material-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;margin:-21px 0 10px 10px;position:relative;z-index:2;box-shadow:0 8px 18px rgba(26,35,39,.10)}.kdrc__material-icon svg{width:28px;height:28px;fill:none;stroke:#5c676c;stroke-width:2;stroke-linejoin:round}.kdrc__material.is-active .kdrc__material-icon{background:#fff4ec}.kdrc__material.is-active .kdrc__material-icon svg{stroke:var(--a)}.kdrc__material strong,.kdrc__material small{display:block}.kdrc__material strong{font-size:13px;line-height:1.25}.kdrc__material small{font-size:11px;color:var(--muted);margin-top:4px}.kdrc__material--metal .kdrc__material-photo:before{left:14px;right:14px;bottom:12px;height:34px;border-radius:3px;background:repeating-linear-gradient(90deg,#a63c2d 0 16px,#c14a39 16px 22px);transform:skewX(-24deg)}.kdrc__material--metal .kdrc__material-photo:after{left:0;right:0;bottom:0;height:18px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.06))}.kdrc__material--profnastil .kdrc__material-photo:before{left:16px;right:16px;bottom:12px;height:36px;border-radius:5px;background:repeating-linear-gradient(90deg,#567a92 0 10px,#7b9fb5 10px 18px);transform:skewX(-22deg)}.kdrc__material--profnastil .kdrc__material-photo:after{left:18px;bottom:10px;width:42px;height:12px;border-radius:999px;background:rgba(255,255,255,.68)}.kdrc__material--flex .kdrc__material-photo:before{left:12px;right:12px;bottom:10px;height:40px;background:repeating-linear-gradient(0deg,#8f5f45 0 8px,#a56d50 8px 16px);clip-path:polygon(0 100%,12% 58%,24% 100%,36% 58%,48% 100%,60% 58%,72% 100%,84% 58%,100% 100%,100% 0,0 0)}.kdrc__material--falz .kdrc__material-photo:before{left:18px;right:18px;bottom:10px;height:40px;background:repeating-linear-gradient(90deg,#5a636d 0 20px,#7c8792 20px 24px);clip-path:polygon(0 100%,8% 0,92% 0,100% 100%)}.kdrc__material--composite .kdrc__material-photo:before{left:14px;right:14px;bottom:12px;height:34px;border-radius:5px;background:linear-gradient(135deg,#5d6f56,#7f9276)}.kdrc__material--composite .kdrc__material-photo:after{left:14px;right:14px;bottom:12px;height:34px;border-radius:5px;background-image:radial-gradient(rgba(255,255,255,.33) 1px,transparent 1px);background-size:8px 8px}.kdrc__material--tile .kdrc__material-photo:before{left:12px;right:12px;bottom:10px;height:38px;background:radial-gradient(circle at 10px 18px,#b85f3e 0 11px,transparent 12px),radial-gradient(circle at 30px 18px,#ca7450 0 11px,transparent 12px),radial-gradient(circle at 50px 18px,#b85f3e 0 11px,transparent 12px),radial-gradient(circle at 70px 18px,#ca7450 0 11px,transparent 12px),radial-gradient(circle at 90px 18px,#b85f3e 0 11px,transparent 12px),radial-gradient(circle at 110px 18px,#ca7450 0 11px,transparent 12px),radial-gradient(circle at 130px 18px,#b85f3e 0 11px,transparent 12px);background-size:140px 36px;background-repeat:repeat-x}.kdrc__material--ondulin .kdrc__material-photo:before{left:14px;right:14px;bottom:12px;height:32px;background:repeating-radial-gradient(circle at 0 100%,#9e4235 0 8px,#c65947 8px 16px);background-size:22px 18px;clip-path:polygon(0 100%,6% 0,94% 0,100% 100%)}.kdrc__config-grid{display:grid;grid-template-columns:1.35fr .65fr 1fr 1fr;gap:10px}.kdrc__config-card,.kdrc__toggle-card{border:1px solid var(--line);border-radius:15px;padding:13px;background:#fff}.kdrc__segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kdrc__segmented button{border:1px solid #dde1e3;background:#f8f9f9;border-radius:10px;padding:9px 10px;color:var(--ink);cursor:pointer;text-align:left}.kdrc__segmented button strong,.kdrc__segmented button small{display:block}.kdrc__segmented button strong{font-size:12px}.kdrc__segmented button small{font-size:10px;color:var(--muted)}.kdrc__segmented button.is-active{border-color:var(--a);background:#fff6f1;box-shadow:0 0 0 1px rgba(201,85,45,.08)}.kdrc__toggle-card{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:83px}.kdrc__toggle-card input{position:absolute;opacity:0;pointer-events:none}.kdrc__toggle-ui{position:relative;flex:0 0 38px;height:22px;border-radius:999px;background:#cfd5d8;transition:.18s}.kdrc__toggle-ui:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.18s}.kdrc__toggle-card input:checked+.kdrc__toggle-ui{background:var(--green)}.kdrc__toggle-card input:checked+.kdrc__toggle-ui:after{transform:translateX(16px)}.kdrc__toggle-card strong,.kdrc__toggle-card small{display:block}.kdrc__toggle-card strong{font-size:12px}.kdrc__toggle-card small{font-size:10px;color:var(--muted);margin-top:2px}.kdrc__system-preview{margin-top:18px;padding:17px;border-radius:17px;background:#f7f5f2;border:1px solid #ebe6e0}.kdrc__system-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.kdrc__system-preview-head strong{font-size:14px}.kdrc__layers{display:flex;flex-wrap:wrap;gap:7px}.kdrc__layers span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e1ddd8;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;animation:kdrc-in .18s ease both;animation-delay:calc(var(--i)*25ms)}.kdrc__layers b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f3e2d8;color:var(--a2);font-size:9px}@keyframes kdrc-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.kdrc__result-sticky{position:sticky;top:24px;border-radius:23px;background:linear-gradient(180deg,#fff,#fbf8f5);color:var(--ink);padding:24px;border:1px solid #e8dfd7;box-shadow:0 22px 55px rgba(18,25,29,.08)}.kdrc__result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kdrc__result h3{font-size:24px;margin:8px 0 16px;color:var(--ink);letter-spacing:-.02em}.kdrc__area-badge{font-size:11px;padding:6px 9px;border-radius:999px;background:#f5eee8;color:#8c4e31;white-space:nowrap}.kdrc__result-total{padding:15px 0;border-top:1px solid #ece4dd;border-bottom:1px solid #ece4dd;margin-bottom:10px}.kdrc__result-total>span{display:block;font-size:11px;color:#7d8589}.kdrc__result-total>strong{display:block;font-size:30px;line-height:1.08;margin-top:4px;color:var(--a2)}.kdrc__result-total>small{display:block;font-size:10px;color:#7d8589;margin-top:5px}.kdrc__group{border:1px solid #ede5de;border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}.kdrc__group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:12px 14px;font-size:12px;font-weight:800;list-style:none}.kdrc__group summary::-webkit-details-marker{display:none}.kdrc__group summary b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#f2ebe4;color:#7f4b30;font-size:9px}.kdrc__group-body{padding:0 14px 8px}.kdrc__summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 0;border-top:1px dashed #f0e9e3}.kdrc__summary-row:first-child{border-top:0}.kdrc__summary-row>span:first-child{min-width:0}.kdrc__summary-row>span strong{display:block;color:#243038;font-size:11px;font-weight:650}.kdrc__summary-row small{display:block;color:#8c9497;font-size:9px;margin-top:2px}.kdrc__qty{font-size:11px;font-weight:800;white-space:nowrap;color:#243038}.kdrc__summary-row em{grid-column:2;font-style:normal;font-size:9px;color:#7a8185;text-align:right}.kdrc__missing{margin-top:13px;padding:12px;border-radius:11px;background:#f6f2ee;font-size:10px;color:#646d71}.kdrc__missing strong{color:#384349}.kdrc__primary{display:inline-flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:12px;background:var(--a);color:#fff!important;padding:13px 18px;min-height:49px;font-weight:850;text-decoration:none;cursor:pointer;margin-top:17px;box-shadow:0 8px 18px rgba(201,85,45,.22)}.kdrc__primary:hover{background:var(--a2)}.kdrc__primary:disabled{opacity:.65;cursor:wait}.kdrc__phone{display:block;color:var(--ink)!important;text-align:center;text-decoration:none;font-weight:750;margin-top:12px;font-size:13px}.kdrc__note{color:#71797d;font-size:10px;margin:13px 0 0}.kdrc__lead{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;background:linear-gradient(135deg,#f7f4ef,#f2efeb);border:1px solid #ebe4dc;border-radius:24px;padding:30px;margin-top:20px;scroll-margin-top:30px}.kdrc__lead-copy h3{font-size:31px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.03em}.kdrc__lead-copy p{color:var(--muted);margin:0}.kdrc__lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kdrc__lead-form .kdrc__comment,.kdrc__lead-form .kdrc__consent,.kdrc__lead-form .kdrc__primary,.kdrc__lead-form .kdrc__form-status{grid-column:1/-1}.kdrc__lead-form textarea{resize:vertical;min-height:92px}.kdrc__consent{display:flex!important;gap:10px;align-items:flex-start;font-size:11px;line-height:1.45;color:#52595e}.kdrc__consent input{width:auto!important;min-height:0!important;margin-top:3px}.kdrc__consent a{color:var(--a)}.kdrc__lead-form .kdrc__primary{max-width:300px;margin-top:4px}.kdrc__form-status{font-size:12px;font-weight:750}.kdrc__form-status.is-success{color:#287a45}.kdrc__form-status.is-error{color:#b62f2f}.kdrc__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}[hidden]{display:none!important}
@media(max-width:1280px){.kdrc__workspace{grid-template-columns:1fr}.kdrc__result-sticky{position:static}.kdrc__materials{grid-template-columns:repeat(3,1fr)}.kdrc__config-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.kdrc{max-width:100%}.kdrc__hero{grid-template-columns:1fr;padding:28px}.kdrc__hero-visual{display:none}.kdrc__size-layout{grid-template-columns:1fr}.kdrc__progress b{display:none}.kdrc__lead{grid-template-columns:1fr}.kdrc__manual-area{grid-template-columns:1fr}.kdrc__manual-area small{grid-column:auto}.kdrc__materials{grid-template-columns:repeat(2,1fr)}.kdrc__shapes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.kdrc{margin-bottom:35px}.kdrc__hero{padding:22px;border-radius:20px}.kdrc__hero h2{font-size:33px}.kdrc__step{padding:18px;border-radius:18px}.kdrc__shapes{grid-template-columns:repeat(2,1fr)}.kdrc__shape{min-height:100px}.kdrc__fields{grid-template-columns:1fr}.kdrc__materials{grid-template-columns:1fr 1fr}.kdrc__material{min-height:124px;padding:12px}.kdrc__config-grid{grid-template-columns:1fr}.kdrc__system-preview-head{align-items:flex-start;flex-direction:column}.kdrc__lead{padding:22px}.kdrc__lead-form{grid-template-columns:1fr}.kdrc__lead-form .kdrc__comment,.kdrc__lead-form .kdrc__consent,.kdrc__lead-form .kdrc__primary,.kdrc__lead-form .kdrc__form-status{grid-column:auto}.kdrc__lead-form .kdrc__primary{max-width:none}.kdrc__result-total>strong{font-size:27px}.kdrc__progress{padding:10px 12px}.kdrc__progress span{font-size:11px}}
@media(max-width:420px){.kdrc__materials{grid-template-columns:1fr}.kdrc__shapes{grid-template-columns:1fr 1fr}.kdrc__hero h2{font-size:28px}.kdrc__step-head h3{font-size:21px}}

/* v1.2.1: breakout from narrow theme article column */

.kdrc img{max-width:100%;height:auto}.kdrc__workspace,.kdrc__left,.kdrc__result{min-width:0}