@font-face {
  font-family: 'Visela Inter';
  src: url('/inter.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root { color-scheme: light; font-family: 'Visela Inter', sans-serif; color: #171717; background: #fafafa; }
* { box-sizing: border-box; }
body { margin: 0; }
::selection { color: #fafafa; background: #171717; }
.page { width: min(100% - 112px, 1200px); margin-inline: auto; min-height: 100svh; display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 14px; padding-top: 42px; font-size: 24px; font-weight: 650; letter-spacing: -0.03em; }
.brand img { display: block; }
main { flex: 1; padding-block: clamp(72px, 13vh, 150px) 88px; }
h1 { margin: 0 0 30px; font-size: clamp(54px, 7vw, 96px); font-weight: 600; line-height: 1.03; letter-spacing: -0.04em; text-wrap: balance; }
.intro { margin: 0 0 24px; max-width: 760px; font-size: clamp(27px, 3.2vw, 43px); font-weight: 450; line-height: 1.2; letter-spacing: -0.025em; text-wrap: balance; }
.description { margin: 0; max-width: 580px; color: #525252; font-size: 18px; line-height: 1.7; }
.availability { margin: 34px 0 0; color: #525252; font-size: 15px; line-height: 1.6; }
footer { display: flex; justify-content: space-between; gap: 20px; padding-block: 23px 30px; border-top: 1px solid #dedede; color: #525252; font-size: 13px; line-height: 1.5; }
@media (max-width: 600px) {
  .page { width: calc(100% - 48px); }
  .brand { padding-top: 26px; font-size: 22px; }
  .brand img { width: 40px; height: 40px; }
  main { padding-block: 72px 72px; }
  h1 { font-size: clamp(44px, 12vw, 64px); margin-bottom: 26px; }
  .intro { font-size: 29px; }
  .description { font-size: 17px; line-height: 1.65; }
  .wide-only { display: none; }
  footer { flex-direction: column; gap: 5px; padding-bottom: 25px; }
}