.site-header { height: auto; padding-block: 14px; border: 0; background: transparent; backdrop-filter: none; }
.site-header.is-scrolled { border: 0; box-shadow: none; }
.site-header__inner { width: min(calc(100% - var(--page-pad) * 2), 1560px); min-height: 92px; height: auto; padding: 14px 28px; border-radius: 46px; background: #fbfbfb; box-shadow: 0 8px 28px rgb(23 58 94 / 8%); }
.site-header .brand, .inner-header .brand { width: 180px; flex: 0 0 180px; }
.brand__image { width: 142px; height: 49px; object-fit: contain; }
.site-header__inner > .site-nav { position: static; margin-left: auto; }
.site-header__inner .site-nav__list { position: absolute; left: 50%; transform: translateX(-50%); }
.inner-page > main { flex: 1; overflow-x: clip; }
.section.application { overflow-x: clip; }
.site-footer__grid { overflow-wrap: anywhere; }
.application__grid > .button { justify-self: center; align-self: center; }
.application-page { padding: 56px 0 80px; }
.application-page .lead-form { max-width: 460px; margin: 36px auto 0; }
.application-success { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; margin: auto; padding: clamp(24px, 5vw, 44px); border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--bg); color: var(--text); box-shadow: var(--shadow); text-align: center; }
.application-success::backdrop { background: rgb(23 58 94 / 50%); }
.application-success h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); }
.application-success p { margin-top: 18px; }
.application-success .button { margin-top: 28px; white-space: normal; }
.application-success .button[hidden] { display: none; }
.result-dial { --score-angle: 0deg; width: 100%; aspect-ratio: 1; border-radius: 50%; padding: 10px; background: conic-gradient(var(--teal) 0deg var(--score-angle), var(--mint) var(--score-angle) 360deg); }
.result-dial__face { width: 100%; height: 100%; display: grid; place-items: center; position: relative; overflow: hidden; border-radius: 50%; background: var(--bg); }
.result-dial__face img, .result-dial__face svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.result-dial__face > span { position: relative; display: flex; align-items: baseline; color: var(--teal); }
.result-dial strong { font-size: clamp(4rem, 9vw, 7rem); line-height: 1; }
.result-dial small { font-size: clamp(1.5rem, 3vw, 2.4rem); }
.result-copy > .button { margin-top: 28px; }
.test-controls [data-next] { white-space: normal; }
@media (max-width: 820px) {
  .site-header__inner { min-height: 76px; padding: 12px 18px; }
  .site-header .brand, .inner-header .brand { width: 150px; flex-basis: 150px; }
  .brand__image { width: 142px; height: 49px; }
  .site-nav { top: calc(100% + 8px); border-radius: 20px; background: var(--white); }
  .site-header__inner > .site-nav { position: absolute; margin-left: 0; }
  .site-header__inner .site-nav__list { position: static; transform: none; }
  .result-dial { width: min(100%, 420px); justify-self: center; }
}
@media (max-width: 600px) {
  .test-controls { gap: 12px; }
  .test-controls .button { padding-inline: 16px; }
}