:root { color-scheme: light; }
@keyframes page-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@view-transition { navigation: auto; }
::view-transition-new(root) { animation: page-in .45s cubic-bezier(.22,.61,.36,1) both; }
main { animation: page-in .5s cubic-bezier(.22,.61,.36,1) both; }
@media (prefers-reduced-motion: reduce) {
  main, ::view-transition-new(root) { animation: none; }
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; background: #f2f0ec; color: #0d0c0b;
  font-family: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
main { width: min(640px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 72px; }
.brand { color: inherit; text-decoration: none; letter-spacing: .16em; font-size: 14px; }
h1 { margin: 36px 0 0; font-weight: 400; font-size: clamp(32px, 5vw, 48px); letter-spacing: -.04em; line-height: 1; }
p { margin: 16px 0 0; max-width: 38em; line-height: 1.5; }
.requisites { color: rgba(13,12,11,.55); }
.legal { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 28px; font-size: 13px; }
.legal a { color: inherit; }