body.aion-site-page {
  margin: 0;
  background: var(--aion-color-ink);
  color: var(--aion-color-text);
  font-family: var(--aion-font-sans);
}

.aion-site,
.aion-site *,
.aion-site *::before,
.aion-site *::after {
  box-sizing: border-box;
}

.aion-site {
  width: 100%;
  min-height: 100vh;
  overflow-x: clip;
  background: var(--aion-color-ink);
  color: var(--aion-color-text);
  font-family: var(--aion-font-sans);
}

.aion-site img,
.aion-site video,
.aion-site canvas,
.aion-site svg {
  display: block;
  max-width: 100%;
}

.aion-site [data-aion-section] {
  scroll-margin-top: var(--aion-header-offset);
}

.aion-site [data-aion-section-state="inactive"] {
  --aion-section-active: 0;
}

.aion-site [data-aion-section-state="active"] {
  --aion-section-active: 1;
}

.aion-site [data-aion-section-state="inactive"] *,
.aion-site [data-aion-section-state="inactive"] *::before,
.aion-site [data-aion-section-state="inactive"] *::after {
  animation-play-state: paused !important;
}

.aion-site .aion-v064i-tail[data-aion-smil-synchronised="true"] {
  animation: none !important;
}

html.aion-is-section-transitioning {
  scroll-behavior: auto;
}

:is(
  #aion-home,
  #about-aion,
  #operating-method,
  #connected-estates,
  #operational-nexus,
  #aion-top-10-products,
  #aion-capabilities,
  #aionTransformationBlueprint,
  #aion-section-10-13-router-contact-v34,
  #aionEnquiryRouter,
  #site-footer
) {
  scroll-margin-top: var(--aion-header-offset) !important;
}

.aion-ui-shell {
  width: min(100% - 2rem, var(--aion-page-max));
  margin-inline: auto;
}

.aion-ui-label {
  margin: 0;
  color: var(--aion-color-gold);
  font-size: var(--aion-type-label);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.aion-ui-command {
  display: inline-flex;
  min-height: 44px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: var(--aion-space-2);
  padding: 0.75rem 1rem;
  border: 1px solid var(--aion-color-line);
  border-radius: var(--aion-radius-control);
  background: rgba(119, 231, 242, 0.1);
  color: var(--aion-color-text);
  font: 800 var(--aion-type-small) / 1.2 var(--aion-font-sans);
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.aion-ui-command:hover {
  border-color: rgba(119, 231, 242, 0.6);
  background: rgba(119, 231, 242, 0.16);
  color: #ffffff;
}