html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
}

.hero-bg {
}

.hero-outline {
  background: url("https://www.figma.com/api/mcp/asset/7a8413d7-7e6f-4d75-b6f5-00e1f2186e4e") center / contain no-repeat;
}

.legacy-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://www.figma.com/api/mcp/asset/8b6945d0-54c5-4e08-8a75-53a060f3cc1c") center / cover no-repeat;
  opacity: 0.82;
}

.legacy-bg > * {
  position: relative;
}

.ornament {
  width: 211px;
  height: 23px;
  background: url("https://www.figma.com/api/mcp/asset/ab91c37a-02b6-47ff-af88-1147d1a359c8") center / contain no-repeat;
}

.divider-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 35px;
  height: 43px;
  transform: translate(-50%, -50%);
  background: url("https://www.figma.com/api/mcp/asset/8d0b5ecd-1764-40cc-8504-84781b7bdb3b") center / contain no-repeat;
}

.phone-icon {
  width: 24px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 999px;
  position: relative;
}

.phone-icon::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  left: 6px;
  top: 5px;
  transform: rotate(-35deg);
}