.catalog-site .main-nav { flex-wrap: wrap; }
.combo-form { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 40px; }
.combo-group { border: 0; margin: 0; padding: 0; min-width: 0; }
.combo-group legend { padding: 0; margin-bottom: 10px; font-size: 17px; font-weight: 700; }
.combo-choices { display: grid; gap: 8px; }
.combo-selectors .combo-choice { display: flex; gap: 10px; padding: 13px; border: 1px solid #b7c9bd; border-radius: 6px; background: #fff; cursor: pointer; font-weight: 400; }
.combo-choice:has(input:checked) { border-color: #16824c; box-shadow: inset 3px 0 #16824c; background: #f4fff7; }
.combo-choice input { accent-color: #16824c; width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; }
.combo-choice span { display: grid; gap: 5px; min-width: 0; }
.combo-choice strong { font-size: 14px; }
.combo-choice small { font-size: 12px; color: #53645a; }
.combo-choice b { font-size: 13px; font-weight: 650; color: #17643e; }
.combo-selectors .combo-none { padding: 7px 10px; background: transparent; border-color: transparent; font-size: 13px; box-shadow: none; }
.combo-summary { position: sticky; top: 100px; }
.combo-selected { padding: 0 0 16px 18px; font-size: 13px; border-bottom: 1px solid #aec8b8; }
.combo-selected li { margin: 7px 0; }
.roi-details { border-top: 1px solid #aec8b8; margin-top: 24px; padding-top: 18px; }
.roi-details summary { font-size: 16px; font-weight: 700; cursor: pointer; }
.tool-note { color: #57665e; font-size: 13px; line-height: 1.65; }
.roi-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.roi-inputs label { font-size: 12px; display: grid; gap: 6px; }
.roi-inputs input, .growth-audit input[type=text], .growth-audit select { border: 1px solid #98aea0; border-radius: 4px; background: #fff; color: #142a1b; min-height: 44px; min-width: 0; width: 100%; padding: 9px; font-size: 16px; font-family: inherit; }
.roi-results { border-top: 1px solid #aec8b8; padding-top: 12px; }
[data-roi-error], [data-audit-status] { font-size: 13px; color: #804d17; }
.button img, .text-link img { flex: 0 0 auto; }
.growth-audit .button, .combo-summary .button { gap: 8px; }
.growth-audit .button-primary:hover, .combo-summary .button-primary:hover { background: #66dc9c; border-color: #16824c; }
.growth-audit { background: #f2f6fa; scroll-margin-top: 110px; }
.audit-heading { max-width: 800px; margin-bottom: 30px; }
.audit-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 60px; }
.audit-label { font-size: 14px; font-weight: 600; display: block; margin: 16px 0 7px; }
.audit-questions { display: grid; gap: 18px; margin-top: 24px; }
.audit-questions label { display: grid; gap: 8px; font-size: 14px; }
.audit-consent { display: flex; align-items: start; gap: 10px; margin: 24px 0; font-size: 12px; color: #51616b; }
.audit-consent input { accent-color: #16824c; flex: 0 0 18px; width: 18px; height: 18px; margin: 2px 0; }
.audit-consent a { text-decoration: underline; }
.audit-output { border-left: 1px solid #c1cbd2; padding-left: 36px; min-width: 0; }
.audit-output h3 { overflow-wrap: anywhere; }
.audit-mark { width: 54px; height: 54px; display: grid; place-items: center; color: #17643e; border: 2px solid #17643e; font-size: 26px; font-weight: 700; margin-bottom: 24px; }
.audit-output li { margin: 16px 0; }
.audit-score { display: flex; gap: 18px; align-items: center; padding: 20px 0; border-block: 1px solid #c1cbd2; margin: 24px 0; }
.audit-score strong { font-size: 34px; white-space: nowrap; }
.audit-score span { font-size: 12px; color: #536473; }
.audit-insight { border-bottom: 1px solid #c1cbd2; padding: 12px 0 20px; }
.audit-insight h4 { font-size: 17px; margin: 8px 0; }
.audit-insight p { color: #4c5e6b; font-size: 14px; }
.audit-actions { display: grid; gap: 12px; margin-top: 26px; }
.audit-actions .button-secondary { color: #20452e; border-color: #acc1b5; background: transparent; }
.audit-actions .text-link { background: none; border: none; cursor: pointer; font: inherit; font-size: 13px; display: inline-flex; align-items: center; gap: 8px; }
.growth-audit button:disabled { opacity: .5; cursor: wait; }
.growth-audit [hidden] { display: none !important; }
.hero-demo { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
.catalog-hero:has(.hero-demo) .hero-shade { background: linear-gradient(90deg,rgba(8,10,9,.82),rgba(8,10,9,.35) 55%,rgba(8,10,9,.08)); }
.hero-demo-toggle { position: absolute; right: 30px; bottom: 24px; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 4px; border: 1px solid #fff7; background: #fff; cursor: pointer; }
.hero-demo-toggle[hidden] { display: none; }
.hero-demo-label { position: absolute; right: 84px; bottom: 33px; z-index: 3; color: #fff; font-size: 12px; }
@media(max-width:900px) {
  .combo-form, .audit-layout { grid-template-columns: 1fr; gap: 32px; }
  .combo-summary { position: static; padding: 28px 0 0; border-left: 0; border-top: 1px solid #9fbbab; }
  .audit-output { border-left: 0; border-top: 1px solid #c1cbd2; padding: 28px 0 0; }
}
@media(max-width:560px) {
  .hero-demo-label { bottom: 12px; left: 16px; right: auto; font-size: 11px; }
  .hero-demo-toggle { right: 16px; bottom: 10px; width: 32px; height: 32px; }
  .catalog-hero:has(.hero-demo) .hero-shade { background: rgba(8,10,9,.76); }
  .audit-score strong { font-size: 28px; }
  .roi-inputs { grid-template-columns: 1fr; }
}