/* Cost calculator page: guide + tool. Scoped under #bt-root. */
#bt-root.bt-static--calc .cc-hero { text-align:center; max-width:1100px; padding-top:clamp(40px,7vw,100px); }
#bt-root .cc-kicker { font-size:var(--fs-small); text-transform:uppercase; letter-spacing:.08em; color:var(--c-text-50); margin:0 0 var(--space-4); }
#bt-root .cc-title { font-size:clamp(2.25rem,1.4rem + 3.8vw,4.5rem); font-weight:500; line-height:1.1; color:var(--c-primary); margin:0 0 var(--space-6); }
#bt-root .cc-answer { font-size:1.375rem; line-height:1.6; color:var(--c-black); margin:0 auto var(--space-7); max-width:960px; text-align:left; background:var(--c-surface); border-left:8px solid var(--c-primary); border-radius:var(--r-m); padding:24px 32px; }
#bt-root .cc-tool { margin-top:var(--space-8); }
#bt-root .cc-tool .bt-quote-landing { display:none; } /* the guide replaces the landing hero; keep the benefits via the form intro */
#bt-root .cc-guide { margin-top:var(--space-9); display:flex; flex-direction:column; gap:var(--space-7); }
#bt-root .cc-card { background:var(--c-surface); border-radius:var(--r-xl); padding:clamp(28px,4vw,56px) clamp(24px,5vw,72px); }
#bt-root .cc-card h2 { font-size:var(--fs-h2-s); font-weight:500; margin:0 0 var(--space-6); }
#bt-root .cc-card h3 { font-size:1.375rem; font-weight:600; margin:0 0 var(--space-2); }
#bt-root .cc-card p { font-size:var(--fs-body-lg); line-height:1.65; color:var(--c-text-80); }
#bt-root .cc-card a { color:var(--c-primary); }
#bt-root .cc-drivers { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
#bt-root .cc-drivers div { background:var(--c-surface-alt); border-radius:var(--r-l); padding:28px; }
#bt-root .cc-drivers p { margin:0; }
#bt-root .cc-two { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
#bt-root .cc-two ul { list-style:none; margin:0; padding:0; }
#bt-root .cc-two li { padding:10px 0 10px 32px; position:relative; font-size:var(--fs-body-lg); border-bottom:1px solid var(--c-border); }
#bt-root .cc-two li::before { content:''; position:absolute; left:0; top:14px; width:20px; height:20px; border-radius:50%; background:var(--c-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath d='M1 4.5l3.5 3.5 6.5-7' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center; }
#bt-root .cc-two div:last-child li::before { background:var(--c-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1l8 8M9 1L1 9' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center; }
#bt-root .cc-card--primary { background:var(--c-primary); color:#fff; text-align:center; border-radius:var(--r-pill); }
#bt-root .cc-card--primary h2, #bt-root .cc-card--primary p { color:#fff; }
#bt-root .cc-card--primary p { font-size:1.375rem; max-width:720px; margin:0 auto var(--space-6); }
@media (max-width:900px) { #bt-root .cc-answer { font-size:1.0625rem; padding:18px 20px; } #bt-root .cc-guide { margin-top:var(--space-8); gap:var(--space-5); } #bt-root .cc-card { border-radius:var(--r-m); padding:24px 20px; } #bt-root .cc-drivers, #bt-root .cc-two { grid-template-columns:1fr; gap:14px; } #bt-root .cc-card--primary { border-radius:var(--r-xl); } #bt-root .cc-card--primary p { font-size:1.0625rem; } }
#bt-root .cc-updated { font-size:var(--fs-small); color:var(--c-text-50); margin:-16px 0 var(--space-6); }
#bt-root .cc-quick { margin-top:var(--space-7); }
#bt-root .cc-quick__card { background:var(--c-surface); border-radius:var(--r-2xl); padding:clamp(28px,4vw,48px) clamp(24px,5vw,72px); text-align:center; }
#bt-root .cc-quick__card h2 { font-size:var(--fs-h2-s); font-weight:500; margin:0 0 8px; }
#bt-root .cc-quick__card > p { font-size:var(--fs-body-lg); color:var(--c-text-70); margin:0 0 var(--space-6); }
#bt-root .cc-quick__form { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-bottom:var(--space-5); }
#bt-root .cc-quick__form label { display:flex; flex-direction:column; gap:8px; text-align:left; font-size:1rem; min-width:260px; }
#bt-root .cc-quick__form select, #bt-root .cc-quick__form input { min-height:56px; border-radius:var(--r-pill); border:1.5px solid var(--c-black); background:#fff; padding:0 22px; font:inherit; font-size:1.0625rem; }
#bt-root .cc-quick__out { font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem); font-weight:600; color:var(--c-primary); margin:0; min-height:1.3em; }
#bt-root .cc-quick__note { font-size:var(--fs-small); color:var(--c-text-50); margin:8px 0 0; }
#bt-root .cc-stats { }
#bt-root .cc-stats__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
#bt-root .cc-stats__grid div { background:var(--c-surface-alt); border-radius:var(--r-l); padding:24px; text-align:center; }
#bt-root .cc-stats__grid b { display:block; font-size:2rem; color:var(--c-primary); font-weight:600; }
#bt-root .cc-stats__grid span { font-size:var(--fs-small); color:var(--c-text-60); }
@media (max-width:900px) { #bt-root .cc-quick__card { border-radius:var(--r-xl); padding:24px 20px; } #bt-root .cc-quick__form label { min-width:0; width:100%; } }
/* CTA in the hero: black pill, white label (a{color} from the static reset was winning) */
#bt-root .cc-hero .bt-btn--primary, #bt-root .cc-hero .bt-btn--primary:hover { color:#fff !important; }
#bt-root .cc-card--primary .bt-btn--light { color:var(--c-black) !important; }
#bt-root .bt-btn--primary { color:#fff; }
#bt-root .bt-btn--outline { color:var(--c-black); }