/* The price stays at the top, directly below the site's responsive navigation. */
html:has(.webapp-calculator){scroll-padding-top:calc(var(--calculator-header-height,var(--header-height)) + var(--calculator-bar-height,90px) + 18px)}
.webapp-pricebar{position:sticky;top:var(--calculator-header-height,var(--header-height));z-index:40;background:#fff;border-bottom:1px solid #a9becf;box-shadow:0 4px 14px #152c4210}
.webapp-pricebar-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px;padding-block:14px}
.webapp-pricebar-name{display:flex;flex-direction:column;gap:4px}
.webapp-pricebar-name strong{font-size:17px}.webapp-pricebar-name span{font-size:13px;color:var(--muted)}
.webapp-pricebar-amounts{display:flex;align-items:center;gap:46px;margin-left:auto}
.webapp-pricebar-amount{display:flex;flex-direction:column;gap:3px;min-width:0}
.webapp-pricebar-label{font-size:13px;color:var(--muted)}
.webapp-pricebar-values{display:flex;align-items:baseline;gap:6px}
.webapp-pricebar-was{font-size:15px;color:var(--muted);white-space:nowrap}
.webapp-pricebar-was[hidden]{display:none}
.webapp-pricebar-was s{text-decoration-thickness:1px}
.webapp-pricebar-amounts strong{font-size:27px;line-height:1.25;color:var(--ink);white-space:nowrap}
.webapp-price-details>summary{list-style:none;cursor:pointer}
.webapp-price-details>summary::-webkit-details-marker{display:none}
.webapp-price-details>summary:hover{background:#f7fafc}
.webapp-pricebar-hint{font-size:14px;font-weight:650;color:var(--link)}
.webapp-pricebar-chevron{width:22px;height:22px;flex:none;color:var(--link)}
.webapp-price-details[open] .webapp-pricebar-chevron{transform:rotate(180deg)}
.webapp-price-details>summary:focus-visible{outline:2px solid var(--link);outline-offset:-3px}
.webapp-price-panel{position:absolute;top:100%;right:max(20px,calc((100% - 1120px)/2));width:min(620px,calc(100% - 40px));max-height:calc(100svh - var(--calculator-header-height,var(--header-height)) - var(--calculator-bar-height,90px) - 24px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #bdcad5;border-radius:0 0 7px 7px;box-shadow:0 12px 30px #152c4230}
.webapp-price-panel .webapp-selection{display:block;margin:0;padding:24px;border:0;background:#fff}
.webapp-price-panel h2{font-size:22px;margin:0 0 12px}.webapp-price-panel h3{font-size:16px;margin:20px 0 8px}
.webapp-price-panel .webapp-selection-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:20px}
.webapp-price-panel .webapp-totals{gap:14px 24px}.webapp-price-panel .webapp-totals dd{font-size:23px}
.webapp-price-panel .webapp-total-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;line-height:1.3}
.webapp-total-prices>span{font-size:15px;font-weight:400;color:var(--muted);white-space:nowrap}
.webapp-total-prices>strong{font-size:27px;white-space:nowrap}
.webapp-price-panel .webapp-totals .webapp-total-saving{font-size:12px;font-weight:500;line-height:1.5;color:#246649;margin-top:6px}
.webapp-calculator-intro{padding-block:32px}.webapp-calculator-intro h1{font-size:38px}.webapp-calculator-intro p{max-width:800px}
.webapp-calculator #modules{padding-top:28px}
.webapp-calculator-base{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #a9becf;border-radius:7px;background:#fff;padding:22px;margin-bottom:20px}
.webapp-calculator-base h2{font-size:22px;margin:0 0 7px}.webapp-calculator-base .eyebrow{font-size:12px;margin:0 0 6px}
.webapp-calculator-base p{font-size:15px;margin:0;max-width:650px}
.webapp-calculator-base-price{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.webapp-calculator-base-price strong{font-size:18px;color:var(--ink)}
@media(max-width:950px){.webapp-pricebar-name{display:none}.webapp-pricebar-amounts{margin:0;flex:1;justify-content:space-between;gap:20px}}
@media(max-width:650px){
.webapp-pricebar-inner{min-height:82px;gap:12px;padding-block:10px}
.webapp-pricebar-amounts{gap:14px}
.webapp-pricebar-values{align-items:baseline;flex-direction:row;gap:5px}
.webapp-pricebar-amounts strong{font-size:23px}.webapp-pricebar-label{font-size:11px}.webapp-pricebar-was{font-size:12px;line-height:1.2}
.webapp-pricebar-hint{display:none}.webapp-pricebar-chevron{width:19px;height:19px}
.webapp-price-panel{right:12px;width:calc(100% - 24px)}.webapp-price-panel .webapp-selection{padding:19px}
.webapp-price-panel .webapp-totals{grid-template-columns:1fr;gap:14px}.webapp-price-panel .webapp-totals dt{font-size:12px}
.webapp-total-prices>strong{font-size:23px}.webapp-total-prices>span{font-size:13px}
.webapp-calculator-intro{padding-block:25px}.webapp-calculator-intro h1{font-size:30px}.webapp-calculator-intro p{font-size:16px}
.webapp-calculator-base{align-items:flex-start;flex-direction:column;gap:15px;padding:18px}.webapp-calculator-base p{font-size:14px}
.webapp-calculator-base-price{flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px 20px;white-space:normal}
}
@media(max-width:360px){.webapp-pricebar-inner{gap:8px}.webapp-pricebar-amounts{gap:8px}.webapp-pricebar-amounts strong{font-size:21px}}

/* Cost answers are normal HTML so the calculator is useful before JavaScript. */
.webapp-calculator-demo{padding:0 0 28px}
.webapp-calculator-demo-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.webapp-calculator-demo-panel>summary{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;color:var(--ink);list-style:none}
.webapp-calculator-demo-panel>summary::-webkit-details-marker{display:none}
.webapp-calculator-demo-panel>summary::after{content:'+';margin-left:auto;font-size:26px;color:var(--link)}
.webapp-calculator-demo-panel[open]>summary::after{content:'−'}
.webapp-calculator-demo-panel summary svg{width:27px;height:27px;flex:none;color:var(--link)}
.webapp-calculator-demo-panel summary small{display:block;color:var(--muted);font-size:13px;font-weight:400}
.webapp-calculator-demo-panel summary:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.webapp-calculator-demo-content{padding:0 22px 22px}.webapp-calculator-demo-content>p{font-size:14px}
.webapp-calculator-demo-content>.webapp-demo-frame{height:650px;margin-top:18px}
.webapp-cost-answer{font-size:20px;line-height:1.65}
.webapp-cost-money{white-space:nowrap}
.webapp-calculator .webapp-cost-small{font-size:14px;line-height:1.65;color:var(--muted)}
.webapp-cost-nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-block:24px}
.webapp-cost-guide h2{max-width:800px}.webapp-cost-guide> .container>p{max-width:880px}
.webapp-cost-table-wrap{max-width:100%;margin-block:26px}
.webapp-cost-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.webapp-cost-table caption{text-align:left;font-weight:650;color:var(--ink);margin-bottom:12px}
.webapp-cost-table th,.webapp-cost-table td{text-align:left;vertical-align:top;padding:18px 14px;border-bottom:1px solid var(--line)}
.webapp-cost-table thead{background:var(--soft)}.webapp-cost-table thead th{font-size:13px}
.webapp-cost-table tbody th{max-width:300px}.webapp-cost-table tbody th span{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:5px}
.webapp-cost-table td[data-label]{font-weight:700;color:#111}.webapp-cost-breakdown{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}
.webapp-cost-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:28px}
.webapp-cost-factors article{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.webapp-cost-factors h3{font-size:21px;margin:0 0 12px}.webapp-cost-factors p{margin:0;font-size:16px}
.webapp-cost-proof{border-top:1px solid var(--line);padding-top:24px}.webapp-cost-proof h3{font-size:22px}
.webapp-cost-faq{max-width:900px;margin-block:26px}.webapp-cost-faq details{border-bottom:1px solid var(--line)}
.webapp-cost-faq summary{padding:20px 8px;cursor:pointer;font-weight:650;color:var(--ink)}
.webapp-cost-faq details>div{padding:0 8px 16px}.webapp-cost-faq p{margin:0;font-size:16px}
.webapp-cost-faq summary:focus-visible{outline:2px solid var(--link);outline-offset:2px}
@media(max-width:760px){
 .webapp-cost-table,.webapp-cost-table tbody{display:block}.webapp-cost-table caption{display:block}
 .webapp-cost-table thead{display:none}.webapp-cost-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}
 .webapp-cost-table th,.webapp-cost-table td{display:block;padding:0;border:0;min-width:0}
 .webapp-cost-table tbody th,.webapp-cost-table td:last-child{grid-column:1/-1;max-width:none}
 .webapp-cost-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:4px}
 .webapp-cost-factors{grid-template-columns:1fr}.webapp-cost-factors article{padding:20px}
}