/* Official logo: complete supplied image, no crop or altered proportions. */
.brand img.logo-asset,.footer-brand img.logo-asset,.system-logo-wrap img.logo-asset{height:auto;object-fit:contain;aspect-ratio:auto;max-width:100%}
.brand{align-items:center}
/* Compact the recorded demo's whitespace without changing type or artwork data. */
.hero-demo-toolbar{padding-block:6px}
.hero-demo-stage{height:285px;padding-block:14px}
.hero-sheet-readout{padding-block:6px 8px;gap:7px}
.hero-result{padding-block:8px}
.hero-savings-banner{padding-block:7px;gap:3px}
.hero-supporting-results{margin-top:5px}
.hero-supporting-results .hero-example-label{margin-top:3px}
.hero-demo-bottom{padding-block:2px}
.faq-all{margin-top:20px}
.faq-action{padding:0 20px 20px}
.faq-action .button,.faq-all{min-height:44px;padding:11px 16px;border-radius:5px;background:#252a32;color:#f6f7fa;border:1px solid #747b86;text-decoration:none}
.faq-action .button:hover,.faq-all:hover{background:#363d48;border-color:#00a5be}
@media(min-width:761px) and (max-width:1100px){.hero-demo-stage{height:245px}}
@media(max-width:760px){
 .hero-demo-stage{height:156px;padding-block:7px}
 .hero-demo-toolbar{padding-block:4px}
 .hero-sheet-readout{padding-block:4px 6px;gap:6px}
 .hero-result{padding-block:5px}
 .hero-savings-banner{padding-block:5px}
 .hero-supporting-results{margin-top:4px}
 .hero-supporting-results .hero-example-label{margin-top:2px}
 .hero-demo-bottom{padding-block:0}
 .hero-mobile-overview{padding-block:0}
 .faq-action{padding:0 16px 18px}
}

/* Restore the large recorded sheet; take height from the surrounding result UI. */
.hero-savings-banner{padding-block:2px;gap:0}
.hero-savings-banner .hero-money strong{font-size:68px;line-height:.9}
.savings-confirmation{line-height:16px}
.savings-confirmation .savings-check{width:16px;height:16px;flex-basis:16px}
.savings-confirmation .savings-check svg{width:12px;height:12px}
.savings-metrics{line-height:16px}
.sticky-header-shell .site-header .brand{width:276px;flex-basis:276px}
@media(min-width:761px) and (max-width:1100px){.hero-savings-banner .hero-money strong{font-size:60px}}
@media(max-width:1279px){.sticky-header-shell .site-header .brand{width:258px;flex-basis:258px}}
@media(max-width:760px){
 .hero-savings-banner{padding-block:1px}
 .hero-savings-banner .hero-money strong{font-size:52px;line-height:.9}
 .savings-confirmation,.savings-metrics{line-height:14px}
 .savings-confirmation .savings-check{width:14px;height:14px;flex-basis:14px}
 .sticky-header-shell .site-header .brand{width:186px;flex-basis:186px}
}
@media(max-width:400px){.hero-demo-stage{height:146px}}
@media(max-width:359px){.sticky-header-shell .site-header .brand{width:146px;flex-basis:146px}}