.bv2-page,
.bv2-page * { box-sizing: border-box; }
.bv2-page { --ink:#0f172a; --muted:#64748b; --line:#e2e8f0; --paper:#fff; --soft:#f8fafc; --mint:#eff6ff; --green:#2563eb; --green-dark:#1d4ed8; --lime:#dbeafe; --amber:#fff2cb; color:var(--ink); background:linear-gradient(180deg,#eff6ff 0,#fff 36rem); font-family:"DM Sans",system-ui,sans-serif; padding:0 20px 90px; }
.bv2-shell { width:min(1160px,100%); margin:0 auto; }
.bv2-hero { text-align:center; padding:78px 16px 44px; }
.bv2-eyebrow,.bv2-step { margin:0 0 12px; color:var(--green); font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.bv2-hero h1 { max-width:820px; margin:0 auto 20px; font-size:clamp(42px,6.5vw,70px); font-weight:700; line-height:1.03; letter-spacing:-.052em; }
.bv2-hero>p:not(.bv2-eyebrow) { max-width:750px; margin:0 auto; color:var(--muted); font-size:clamp(17px,2.2vw,20px); line-height:1.65; }
.bv2-trust { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 26px; margin-top:27px; color:#64748b; font-size:12px; font-weight:600; }
.bv2-trust span::before { content:"✓"; margin-right:7px; color:var(--green); }
.bv2-tool { overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:26px; box-shadow:0 22px 65px rgba(27,71,49,.11); }
.bv2-tabs { display:grid; grid-template-columns:repeat(3,1fr); background:#eef5f0; border-bottom:1px solid var(--line); }
.bv2-tabs button { display:flex; align-items:center; gap:13px; min-width:0; padding:22px 24px; color:#607168; background:transparent; border:0; border-right:1px solid var(--line); cursor:pointer; text-align:left; font:inherit; }
.bv2-tabs button:last-child { border-right:0; }
.bv2-tabs button[aria-selected="true"] { color:var(--ink); background:#fff; box-shadow:inset 0 -3px 0 var(--green); }
.bv2-tabs button:focus-visible,.bv2-choice-grid button:focus-visible,.bv2-submit:focus-visible,.bv2-copy:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid rgba(23,107,69,.3); outline-offset:2px; }
.bv2-tab-number { display:grid; flex:0 0 32px; height:32px; place-items:center; border:1px solid #b9ccc0; border-radius:50%; font-size:12px; font-weight:800; }
.bv2-tabs [aria-selected="true"] .bv2-tab-number { color:#fff; background:var(--green); border-color:var(--green); }
.bv2-tabs strong,.bv2-tabs small { display:block; }
.bv2-tabs strong { font-size:15px; }
.bv2-tabs small { margin-top:3px; color:#77877f; font-size:11px; }
.bv2-workspace { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr); }
.bv2-input-column { min-width:0; padding:42px 46px 46px; }
.bv2-panel[hidden],.bv2-results[hidden],[hidden] { display:none!important; }
.bv2-panel-heading { margin-bottom:30px; }
.bv2-panel-heading h3 { margin:0 0 8px; font-size:30px; line-height:1.15; letter-spacing:-.035em; }
.bv2-panel-heading>p:last-child { max-width:650px; margin:0; color:var(--muted); line-height:1.6; }
.bv2-field { margin-bottom:20px; }
.bv2-field label,.bv2-choice-field legend { display:block; margin-bottom:8px; color:#263d33; font-size:13px; font-weight:800; }
.bv2-field label span { margin-left:6px; padding:3px 7px; color:var(--green-dark); background:var(--mint); border-radius:20px; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.bv2-field small { display:block; margin-top:6px; color:#7a8982; font-size:11px; }
.bv2-field input,.bv2-field select { width:100%; height:49px; padding:0 14px; color:var(--ink); background:#fbfdfb; border:1px solid #cddbd2; border-radius:10px; font:inherit; font-size:14px; }
.bv2-field select { appearance:auto; }
.bv2-input-prefix,.bv2-input-suffix { display:flex; align-items:center; overflow:hidden; background:#fbfdfb; border:1px solid #cddbd2; border-radius:10px; }
.bv2-input-prefix:focus-within,.bv2-input-suffix:focus-within { border-color:var(--green); box-shadow:0 0 0 3px rgba(23,107,69,.12); }
.bv2-input-prefix span,.bv2-input-suffix span { padding:0 13px; color:#607168; font-size:13px; font-weight:700; white-space:nowrap; }
.bv2-input-prefix input,.bv2-input-suffix input { border:0; border-radius:0; background:transparent; box-shadow:none; outline:0; }
.bv2-grid-2,.bv2-grid-3 { display:grid; gap:18px; }
.bv2-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bv2-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bv2-recommended { padding:17px; background:#f5faf7; border:1px solid #d9e9de; border-radius:13px; }
.bv2-choice-field { min-width:0; margin:0 0 22px; padding:0; border:0; }
.bv2-choice-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.bv2-choice-grid button { min-height:45px; padding:8px 5px; color:#586b62; background:#fbfdfb; border:1px solid #d1ddd5; border-radius:9px; cursor:pointer; font:inherit; font-size:12px; font-weight:700; }
.bv2-choice-grid button[aria-pressed="true"] { color:#fff; background:var(--green); border-color:var(--green); box-shadow:0 4px 12px rgba(23,107,69,.2); }
.bv2-usage-source { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.bv2-usage-source legend { grid-column:1/-1; }
.bv2-usage-source label { display:flex; gap:10px; align-items:flex-start; padding:14px; border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.bv2-usage-source label:has(input:checked) { background:#f2f9f5; border-color:#75aa8b; }
.bv2-usage-source input { margin-top:3px; accent-color:var(--green); }
.bv2-usage-source strong,.bv2-usage-source small { display:block; }
.bv2-usage-source strong { font-size:13px; }
.bv2-usage-source small { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.35; }
.bv2-previous { margin:0 0 24px; border:1px solid var(--line); border-radius:11px; }
.bv2-previous summary { padding:15px 17px; cursor:pointer; font-size:13px; font-weight:800; }
.bv2-previous summary span { float:right; color:var(--green); font-size:10px; text-transform:uppercase; }
.bv2-previous-body { padding:0 17px 4px; border-top:1px solid var(--line); }
.bv2-previous-body>p { color:var(--muted); font-size:12px; line-height:1.5; }
.bv2-submit { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:54px; margin-top:8px; padding:0 20px; color:#fff; background:var(--green); border:0; border-radius:11px; cursor:pointer; font:inherit; font-weight:800; box-shadow:0 7px 17px rgba(23,107,69,.22); transition:background .2s,transform .2s; }
.bv2-submit:hover { background:var(--green-dark); transform:translateY(-1px); }
.bv2-submit:disabled { cursor:wait; opacity:.7; transform:none; }
.bv2-guide { padding:45px 34px; background:#f0f7f2; border-left:1px solid var(--line); }
.bv2-guide-icon { display:grid; width:43px; height:43px; margin-bottom:24px; place-items:center; color:#fff; background:var(--green); border-radius:12px; font-size:21px; }
.bv2-guide h3 { margin:0 0 18px; font-size:21px; }
.bv2-guide ul { margin:0; padding:0; list-style:none; }
.bv2-guide li { position:relative; margin:0 0 15px; padding-left:25px; color:#40564c; font-size:13px; line-height:1.5; }
.bv2-guide li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--green); font-weight:900; }
.bv2-guide>p { margin-top:28px; padding-top:22px; color:#61746a; border-top:1px solid #d3e2d8; font-size:11px; line-height:1.55; }
.bv2-guide>p strong { color:#31483d; }
.bv2-status { min-height:0; padding:0 46px; color:var(--green); font-size:13px; }
.bv2-error { margin:0 46px 30px; padding:13px 15px; color:#8b2727; background:#fff2f2; border:1px solid #f2caca; border-radius:9px; font-size:13px; }
.bv2-results { padding:38px 46px 46px; border-top:1px solid var(--line); background:#fbfdfb; scroll-margin-top:24px; }
.bv2-results-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.bv2-results-head h2 { margin:0; font-size:30px; letter-spacing:-.035em; }
.bv2-confidence { flex:none; padding:7px 11px; color:#28583f; background:var(--mint); border-radius:30px; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.bv2-confidence.is-broad_estimate { color:#785b14; background:var(--amber); }
.bv2-result-summary,.bv2-result-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.bv2-result-details { margin-top:12px; }
.bv2-metric-card,.bv2-primary-card,.bv2-comparison-card { min-width:0; padding:20px; background:#fff; border:1px solid var(--line); border-radius:13px; }
.bv2-primary-card { color:#fff; background:var(--green); border-color:var(--green); }
.bv2-comparison-card { background:#eff8f2; border-color:#cfe3d5; }
.bv2-metric-card p,.bv2-primary-card p,.bv2-comparison-card p { margin:0 0 9px; color:#65776e; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.bv2-primary-card p { color:#cce4d5; }
.bv2-metric-card strong,.bv2-primary-card strong,.bv2-comparison-card strong { display:block; margin-bottom:7px; font-size:clamp(23px,3vw,32px); line-height:1.05; letter-spacing:-.035em; overflow-wrap:anywhere; }
.bv2-metric-card span,.bv2-primary-card span,.bv2-comparison-card span { display:block; color:#718079; font-size:11px; line-height:1.45; }
.bv2-primary-card span { color:#d6eadc; }
.bv2-result-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; padding-top:19px; border-top:1px solid var(--line); }
.bv2-source { color:#687970; font-size:11px; line-height:1.5; }
.bv2-copy { flex:none; padding:9px 13px; color:var(--green); background:#fff; border:1px solid #bcd2c4; border-radius:8px; cursor:pointer; font:inherit; font-size:11px; font-weight:800; }
.bv2-method { margin-top:18px; color:#53665c; font-size:12px; }
.bv2-method summary { cursor:pointer; color:#344c40; font-weight:800; }
.bv2-method h3 { margin:18px 0 7px; color:var(--ink); font-size:13px; }
.bv2-method ul { margin:0; padding-left:19px; }
.bv2-method li { margin-bottom:6px; line-height:1.5; }
.bv2-explainer { padding:88px 10px 75px; text-align:center; }
.bv2-explainer h2,.bv2-methodology-copy h2 { margin:0; font-size:clamp(31px,4.5vw,48px); letter-spacing:-.045em; }
.bv2-explainer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; text-align:left; }
.bv2-explainer article { padding:27px; background:#f7faf8; border:1px solid var(--line); border-radius:15px; }
.bv2-explainer article>span { color:var(--green); font-size:12px; font-weight:900; }
.bv2-explainer h3 { margin:18px 0 8px; font-size:20px; }
.bv2-explainer article p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.bv2-methodology-copy { max-width:850px; margin:0 auto; padding:54px; background:linear-gradient(145deg,#eff6ff,#f8fafc); border:1px solid #bfdbfe; border-left:5px solid #2563eb; border-radius:22px; color:#0f172a; box-shadow:0 10px 30px rgba(37,99,235,.08); }
.bv2-methodology-copy h2 { font-size:34px; }
.bv2-methodology-copy h2 { color:#0f172a; }
.bv2-methodology-copy p { margin:18px 0 0; color:#475569; line-height:1.7; }
.bv2-faq { max-width:850px; margin:75px auto 0; }
.bv2-faq h2 { margin:0 0 24px; font-size:clamp(30px,4vw,43px); letter-spacing:-.04em; }
.bv2-faq details { border-top:1px solid var(--line); }
.bv2-faq details:last-child { border-bottom:1px solid var(--line); }
.bv2-faq summary { padding:19px 2px; cursor:pointer; font-weight:800; }
.bv2-faq details p { margin:0; padding:0 2px 20px; color:var(--muted); line-height:1.65; }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width:850px) {
  .bv2-hero { padding-top:52px; }
  .bv2-workspace { grid-template-columns:1fr; }
  .bv2-guide { border-left:0; border-top:1px solid var(--line); }
  .bv2-explainer-grid { grid-template-columns:1fr; }
  .bv2-result-summary,.bv2-result-details { grid-template-columns:1fr 1fr; }
}
@media (max-width:650px) {
  .bv2-page { padding:0 10px 60px; }
  .bv2-hero { padding:48px 8px 32px; }
  .bv2-hero h1 { font-size:43px; }
  .bv2-hero>p:not(.bv2-eyebrow) { font-size:17px; }
  .bv2-trust { align-items:flex-start; flex-direction:column; width:max-content; max-width:100%; margin:24px auto 0; text-align:left; }
  .bv2-tool { border-radius:17px; }
  .bv2-tabs button { justify-content:center; padding:15px 7px; text-align:center; }
  .bv2-tabs button>span:last-child { display:none; }
  .bv2-input-column,.bv2-results { padding:28px 19px 30px; }
  .bv2-status { padding:0 19px; }
  .bv2-error { margin:0 19px 24px; }
  .bv2-panel-heading h3 { font-size:25px; }
  .bv2-grid-2,.bv2-grid-3 { grid-template-columns:1fr; gap:0; }
  .bv2-choice-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .bv2-choice-grid button { min-height:42px; padding:5px 2px; font-size:10px; }
  .bv2-usage-source { grid-template-columns:1fr; }
  .bv2-guide { padding:30px 22px; }
  .bv2-result-summary,.bv2-result-details { grid-template-columns:1fr; }
  .bv2-results-head,.bv2-result-footer { align-items:flex-start; flex-direction:column; }
  .bv2-explainer { padding:65px 5px 55px; }
  .bv2-methodology-copy { padding:32px 24px; border-radius:16px; }
}
@media (prefers-reduced-motion:reduce) { .bv2-page * { scroll-behavior:auto!important; transition:none!important; } }

/* Billora brand alignment: use the global blue system; reserve green/red for meaning. */
.bv2-page {
  --ink:var(--text-primary,#0f172a);
  --muted:var(--text-secondary,#64748b);
  --line:var(--border,#e2e8f0);
  --paper:var(--bg-surface,#fff);
  --soft:var(--bg-page,#f8fafc);
  --mint:var(--blue-light,#eff6ff);
  --green:var(--blue,#2563eb);
  --green-dark:var(--blue-dark,#1d4ed8);
  --lime:#dbeafe;
  background:linear-gradient(180deg,#eff6ff 0,#f8fafc 32rem,#fff 54rem);
}
.bv2-eyebrow,.bv2-step { color:var(--blue,#2563eb); }
.bv2-trust span::before { color:var(--blue,#2563eb); }
.bv2-tool { box-shadow:0 18px 50px rgba(30,64,175,.12); }
.bv2-tabs { background:#f1f5f9; }
.bv2-tabs button[aria-selected="true"] { box-shadow:inset 0 -3px 0 var(--blue,#2563eb); }
.bv2-tab-number { border-color:#bfdbfe; }
.bv2-tabs [aria-selected="true"] .bv2-tab-number,.bv2-guide-icon,.bv2-submit { background:var(--blue,#2563eb); border-color:var(--blue,#2563eb); }
.bv2-tabs button:focus-visible,.bv2-choice-grid button:focus-visible,.bv2-submit:focus-visible,.bv2-copy:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible { outline-color:rgba(37,99,235,.3); }
.bv2-input-prefix:focus-within,.bv2-input-suffix:focus-within { border-color:var(--blue,#2563eb); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.bv2-recommended { background:#eff6ff; border-color:#bfdbfe; }
.bv2-choice-grid button[aria-pressed="true"] { background:var(--blue,#2563eb); border-color:var(--blue,#2563eb); box-shadow:0 4px 12px rgba(37,99,235,.2); }
.bv2-usage-source label:has(input:checked) { background:#eff6ff; border-color:#93c5fd; }
.bv2-usage-source input { accent-color:var(--blue,#2563eb); }
.bv2-submit { box-shadow:0 7px 17px rgba(37,99,235,.22); }
.bv2-submit:hover { background:var(--blue-dark,#1d4ed8); }
.bv2-guide { background:#f8fafc; }
.bv2-guide li::before,.bv2-status { color:var(--blue,#2563eb); }
.bv2-confidence { color:#1e40af; background:#dbeafe; }
.bv2-copy { color:#1d4ed8; border-color:#bfdbfe; }
.bv2-methodology-copy { background:linear-gradient(145deg,#eff6ff,#f8fafc); }

.bv2-field label .bv2-required {
  margin-left:5px;
  padding:0;
  color:var(--red-text,#b91c1c);
  background:transparent;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.bv2-field label .bv2-required::before { content:"* "; }
.bv2-field:has(:required:invalid) input,.bv2-field:has(:required:invalid) select { border-color:#fca5a5; background:#fffafa; }
.bv2-field:has(:required:focus) input,.bv2-field:has(:required:focus) select { border-color:var(--blue,#2563eb); background:#fff; }

.bv2-primary-card { color:#fff; background:linear-gradient(145deg,#2563eb,#1d4ed8); border-color:#2563eb; box-shadow:0 9px 22px rgba(37,99,235,.18); }
.bv2-primary-card.is-high { background:#fff; color:var(--ink); border:2px solid #fecaca; box-shadow:0 8px 20px rgba(220,38,38,.08); }
.bv2-primary-card.is-high p { color:#b91c1c; }
.bv2-primary-card.is-high span { color:#64748b; }
.bv2-primary-card.is-low { background:#fff; color:var(--ink); border:2px solid #bfdbfe; box-shadow:0 8px 20px rgba(37,99,235,.09); }
.bv2-primary-card.is-low p { color:#1d4ed8; }
.bv2-primary-card.is-low span { color:#64748b; }
.bv2-metric-card { box-shadow:0 4px 14px rgba(15,23,42,.05); }
.bv2-metric-card.is-cheaper { background:linear-gradient(145deg,#eff6ff,#dbeafe); border:2px solid #93c5fd; box-shadow:0 9px 22px rgba(37,99,235,.12); }
.bv2-metric-card.is-cheaper p { color:#1d4ed8; }
.bv2-metric-card.is-expensive { background:#fff; border:2px solid #fecaca; box-shadow:0 8px 20px rgba(220,38,38,.07); }
.bv2-metric-card.is-expensive p { color:#b91c1c; }
.bv2-comparison-card { background:#f8fafc; border:2px solid #cbd5e1; }
.bv2-result-help { margin-top:18px; padding:18px 20px; background:#eff6ff; border:1px solid #bfdbfe; border-left:4px solid #2563eb; border-radius:10px; }
.bv2-result-help h3 { margin:0 0 6px; color:#1e40af; font-size:14px; }
.bv2-result-help p { margin:0; color:#475569; font-size:12px; line-height:1.6; }
