*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  background: #070a1c;
}

body {
  background: #070a1c;
  overflow-x: hidden;
  font-family: 'wgzx', 'TT Commons Pro', -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Scaler wrapper */
.rm-scaler {
  width: 1024px;
  transform-origin: top left;
  position: relative;
}

/* Page 1: Hero */
.rm-page-1 {
  width: 1024px;
  height: 672px;
  position: relative;
  overflow: hidden;
}

.rm-page-1 .page-fixed-bg-container .widget-background {
  background-color: #161010 !important;
}

/* Page 2: Content */
.rm-page-2 {
  width: 1024px;
  height: 3552px;
  position: relative;
}

/* Readymag article reset */
.page {
  position: relative;
}

/* Readymag widgets use absolute positioning — these are inherited from snippet HTML */
.rmwidget {
  position: absolute;
}

/* Fix for images to fill their containers */
.rmwidget img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Button styling from Readymag */
.widget-button {
  cursor: pointer;
}

.widget-button .common-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Text viewer reset */
.text-viewer p {
  margin: 0;
}

/* Polyfill sticky containers */
.polyfill-sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}

.fixed-position-container-top {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Animation containers */
.animation-container {
  position: absolute;
}

.animation-container.invisible {
  pointer-events: none;
}

/* Page content */
.page-content-container {
  position: absolute;
}

.content-scroll-wrapper {
  position: relative;
}

.content-bounds {
  position: relative;
}

/* SVG widgets */
.svg-scale-wrapper {
  width: 100%;
  height: 100%;
}

.svg-scale-wrapper svg {
  width: 100%;
  height: 100%;
}

/* Shape widgets */
.widget-shape {
  position: absolute;
}

.div-instead-of-svg {
  position: absolute;
}

/* Form styling */
.widget-form input {
  background: transparent;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
}

/* Link styles */
a.external-link {
  text-decoration: none;
}

/* Scrollbar hide for clean look */
.content-scroll-wrapper::-webkit-scrollbar {
  display: none;
}

.content-scroll-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
