/* Final visual polish layered on top of the base stylesheet. */
svg, img { display: block; }

.site-header { margin-top: 36px; }
.brand { gap: 10px; }
.brand__mark {
  position: static;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}
.brand__mark--small { width: 42px; height: 42px; }
.profile-logo-shell {
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  padding: 8px;
  border: 1px solid var(--light-gray);
  border-radius: 50%;
  background: white;
  box-shadow: 0 12px 32px -22px rgb(13 27 42 / 42%);
}
.profile-logo-shell .brand__mark--large {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.layout {
  margin-top: 50px;
  grid-template-columns: 400px minmax(0, 600px);
  gap: 64px;
}
.profile-card {
  min-height: 610px;
  padding: 32px 34px;
  gap: 13px;
}
.profile-card h1 { margin-bottom: 8px; line-height: 1.18; }
.trust-row { margin-top: 10px; }
.profile-card hr { margin-top: 2px; }
.support-email--desktop { margin-top: auto; }
.benefits { margin-top: 26px; }
.mobile-connect { display: none; }

@media (max-width: 900px) {
  .layout {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .profile-card,
  .links-panel,
  .link-list {
    min-width: 0;
    width: 100%;
  }
  .profile-card {
    min-height: auto;
  }
  .support-email--desktop { margin-top: 8px; }
}

@media (max-width: 520px) {
  body { padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  .brand__mark--small { width: 36px; height: 36px; }
  .layout { margin-bottom: 16px; }
  .profile-card {
    min-height: auto;
    padding: 0;
    gap: 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .profile-logo-shell { width: 96px; height: 96px; padding: 7px; }
  .link-list {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .link-card {
    width: 100%;
    min-height: 66px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mobile-connect {
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eef0f4;
  }
  .mobile-connect > p {
    margin: 0;
    color: var(--dark-gray);
    font-size: 11px;
    font-weight: 700;
  }
  .social-list--mobile a { min-height: 36px; padding: 8px 10px; }
  .support-email--mobile {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    margin: 0;
  }
  .links-panel::after { display: none; content: none; }
}

@media (max-width: 370px) {
  .brand__word b, .brand__word strong { font-size: 18px; }
  .brand__word small { font-size: 9px; }
  .link-card__copy strong { font-size: 13px; }
  .link-card__copy small { font-size: 9.5px; }
  .social-list--mobile { gap: 6px; }
  .social-list--mobile a { padding-inline: 9px; }
}