.stattrak-about,#contacts.about-contact,.stattrak-footer {
  position: relative;
  z-index: 7;
  color: #f8f5ff;
  background: #09080d;
  font-family: Arial, Helvetica, sans-serif;
  pointer-events: auto;
  isolation: isolate;
  scroll-margin-top: 0;
}
.stattrak-about {
  padding: clamp(104px, 11svh, 180px) 3.125vw 0;
}
.about-title {
  margin: 0;
  font-size: clamp(31px, 7.4vw, 94px);
  font-weight: 600;
  line-height: .97;
  letter-spacing: -.06em;
}
.about-title > span,.about-title > .motion-source > span { display: block; }
.about-contact :is(a, button):focus-visible,.stattrak-footer :is(a, summary):focus-visible { outline: 2px solid #c5a8ff; outline-offset: 6px; }
.about-masthead,.about-editorial,.about-contact-inner {
  width: min(740px, calc(100% - 24px));
  margin-inline: auto;
}
.about-editorial { margin-top: clamp(36px, 6svh, 88px); }
.about-editorial p {
  margin: 0;
  font-size: clamp(19px, 1.45vw, 29px);
  line-height: 1.55;
  letter-spacing: -.023em;
  text-wrap: pretty;
}
.about-editorial p + p {
  margin-top: clamp(16px, 2.6svh, 24px);
}
.about-editorial .about-partners { color: #bcb3cb; }
#contacts.about-contact { min-height: 0; padding: 24px 3.125vw clamp(52px, 9svh, 120px); }
.about-contact-links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px clamp(20px, 3vw, 52px); }
.about-contact-links > a {
  color: #f8f3ff;
  font-size: clamp(18px, 1.4vw, 25px);
  line-height: 1.45;
  letter-spacing: -.02em;
  text-decoration-color: #a99eb9;
  text-decoration-thickness: 1px;
  text-underline-offset: .28em;
  transition: color .18s ease, text-decoration-color .18s ease;
}
.about-contact-links > a:is(:hover, :focus-visible) { color: #d4b5ff; text-decoration-color: currentColor; }
.about-demo-slot {
  height: clamp(52px, 7svh, 60px);
  margin-top: clamp(22px, 4svh, 46px);
  --demo-progress: 1;
}
.landing-demo.primary-action {
  --demo-tint: calc(var(--demo-progress, 0) * 100%);
  position: relative;
  inset: auto;
  width: var(--demo-width, 100%);
  height: var(--demo-height, 100%);
  min-height: 0;
  translate: var(--demo-x, 0px) var(--demo-y, 0px);
  padding-block: 12px;
  font-size: calc(16px + (clamp(17px, 1.25vw, 21px) - 16px) * var(--demo-progress, 0));
  border-radius: calc(12px + 6px * var(--demo-progress, 0));
  background: linear-gradient(100deg,
    color-mix(in srgb,#100c2a,#2b1463 var(--demo-tint)),
    color-mix(in srgb,#1b1042,#412180 var(--demo-tint)) 53%,
    color-mix(in srgb,#100c2a,#29145a var(--demo-tint)));
  border-color: color-mix(in srgb,#baa0ff22,#b091ff65 var(--demo-tint));
  box-shadow: 0 8px 36px -14px rgb(140 79 255 / calc(.35 + .33 * var(--demo-progress, 0)));
}
.landing-demo.primary-action:hover { box-shadow: 0 8px 42px -10px #9b60ffd0; }
.landing-demo.primary-action::before {
  top: -80%;
  left: 0;
  width: 54%;
  height: 260%;
  background: radial-gradient(ellipse,#c5abffb3,#9657ff85 30%,transparent 70%);
  animation: about-demo-sweep 7s ease-in-out infinite;
}
.landing-demo.primary-action::after {
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  filter: none;
  background: radial-gradient(ellipse at 40% 90%,#9762fc60,transparent 70%);
  animation: none;
}
@keyframes about-demo-sweep {
  0%,12% { transform: translateX(-110%) skewX(-12deg); opacity: 0; }
  38%,62% { opacity: 1; }
  86%,100% { transform: translateX(198%) skewX(-12deg); opacity: 0; }
}
.stattrak-footer { padding: 22px 3.125vw max(26px, env(safe-area-inset-bottom)); border-top: 1px solid #a983c620; }
.footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 14px 32px;
  color: #a99eb9;
  font-size: 14px;
  line-height: 1.6;
}
.footer-identity { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; }
.footer-identity p { margin: 0; }
.footer-requisites summary { width: fit-content; list-style: none; cursor: pointer; }
.footer-requisites summary::-webkit-details-marker { display: none; }
.footer-requisites summary::after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 2px .18em 8px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  rotate: 45deg;
  transition: rotate .2s ease;
}
.footer-requisites[open] > summary { margin-bottom: 6px; color: #f7f4fc; }
.footer-requisites[open] > summary::after { rotate: 225deg; }
.footer-requisites > p { margin: 0; color: #d1c6df; }
.footer-legal nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.footer-legal a,.footer-requisites summary { color: inherit; text-underline-offset: .2em; transition: color .18s ease; }
.footer-legal a:is(:hover, :focus-visible),.footer-requisites summary:is(:hover, :focus-visible) { color: #f7f4fc; }
.footer-top {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid #a983c640;
  border-radius: 999px;
  text-decoration: none;
}
.footer-top::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
  rotate: 45deg;
  translate: 0 2px;
}
.footer-legal .footer-top { transition: color .18s ease, background .18s ease, border-color .18s ease; }
.footer-top:is(:hover, :focus-visible) { background: #ffffff0c; border-color: #bd98ee86; }
.about-contact-links > a,.footer-legal > * {
  opacity: calc(.78 + .22 * var(--closing-reveal, 1));
  translate: 0 calc(8px * (1 - var(--closing-reveal, 1)));
}
.about-contact-links > a:focus-visible,.footer-legal > :focus-within,
.footer-legal:has(.footer-requisites[open]) > * { opacity: 1; translate: none; }
#about[data-about-motion="ready"] .motion-line-inner {
  opacity: var(--about-line-progress, 1);
  translate: 0 calc(var(--about-line-rise, .42em) * (1 - var(--about-line-progress, 1)));
  filter: blur(calc(var(--about-line-blur, .045em) * (1 - var(--about-line-progress, 1))));
}
.about-title {
  --about-line-rise: .56em;
  --about-line-blur: .032em;
}
@media (max-width: 620px) {
  .about-contact-links { align-items: flex-start; flex-direction: column; }
  .stattrak-footer { padding-inline: calc(3.125vw + 12px); }
}
@media (prefers-reduced-motion: reduce) {
  #about[data-about-motion="ready"] .motion-source { opacity: 1 !important; }
  #about[data-about-motion="ready"] .motion-overlay { display: none; }
  .about-contact-links > a,.footer-legal > * { opacity: 1; translate: none; }
  .footer-requisites summary::after { transition: none; }
  .landing-demo.primary-action::before { animation: none; transform: translateX(40%); opacity: .6; }
}