:root {
  color-scheme: dark;
  --bg: #0d1018;
  --panel: #141923;
  --text: #f2f4fa;
  --muted: #a5aec0;
  --line: #2c3342;
  --blue: #4864ef;
  --blue-light: #b2c0ff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font-size: 16px; min-width: 320px; min-height: 100svh; display: flex; flex-direction: column; -webkit-font-smoothing: antialiased; }
body:has(dialog[open]) { overflow: hidden; }
button, input, a { font: inherit; }
button, input, a, summary { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { cursor: pointer; color: inherit; border: 0; }
button:disabled { cursor: default; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 4px; border-radius: 5px; }
input:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 3px; }
h1:focus, main:focus, .result-card:focus { outline: none; }
input { min-width: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { appearance: textfield; }
input::placeholder { color: #8590a5; opacity: 1; }
input:disabled { opacity: .65; }
em { font-style: normal; color: var(--blue-light); }
::selection { background: #3b51aa; color: #fff; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
.header { width: 100%; max-width: 1160px; height: 88px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; flex-shrink: 0; line-height: 1; }
.brand img { display: block; width: 174px; height: auto; }
.private-pill { color: var(--muted); font-size: 12px; line-height: 1.5; }
.progress-shell { width: min(480px, calc(100% - 40px)); margin: 8px auto 0; }
.progress { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.progress > button { background: none; color: var(--muted); font-size: 13px; min-height: 44px; padding: 4px 0; white-space: nowrap; }
.progress > i { flex: 1; height: 1px; background: var(--line); }
.progress > button:disabled { color: #8b95a8; }
.progress > button.active { color: var(--text); }
.progress > button.done { color: var(--blue-light); }
.progress > button:not(:disabled):hover { color: #fff; }
.progress-track { height: 2px; background: #252b38; margin-top: 5px; border-radius: 2px; overflow: hidden; }
.progress-track > div { height: 100%; background: var(--blue); transition: width .25s ease; }
#app { flex: 1; width: 100%; }
.screen { width: min(760px, calc(100% - 40px)); margin: 48px auto 64px; animation: enter .2s ease-out; }
.intro { text-align: center; margin-bottom: 32px; }
.eyebrow { display: inline-block; color: var(--muted); font-size: 12px; letter-spacing: 1.7px; font-weight: 500; }
h1 { font-size: clamp(32px, 4vw, 42px); line-height: 1.18; font-weight: 500; letter-spacing: -1.5px; margin: 0 0 16px; text-wrap: balance; }
.intro > .eyebrow { margin-bottom: 18px; }
.subtitle { color: var(--muted); font-size: 16px; line-height: 1.65; margin: 0; text-wrap: balance; }
h2 { font-size: 22px; letter-spacing: -.4px; font-weight: 500; line-height: 1.4; }
label { display: block; color: #d8deea; font-size: 14px; font-weight: 400; margin: 18px 0 9px; line-height: 1.5; }
input:not([type=checkbox]):not([type=range]) { width: 100%; height: 52px; padding: 0 14px; font-size: 16px; color: var(--text); background: var(--panel); border: 1px solid #3a4253; border-radius: 8px; transition: border-color .15s; }
input:not(:disabled):hover { border-color: #717d97; }
.primary { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; min-height: 52px; padding: 12px 20px; background: var(--blue); border: 1px solid #6077f4; border-radius: 8px; color: white; font-size: 16px; font-weight: 500; transition: background .15s; }
.primary > span:last-child { font-size: 21px; line-height: 1; }
.primary:hover:not(:disabled) { background: #5570f7; }
.primary:active:not(:disabled) { background: #3d54d4; }
.primary:disabled { opacity: .6; }
.primary:has(.spinner) { opacity: 1; cursor: wait; }
.secondary { min-height: 48px; padding: 10px 16px; background: #1c2434; border: 1px solid #46536e; border-radius: 8px; color: #e1e8fa; font-size: 14px; line-height: 1.5; }
.secondary:hover:not(:disabled) { background: #273249; }
.secondary:disabled { opacity: .7; }
.back, .text-button { min-height: 44px; padding: 8px 0; background: none; color: var(--muted); font-size: 14px; line-height: 1.5; }
.back:hover, .text-button:hover { color: var(--text); }
.micro { font-size: 12px; color: var(--muted); line-height: 1.6; }

/* One clear form, with optional information tucked away. */
.contact-screen { max-width: 620px; }
.contact-form { max-width: 500px; margin: 0 auto; }
.field-row { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; }
.field-row label { margin-top: 0; }
.optional-phone { margin-top: 9px; }
.optional-phone summary { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; min-height: 44px; color: var(--muted); font-size: 14px; cursor: pointer; list-style: none; }
.optional-phone summary::before { content: '+'; font-size: 18px; }
.optional-phone[open] summary::before { content: '−'; }
.optional-phone summary span { font-size: 12px; }
.optional-phone input { margin-bottom: 12px; }
.consent-group { margin: 8px 0 24px; }
.checkbox-label { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; margin: 0; padding: 9px 0; color: var(--muted); font-size: 13px; line-height: 1.65; cursor: pointer; }
.checkbox-label input { width: 20px; height: 20px; flex-shrink: 0; margin: 1px 0 0; accent-color: var(--blue); cursor: pointer; }
.checkbox-label small { font-size: 12px; }
.inline-link { padding: 0; background: none; font: inherit; color: var(--blue-light); text-decoration: underline; text-underline-offset: 3px; }
.form-bottom { display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--muted); font-size: 12px; margin: 16px 0 0; line-height: 1.5; }

/* A single question and a generous, directly editable value. */
.question-screen { max-width: 700px; }
.question-steps { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; max-width: 490px; margin: 0 auto 28px; }
.question-steps button { display: flex; align-items: center; gap: 7px; background: none; color: var(--muted); padding: 8px 0; min-height: 44px; font-size: 13px; }
.question-steps span { font-size: 12px; color: #8f9dbb; }
.question-steps [aria-current=step] { color: var(--blue-light); }
.question-steps [aria-current=step] span { color: inherit; }
.question-steps button:disabled { color: #8892a5; }
.question-steps button:not(:disabled):hover { color: #fff; }
.question-card { width: 100%; max-width: 490px; margin: 0 auto; }
.question-card > label { margin-top: 0; }
.big-input { display: flex; align-items: center; gap: 12px; padding: 8px 16px; border: 1px solid #4b5875; border-radius: 10px; background: var(--panel); margin-bottom: 16px; }
.big-input:focus-within { border-color: var(--blue-light); outline: 2px solid var(--blue-light); outline-offset: 3px; }
.big-input input { flex: 1; min-width: 0; height: 72px !important; background: transparent !important; border: 0 !important; padding: 0 !important; outline: none !important; font-size: 48px !important; letter-spacing: -1.5px; font-variant-numeric: tabular-nums; }
.big-input > span { max-width: 100px; color: var(--muted); font-size: 14px; line-height: 1.5; text-align: right; }
.presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.preset { min-height: 44px; padding: 6px; background: transparent; color: #b4bfd5; border: 1px solid var(--line); border-radius: 7px; font-size: 14px; }
.preset:hover { border-color: #687caa; color: #eef2ff; }
.preset.selected { background: #202c4b; border-color: #5e76be; color: #e1e8ff; }
.live-equivalence { color: var(--blue-light); font-size: 14px; line-height: 1.7; margin: 18px 0 8px; }
.field-help, .helper-calc { color: var(--muted); font-size: 14px; margin: 12px 0; }
.field-help summary, .helper-calc summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 9px; list-style: none; line-height: 1.6; }
.field-help summary::before, .helper-calc summary::before { content: '+'; font-size: 18px; }
.field-help[open] summary::before, .helper-calc[open] summary::before { content: '−'; }
.field-help p { line-height: 1.75; margin: 0 0 20px; }
.helper-calc { margin-bottom: 0; }
.helper-calc label { margin-top: 8px; }
.helper-row { display: flex; gap: 12px; }
.helper-row input { flex: 1; width: 0 !important; }
.helper-row .secondary { flex-shrink: 0; }
.question-card > .primary { margin-top: 20px; }
.below-card { display: flex; align-items: center; justify-content: space-between; max-width: 490px; margin: 12px auto 0; gap: 20px; }
.below-card > span { color: var(--muted); font-size: 12px; }

/* The two controls remain visible beside the same-page result. */
.potential-screen { max-width: 680px; margin-top: 40px; }
.metrics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.scenario-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.scenario-card label { margin: 0 0 12px; font-size: 14px; }
.scenario-input { display: flex; align-items: center; gap: 8px; }
.scenario-input input { flex: 1; min-width: 0; height: 58px !important; padding: 0 10px !important; font-size: 34px !important; letter-spacing: -1px; background: var(--bg) !important; font-variant-numeric: tabular-nums; }
.scenario-input > span { font-size: 26px; color: var(--blue-light); }
.scenario-card input[type=range] { display: block; appearance: none; width: 100%; height: 36px; cursor: pointer; margin: 12px 0 0; background: transparent; --fill: 0%; }
.scenario-card input[type=range]::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: linear-gradient(to right, #7e96ff var(--fill), #3a4358 var(--fill)); }
.scenario-card input[type=range]::-webkit-slider-thumb { appearance: none; width: 20px; height: 20px; border: 5px solid #c0ccff; border-radius: 50%; background: #4864ef; margin-top: -8.5px; }
.scenario-card input[type=range]::-moz-range-track { height: 3px; border-radius: 3px; background: #3a4358; }
.scenario-card input[type=range]::-moz-range-progress { height: 3px; background: #7e96ff; }
.scenario-card input[type=range]::-moz-range-thumb { width: 10px; height: 10px; border: 5px solid #c0ccff; border-radius: 50%; background: #4864ef; }
.slider-rail { position: relative; margin: 12px 0 8px; padding-bottom: 9px; }
.scenario-card .slider-rail input[type=range] { margin: 0; }
.slider-marks { position: absolute; inset: 0 10px; pointer-events: none; }
.slider-mark { position: absolute; top: 25px; width: 2px; height: 9px; margin-left: -1px; background: #a5aec0; border-radius: 1px; }
.slider-mark.prudent { height: 14px; background: #a8d9c9; }
.range-scale { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -6px 0 6px; font-size: 12px; color: var(--muted); }
.range-expand { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 4px 0 4px 8px; background: none; color: var(--muted); font-size: 12px; }
.expand-label { color: var(--blue-light); font-size: 14px; }
.range-expand:hover:not(:disabled) .expand-label { color: #f1f6ff; text-decoration: underline; text-underline-offset: 4px; }
.range-expand:disabled .expand-label { color: var(--muted); font-size: 12px; }
.benchmark-legend { display: flex; flex-direction: column; gap: 0; }
.benchmark-choice { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 6px 0; background: none; text-align: left; font-size: 14px; color: var(--muted); line-height: 1.5; }
.benchmark-symbol { display: block; flex: 0 0 2px; height: 9px; background: #a5aec0; border-radius: 1px; }
.benchmark-choice.prudent { color: #a8d9c9; }
.benchmark-choice.prudent .benchmark-symbol { height: 14px; background: currentColor; }
.benchmark-choice > span:nth-child(2) { flex: 1; }
.benchmark-choice strong { font-size: 14px; font-weight: 500; text-align: right; }
.benchmark-choice:hover { color: #f1f6ff; }
.benchmark-choice[aria-pressed=true] strong { text-decoration: underline; text-underline-offset: 4px; }
.benchmark-note { margin: 3px 0 0 10px; color: var(--muted); font-size: 12px; line-height: 1.6; }

.conversion-definition { text-align: center; color: var(--muted); font-size: 13px; margin: 16px 0 28px; line-height: 1.7; text-wrap: balance; }
.conversion-definition strong { font-weight: 400; color: #c8d1e3; }
.reveal-card { text-align: center; }
.reveal-card .micro { margin: 14px auto 0; max-width: 440px; text-wrap: balance; }
.reveal-button { max-width: 400px; margin: 0 auto; }
.result-card { padding: 30px 32px; border: 1px solid #3c4d72; border-radius: 14px; background: #151f33; animation: enter .25s ease-out; text-align: center; }
.result-kicker { color: #c3cee4; font-size: 14px; margin: 0; }
.annual-result { color: #d7e2ff; font-size: clamp(40px, 5.4vw, 64px); font-weight: 500; line-height: 1.2; letter-spacing: -2px; margin: 13px 0 4px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.negative .annual-result { color: #f4b7be; }
.annual-caption { color: #bdc9e1; font-size: 15px; line-height: 1.6; margin: 0; text-wrap: balance; }
.annual-caption strong { font-weight: 400; color: #e8eeff; }
.result-comparison { display: grid; grid-template-columns: 1fr 40px 1fr; align-items: center; border-top: 1px solid #35405a; padding-top: 24px; margin-top: 26px; }
.result-comparison > div { display: flex; flex-direction: column; gap: 5px; }
.result-comparison span { color: #b2bfd9; font-size: 13px; line-height: 1.5; }
.result-comparison strong { color: #f0f4ff; font-weight: 500; font-size: 34px; letter-spacing: -.5px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.result-comparison .comparison-arrow { font-size: 26px; color: #a7b6d9; }
.result-explanation { font-size: 17px; color: #c8d3e9; line-height: 1.65; margin: 24px auto 12px; max-width: 490px; text-wrap: balance; }
.result-explanation strong { color: #eef3ff; font-weight: 500; }
.result-footnote { font-size: 12px; color: #a9b7d1; margin: 0; line-height: 1.7; text-wrap: balance; }
.result-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 10px 0 0; }
.result-actions .text-button { font-size: 13px; }
.result-actions .text-button > span { margin-left: 5px; }
.saved-badge { color: #adc7be; font-size: 12px; line-height: 1.5; }
.analysis-card { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 24px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 20px; }
.analysis-card p { font-size: 16px; line-height: 1.5; margin: 0; }
.analysis-card .micro { grid-column: 1 / -1; }
.analysis-card .secondary:disabled { color: #c0dfd2; background: #1d332c; border-color: #425f53; opacity: 1; }
.method { margin-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.method summary { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; line-height: 1.6; }
.method summary > span { font-size: 22px; transition: transform .15s; }
.method[open] summary > span { transform: rotate(45deg); }
.method p { line-height: 1.8; margin: 0 0 16px; }
.method strong { color: #cfd9eb; font-weight: 500; }
summary::-webkit-details-marker { display: none; }
.potential-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.potential-bottom > span { font-size: 12px; color: var(--muted); }
.error { border: 1px solid #946273; background: #31202a; color: #ffd4dd; padding: 12px 16px; border-radius: 8px; font-size: 14px; line-height: 1.7; }
.honeypot { position: absolute; left: -9999px; width: 0; overflow: hidden; }
.loading { display: flex; justify-content: center; align-items: center; min-height: 60vh; padding: 40px; color: var(--muted); }
.spinner { display: block; border: 2px solid #ffffff44; border-top-color: white; width: 16px; height: 16px; border-radius: 50%; animation: spin .75s linear infinite; }
.footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 1160px; width: 100%; padding: 20px 40px; margin: 0 auto; color: var(--muted); font-size: 12px; }
.footer > div { display: flex; align-items: center; gap: 24px; }
.footer a { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; }
.footer a:hover { color: var(--text); }
.footer-dot { margin: 0 7px; }
.footer .text-button { font-size: 12px; }
dialog { position: fixed; color: var(--text); background: var(--panel); border: 1px solid #465572; border-radius: 14px; max-width: 560px; width: calc(100% - 36px); padding: 32px; max-height: calc(100dvh - 40px); overflow: auto; }
dialog::backdrop { background: #030813d9; }
dialog h2 { font-size: 26px; margin: 20px 0; }
dialog p { font-size: 14px; line-height: 1.8; color: var(--muted); }
.dialog-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; background: none; border-radius: 8px; color: var(--muted); font-size: 26px; }
.dialog-close:hover { background: #253047; }
.danger { background: #38242e; border-color: #785365; color: #f7c6d2; }
.admin-screen{max-width:1180px}.admin-login{max-width:410px;margin:40px auto}.admin-login .primary{margin-top:23px}.admin-toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:24px 0}.admin-toolbar .primary{width:auto;padding:0 18px;font-size:12px;min-height:43px}.admin-actions{display:flex;gap:12px}.admin-stats{display:flex;gap:20px;color:#aabfdc;font-size:13px}.admin-toolbar input{max-width:280px}.admin-check{display:flex;align-items:center;gap:9px;font-size:11px;color:#9cb0cd;min-height:40px;cursor:pointer}.admin-check input{width:17px;height:17px;accent-color:#4d69ea}.table-wrap{overflow:auto;border:1px solid #32425b;border-radius:12px}.leads-table{width:100%;min-width:980px;border-collapse:collapse;text-align:left;font-size:12px}.leads-table th{background:#1b2940;color:#acc0df;padding:16px;font-weight:500;white-space:nowrap}.leads-table td{padding:17px 16px;border-bottom:1px solid #2a3a52;color:#c1d1e7;vertical-align:top}.leads-table small{display:block;font-size:10px;color:#8ea6c5;margin-top:6px}.leads-table strong{display:block;font-size:13px;font-weight:500}.leads-table .badge{display:inline-block;background:#24395c;color:#b5d2ff;padding:5px 7px;border-radius:5px;font-size:10px}.leads-table .badge.green{color:#bfe9d1;background:#224236}.admin-detail{font-size:10px;max-width:190px;margin-top:8px}.admin-detail summary{cursor:pointer;color:#aac2e5}.admin-detail p{line-height:1.8}.empty-state{text-align:center;border:1px dashed #3b506f;border-radius:13px;padding:50px 20px;color:#a8bdd9}.empty-state h2{font-size:22px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:25px 0}
@keyframes enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
  .header { height: 72px; padding: 0 20px; gap: 16px; }
  .brand img { width: 151px; }
  .private-pill { font-size: 12px; max-width: 115px; text-align: right; }
  .progress-shell { margin-top: 0; }
  .progress { gap: 8px; }
  .progress > button { font-size: 12px; }
  .progress > i { display: none; }
  .screen { margin-top: 32px; margin-bottom: 40px; }
  h1 { font-size: 32px; letter-spacing: -1px; margin-bottom: 14px; }
  .intro { margin-bottom: 28px; }
  .subtitle { font-size: 15px; }
  .intro > .eyebrow { font-size: 12px; letter-spacing: 1.3px; margin-bottom: 16px; }
  .field-row { grid-template-columns: 1fr; gap: 18px; }
  .checkbox-label { font-size: 13px; }
  .contact-form .form-bottom { font-size: 12px; }
  .question-steps { gap: 10px; margin-bottom: 20px; }
  .question-steps button { font-size: 12px; gap: 5px; }
  .big-input { padding: 6px 14px; }
  .big-input input { font-size: 42px !important; height: 64px !important; }
  .big-input > span { font-size: 13px; max-width: 80px; }
  .presets { gap: 8px; }
  .preset { font-size: 13px; }
  .helper-row { gap: 8px; }
  .helper-row .secondary { padding: 8px 12px; font-size: 13px; }
  .potential-screen .intro { margin-bottom: 24px; }
  .metrics-grid { gap: 12px; grid-template-columns: 1fr; }
  .scenario-card { padding: 18px; }
  .scenario-card label { margin-bottom: 8px; }
  .scenario-input input { height: 52px !important; font-size: 30px !important; }
  .scenario-card input[type=range] { margin-top: 8px; height: 32px; }
  .slider-mark { top: 23px; }
  .conversion-definition { margin: 14px 4px 24px; }
  .result-card { padding: 24px 18px; }
  .annual-result { font-size: 44px; letter-spacing: -1.5px; }
  .annual-caption { font-size: 14px; }
  .result-comparison { margin-top: 22px; padding-top: 22px; grid-template-columns: 1fr 30px 1fr; }
  .result-comparison strong { font-size: 32px; }
  .result-explanation { font-size: 16px; }
  .result-actions { flex-wrap: wrap; gap: 0; }
  .saved-badge { min-height: 28px; display: flex; align-items: center; gap: 5px; }
  .analysis-card { grid-template-columns: 1fr; gap: 12px; }
  .analysis-card .micro { grid-column: auto; }
  .method summary { font-size: 14px; }
  .potential-bottom { gap: 12px; }
  .potential-bottom .back { font-size: 13px; }
  .potential-bottom > span { text-align: right; }
  .footer { padding: 12px 20px 20px; flex-direction: column; gap: 6px; text-align: center; }
  .footer > div { gap: 28px; }
  dialog { padding: 28px 22px; }
  .admin-toolbar { flex-wrap: wrap; gap: 14px; }
  .admin-toolbar input { max-width: none; }
  .admin-actions { width: 100%; justify-content: space-between; gap: 8px; }
  .admin-toolbar .primary { font-size: 12px; padding: 0 12px; }
  .admin-actions .secondary { font-size: 12px; padding: 8px 11px; }
  .admin-stats { font-size: 14px; }
}
@media (max-width: 370px) {
  .header { padding: 0 16px; gap: 10px; }
  .brand img { width: 134px; }
  .private-pill { max-width: 120px; }
  .screen { width: calc(100% - 32px); }
  h1 { font-size: 29px; }
  .question-steps { gap: 6px; }
  .presets { gap: 6px; }
  .preset { font-size: 12px; }
  .result-card { padding-left: 14px; padding-right: 14px; }
  .annual-result { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Single-page calculator inspired by the supplied reference. */
.calculator-body { background: radial-gradient(ellipse at 7% 25%,#111946 0,transparent 48%),radial-gradient(ellipse at 95% 90%,#101725 0,transparent 40%),#080b13; }
.calculator-body .header { max-width:1280px; height:92px; }
.calculator-body .brand img { width:184px; }
.calculator-progress { width:min(1080px,calc(100% - 64px)); margin:0 auto; }
.calculator-progress .progress-track { margin:0; background:#1b2233; }
.calculator-body #app { width:100%; max-width:none; margin:0; padding:0; flex:1; }
.calculator-page { width:min(1080px,calc(100% - 64px)); margin:42px auto 0; }
.calculator-heading { text-align:center; margin-bottom:34px; }
.calculator-heading .eyebrow { font-size:12px; letter-spacing:.16em; color:#8998c4; }
.calculator-heading h1 { font-weight:500; font-size:clamp(32px,4vw,46px); line-height:1.2; letter-spacing:-.04em; margin:12px 0; }
.calculator-heading p { color:#a7afc2; margin:0; line-height:1.6; }
.mobile-break { display:none; }
.calculator-panel { display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); border:1px solid #303647; border-radius:22px; overflow:hidden; background:linear-gradient(125deg,#1b1e2b,#10141e 55%,#0e1118); box-shadow:0 24px 80px #0004; }
.calculator-controls { padding:30px 32px; border-right:1px solid #2c3140; }
.control-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; }
.control-title h2 { font-size:15px; font-weight:500; margin:0; }
.control-title .text-button { font-size:12px; color:#9ba8c7; padding:8px 0; }
.step-note { font-size:12px; color:#7e8aa6; }
.calc-field { padding:15px 0 12px; border-bottom:1px solid #2c3140; }
.calc-field label { display:flex; justify-content:space-between; align-items:center; color:#bec5d4; font-size:14px; margin:0 0 7px; }
.field-unit { font-size:12px; color:#8993a9; }
.calc-field input { width:100%; background:transparent; border:0; border-radius:3px; padding:0; color:#f2f4fa; font-size:28px; line-height:1.4; font-weight:450; min-height:40px; }
.calc-field input:focus-visible { outline-offset:5px; }
.calc-field p { font-size:12px; line-height:1.5; color:#8590a8; margin:5px 0 0; }
.business-fields { padding:0; border:0; margin:0; min-width:0; }
.locked-fields { opacity:.42; }
.baseline { margin:14px 0 0; color:#aeb8d4; font-size:13px; line-height:1.5; }
.scenario-title { margin:28px 0 16px; padding-top:20px; border-top:1px solid #303647; }
#scenario-controls { border:0; padding:0; margin:0; min-width:0; }
.goal-field { margin:20px 0; }
.goal-field label { color:#bdc5d7; font-size:14px; margin-bottom:6px; display:block; }
.goal-value { display:flex; gap:12px; align-items:baseline; margin-bottom:11px; }
.goal-value input { color:#f5f6ff; background:transparent; border:0; border-radius:3px; font-size:25px; padding:0; width:100%; min-height:38px; }
.goal-value > span { font-size:14px; color:#a0aac1; }
.goal-rail { position:relative; }
.goal-rail input { width:100%; height:5px; border:0; padding:0; appearance:none; border-radius:20px; background:linear-gradient(to right,#6f83ff var(--fill,0%),#343d54 var(--fill,0%)); cursor:pointer; margin:10px 0; }
.goal-rail input::-webkit-slider-thumb { appearance:none; width:17px; height:17px; border-radius:50%; background:#7790ff; border:3px solid #d2d9ff; box-shadow:0 0 0 4px #7e92ff18; }
.goal-rail input::-moz-range-thumb { width:12px; height:12px; border-radius:50%; background:#7790ff; border:3px solid #d2d9ff; }
.goal-marker { position:absolute; top:4px; height:17px; width:2px; background:#a1dbff; pointer-events:none; }
.goal-reference { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.goal-reference button { background:none; padding:6px 0; font-size:12px; line-height:1.5; text-align:left; color:#9bc9e3; }
.goal-reference .expand-range { color:#8796b6; text-align:right; }
.goal-reference button:disabled { color:#64728d; }
.goal-note,.action-note { color:#8792a9; font-size:12px; line-height:1.6; }
.calculator-submit { margin-top:24px; width:100%; min-height:50px; border-radius:10px; font-size:15px; }
.action-note { text-align:center; margin:12px 0 0; }
.calculator-result { min-width:0; padding:38px 32px 24px; }
.result-eyebrow { font-size:11px; line-height:1.5; letter-spacing:.13em; color:#95a1bb; text-align:center; margin:0 0 13px; }
.result-content { position:sticky; top:30px; }
.hero-result { font-size:clamp(34px,4.5vw,56px); letter-spacing:-.045em; line-height:1.2; text-align:center; color:#f6f7ff; overflow-wrap:anywhere; }
.hero-caption { color:#aab4cb; text-align:center; font-size:14px; margin:9px 0 24px; }
.chart-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; font-size:11px; }
.chart-legend > span { background:#ffffff06; border:1px solid #ffffff09; border-radius:20px; padding:6px 9px; display:flex; align-items:center; gap:6px; }
.chart-legend i { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.legend-current { background:#94a5c5; }.legend-target { background:#8192ff; }
.revenue-chart { display:block; width:100%; margin:22px 0 0; overflow:visible; }
.revenue-chart text { fill:#8994aa; font-family:inherit; font-size:12px; }
.chart-grid { stroke:#ffffff0c; stroke-dasharray:3 5; }.chart-current-area { fill:#94a5c508; }
.chart-current,.chart-target { fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }.chart-current { stroke:#8496b5; }.chart-target { stroke:#8697ff; }
.chart-description { text-align:center; font-size:12px; color:#7785a0; margin:2px 0 24px; }
.simple-result { border-top:1px solid #2b3141; padding-top:20px; text-align:center; }
.simple-result p { line-height:1.7; color:#b5bed0; font-size:15px; margin:0 0 10px; }
.simple-result strong { color:#e8edff; font-weight:500; }
.result-caveat { color:#7f8aa2; font-size:12px; text-align:center; line-height:1.65; margin:20px 0; }
.report-row { display:flex; flex-direction:column; align-items:center; gap:10px; }
.report-button { padding:12px 20px; min-height:44px; background:transparent; border:1px solid #3b4358; border-radius:30px; color:#c5cee4; font-size:13px; }
.report-button:hover:not(:disabled) { background:#ffffff06; }.report-button:disabled { opacity:.4; }
.save-status { color:#8c99b6; font-size:11px; }
.talk-row { margin-top:24px; border-top:1px solid #292f40; padding-top:20px; display:flex; flex-direction:column; align-items:center; gap:4px; font-size:13px; color:#8a98b3; }
.talk-row button { font-size:14px; color:#a8b8ff; min-height:44px; }
.result-empty { height:100%; min-height:490px; display:flex; flex-direction:column; justify-content:center; text-align:center; max-width:430px; margin:auto; }
.result-empty h2 { font-size:34px; line-height:1.2; letter-spacing:-.03em; font-weight:450; margin:14px 0; color:#d4dcef; }
.result-empty p { color:#93a0bc; font-size:14px; line-height:1.8; margin:8px 0; }
.empty-chart { position:relative; margin:40px 12px 20px; height:130px; display:flex; flex-direction:column; justify-content:space-between; }
.empty-chart i { display:block; border-top:1px dashed #313a52; width:100%; }.empty-chart span { position:absolute; bottom:-24px; left:0; font-size:11px; color:#61718f; }.empty-chart span:last-child { left:auto; right:0; }
.result-empty .empty-caption { font-size:12px; color:#7885a0; margin-top:24px; }
.calculator-method { max-width:740px; margin:25px auto 40px; color:#909db8; font-size:13px; line-height:1.8; }
.calculator-method summary { cursor:pointer; text-align:center; padding:10px; color:#a4b1d0; }.calculator-method p { margin:12px 0; }
.contact-dialog { width:min(590px,calc(100% - 32px)); border:1px solid #3a4359; background:#151b29; padding:34px; border-radius:20px; color:#f2f4fa; max-height:calc(100svh - 32px); overflow:auto; }
.contact-dialog::backdrop { background:#020613cc; backdrop-filter:blur(7px); }
.contact-close { position:absolute; top:12px; right:14px; width:36px; height:36px; background:none; font-size:25px; color:#9cabc8; }
.contact-dialog h2 { font-size:30px; font-weight:500; line-height:1.2; letter-spacing:-.03em; margin:12px 0; }
.contact-dialog .eyebrow { font-size:11px; color:#9baedf; }
.contact-subtitle { color:#9faac1; font-size:14px; line-height:1.65; margin-bottom:24px; }
.contact-dialog form > label,.contact-dialog .field-row label { color:#b9c4dd; font-size:14px; display:block; margin:15px 0 8px; }
.contact-dialog input:not([type=checkbox]) { width:100%; padding:12px; background:#0c1220; border:1px solid #36425d; border-radius:8px; color:#eff3ff; min-height:46px; }
.contact-dialog .primary { width:100%; margin-top:18px; min-height:50px; }
@media(max-width:900px) { .calculator-panel { grid-template-columns:minmax(0,370px) minmax(0,1fr); }.calculator-controls,.calculator-result { padding:26px 24px; }.hero-result { font-size:40px; }.calculator-page { width:calc(100% - 40px); }.calculator-progress { width:calc(100% - 40px); } }
@media(max-width:760px) { .calculator-body .header { height:78px;padding:0 24px; }.calculator-page { margin-top:28px; }.calculator-heading { margin-bottom:26px; }.calculator-panel { grid-template-columns:1fr; }.calculator-controls { border-right:0; border-bottom:1px solid #2c3140; }.calculator-result { padding:32px 24px; }.result-content { position:static; }.result-empty { min-height:330px; }.result-empty h2 { font-size:29px; }.hero-result { font-size:44px; }.calculator-method { font-size:12px; }.empty-chart { margin-top:26px; height:85px; }.chart-legend { font-size:11px; }.contact-dialog { padding:28px 22px; } }
@media(max-width:400px) { .mobile-break { display:block; }.calculator-page,.calculator-progress { width:calc(100% - 28px); }.calculator-body .header { padding:0 16px; }.calculator-body .brand img { width:155px; }.calculator-controls,.calculator-result { padding:24px 20px; }.hero-result { font-size:36px; }.control-title h2 { font-size:14px; }.contact-dialog .field-row { grid-template-columns:1fr;gap:0; } }
/* Compact simulator: three current figures, two volume objectives. */
.simple-calculator .calculator-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.simple-calculator .calculator-controls,.simple-calculator .calculator-result{min-width:0;padding:30px}
.simple-calculator .calc-field{padding:16px 0}
.simple-calculator .calc-field label{display:block;font-size:13px;line-height:1.5;color:#c9d2e6;margin-bottom:6px}
.optional-field{font-size:10px;color:#8c9bb8;margin-left:8px;white-space:nowrap}
.simple-calculator .calc-field input{font-size:26px;min-width:0;width:100%}
.simple-calculator .calc-field input::placeholder{font-size:18px;color:#75839e}
.simple-calculator .calc-field p{font-size:11px;margin-top:4px}
.simple-calculator .scenario-title{margin-top:22px;padding-top:20px}
.growth-control{margin:20px 0 22px;min-width:0}
.growth-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.growth-label label{font-size:13px;color:#c1cce3;line-height:1.5}
.growth-label output{color:#c4ceff;font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}
.growth-control input[type=range]{display:block;width:100%;min-width:0;appearance:none;border:0;border-radius:8px;padding:0;height:5px;margin:14px 0;cursor:pointer;background:linear-gradient(to right,#7f91ff var(--fill,0%),#343d54 var(--fill,0%))}
.growth-control input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#8195ff;border:3px solid #d3dcff}
.growth-control input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#8195ff;border:3px solid #d3dcff}
.growth-control input:disabled{opacity:.35;cursor:default}
.growth-control p{color:#8fa0be;font-size:12px;line-height:1.5;margin:12px 0 0}
.potential-content{display:block;min-width:0;width:100%;max-width:100%;word-break:normal;overflow-wrap:normal;writing-mode:horizontal-tb}
.potential-content .result-eyebrow{text-align:left;margin-bottom:16px}
.potential-hero{display:block;margin-bottom:28px}
.potential-hero strong{display:block;font-size:clamp(30px,4.5vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#f2f5ff;font-variant-numeric:tabular-nums}
.potential-hero span{display:block;font-size:14px;line-height:1.6;color:#b3c0da;max-width:32ch;margin-top:9px}
.request-bars{display:block;margin:26px 0 30px;min-width:0}
.request-bar-row{margin:0 0 19px}
.request-bar-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:12px;color:#a4b3d0}
.request-bar-row strong{color:#e3e9ff;font-size:16px;font-weight:500;white-space:nowrap}
.request-bar-track{height:8px;background:#252e42;width:100%;border-radius:3px;overflow:hidden}
.request-bar{display:block;height:100%;border-radius:3px}.request-bar.current{background:#8b9bb6}.request-bar.target{background:#8295ff}
.potential-clients{display:flex;gap:12px;align-items:center;border-top:1px solid #30394e;padding:19px 0}
.potential-clients strong{font-size:26px;line-height:1.2;color:#bbd7ff;flex-shrink:0;font-weight:500}
.potential-clients span{font-size:12px;color:#a3b2ce;line-height:1.6;max-width:27ch}
.conversion-summary{display:block;border-top:1px solid #30394e;padding:20px 0 0}
.conversion-summary>span{font-size:11px;color:#91a2c4}
.conversion-summary p{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;color:#8293b8;font-size:18px}
.conversion-summary strong{font-size:19px;color:#d8e1fb;font-weight:450;white-space:nowrap}
.conversion-summary small{display:block;font-size:11px;line-height:1.6;color:#8393b0;max-width:42ch}
.simple-result-note,.result-placeholder{font-size:11px;line-height:1.7;color:#8d9dbb;margin:18px 0 22px}
.potential-content .report-button{display:block;width:100%;max-width:100%;border-radius:8px;font-size:12px;line-height:1.5;padding:12px 10px}
.potential-content .save-status{display:block;text-align:center;min-height:17px;font-size:10px;margin-top:7px}
.potential-content #ask-analysis{display:block;margin:4px auto 0;font-size:12px;min-height:36px;color:#b7c6fa}
.simple-disclaimer{text-align:center;margin:18px auto 28px;color:#7f8eaa;font-size:11px;line-height:1.7;max-width:66ch}
@media(max-width:880px){.simple-calculator .calculator-panel{grid-template-columns:minmax(0,1fr)}.simple-calculator .calculator-controls{border-right:0;border-bottom:1px solid #303647}.simple-calculator .calculator-result{width:auto}.simple-calculator .calculator-heading h1{font-size:34px}.simple-calculator .calculator-controls,.simple-calculator .calculator-result{padding:26px 24px}.potential-content{max-width:100%}.potential-hero strong{font-size:44px}}
@media(max-width:400px){.simple-calculator .calculator-controls,.simple-calculator .calculator-result{padding:23px 20px}.simple-calculator .calculator-heading h1{font-size:29px}.potential-hero strong{font-size:38px}.growth-label{gap:8px}.growth-label output{font-size:17px}.potential-clients{align-items:flex-start}.potential-clients strong{font-size:23px}}

.potential-hero small{display:block;margin-top:12px;color:#b3c0da;font-size:13px;line-height:1.7}.potential-hero strong{overflow-wrap:anywhere}.simple-calculator #basket{font-variant-numeric:tabular-nums}

.potential-chart{display:block;min-width:0;margin:24px 0 22px}.potential-chart figcaption{font-size:12px;color:#a9b8d5;margin-bottom:14px}.potential-chart-legend{display:flex;flex-wrap:wrap;gap:16px 24px}.potential-chart-legend>span{display:flex;align-items:flex-start;gap:7px;min-width:0;color:#93a4c3;font-size:10px;line-height:1.5}.potential-chart-legend i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;margin-top:4px}.legend-current{background:#8496b5}.legend-target{background:#8697ff}.potential-chart-legend strong{display:block;color:#dce5ff;font-size:14px;font-weight:500;overflow-wrap:anywhere}.potential-chart .revenue-chart{margin-top:12px;overflow:hidden;height:auto;max-width:100%;aspect-ratio:580/245}.chart-target-area{fill:#8697ff0d}.chart-current-dot{fill:#8496b5}.chart-target-dot{fill:#a4b1ff}.potential-chart-note{font-size:10px;color:#7f90ad;line-height:1.6;margin:0}.potential-chart .chart-current{stroke-dasharray:5 4}.potential-chart .chart-target{stroke-width:3}

.simple-calculator .goal-field{margin-bottom:16px}.goal-rates{font-size:11px;line-height:1.7;color:#9aaed3;margin:10px 0 20px;overflow-wrap:normal}.simple-calculator .goal-field input{width:100%;min-width:0}

/* Performance calculator: restrained warm projection and Digital Page blue. */
.simple-calculator{--chart-current:#9dbdff;--chart-target:#f0c797;--surface-line:rgba(205,217,245,.10)}
.simple-calculator .calculator-panel{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);border-color:#343844;border-radius:16px;background:linear-gradient(145deg,#1b1e29 0%,#131722 55%,#10141d 100%);box-shadow:0 20px 70px #00000024;overflow:visible}
.simple-calculator .calculator-controls{border-color:var(--surface-line)}
.simple-calculator .calculator-result{background:transparent}
.simple-calculator .control-title h2{display:flex;align-items:center;gap:10px;color:#ecedf4;font-weight:500;font-size:14px}
.simple-calculator .control-title h2::before{content:'01';font-size:10px;letter-spacing:.04em;border:1px solid #9dbdff30;color:var(--chart-current);padding:4px 6px;border-radius:5px;line-height:1}
.simple-calculator .scenario-title h2::before{content:'02';border-color:#f0c79730;color:var(--chart-target)}
.simple-calculator .calc-field{padding:13px 0;border-bottom:0}
.simple-calculator .calc-field label{font-size:12px;color:#b8c1d3;font-weight:450;margin-bottom:6px}
.simple-calculator .metric-input-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--surface-line);padding:0 0 8px;transition:border-color .16s ease}
.simple-calculator .metric-input-row:hover{border-color:#ffffff29}
.simple-calculator .metric-input-row:focus-within{border-color:var(--chart-current)}
.simple-calculator .goal-field .metric-input-row:focus-within{border-color:var(--chart-target)}
.simple-calculator .metric-input-row input{flex:1;width:0;min-width:0;background:transparent;border:0;border-radius:3px;padding:4px 2px;margin:0;font-size:25px;min-height:38px;line-height:1.3;color:#f4f5fa;letter-spacing:-.02em;font-weight:450;font-variant-numeric:tabular-nums}
.simple-calculator .metric-input-row input:focus-visible{outline:2px solid #9dbdff66;outline-offset:3px}
.simple-calculator .goal-field .metric-input-row input:focus-visible{outline-color:#f0c79766}
.simple-calculator .metric-unit{font-size:12px;color:#818da4;flex-shrink:0;white-space:nowrap}
.simple-calculator .calc-field p{font-size:11px;line-height:1.55;color:#909bb0;margin-top:6px}
.simple-calculator .goal-field{margin:0 0 3px}
.simple-calculator .scenario-title{border-color:var(--surface-line);padding-top:24px;margin-top:20px}
.simple-calculator .goal-rates{border-left:2px solid #f0c79755;padding-left:11px;color:#bfc4d1;font-size:11px;margin-top:16px}
.simple-calculator .potential-content{position:sticky;top:26px}
.simple-calculator .potential-content .result-eyebrow{text-align:center;font-size:10px;color:#99a7bf;letter-spacing:.14em;margin:6px 0 18px}
.simple-calculator .potential-hero{text-align:center;margin-bottom:26px}
.simple-calculator .potential-hero strong{font-size:clamp(30px,4.1vw,49px);font-weight:450;color:#faf8f5;letter-spacing:-.045em;line-height:1.15}
.simple-calculator .potential-hero span{max-width:none;margin:10px auto 0;font-size:13px;color:#aeb8cb}
.simple-calculator .potential-hero small{font-size:11px;color:var(--chart-target);margin-top:12px}
.simple-calculator .potential-chart{margin-top:26px}
.simple-calculator .potential-chart figcaption{text-align:center;font-size:11px;letter-spacing:.01em;color:#929fb7;margin-bottom:13px}
.simple-calculator .potential-chart-legend{justify-content:center;gap:8px}
.simple-calculator .potential-chart-legend>span{border-radius:30px;padding:7px 11px;align-items:center;font-size:10px;line-height:1.5;max-width:100%}
.simple-calculator .potential-chart-legend>span>span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.simple-calculator .potential-chart-legend .legend-item-current{background:#9dbdff12;color:var(--chart-current)}
.simple-calculator .potential-chart-legend .legend-item-target{background:#f0c79712;color:var(--chart-target)}
.simple-calculator .potential-chart-legend strong{font-size:12px;font-weight:500;color:#f2f1ef;overflow-wrap:anywhere}
.simple-calculator .potential-chart-legend i{margin:0}
.simple-calculator .legend-current,.simple-calculator .chart-current-dot{background:var(--chart-current);fill:var(--chart-current)}
.simple-calculator .legend-target,.simple-calculator .chart-target-dot{background:var(--chart-target);fill:var(--chart-target)}
.simple-calculator .potential-chart .chart-current{stroke:var(--chart-current);stroke-width:2;stroke-dasharray:4 4}
.simple-calculator .potential-chart .chart-target{stroke:var(--chart-target);stroke-width:2.5}
.simple-calculator .chart-grid{stroke:#d2ddf016;stroke-dasharray:2 5}
.simple-calculator .revenue-chart text{font-size:11px;fill:#8b98af;font-variant-numeric:tabular-nums}
.simple-calculator .potential-chart-note{text-align:center;font-size:10px;color:#7f8ca4}
.simple-calculator .potential-clients{border-color:var(--surface-line);padding:18px 0;gap:14px}
.simple-calculator .potential-clients strong{font-size:27px;color:var(--chart-target)}
.simple-calculator .potential-clients span{font-size:11px;line-height:1.5;color:#a0adc4}
.simple-calculator .conversion-summary{border-color:var(--surface-line);padding-top:17px}
.simple-calculator .conversion-summary p{gap:13px;margin:9px 0}
.simple-calculator .conversion-summary strong:first-child{color:var(--chart-current)}
.simple-calculator .conversion-summary strong:last-child{color:var(--chart-target)}
.simple-calculator .conversion-summary small{font-size:10px;color:#8694ae}
.simple-calculator .simple-result-note{font-size:10px;color:#8c99b1;line-height:1.7;margin:17px 0 20px}
.simple-calculator .potential-content .report-button{border-radius:30px;border:1px solid #6c83ff;background:#4864ef;color:#fff;font-size:12px;min-height:46px;box-shadow:0 3px 12px #2038d21a;transition:background .16s ease,border-color .16s ease}
.simple-calculator .potential-content .report-button:hover:not(:disabled){background:#5873ff;border-color:#8195ff}
@media(max-width:880px){.simple-calculator .calculator-panel{grid-template-columns:minmax(0,1fr)}.simple-calculator .calculator-controls{border-right:0;border-bottom:1px solid var(--surface-line)}.simple-calculator .potential-content{position:static}.simple-calculator .potential-hero strong{font-size:40px}}
@media(max-width:400px){.simple-calculator .potential-chart-legend>span{padding:6px 9px}.simple-calculator .potential-hero strong{font-size:34px}.simple-calculator .metric-input-row input{font-size:24px}}
@media(prefers-reduced-motion:reduce){.simple-calculator .metric-input-row,.simple-calculator .potential-content .report-button{transition:none}}

.personal-sharing{border-top:1px solid #ffffff18;padding-top:16px;margin-bottom:16px}.personal-sharing p{font-size:11px;color:#a1aec5;line-height:1.7}.personal-sharing .primary{width:100%;min-height:46px;margin-top:8px;border-radius:28px}.prepared-admin{border:1px solid #303a50;padding:24px;border-radius:12px;margin:30px 0}.prepared-create{margin:20px 0}.prepared-create summary{cursor:pointer;color:#bccaff;padding:12px 0}.prepared-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.prepared-grid label{font-size:12px;color:#b1bfd6;min-width:0}.prepared-grid input,.prepared-url{display:block;width:100%;background:#101623;color:#eef2ff;border:1px solid #35405a;border-radius:6px;padding:10px;margin-top:6px;min-width:0}.prepared-actions{display:flex;flex-wrap:wrap;gap:8px}.prepared-answer{padding:16px 0;border-bottom:1px solid #30394d}.prepared-answer table{width:100%;font-size:12px;text-align:left}.prepared-answer td,.prepared-answer th{padding:10px;border-bottom:1px solid #30394d}.prepared-url{min-height:44px}@media(max-width:600px){.prepared-grid{grid-template-columns:1fr}.prepared-admin{padding:16px}}

/* Full-width response workspace, independent of the compact legacy admin-detail. */
.admin-screen{width:min(1240px,calc(100% - 48px));max-width:1240px}
#prepared-shares{display:block;width:100%;min-width:0;margin-top:28px;scroll-margin-top:24px}
.response-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #313b50;padding-top:26px;margin-bottom:20px}.response-heading h3{font-size:27px;font-weight:500;margin:8px 0}.response-heading p{font-size:12px;color:#96a7c4;line-height:1.6;margin:0}.response-heading .eyebrow{font-size:10px}.response-status{border-radius:24px;padding:8px 12px;background:#9dbdff12;color:#b6cafa;font-size:11px;white-space:nowrap}
.response-card{display:block;width:100%;max-width:none;min-width:0;border:1px solid #313c53;border-radius:12px;margin:14px 0;overflow:hidden;background:#121824}.response-card>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;cursor:pointer;list-style:none;background:#182032}.response-card>summary::-webkit-details-marker{display:none}.response-card>summary strong{font-size:14px;font-weight:500}.response-card>summary small{display:block;font-size:11px;color:#8d9fbe;margin-top:6px}.response-summary-value{font-size:16px;color:#f0c797;text-align:right;line-height:1.5}.response-body{padding:24px;min-width:0}.response-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:25px;border-bottom:1px solid #2c374d}.response-kpis>div{min-width:0}.response-kpis span{display:block;font-size:11px;color:#94a5c1;line-height:1.6;min-height:35px}.response-kpis strong{display:block;color:#e9edfa;font-size:clamp(20px,2.5vw,30px);font-weight:450;margin-top:8px;overflow-wrap:anywhere}.response-kpis>div:last-child strong{color:#f0c797}
.response-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:24px}.response-columns section{min-width:0}.response-columns h4{font-size:13px;font-weight:500;color:#bccae2;margin:0 0 18px}.response-comparison-head,.response-comparison-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 0;align-items:center;border-bottom:1px solid #2b364b;font-size:11px;line-height:1.6}.response-comparison-head{font-size:10px;color:#8699b9}.response-comparison-row>strong{font-weight:450;color:#9dbdff;text-align:right;overflow-wrap:anywhere}.response-comparison-row>strong:last-child{color:#f0c797}.response-comparison-head>span:not(:first-child){text-align:right}.response-comparison-row>span{color:#b3c2d9}.response-legend{display:flex;gap:18px;font-size:10px;margin:15px 0;color:#9dbdff}.response-legend span:last-child{color:#f0c797}.response-graph .chart-target{stroke:#f0c797}.response-graph .chart-current{stroke:#9dbdff}.response-graph .chart-target-dot{fill:#f0c797}.response-graph .revenue-chart{max-width:100%;margin-top:12px}
.response-provenance{width:100%;max-width:none;border-top:1px solid #2d394e;margin-top:24px;padding-top:18px}.response-provenance>summary{font-size:12px;color:#a4b6d6;cursor:pointer;padding:8px 0}.response-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:18px}.response-data>div{border-bottom:1px solid #2b374c;padding-bottom:12px;min-width:0}.response-data span,.response-data small{display:block;font-size:11px;color:#8d9fbc;line-height:1.7}.response-data strong{display:block;font-size:15px;color:#dee5f5;font-weight:450;margin:5px 0}.response-consent{margin:24px 0 0;font-size:10px;line-height:1.7;color:#7f94b4}.response-empty{padding:35px 20px;background:#151c2b;border-radius:10px;color:#a4b5d2}.response-empty h4{font-weight:500;color:#d6e0f3}.response-empty p{font-size:12px;line-height:1.7}
.estimate-gate{padding:45px 0;min-height:430px;display:flex;flex-direction:column;justify-content:center}.estimate-gate .eyebrow{font-size:10px;color:#b4c4e9}.estimate-gate h2{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:20px 0}.estimate-gate p{font-size:13px;color:#9baac5;line-height:1.8}.estimate-gate .estimate-consent{font-size:11px;color:#8295b6;margin:20px 0}.estimate-gate .primary{margin-top:20px;border-radius:28px;font-size:14px}
@media(max-width:900px){.response-columns{grid-template-columns:minmax(0,1fr)}.response-kpis{gap:14px}.response-body{padding:20px}}@media(max-width:600px){.admin-screen{width:calc(100% - 28px)}.response-kpis{grid-template-columns:minmax(0,1fr);gap:16px}.response-kpis>div{display:flex;justify-content:space-between;gap:18px;align-items:center}.response-kpis span{min-height:0;max-width:160px}.response-kpis strong{font-size:23px;margin:0;text-align:right}.response-data{grid-template-columns:minmax(0,1fr)}.response-card>summary{align-items:flex-start;flex-direction:column;gap:10px}.response-summary-value{text-align:left}.response-heading{align-items:flex-start}.response-body{padding:16px}.response-comparison-head,.response-comparison-row{gap:8px;font-size:10px}.estimate-gate{min-height:340px;padding:15px 0}}