:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #171717; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
main { min-height: 100vh; min-height: 100svh; max-width: 1120px; margin: auto; padding: 68px 48px 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.brands { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; width: 100%; align-items: center; }
.logo { aspect-ratio: 1.65; overflow: hidden; }
.logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
h1 { margin: 50px 0 56px; font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; letter-spacing: .035em; line-height: 1.25; text-align: center; }
footer { width: 100%; max-width: 660px; padding-top: 32px; border-top: 1px solid #e3e7e9; text-align: center; }
.company { margin: 0 0 17px; font-size: 1rem; font-weight: 700; letter-spacing: .045em; line-height: 1.5; }
address { font-style: normal; color: #50565a; font-size: 1rem; line-height: 1.65; }
address p { margin: 0; }
.contact { display: flex; justify-content: center; gap: 12px 32px; flex-wrap: wrap; margin-top: 18px; }
a { color: #006b99; text-decoration: none; text-underline-offset: 4px; padding: 5px 0; overflow-wrap: anywhere; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid #007caf; outline-offset: 5px; border-radius: 2px; }
@media (max-width: 620px) {
  main { padding: 34px 24px 32px; }
  .brands { grid-template-columns: 1fr; gap: 12px; max-width: 350px; }
  .logo { aspect-ratio: 1.9; }
  h1 { margin: 30px 0 32px; }
  footer { padding-top: 25px; }
  .company { font-size: .9375rem; }
  .contact { gap: 4px 22px; }
}