.home-hero { height: 182px; }
.home-hero .headline { margin-top: 26px; }
.home-hero .headline strong { font-size: 23px; }
.home-hero .headline span:last-child { font-size: 11px; }
.promo-banner { min-height: 115px; margin: -1px 0 0; padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; border-radius: 8px; color: #0c315f; background: linear-gradient(100deg, #fdf8e6 0 51%, #e4f5ff 51%); box-shadow: 0 4px 12px #123b6722; }
.promo-banner small { display: block; color: #617384; font-size: 9px; }
.promo-banner strong { display: block; margin: 7px 0; font-size: 19px; line-height: 1.2; }
.promo-banner span { font-size: 9px; color: #5d6d7b; }
.promo-banner > b { font-size: 73px; filter: drop-shadow(3px 5px 4px #1c679955); }
.home-hero + .promo-banner + .notice { padding: 13px 4px 12px; }
.service-grid { display: grid; grid-template-columns: repeat(5, 1fr); padding: 15px 7px 9px; }
.service-grid button { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 12px; border: 0; background: #fff; color: #253448; font-size: 10px; }
.service-grid button b { height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 11px; background: #e8f4ff; color: #087bd8; font-size: 21px; }
.service-grid button span { white-space: nowrap; }
.service-grid + .ranking-preview { margin-top: 18px; }