.webshop-cost-guide{--ink:#182e2c;--green:#116952;--mint:#dff2df;--line:#dce3dc;--paper:#f6f7f1}.webshop-cost-guide *{box-sizing:border-box}.webshop-cost-guide{color:var(--ink);background:var(--paper);margin:0;font:16px/1.65 system-ui,sans-serif}.webshop-cost-guide a{color:var(--green)}.webshop-cost-guide header{border-bottom:1px solid var(--line);background:#fff}.webshop-cost-guide nav,.webshop-cost-guide .guide-main,.webshop-cost-guide footer{max-width:1160px;margin:auto;padding:22px 30px}.webshop-cost-guide nav{justify-content:space-between;align-items:center;display:flex}.webshop-cost-guide .logo{letter-spacing:-1px;font-size:23px;font-weight:850}.webshop-cost-guide .logo span{color:var(--green)}.webshop-cost-guide .tag,.webshop-cost-guide .pill{background:#eaf0e8;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.webshop-cost-guide .hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:64px 0 55px;display:grid}.webshop-cost-guide .eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-size:12px;font-weight:800}.webshop-cost-guide h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(38px,5vw,62px);line-height:1.07}.webshop-cost-guide h1 em{color:var(--green);font-style:normal}.webshop-cost-guide .intro{color:#52605a;max-width:600px;font-size:19px}.webshop-cost-guide button,.webshop-cost-guide .button{cursor:pointer;font:inherit;background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:650;text-decoration:none;display:inline-block}.webshop-cost-guide button:hover,.webshop-cost-guide .button:hover{filter:brightness(.94)}.webshop-cost-guide .house{background:#e9eee3;border-radius:24px;padding:28px;transform:rotate(-2deg)}.webshop-cost-guide .house h3{margin:0 0 20px;font-size:14px;font-weight:500}.webshop-cost-guide .bricks{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.webshop-cost-guide .brick{text-align:center;background:#fff;border-radius:7px;padding:18px 8px;font-size:12px;font-weight:750;box-shadow:0 4px #d2d9cc}.webshop-cost-guide .brick.top{background:var(--green);color:#fff;grid-column:span 3;font-size:19px}.webshop-cost-guide .brick.base{background:#bedbbf;grid-column:span 3}.webshop-cost-guide .legend{color:#536452;margin-top:18px;font-size:12px}.webshop-cost-guide .orientation{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:30px;padding:24px;display:grid}.webshop-cost-guide .orientation h3{margin:0 0 6px}.webshop-cost-guide .orientation p{color:#52605a;margin:0}.webshop-cost-guide .sticky{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:18px 0;display:flex;position:sticky;top:0}.webshop-cost-guide .tabs{flex-wrap:wrap;gap:8px;display:flex}.webshop-cost-guide .tabs button{color:var(--ink);background:0 0;padding:9px 12px;font-size:14px}.webshop-cost-guide .tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.webshop-cost-guide #counter{color:#52605a;white-space:nowrap;font-size:13px}.webshop-cost-guide .section{padding:42px 0 15px;scroll-margin-top:90px}.webshop-cost-guide .section-head{align-items:baseline;gap:18px;display:flex}.webshop-cost-guide .num{color:var(--green);font-size:14px;font-weight:800}.webshop-cost-guide .section h2{letter-spacing:-.7px;margin:0;font-size:29px}.webshop-cost-guide .section-lead{color:#52605a;max-width:770px;margin:8px 0 24px}.webshop-cost-guide .grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.webshop-cost-guide .card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.webshop-cost-guide .card summary{cursor:pointer;padding:22px;list-style:none}.webshop-cost-guide .card summary::-webkit-details-marker{display:none}.webshop-cost-guide .card h3{margin:13px 0 8px;font-size:20px;line-height:1.3}.webshop-cost-guide .card p{color:#52605a;margin:0;font-size:14px}.webshop-cost-guide .more{color:var(--green);margin-top:18px;font-size:13px;font-weight:700;display:block}.webshop-cost-guide .card[open]{grid-column:span 2}.webshop-cost-guide .card[open] .more{display:none}.webshop-cost-guide .detail{border-top:1px solid var(--line);padding:20px 22px;font-size:14px}.webshop-cost-guide .detail h4{margin:16px 0 4px}.webshop-cost-guide .detail h4:first-child{margin-top:0}.webshop-cost-guide .question{background:#f0f5e9;border-radius:8px;margin-top:18px;padding:13px}.webshop-cost-guide .check{align-items:center;gap:9px;margin-top:18px;font-weight:650;display:flex}.webshop-cost-guide input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.webshop-cost-guide .note{border-left:4px solid var(--green);background:#e4eedf;border-radius:8px;margin:32px 0;padding:22px 25px}.webshop-cost-guide .note p{margin:4px 0}.webshop-cost-guide .costs{background:var(--ink);color:#fff;border-radius:18px;margin:45px 0;padding:34px}.webshop-cost-guide .costs h2{margin:0 0 9px;font-size:30px}.webshop-cost-guide .costs>p{color:#c5d6ce}.webshop-cost-guide .cost-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px;display:grid}.webshop-cost-guide .cost-grid h3{color:#b9e5ad;margin-bottom:8px}.webshop-cost-guide .cost-grid p{color:#d4dfd7;font-size:14px}.webshop-cost-guide .journey{padding:30px 0}.webshop-cost-guide .flow{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.webshop-cost-guide .flow div{border-top:3px solid #a6c8aa;padding:16px 10px;font-size:14px}.webshop-cost-guide .flow strong{display:block}.webshop-cost-guide .audit{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px}.webshop-cost-guide .audit h2{margin:0}.webshop-cost-guide .audit ul{padding-left:22px}.webshop-cost-guide .links{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.webshop-cost-guide .links a{background:#eaf0e8;border-radius:7px;padding:9px 14px;font-size:14px;text-decoration:none}.webshop-cost-guide footer{color:#65736c;border-top:1px solid var(--line);margin-top:45px;font-size:12px}.webshop-cost-guide .reset{color:var(--ink);background:#eef1eb;padding:7px 10px;font-size:12px}@media (width<=760px){.webshop-cost-guide nav,.webshop-cost-guide .guide-main,.webshop-cost-guide footer{padding-left:20px;padding-right:20px}.webshop-cost-guide .hero{grid-template-columns:1fr;gap:25px;padding:38px 0}.webshop-cost-guide .house{max-width:460px}.webshop-cost-guide .orientation,.webshop-cost-guide .grid,.webshop-cost-guide .cost-grid{grid-template-columns:1fr}.webshop-cost-guide .card[open]{grid-column:auto}.webshop-cost-guide .sticky{flex-direction:column;align-items:flex-start;position:static}.webshop-cost-guide .flow{grid-template-columns:1fr 1fr}.webshop-cost-guide .tag{font-size:10px}.webshop-cost-guide .costs{padding:24px}.webshop-cost-guide .section h2{font-size:25px}}@media print{.webshop-cost-guide .sticky,.webshop-cost-guide button,.webshop-cost-guide .more,.webshop-cost-guide .house{display:none}.webshop-cost-guide .hero,.webshop-cost-guide .grid{display:block}.webshop-cost-guide .card{break-inside:avoid;margin-bottom:12px}.webshop-cost-guide{background:#fff}}.webshop-cost-guide .answer{background:#e5eedf;border-radius:15px;margin-bottom:35px;padding:28px}.webshop-cost-guide .answer h2,.webshop-cost-guide .examples h2,.webshop-cost-guide .faq h2{letter-spacing:-.7px;font-size:30px;line-height:1.2}.webshop-cost-guide .answer p{max-width:950px}.webshop-cost-guide .answer a{font-size:14px}.webshop-cost-guide .examples{padding:10px 0 35px;scroll-margin-top:80px}.webshop-cost-guide .example{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.webshop-cost-guide .example h3{font-size:22px;line-height:1.2}.webshop-cost-guide .example p,.webshop-cost-guide .example small{color:#52605a;font-size:14px}.webshop-cost-guide .example dl{margin-top:22px}.webshop-cost-guide .example dt{font-size:13px}.webshop-cost-guide .example dd{margin:0 0 15px;font-size:23px;font-weight:750}.webshop-cost-guide .deep-links{gap:10px;margin-top:10px;display:grid}.webshop-cost-guide .deep-links a{font-size:14px;line-height:1.4}.webshop-cost-guide .faq{margin:35px 0}.webshop-cost-guide .faq details{border-bottom:1px solid var(--line);background:#fff;padding:18px 22px}.webshop-cost-guide .faq summary{cursor:pointer;font-weight:700}.webshop-cost-guide .faq p{max-width:850px}.webshop-cost-guide .review{background:#eee;margin-top:30px;padding:18px;font-size:13px}.webshop-cost-guide .review summary{cursor:pointer;font-weight:700}.webshop-cost-guide .sticky{position:static}.webshop-cost-guide button:focus-visible,.webshop-cost-guide a:focus-visible,.webshop-cost-guide summary:focus-visible{outline-offset:4px;outline:3px solid #a36d3d}.webshop-cost-guide [hidden]{display:none!important}
