:root{--paper:#fbf7f0;--ink:#2a1f1a;--muted:#6d5d52;--red:#9e1b32;--red-d:#7a1426;--pine:#1f5e3b;--pine-l:#e6f0e9;--line:#e6dccd;--card:#fff;--gold:#c98a12;--r:16px}
*{box-sizing:border-box}[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
h1,h2,h3,legend,.brand,.sum b{font-family:Outfit,system-ui,sans-serif;line-height:1.15}
a{color:var(--red)}a:hover{color:var(--pine)}
svg{width:1em;height:1em;flex:none}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--ink);text-decoration:none}
.mark{width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center}.mark svg{width:22px;height:22px}
.top nav{display:flex;gap:18px}.top nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:15px}.top nav a:hover{color:var(--red)}
.hero{padding:44px 0 30px;background:radial-gradient(1200px 300px at 80% 0,#f3e3cf,transparent),var(--paper)}
.hero-in{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:end}
.eyebrow{color:var(--pine);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:13px;margin:0 0 10px}
.hero h1{font-size:clamp(34px,5.4vw,58px);margin:0 0 14px;color:var(--red-d);letter-spacing:-.02em}
.lede{font-size:19px;color:var(--muted);max-width:56ch;margin:0}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:600;display:flex;align-items:center;gap:10px;font-size:15px}
.steps span{width:34px;height:34px;border-radius:10px;background:var(--pine-l);color:var(--pine);display:inline-flex;align-items:center;justify-content:center}.steps svg{width:20px;height:20px}
.calc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px;align-items:start;padding-bottom:10px}
.box{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:18px 18px 16px;margin:0 0 18px;min-width:0}
legend{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;padding:0 6px;float:left;width:100%;margin-bottom:6px}
legend+*{clear:both}
.bi{width:34px;height:34px;border-radius:10px;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center}.bi svg{width:20px;height:20px}
.hint{color:var(--muted);font-size:15px;margin:4px 0 12px}.hint.small{font-size:13.5px;margin:10px 0 0}
.rows{display:flex;flex-direction:column;gap:10px}
.row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px;border-radius:12px;background:#fcfaf6;border:1px solid var(--line)}
.row .nm{flex:1 1 150px;min-width:0;font-weight:600}
.row .kind{flex:0 0 auto}
.f{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);font-weight:600;position:relative;flex:0 1 96px;min-width:80px}
.f span{position:absolute;right:10px;bottom:10px;font-size:13px;color:var(--muted);pointer-events:none}
.f input{padding-right:30px}
.row input,.row select,.opts input,.opts select{font:inherit;font-size:16px;padding:8px 10px;border:1.5px solid #d9ccb9;border-radius:10px;background:#fff;color:var(--ink);width:100%}
.row .kind{width:auto}
.row input:focus,.row select:focus,.opts input:focus,.opts select:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 3px rgba(31,94,59,.18)}
.res{flex:1 1 140px;font-size:14.5px;color:var(--pine);padding:8px 0;text-align:right}
.res b{font-size:16px}
.rm{border:none;background:transparent;color:var(--muted);width:36px;height:40px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rm:hover{background:#f3e3e3;color:var(--red)}.rm svg{width:18px;height:18px}
.add{margin-top:10px;border:1.5px dashed #c9b79e;background:transparent;border-radius:10px;padding:8px 14px;font:inherit;font-weight:600;color:var(--pine);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.add:hover{background:var(--pine-l)}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.opts label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.list{position:sticky;top:78px;background:#fff;border:2px solid var(--pine);border-radius:var(--r);padding:18px;min-width:0}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.list h2{margin:0;font-size:24px;display:flex;align-items:center;gap:10px}.list h2 .bi{background:var(--pine)}
.ghost{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:6px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--ink)}
.sum{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.sum div{background:var(--pine-l);border-radius:10px;padding:10px}.sum span{display:block;font-size:12.5px;color:var(--muted)}.sum b{font-size:22px;color:var(--pine)}
.sum .tot{grid-column:1/-1;background:var(--red);color:#fff}.sum .tot span{color:#f6d7dc}.sum .tot b{color:#fff;font-size:30px}
.bom{width:100%;border-collapse:collapse;font-size:15px}
.bom th,.bom td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.bom small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.bom .n{text-align:right;white-space:nowrap}.bom tfoot td{font-weight:700;border:none;font-size:17px}
.note{font-size:13.5px;color:var(--muted);margin:10px 0 0}.empty{color:var(--muted)}
.prose{padding-top:30px;padding-bottom:30px}.prose h2{font-size:30px;margin:36px 0 10px;color:var(--red-d)}.prose h3{font-size:21px;margin:24px 0 6px}.prose p{max-width:74ch}
.tbl{border-collapse:collapse;margin:12px 0;background:#fff;border-radius:10px;overflow:hidden;font-size:15.5px;display:block;overflow-x:auto;max-width:100%}
.tbl caption{text-align:left;color:var(--muted);font-weight:600;padding-bottom:6px}
.tbl th,.tbl td{padding:8px 14px;border-bottom:1px solid var(--line);text-align:left}.tbl th{background:var(--pine-l)}
.faq{margin-top:40px}.faq h2{font-size:30px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;padding:12px 30px 12px 0;list-style:none;position:relative;font-family:Outfit,sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:20px;width:9px;height:9px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq-a p{margin:0 0 14px;max-width:74ch}
.foot{background:var(--pine);color:#e1ece5;padding:30px 0;font-size:15px}.foot a{color:#fff}.foot .small{font-size:13px;color:#b9d0c1}
@media (max-width:900px){.calc{grid-template-columns:1fr}.list{position:static}.hero-in{grid-template-columns:1fr}}
@media (max-width:520px){.row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end}.row .nm{grid-column:span 6}.roof-row .nm{grid-column:span 4}.row .kind{grid-column:span 2;width:100%}.f{grid-column:span 3;min-width:0}.bush-row .f{grid-column:span 2}.row .f.d{grid-column:span 6}.res{grid-column:span 5;text-align:left;padding:6px 0}.rm{grid-column:span 1;justify-self:end}.top nav{gap:10px}.top nav a{font-size:14px}.top nav a:nth-child(2){display:none}.sum{grid-template-columns:1fr 1fr 1fr}.sum b{font-size:18px}.hero{padding-top:28px}}
@media print{.top,.hero,.inputs,.prose,.foot,.ghost{display:none!important}.calc{display:block}.list{border:none;position:static}}
.jump{display:none}
@media (max-width:900px){.jump{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:6;background:var(--red);color:#fff;text-decoration:none;border-radius:12px;padding:12px 16px;justify-content:space-between;align-items:center;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.25)}.jump b{font-family:Outfit,sans-serif;font-size:19px}.jump.off{display:none}body{padding-bottom:70px}}