/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
:root {
  --aco-container: 1500px;
}
html, body {
  margin: 0;
  padding: 0;
  background: #000;
  color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 1200px) {
  html, body {
    overflow-x: clip;
  }
}
.pop-card-shell {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pop-card-shell.is-in-view {
  opacity: 1;
  transform: translateY(0);
}
#aco-traffic, #aco-landing-page, #acof, .pop-wrap {
  box-sizing: border-box;
  max-width: var(--aco-container);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#aco-traffic .tr-card, #aco-landing-page .lp-card, .pop-card-shell, .pop-chart-section {
  width: 100%;
  max-width: 100%;
}
.pop-chart-section {
  max-width: var(--aco-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#acof-border {
  max-width: var(--aco-container) !important;
}
#aco-desktop-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  display: block;
  font-family: "Inter", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
  background: transparent;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  --dh-pill-gutter: 28px;
}
@media (max-width: 1200px) {
  #aco-desktop-header {
    display: none;
  }
}
#aco-desktop-header .dh-glass {
  position: relative;
  isolation: isolate;
  pointer-events: auto;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
}
#aco-desktop-header .dh-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 0;
  pointer-events: none;
  background-color: rgba(8, 8, 8, 0.52);
  border: 1px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: inset 0.34s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-radius 0.34s cubic-bezier(0.16, 1, 0.3, 1);
}
#aco-desktop-header.is-scrolled .dh-glass::before {
  top: 8px;
  bottom: 8px;
  left: max(0px, calc((100% - min(var(--aco-container), calc(100% - 32px))) / 2 - var(--dh-pill-gutter)));
  right: max(0px, calc((100% - min(var(--aco-container), calc(100% - 32px))) / 2 - var(--dh-pill-gutter)));
  border-radius: 14px;
  background-color: rgba(8, 8, 8, 0.78);
  border-color: rgba(255, 255, 255, 0.11);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
#aco-desktop-header::after {
  content: none;
}
#aco-desktop-header .dh-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  max-width: var(--aco-container);
  margin: 0 auto;
  padding: 14px 24px;
  gap: 24px;
}
@media (prefers-reduced-motion: reduce) {
  #aco-desktop-header .dh-glass::before {
    transition: none;
  }
}
#aco-desktop-header .dh-brand {
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}
#aco-desktop-header .dh-brand-mark {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
  animation: mnBrandMark 3.2s ease-in-out infinite;
}
@keyframes mnBrandMark {
  0%, 18% {
    border-radius: 2px;
    transform: rotate(0deg);
  }
  33%, 48% {
    border-radius: 2px;
    transform: rotate(45deg);
  }
  63%, 82% {
    border-radius: 50%;
    transform: rotate(45deg);
  }
  100% {
    border-radius: 2px;
    transform: rotate(0deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  #aco-desktop-header .dh-brand-mark {
    animation: none;
  }
}
#aco-desktop-header .dh-brand-name {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.02em;
}
#aco-desktop-header .dh-brand .dh-dot {
  color: rgba(255, 255, 255, 0.45);
}
#aco-desktop-header .dh-brand .dh-online {
  font-weight: 700;
}
#aco-desktop-header .dh-brand-tag {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.36);
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
#aco-desktop-header .dh-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  justify-self: center;
}
#aco-desktop-header .dh-nav a {
  position: relative;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  padding: 6px 0;
  transition: color 0.18s ease;
}
#aco-desktop-header .dh-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.5px;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
#aco-desktop-header .dh-nav a:hover {
  color: #fff;
}
#aco-desktop-header .dh-nav a:hover::after {
  transform: scaleX(1);
}
#aco-desktop-header .dh-drop {
  position: relative;
}
#aco-desktop-header .dh-drop::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -16px;
  right: -16px;
  height: 16px;
}
#aco-desktop-header .dh-drop-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.18s ease;
}
#aco-desktop-header .dh-drop-caret {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.22s ease;
}
#aco-desktop-header .dh-drop:hover .dh-drop-btn, #aco-desktop-header .dh-drop:focus-within .dh-drop-btn {
  color: #fff;
}
#aco-desktop-header .dh-drop:hover .dh-drop-caret, #aco-desktop-header .dh-drop:focus-within .dh-drop-caret {
  transform: rotate(180deg);
}
#aco-desktop-header .dh-drop-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  min-width: 148px;
  display: flex;
  flex-direction: column;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(14, 14, 17, 0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s;
  transition-delay: 0.12s;
  z-index: 60;
}
#aco-desktop-header .dh-drop-menu::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -16px;
  right: -16px;
  height: 14px;
}
#aco-desktop-header .dh-drop:hover .dh-drop-menu, #aco-desktop-header .dh-drop:focus-within .dh-drop-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0s;
}
#aco-desktop-header .dh-drop-menu a {
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.16s ease, background 0.16s ease;
}
#aco-desktop-header .dh-drop-menu a::after {
  display: none;
}
#aco-desktop-header .dh-drop-menu a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
#aco-desktop-header .dh-brandwrap {
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 10px;
}
#aco-desktop-header .dh-brand-caretbtn {
  padding: 6px 4px;
  color: rgba(255, 255, 255, 0.45);
}
#aco-desktop-header .dh-brand-caretbtn .dh-drop-caret {
  width: 13px;
  height: 13px;
}
#aco-desktop-header .dh-branddrop .dh-drop-menu {
  left: 0;
  top: calc(100% + 6px);
  transform: translateY(6px);
}
#aco-desktop-header .dh-branddrop .dh-drop-menu::before {
  top: -12px;
  left: -12px;
  right: -12px;
  height: 14px;
}
#aco-desktop-header .dh-branddrop:hover .dh-drop-menu, #aco-desktop-header .dh-branddrop:focus-within .dh-drop-menu {
  transform: translateY(0);
}
#aco-desktop-header .dh-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 16px;
}
#aco-desktop-header .dh-tg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.18s ease, background 0.18s ease;
}
#aco-desktop-header .dh-tg svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
#aco-desktop-header .dh-tg:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
#aco-desktop-header .dh-lang {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
#aco-desktop-header .dh-lang button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 6px 11px;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.18s ease, background 0.18s ease;
}
#aco-desktop-header .dh-lang button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#aco-desktop-header .dh-lang button:hover {
  color: rgba(255, 255, 255, 0.85);
}
#aco-desktop-header .dh-lang button.is-active {
  color: #0a0a0a;
  background: #fff;
  font-weight: 700;
}
#aco-mobile-header .dh-lang {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.02);
}
#aco-mobile-header .dh-lang button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 5px 8px;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.18s ease, background 0.18s ease;
}
#aco-mobile-header .dh-lang button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#aco-mobile-header .dh-lang button.is-active {
  color: #0a0a0a;
  background: #fff;
  font-weight: 700;
}
#aco-desktop-header .dh-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
#aco-desktop-header .dh-account:hover {
  border-color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
}
#aco-desktop-header .dh-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  min-width: 168px;
  justify-content: flex-end;
}
#aco-desktop-header .dh-account--ghost {
  visibility: hidden;
  pointer-events: none;
  min-width: 130px;
  min-height: 36px;
  flex-shrink: 0;
}
#aco-desktop-header .dh-accountdrop {
  position: relative;
  flex-shrink: 0;
}
#aco-desktop-header .dh-nav .dh-drop--clips-placeholder {
  visibility: hidden;
  pointer-events: none;
  min-width: 72px;
}
#aco-desktop-header .dh-account-user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease;
}
#aco-desktop-header .dh-account-user:hover, #aco-desktop-header .dh-accountdrop:focus-within .dh-account-user {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
}
#aco-desktop-header .dh-account-name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#aco-desktop-header .dh-user-ava, #aco-mobile-header .dh-user-ava {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(224, 50, 47, 0.55), rgba(255, 106, 103, 0.35));
  font-size: 11px;
  font-weight: 800;
  color: #fff;
}
#aco-desktop-header .dh-user-ava img, #aco-mobile-header .dh-user-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#aco-desktop-header .dh-accountdrop .dh-drop-menu {
  right: 0;
  left: auto;
  min-width: 220px;
  transform: translateY(4px);
}
#aco-desktop-header .dh-accountdrop:hover .dh-drop-menu, #aco-desktop-header .dh-accountdrop:focus-within .dh-drop-menu {
  transform: translateY(0);
}
#aco-desktop-header .dh-user-menu-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#aco-desktop-header .dh-user-menu-head .dh-user-ava {
  width: 36px;
  height: 36px;
  font-size: 13px;
}
#aco-desktop-header .dh-user-menu-name {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
}
#aco-desktop-header .dh-user-menu-foot {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#aco-desktop-header .dh-user-menu-logout {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 120, 118, 0.88);
  cursor: pointer;
  transition: color 0.16s ease, background 0.16s ease;
}
#aco-desktop-header .dh-user-menu-logout svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
#aco-desktop-header .dh-user-menu-logout:hover {
  color: #ff8a88;
  background: rgba(255, 106, 103, 0.1);
}
#aco-mobile-header .mh-icon-btn--ghost {
  visibility: hidden;
  pointer-events: none;
  width: 36px;
  height: 36px;
}
#aco-mobile-header .mh-accountdrop {
  position: relative;
}
#aco-mobile-header .mh-account-user {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  cursor: pointer;
}
#aco-mobile-header .mh-account-user .mh-user-ava {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
#aco-mobile-header .mh-drop-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 120;
  min-width: 210px;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(12, 12, 14, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}
#aco-mobile-header .mh-accountdrop:hover .mh-drop-menu, #aco-mobile-header .mh-accountdrop:focus-within .mh-drop-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#aco-mobile-header .mh-drop-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
#aco-mobile-header .mh-drop-menu a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
#aco-mobile-header .mh-drop-menu .dh-user-menu-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#aco-mobile-header .mh-drop-menu .dh-user-ava {
  width: 32px;
  height: 32px;
}
#aco-mobile-header .mh-drop-menu .dh-user-menu-name {
  font-size: 12.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
}
#aco-mobile-header .dh-user-menu-foot {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#aco-mobile-header .dh-user-menu-logout {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 120, 118, 0.9);
  cursor: pointer;
  transition: color 0.16s ease, background 0.16s ease;
}
#aco-mobile-header .dh-user-menu-logout svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
#aco-mobile-header .dh-user-menu-logout:hover {
  color: #ff8a88;
  background: rgba(255, 106, 103, 0.1);
}
#aco-desktop-header .dh-notif-btn, #aco-mobile-header .mh-notif-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease;
}
#aco-desktop-header .dh-notif-btn svg, #aco-mobile-header .mh-notif-btn svg {
  width: 18px;
  height: 18px;
}
#aco-desktop-header .dh-notif-btn:hover, #aco-mobile-header .mh-notif-btn:hover, #aco-desktop-header .dh-notifdrop:focus-within .dh-notif-btn {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
#aco-desktop-header .dh-notif-badge, #aco-mobile-header .dh-notif-badge {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #e0322f;
  border: 1.5px solid rgba(8, 8, 11, 0.95);
  box-shadow: 0 0 0 1px rgba(224, 50, 47, 0.35);
  pointer-events: none;
}
#aco-desktop-header .dh-notifdrop .dh-notif-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  width: min(360px, calc(100vw - 24px));
  max-height: min(420px, calc(100vh - 100px));
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 12, 15, 0.98);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  z-index: 40;
  overflow: hidden;
}
#aco-desktop-header .dh-notifdrop:hover .dh-notif-menu, #aco-desktop-header .dh-notifdrop:focus-within .dh-notif-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#aco-mobile-header .mh-notifdrop {
  position: relative;
}
#aco-mobile-header .mh-notifdrop .dh-notif-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(340px, calc(100vw - 20px));
  max-height: min(380px, calc(100vh - 90px));
  min-width: 0;
  display: none;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 12, 15, 0.98);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  z-index: 50;
  overflow: hidden;
}
#aco-mobile-header .mh-notifdrop.is-open .dh-notif-menu {
  display: flex;
}
.dh-notif-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}
.dh-notif-unread {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex: none;
  background: #e0322f;
  box-shadow: 0 0 0 1px rgba(224, 50, 47, 0.35);
}
.dh-notif-actions {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  min-width: 0;
}
.dh-notif-actions button {
  flex: 1;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
  font-weight: 600;
  padding: 7px 8px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.dh-notif-actions button:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
}
.dh-notif-actions button:disabled {
  opacity: 0.35;
  cursor: default;
}
.dh-notif-list {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}
.dh-notif-list::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.dh-notif-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}
.dh-notif-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  padding: 10px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s ease;
}
.dh-notif-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
.dh-notif-item.is-unread {
  background: rgba(224, 50, 47, 0.08);
}
.dh-notif-item.is-unread:hover {
  background: rgba(224, 50, 47, 0.12);
}
.dh-notif-item__title {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.dh-notif-item__body {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.58);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.dh-notif-item__time {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
  margin-top: 2px;
}
.dh-notif-empty {
  margin: 0;
  padding: 22px 14px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.aco-bare-top {
  padding-top: 0;
}
.aco-page-top {
  padding-top: 62px;
}
@media (max-width: 1200px) {
  .aco-page-top {
    padding-top: 56px;
  }
}
#aco-mobile-header, #aco-mobile-header *, #aco-mobile-header *::before, #aco-mobile-header *::after {
  box-sizing: border-box;
}
#aco-mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  font-family: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
  color: rgba(255,255,255,0.92);
  -webkit-font-smoothing: antialiased;
  display: none;
  isolation: isolate;
}
@media (max-width:1200px) {
  #aco-mobile-header {
    display: block;
  }
}
#aco-mobile-header::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(8,8,8,0.55);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 24px rgba(0,0,0,0.22);
  pointer-events: none;
}
#aco-mobile-header::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(0deg,rgba(255,255,255,0.012) 0px,rgba(255,255,255,0.012) 1px,transparent 1px,transparent 3px);
  opacity: 0.5;
  z-index: 0;
}
#aco-mobile-header .mh-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  gap: 10px;
}
#aco-mobile-header .mh-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: #ffffff;
  flex-shrink: 0;
}
#aco-mobile-header .mh-brand-text {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #ffffff;
  white-space: nowrap;
}
#aco-mobile-header .mh-brand-text .mh-dot {
  color: rgba(255,255,255,0.45);
}
#aco-mobile-header .mh-brand-text .mh-online {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-weight: 700;
  font-size: 16px;
  vertical-align: baseline;
}
#aco-mobile-header .mh-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 2;
}
#aco-mobile-header .mh-icon-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.85);
  cursor: pointer;
  padding: 0;
  transition: background 0.18s ease, border-color 0.18s ease;
}
#aco-mobile-header .mh-icon-btn:hover, #aco-mobile-header .mh-icon-btn:active {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.22);
}
#aco-mobile-header .mh-icon-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#aco-mobile-header .mh-burger {
  position: relative;
  display: block;
  width: 18px;
  height: 14px;
}
#aco-mobile-header .mh-burger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #ffffff;
  border-radius: 2px;
  transition: transform 0.25s ease, top 0.25s ease, opacity 0.18s ease;
}
#aco-mobile-header .mh-burger span:nth-child(1) {
  top: 1px;
}
#aco-mobile-header .mh-burger span:nth-child(2) {
  top: 6.25px;
}
#aco-mobile-header .mh-burger span:nth-child(3) {
  top: 11.5px;
}
#aco-mobile-header.is-open .mh-burger span:nth-child(1) {
  top: 6.25px;
  transform: rotate(45deg);
}
#aco-mobile-header.is-open .mh-burger span:nth-child(2) {
  opacity: 0;
}
#aco-mobile-header.is-open .mh-burger span:nth-child(3) {
  top: 6.25px;
  transform: rotate(-45deg);
}
#aco-mobile-header .mh-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.55);
  z-index: 8998;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}
#aco-mobile-header.is-open .mh-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.28s ease, visibility 0s linear 0s;
}
#aco-mobile-header .mh-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  height: 100dvh;
  width: min(360px, 88vw);
  background: rgba(8,8,8,0.98);
  border-left: 1px solid rgba(255,255,255,0.08);
  box-shadow: -20px 0 50px rgba(0,0,0,0.6);
  z-index: 8999;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0.32s;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  #aco-mobile-header .mh-overlay {
    width: 420px;
  }
}
@media (min-width:1024px) and (max-width:1200px) {
  #aco-mobile-header .mh-overlay {
    width: 440px;
  }
}
@media (orientation:landscape) and (max-height:500px) {
  #aco-mobile-header .mh-overlay {
    width: min(420px, 80vw);
  }
  #aco-mobile-header .mh-overlay-inner {
    padding: 18px 20px 20px;
  }
  #aco-mobile-header .mh-overlay-inner > * + * {
    margin-top: 14px;
  }
  #aco-mobile-header .mh-section-label {
    margin: 0 0 8px;
    font-size: 9px;
  }
  #aco-mobile-header .mh-search-wrap {
    padding: 10px 12px;
  }
  #aco-mobile-header .mh-nav a {
    padding: 10px 4px;
    font-size: 13px;
  }
  #aco-mobile-header .mh-footer {
    padding-top: 12px;
  }
}
#aco-mobile-header .mh-overlay::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
#aco-mobile-header.is-open .mh-overlay {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform 0.32s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0s;
}
#aco-mobile-header .mh-overlay-inner {
  padding: 24px 22px 28px;
  width: 100%;
}
#aco-mobile-header .mh-overlay-inner > * + * {
  margin-top: 22px;
}
#aco-mobile-header .mh-section-label {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#aco-mobile-header .mh-section-label::before {
  content: '>';
  color: rgba(255,255,255,0.4);
  font-weight: 400;
}
#aco-mobile-header .mh-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
}
#aco-mobile-header .mh-search-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: rgba(255,255,255,0.55);
}
#aco-mobile-header .mh-search-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#aco-mobile-header .mh-search-input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: none;
  color: #ffffff;
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 14px;
  letter-spacing: 0.01em;
  padding: 0;
}
#aco-mobile-header .mh-search-input::placeholder {
  color: rgba(255,255,255,0.4);
}
#aco-mobile-header .mh-search-input::-webkit-search-cancel-button, #aco-mobile-header .mh-search-input::-webkit-search-decoration, #aco-mobile-header .mh-search-input::-webkit-search-results-button, #aco-mobile-header .mh-search-input::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
#aco-mobile-header .mh-search-input:-webkit-autofill, #aco-mobile-header .mh-search-input:-webkit-autofill:hover, #aco-mobile-header .mh-search-input:-webkit-autofill:focus, #aco-mobile-header .mh-search-input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 99999s ease-out 0s;
  caret-color: #ffffff;
  background-color: transparent !important;
}
#aco-mobile-header .mh-search-submit {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0a0a0a;
  background: #ffffff;
  border: 0;
  padding: 6px 10px;
  border-radius: 5px;
  cursor: pointer;
  flex-shrink: 0;
}
#aco-mobile-header .mh-search-results {
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(8,8,8,0.92);
  overflow: hidden;
  display: none;
}
#aco-mobile-header .mh-search-results.is-open {
  display: block;
}
#aco-mobile-header .mh-search-result {
  display: block;
  padding: 11px 14px;
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 12.5px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  letter-spacing: 0.01em;
  line-height: 1.4;
}
#aco-mobile-header .mh-search-result:last-child {
  border-bottom: none;
}
#aco-mobile-header .mh-search-result:hover, #aco-mobile-header .mh-search-result:active {
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}
#aco-mobile-header .mh-search-empty, #aco-mobile-header .mh-search-loading {
  padding: 13px 14px;
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.02em;
  text-align: center;
}
#aco-mobile-header .mh-nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  counter-reset: mh-nav;
}
#aco-mobile-header .mh-nav a {
  counter-increment: mh-nav;
  display: grid;
  grid-template-columns: 24px 1fr 14px;
  align-items: center;
  gap: 14px;
  padding: 14px 4px;
  border-bottom: 1px dashed rgba(255,255,255,0.07);
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.88);
  text-decoration: none;
  transition: color 0.18s ease, padding 0.18s ease;
}
#aco-mobile-header .mh-nav a:last-child {
  border-bottom: none;
}
#aco-mobile-header .mh-nav a::before {
  content: counter(mh-nav,decimal-leading-zero);
  font-family: var(--font-jetbrains),monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.04em;
}
#aco-mobile-header .mh-nav a::after {
  content: '\2192';
  color: rgba(255,255,255,0.25);
  font-size: 14px;
  text-align: right;
}
#aco-mobile-header .mh-nav a:hover, #aco-mobile-header .mh-nav a:active {
  color: #ffffff;
  padding-left: 10px;
}
#aco-mobile-header .mh-footer {
  margin-top: 6px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#aco-mobile-header .mh-copyright {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed rgba(255,255,255,0.07);
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 11px;
  letter-spacing: 0.03em;
  color: rgba(255,255,255,0.45);
  line-height: 1.55;
  text-align: center;
}
#aco-mobile-header .mh-cr-sign {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  vertical-align: -1px;
  margin-right: 2px;
}
#aco-mobile-header .mh-cr-star {
  display: inline-block;
  color: rgba(255,255,255,0.55);
  font-size: 10px;
  margin: 0 6px;
  vertical-align: 1px;
}
#aco-mobile-header .mh-cursor {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.04em;
}
#aco-mobile-header .mh-cursor::after {
  content: '\25AE';
  margin-left: 2px;
  color: rgba(255,255,255,0.6);
  animation: mh-blink 1.1s steps(2) infinite;
}
#aco-mobile-header .mh-socials {
  display: flex;
  align-items: center;
  gap: 6px;
}
#aco-mobile-header .mh-socials a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 6px;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
}
#aco-mobile-header .mh-socials svg {
  width: 13px;
  height: 13px;
  display: block;
  fill: currentColor;
}
@keyframes mh-blink {
  0%,49% {
    opacity: 1;
  }
  50%,100% {
    opacity: 0;
  }
}
#acof,#acof *,#acof *::before,#acof *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#acof {
  width: 100%;
  background: transparent;
  padding: 24px 0 60px;
  font-family: 'Inter',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing: antialiased;
}
#acof-border {
  width: 100%;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: rgba(8,8,8,0.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05),0 18px 50px rgba(0,0,0,0.5);
  position: relative;
  overflow: hidden;
}
#acof-border::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  pointer-events: none;
}
#acof-glass {
  position: relative;
  z-index: 1;
}
#acof .acof-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 19px 24px;
  background: rgba(255,255,255,0.015);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-family: var(--font-jetbrains),monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.4);
}
#acof .acof-bar-left {
  display: flex;
  align-items: center;
  min-width: 0;
}
#acof .acof-bar-path {
  display: inline-flex;
  align-items: center;
}
#acof .acof-bar-path::before {
  content: '~$ ';
  color: rgba(255,255,255,0.3);
  flex-shrink: 0;
  white-space: pre;
}
#acof .acof-bar-status {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 9.5px;
  color: rgba(255,255,255,0.6);
  padding: 3px 9px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 4px;
  flex-shrink: 0;
}
#acof-main {
  display: grid;
  grid-template-columns: 36% 64%;
}
#acof-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 32px;
  border-right: 1px solid rgba(255,255,255,0.07);
  background: transparent;
}
#acof-logo-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
  width: 100%;
}
.acof-about {
  font-family: 'Inter',system-ui,sans-serif;
  font-size: 12.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.42);
  max-width: 280px;
}
.acof-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}
#acof .acof-social a {
  font-family: var(--font-jetbrains),monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  transition: color .2s;
}
#acof .acof-social a:hover {
  color: #ffffff;
}
.acof-wordmark {
  font-family: 'Inter',system-ui,sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: #ffffff;
  line-height: 1;
}
.acof-wordmark-dot {
  color: rgba(255,255,255,0.45);
}
.acof-wordmark-sub {
  font-family: var(--font-jetbrains),monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.35);
}
#acof-right {
  display: grid;
  grid-template-columns: 1fr minmax(260px,300px);
  gap: 0 44px;
  align-items: start;
  padding: 28px 32px;
}
#acof-nav-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 32px;
  justify-content: space-between;
  margin-bottom: 0;
}
.acof-nav-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 104px;
}
.acof-lbl {
  font-family: var(--font-jetbrains),monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  display: block;
  margin-bottom: 10px;
}
#acof .acof-nav-col a {
  font-family: 'Inter',system-ui,sans-serif;
  font-size: 8px;
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  padding: 3px 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: color .2s;
  width: fit-content;
  display: block;
  line-height: 1.4;
}
#acof .acof-nav-col a:hover {
  color: #ffffff;
}
#acof-nl-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: none;
  margin-top: 0;
  padding-left: 44px;
  border-left: 1px solid rgba(255,255,255,0.07);
}
#acof-nl-block .acof-lbl {
  margin-bottom: 2px;
}
#acof-nl-row {
  display: flex;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,0.4);
  height: 36px;
}
#acof-nl-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 0 12px;
  font-size: 12px;
  color: #fff;
  font-family: var(--font-jetbrains),monospace;
  min-width: 0;
}
#acof-nl-input::placeholder {
  color: rgba(255,255,255,0.28);
}
#acof-nl-btn {
  background: #ffffff;
  color: #0a0a0a;
  border: none;
  outline: none;
  padding: 0 16px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: var(--font-jetbrains),monospace;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity .2s;
}
#acof-nl-btn:hover {
  opacity: 0.85;
}
#acof-nl-caption {
  font-family: var(--font-jetbrains),monospace;
  font-size: 10px;
  color: rgba(255,255,255,0.32);
  line-height: 1.5;
}
#acof-nl-consent {
  font-size: 10.5px;
  color: rgba(255,255,255,0.3);
  line-height: 1.55;
}
#acof-nl-consent a {
  color: rgba(255,255,255,0.55);
  text-decoration: underline;
  transition: color .2s;
}
#acof-nl-consent a:hover {
  color: #fff;
}
#acof-bottom {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding: 12px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: rgba(255,255,255,0.02);
  font-family: var(--font-jetbrains),monospace;
}
#acof-copy {
  font-size: 10px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.04em;
}
#acof-bottom span:last-child {
  font-size: 10px;
  color: rgba(255,255,255,0.28);
  letter-spacing: 0.02em;
}
@media (max-width:900px) {
  #acof-right {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  #acof-nl-block {
    padding-left: 0;
    border-left: none;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.07);
  }
}
@media (max-width:720px) {
  #acof-main {
    grid-template-columns: 1fr;
  }
  #acof-left {
    padding: 26px 22px;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.07);
  }
  #acof-right {
    padding: 24px 22px;
  }
  #acof-nav-cols {
    gap: 16px 28px;
    justify-content: flex-start;
  }
  #acof-nl-block {
    max-width: 100%;
  }
  #acof-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.aco-int, .aco-int *, .aco-int *::before, .aco-int *::after {
  box-sizing: border-box;
}
.aco-int {
  width: 100%;
  padding: clamp(28px, 4vw, 52px) 0 clamp(60px, 8vw, 110px);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.aco-int .int-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(8, 8, 8, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.aco-int .int-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 19px clamp(20px, 3vw, 34px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.015);
}
.aco-int .int-bar-path {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aco-int .int-bar-path::before {
  content: "~$ ";
  color: rgba(255, 255, 255, 0.3);
}
.aco-int .int-bar-end {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.aco-int .int-bar-status {
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.6);
  padding: 3px 9px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.aco-int .int-bar-status.is-live {
  color: #7ee08a;
  border-color: rgba(126, 224, 138, 0.4);
}
.aco-int .int-bar-status.is-accent {
  color: #ff6a67;
  border-color: rgba(255, 106, 103, 0.4);
}
.aco-int .int-intro {
  margin-bottom: 26px;
}
.aco-int .int-eyebrow {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.aco-int .int-eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff6a67;
  box-shadow: 0 0 10px rgba(255, 106, 103, 0.8);
}
.aco-int .int-title {
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.04;
  margin: 0 0 14px;
}
.aco-int .int-title .dim {
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .int-sub {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.6);
  max-width: 66ch;
  margin: 0;
}
.aco-int .int-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.aco-int .int-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 20px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.aco-int .int-btn svg {
  width: 15px;
  height: 15px;
}
.aco-int .int-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.07);
}
.aco-int .int-btn:active {
  transform: translateY(0);
}
.aco-int .int-btn.is-primary {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}
.aco-int .int-btn.is-primary:hover {
  background: #f4f4f4;
  box-shadow: 0 12px 30px rgba(255, 255, 255, 0.14);
}
.aco-int .int-btn.is-accent {
  background: linear-gradient(180deg, #e63c38 0%, #cf2723 100%);
  border: 1px solid rgba(255, 120, 118, 0.28);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(207, 39, 35, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.aco-int .int-btn.is-accent:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ef4642 0%, #d92c28 100%);
  border-color: rgba(255, 140, 138, 0.42);
  box-shadow: 0 10px 24px rgba(207, 39, 35, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.aco-int .int-btn.is-accent:active {
  transform: translateY(0);
}
.aco-int .int-shead {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
}
.aco-int .int-shead-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
}
.aco-int .int-shead-title svg {
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .int-shead-note {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.38);
}
.aco-int .int-more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.2s ease, gap 0.2s ease;
}
.aco-int .int-more svg {
  width: 13px;
  height: 13px;
}
.aco-int .int-more:hover {
  color: #ff6a67;
  gap: 9px;
}
.aco-int .int-body {
  padding: 30px clamp(20px, 3vw, 34px);
}
.aco-int .int-body--compact {
  padding: 22px clamp(18px, 2.4vw, 28px);
}
.aco-int .int-section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.aco-int .int-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.aco-int .int-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr);
}
.aco-int .int-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.aco-int .int-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 980px) {
  .aco-int .int-grid, .aco-int .int-grid.cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 620px) {
  .aco-int .int-grid, .aco-int .int-grid.cols-2, .aco-int .int-grid.cols-4 {
    grid-template-columns: 1fr;
  }
}
.aco-int .int-prod {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.015);
  text-decoration: none;
  color: #fff;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .int-prod:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 106, 103, 0.4);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5);
}
.aco-int .int-prod-thumb {
  position: relative;
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(70% 60% at 50% 30%, rgba(255, 255, 255, 0.05), transparent 70%), linear-gradient(160deg, rgba(28, 28, 32, 0.9), rgba(10, 10, 12, 0.9));
}
.aco-int .int-prod-ghost {
  font-family: var(--font-jetbrains), monospace;
  font-size: 54px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.05);
  user-select: none;
}
.aco-int .int-prod-tag, .aco-int .int-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(0, 0, 0, 0.45);
  color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.aco-int .int-prod-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 15px 15px;
  flex: 1;
}
.aco-int .int-prod-name {
  font-size: 14px;
  font-weight: 700;
}
.aco-int .int-prod-cat {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.4);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aco-int .int-prod-foot {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
}
.aco-int .int-prod-price {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.aco-int .int-prod-buy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .int-prod-buy svg {
  width: 12px;
  height: 12px;
}
.aco-int .int-prod:hover .int-prod-buy {
  color: #ff6a67;
}
.aco-int .int-masonry {
  columns: 3;
  column-gap: 14px;
}
@media (max-width: 980px) {
  .aco-int .int-masonry {
    columns: 2;
  }
}
@media (max-width: 620px) {
  .aco-int .int-masonry {
    columns: 1;
  }
}
.aco-int .int-mwork {
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  margin: 0 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.015);
  text-decoration: none;
  color: #fff;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .int-mwork:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 106, 103, 0.4);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5);
}
.aco-int .int-mwork-media {
  position: relative;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.aco-int .int-mwork-media img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1.001);
  transform-origin: center;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.aco-int .int-mwork:hover .int-mwork-media img {
  transform: scale(1.06);
}
.aco-int .int-mwork-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.45s ease;
}
.aco-int .int-mwork:hover .int-mwork-media::after {
  background: rgba(0, 0, 0, 0.26);
}
.aco-int .int-mwork-play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .int-mwork:hover .int-mwork-play {
  opacity: 1;
  transform: scale(1);
}
.aco-int .int-mwork-play svg {
  width: 46px;
  height: 46px;
  color: #fff;
  fill: rgba(255, 255, 255, 0.12);
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.6));
}
.aco-int .int-mwork-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 13px 15px 15px;
}
.aco-int .int-mwork-meta {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}
.aco-int .int-mwork-title {
  font-size: 14px;
  font-weight: 700;
}
.aco-int .int-work {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  text-decoration: none;
  color: #fff;
  aspect-ratio: 16 / 10;
  background: radial-gradient(80% 70% at 50% 40%, rgba(255, 255, 255, 0.05), transparent 70%), linear-gradient(160deg, rgba(26, 26, 30, 0.92), rgba(9, 9, 11, 0.94));
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease;
}
.aco-int .int-work:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 106, 103, 0.4);
}
.aco-int .int-work-num {
  position: absolute;
  top: 12px;
  left: 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 30px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.14);
}
.aco-int .int-work-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aco-int .int-work-play svg {
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.85);
  fill: rgba(255, 255, 255, 0.1);
  transition: transform 0.2s ease, color 0.2s ease;
}
.aco-int .int-work:hover .int-work-play svg {
  transform: scale(1.15);
  color: #ff6a67;
}
.aco-int .int-work-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 26px 14px 12px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.85));
}
.aco-int .int-work-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.aco-int .int-work-meta {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}
.aco-int .int-feat {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.015);
}
.aco-int .int-feat-ic {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.aco-int .int-feat:hover .int-feat-ic {
  color: #ff6a67;
  border-color: rgba(255, 106, 103, 0.3);
  background: rgba(224, 50, 47, 0.08);
}
.aco-int .int-feat-ic svg {
  width: 19px;
  height: 19px;
}
.aco-int .int-feat > span:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.aco-int .int-feat-name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}
.aco-int .int-feat-desc {
  display: block;
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .int-doc {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.015);
  text-decoration: none;
  color: #fff;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.aco-int .int-doc:hover {
  border-color: rgba(255, 106, 103, 0.35);
  background: rgba(255, 255, 255, 0.03);
  transform: translateX(3px);
}
.aco-int .int-doc-ic {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .int-doc-ic svg {
  width: 17px;
  height: 17px;
}
.aco-int .int-doc:hover .int-doc-ic {
  color: #ff6a67;
}
.aco-int .int-doc-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.aco-int .int-doc-title {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}
.aco-int .int-doc-meta {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 2px;
}
.aco-int .int-doc-arr {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.3);
}
.aco-int .int-doc-arr svg {
  width: 15px;
  height: 15px;
}
.aco-int .int-doc:hover .int-doc-arr {
  color: #ff6a67;
}
.aco-int .int-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 780px) {
  .aco-int .int-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
.aco-int .int-stat {
  padding: 16px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
}
.aco-int .int-stat-ic {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
}
.aco-int .int-stat-ic svg {
  width: 18px;
  height: 18px;
}
.aco-int .int-stat-value {
  display: block;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.aco-int .int-stat-label {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 4px;
}
.aco-int .int-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.aco-int .int-table th {
  text-align: left;
  padding: 12px 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.aco-int .int-table td {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.8);
}
.aco-int .int-table tr:last-child td {
  border-bottom: 0;
}
.aco-int .int-table tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .int-mono {
  font-family: var(--font-jetbrains), monospace;
  font-size: 12px;
}
.aco-int .int-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.7);
}
.aco-int .int-pill.is-ok {
  color: #7ee08a;
  border-color: rgba(126, 224, 138, 0.4);
  background: rgba(126, 224, 138, 0.08);
}
.aco-int .int-pill.is-wait {
  color: #f0c04a;
  border-color: rgba(240, 192, 74, 0.4);
  background: rgba(240, 192, 74, 0.08);
}
.aco-int .int-pill.is-off {
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .int-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
}
.aco-int .int-label {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .int-input {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
}
.aco-int .int-input:focus {
  outline: none;
  border-color: rgba(255, 106, 103, 0.55);
}
.aco-int select.int-input, .mn-modal select.int-input, .adm select.int-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.aco-int select.int-input option, .mn-modal select.int-input option, .adm select.int-input option {
  background: #12121a;
  color: #fff;
}
.aco-int .int-prose {
  max-width: 74ch;
}
.aco-int .int-prose p {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 16px;
}
.aco-int .int-prose h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 10px;
}
.aco-int .int-split {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 900px) {
  .aco-int .int-split {
    grid-template-columns: 1fr;
  }
}
.aco-int .int-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.aco-int .int-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aco-int .int-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.aco-int .int-chip {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  padding: 7px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.16s ease;
}
.aco-int .int-chip:hover {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff;
}
.aco-int .int-chip.is-active {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
}
.aco-int .int-chip-count {
  opacity: 0.5;
  margin-left: 5px;
}
.aco-int .int-prod-old {
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.32);
  text-decoration: line-through;
  letter-spacing: -0.01em;
}
.aco-int .int-prod-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  background: linear-gradient(180deg, #e0322f, #b71f1d);
  color: #fff;
}
.aco-int .int-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.aco-int .int-tab {
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: all 0.16s ease;
}
.aco-int .int-tab:hover {
  color: #fff;
}
.aco-int .int-tab.is-active {
  background: rgba(224, 50, 47, 0.14);
  border-color: rgba(224, 50, 47, 0.4);
  color: #ff6a67;
}
.aco-int .int-faq {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .int-faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.015);
  overflow: hidden;
}
.aco-int .int-faq-q {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  cursor: pointer;
  background: none;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
}
.aco-int .int-faq-q svg {
  margin-left: auto;
  width: 16px;
  height: 16px;
  color: rgba(255,255,255,0.4);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.aco-int .int-faq-item.is-open .int-faq-q svg {
  transform: rotate(180deg);
  color: #ff6a67;
}
.aco-int .int-faq-a {
  padding: 0 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease, padding 0.25s ease;
}
.aco-int .int-faq-item.is-open .int-faq-a {
  max-height: 320px;
  padding: 0 16px 16px;
}
.aco-int .int-faq-a p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.6);
}
.aco-int .int-media {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(70% 60% at 50% 30%, rgba(224, 50, 47, 0.14), transparent 70%), linear-gradient(160deg, rgba(28, 28, 32, 0.92), rgba(10, 10, 12, 0.94));
}
.aco-int .int-media-ghost {
  font-family: var(--font-jetbrains), monospace;
  font-size: 64px;
  font-weight: 800;
  color: rgba(255,255,255,0.06);
}
.aco-int .int-buybox {
  position: sticky;
  top: 82px;
}
.aco-int .int-price-lg {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
}
.aco-int .int-price-lg .old {
  font-size: 18px;
  color: rgba(255,255,255,0.32);
  text-decoration: line-through;
  margin-left: 10px;
  font-weight: 600;
}
.aco-int .int-checklist {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin: 4px 0 0;
}
.aco-int .int-chip.is-static {
  cursor: default;
}
.aco-int .int-chip.is-static:hover {
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.7);
}
.aco-int .int-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.aco-int .int-price-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.aco-int .int-price-tags .int-chip.is-static {
  font-size: 10px;
  padding: 5px 11px;
}
.aco-int .int-digital-chip {
  flex-shrink: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  padding: 5px 9px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .int-featcards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin: 18px 0;
}
.aco-int .int-featcard {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 11px 13px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .int-featcard-ic {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(126, 224, 138, 0.12);
  border: 1px solid rgba(126, 224, 138, 0.38);
  color: #7ee08a;
}
.aco-int .int-featcard-ic svg {
  width: 13px;
  height: 13px;
}
.aco-int .int-featcard > span:last-child {
  font-size: 12.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.82);
}
.aco-int .int-buy-cta {
  width: 100%;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 6px;
  padding: 0 20px;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  border-radius: 12px;
  background: linear-gradient(180deg, #34c46f, #1f9d55);
  border: 1px solid rgba(52, 196, 111, 0.55);
  color: #fff;
  box-shadow: 0 12px 32px rgba(31, 157, 85, 0.32);
  transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), filter 0.25s ease, box-shadow 0.25s ease, gap 0.25s ease;
}
.aco-int .int-buy-cta svg {
  width: 18px;
  height: 18px;
}
.aco-int .int-buy-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  gap: 12px;
  box-shadow: 0 16px 40px rgba(31, 157, 85, 0.4);
  background: linear-gradient(180deg, #34c46f, #1f9d55);
  border-color: rgba(52, 196, 111, 0.7);
}
.aco-int .int-buy-cta:active {
  transform: translateY(0);
}
.aco-int .int-buy-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.aco-int .int-buy-foot > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .int-buy-foot .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #7ee08a;
  box-shadow: 0 0 8px rgba(126, 224, 138, 0.6);
}
.aco-int .int-checkrow {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: 13px;
  color: rgba(255,255,255,0.72);
  line-height: 1.5;
}
.aco-int .int-checkrow svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  color: #7ee08a;
  margin-top: 2px;
}
.aco-int .acc-key {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 15px 16px;
  border-radius: 13px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .acc-key__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.aco-int .acc-key__head .int-feat-name {
  font-size: 14px;
  font-weight: 700;
}
.aco-int .acc-key__head .int-pill {
  margin-left: auto;
}
.aco-int .acc-key__coderow {
  display: flex;
  align-items: center;
  gap: 8px;
}
.aco-int .acc-key__code {
  flex: 1;
  min-width: 0;
  padding: 9px 11px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  letter-spacing: 0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aco-int .acc-key__icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.aco-int .acc-key__icon svg {
  width: 15px;
  height: 15px;
}
.aco-int .acc-key__icon:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
}
.aco-int .acc-key__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 1px;
  padding-top: 11px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.aco-int .acc-key__hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.4;
}
.aco-int .acc-key__hint svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: #ffb3b1;
}
.aco-int .acc-key__reset {
  padding: 8px 13px;
  font-size: 12px;
  flex-shrink: 0;
}
.aco-int .acc-key__reset:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.aco-int .acc-key__reset:not(:disabled):hover {
  border-color: rgba(255, 106, 103, 0.4);
  color: #fff;
  background: rgba(224, 50, 47, 0.08);
}
.aco-int .wk-hero {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 8;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none;
  background: #060608;
}
@media (max-width: 640px) {
  .aco-int .wk-hero {
    aspect-ratio: 4 / 3;
  }
}
.aco-int .wk-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .wk-hero:hover img {
  transform: scale(1.06);
}
.aco-int .wk-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 4, 6, 0.55) 0%, transparent 26%, transparent 42%, rgba(4, 4, 6, 0.9) 100%);
}
.aco-int .wk-hero__scan {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 3px);
  mix-blend-mode: overlay;
}
.aco-int .wk-hero__top {
  position: absolute;
  top: 16px;
  left: 18px;
  right: 18px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.aco-int .wk-hero__tag {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.28);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.aco-int .wk-hero__badge {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.28);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.aco-int .wk-hero__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(224, 50, 47, 0.92);
  color: #fff;
  box-shadow: 0 12px 44px rgba(224, 50, 47, 0.5);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}
.aco-int .wk-hero__play::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.aco-int .wk-hero__play svg {
  width: 30px;
  height: 30px;
  margin-left: 3px;
  fill: currentColor;
}
.aco-int .wk-hero:hover .wk-hero__play {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 16px 54px rgba(224, 50, 47, 0.6);
}
.aco-int .wk-hero__cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: clamp(20px, 3vw, 36px);
  isolation: isolate;
}
.aco-int .wk-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
}
.aco-int .wk-hero__eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
.aco-int .wk-hero__title {
  margin: 10px 0 0;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.02;
  font-size: clamp(30px, 5vw, 56px);
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.6);
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.aco-int .wk-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px clamp(24px, 4vw, 44px);
  margin-top: 18px;
  padding: 16px clamp(18px, 2.4vw, 28px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .wk-meta__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.aco-int .wk-meta__k {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .wk-meta__v {
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
}
.aco-int .wk-meta__services {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}
.aco-int .wk-meta__services .int-chip.is-static {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
}
.aco-int .wk-meta__services .int-chip.is-static:hover {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
}
@media (max-width: 640px) {
  .aco-int .wk-meta__services {
    margin-left: 0;
    width: 100%;
  }
}
.aco-int .wk-about {
  margin-top: 18px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.015);
}
.aco-int .wk-about__label {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 12px;
}
.aco-int .wk-about__text {
  margin: 0;
  font-size: clamp(15px, 1.7vw, 17px);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.72);
  max-width: 72ch;
}
.aco-int .wk-cta {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 18px;
  padding: clamp(30px, 4.5vw, 52px) clamp(20px, 3vw, 40px);
  border: 1px solid rgba(224, 50, 47, 0.28);
  border-radius: 18px;
  background: radial-gradient(120% 150% at 50% 0%, rgba(224, 50, 47, 0.16), transparent 58%), rgba(255, 255, 255, 0.015);
}
.aco-int .wk-cta__ic {
  width: 34px;
  height: 34px;
  color: #ff8583;
  margin-bottom: 12px;
}
.aco-int .wk-cta__title {
  margin: 0 0 6px;
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.aco-int .wk-cta__sub {
  margin: 0 auto 20px;
  max-width: 46ch;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .wk-cta__btn {
  min-width: 260px;
  justify-content: center;
}
.aco-int .wk-cta__note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .wk-cta__note svg {
  width: 13px;
  height: 13px;
}
.aco-int .int-wiki {
  display: grid;
  grid-template-columns: 244px 1fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 820px) {
  .aco-int .int-wiki {
    grid-template-columns: 1fr;
  }
}
.aco-int .int-wiki-side {
  position: sticky;
  top: 82px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 820px) {
  .aco-int .int-wiki-side {
    position: static;
  }
}
.aco-int .int-wiki-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
}
.aco-int .int-wiki-search svg {
  width: 15px;
  height: 15px;
  color: rgba(255,255,255,0.42);
  flex: none;
}
.aco-int .int-wiki-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: none;
  color: #fff;
  font-size: 13px;
  outline: none;
}
.aco-int .int-wiki-search-x {
  display: grid;
  place-items: center;
  border: 0;
  background: none;
  color: rgba(255,255,255,0.4);
  cursor: pointer;
  padding: 0;
}
.aco-int .int-wiki-search-x:hover {
  color: #fff;
}
.aco-int .int-wiki-search-x svg {
  width: 13px;
  height: 13px;
}
.aco-int .int-wiki-searchmeta {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  margin-bottom: 4px;
}
.aco-int .int-wiki-nav {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  padding-right: 2px;
}
.aco-int .int-wiki-group-title {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  margin-bottom: 8px;
}
.aco-int .int-wiki-link {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 12px;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  cursor: pointer;
  background: none;
  border: 1px solid transparent;
  transition: all 0.15s ease;
}
.aco-int .int-wiki-link:hover, .aco-int .int-wiki-link.is-active {
  background: rgba(255,255,255,0.04);
  color: #fff;
  border-color: rgba(255,255,255,0.08);
}
.aco-int .int-wiki-meta {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  margin: 0 0 14px;
}
.aco-int .int-wiki-path {
  color: rgba(255,255,255,0.35);
  font-family: var(--font-jetbrains), monospace;
  font-size: 12px;
  margin-top: 10px;
}
.aco-int .int-wiki-steps {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  counter-reset: wstep;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.aco-int .int-wiki-steps li {
  counter-increment: wstep;
  position: relative;
  padding-left: 34px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);
}
.aco-int .int-wiki-steps li::before {
  content: counter(wstep);
  position: absolute;
  left: 0;
  top: -1px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  font-weight: 700;
  color: #ff8f8d;
  background: rgba(224,50,47,0.12);
  border: 1px solid rgba(224,50,47,0.28);
}
.aco-int .int-wiki-author {
  margin-top: 30px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.aco-int .int-wiki-author-lbl {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 12px;
}
.aco-int .int-wiki-author-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.aco-int .int-wiki-author-av {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  flex: none;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(135deg, #e0322f, #7a1614);
  border: 1px solid rgba(255,255,255,0.14);
}
.aco-int .int-wiki-author-name {
  font-size: 14.5px;
  font-weight: 700;
  color: #fff;
}
.aco-int .int-wiki-author-role {
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  margin-top: 2px;
}
.aco-int .int-wiki-nextprev {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 16px;
}
@media (max-width: 560px) {
  .aco-int .int-wiki-nextprev {
    grid-template-columns: 1fr;
  }
}
.aco-int .int-wiki-np {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 12px;
  cursor: pointer;
  text-align: left;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), border-color 0.35s ease, background 0.35s ease;
}
.aco-int .int-wiki-np.is-next {
  align-items: flex-end;
  text-align: right;
}
.aco-int .int-wiki-np.is-empty {
  border: 0;
  background: none;
  cursor: default;
}
.aco-int .int-wiki-np:not(.is-empty):hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.05);
}
.aco-int .int-wiki-np-lbl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: rgba(255,255,255,0.45);
}
.aco-int .int-wiki-np-lbl svg {
  width: 13px;
  height: 13px;
}
.aco-int .int-wiki-np-title {
  font-size: 14px;
  font-weight: 700;
  color: #ff6a67;
}
.mn-modal .int-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 14px;
}
.mn-modal .int-label {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.mn-modal .int-input {
  width: 100%;
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
}
.mn-modal .int-input:focus {
  outline: none;
  border-color: rgba(255, 106, 103, 0.55);
}
.mn-modal textarea.int-input {
  resize: vertical;
  min-height: 64px;
  line-height: 1.55;
}
.mn-modal .int-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.mn-modal .int-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.07);
}
.mn-modal .int-btn svg {
  width: 15px;
  height: 15px;
}
.mn-modal .int-btn:active {
  transform: translateY(0);
}
.mn-modal .int-btn.is-primary {
  background: #fff;
  color: #0a0a0a;
  border-color: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}
.mn-modal .int-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.mn-modal-root {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.mn-modal-root.is-gate {
  position: relative;
  inset: auto;
  z-index: 1;
  min-height: calc(100vh - 62px);
}
@media (max-width: 1200px) {
  .mn-modal-root.is-gate {
    min-height: calc(100vh - 56px);
  }
}
.mn-modal-root, .mn-modal-root * , .mn-modal-root *::before, .mn-modal-root *::after {
  box-sizing: border-box;
}
.mn-modal-bd {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  animation: mn-fade 0.2s ease;
}
.mn-modal {
  position: relative;
  z-index: 1;
  width: min(480px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: #0c0c0e;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.7);
  font-family: "Inter", system-ui, sans-serif;
  color: #fff;
  animation: mn-pop 0.22s cubic-bezier(0.2, 0.9, 0.3, 1.2);
}
.mn-modal.is-wide {
  width: min(640px, 100%);
}
@keyframes mn-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mn-pop {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.mn-modal__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.45);
}
.mn-modal__bar::before {
  content: "~$ ";
}
.mn-modal__x {
  background: none;
  border: 0;
  color: rgba(255,255,255,0.5);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}
.mn-modal__x:hover {
  color: #fff;
}
.mn-modal__body {
  padding: 20px 22px 24px;
}
.mn-modal__title {
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 4px;
}
.mn-modal__sub {
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  margin: 0 0 18px;
}
.mn-modal-root .int-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mn-modal-root .int-doc {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.015);
  text-decoration: none;
  color: #fff;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.mn-modal-root .int-doc:hover {
  border-color: rgba(255, 106, 103, 0.35);
  background: rgba(255, 255, 255, 0.03);
  transform: translateX(3px);
}
.mn-modal-root .int-doc-ic {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.4);
}
.mn-modal-root .int-doc-ic svg {
  width: 17px;
  height: 17px;
}
.mn-modal-root .int-doc:hover .int-doc-ic {
  color: #ff6a67;
}
.mn-modal-root .int-doc-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.mn-modal-root .int-doc-title {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}
.mn-modal-root .int-doc-meta {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 2px;
}
.mn-modal-root .int-doc-arr {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.3);
}
.mn-modal-root .int-doc-arr svg {
  width: 15px;
  height: 15px;
}
.mn-modal-root .int-doc:hover .int-doc-arr {
  color: #ff6a67;
}
.mn-co-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  margin-bottom: 18px;
}
.mn-co-summary__info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.mn-co-summary__name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.mn-co-summary__cat {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,0.4);
  line-height: 1.5;
}
.mn-co-summary__price {
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-align: right;
  white-space: nowrap;
}
.mn-co-summary__price .old {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.35);
  text-decoration: line-through;
}
.mn-co-promo {
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
}
.mn-co-promo .int-input {
  flex: 1;
}
.mn-co-note {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  margin: 6px 0 16px;
  min-height: 15px;
}
.mn-co-note.is-ok {
  color: #7ee08a;
}
.mn-co-note.is-err {
  color: #ff6a67;
}
.mn-alert {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 2px 0 12px;
  font-size: 12.5px;
  line-height: 1.45;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.75);
}
.mn-alert svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 1px;
}
.mn-alert.is-err {
  border-color: rgba(255, 106, 103, 0.26);
  background: rgba(255, 106, 103, 0.07);
  color: #f4b6b4;
}
.mn-alert.is-err svg {
  color: #ff6a67;
}
.mn-alert.is-ok {
  border-color: rgba(126, 224, 138, 0.3);
  background: rgba(126, 224, 138, 0.07);
  color: #a9e6b2;
}
.mn-alert.is-ok svg {
  color: #7ee08a;
}
.mn-linkrow {
  display: flex;
  justify-content: flex-end;
  margin: -6px 0 12px;
}
.mn-link {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.15s ease;
}
.mn-link:hover {
  color: #ff8583;
}
.mn-co-pay {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}
.mn-co-pay__opt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.mn-co-pay__opt.is-active {
  border-color: rgba(224,50,47,0.5);
  background: rgba(224,50,47,0.08);
}
.mn-co-pay__radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.3);
  flex-shrink: 0;
  position: relative;
}
.mn-co-pay__opt.is-active .mn-co-pay__radio {
  border-color: #ff6a67;
}
.mn-co-pay__opt.is-active .mn-co-pay__radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #ff6a67;
}
.mn-co-pay__label {
  font-size: 13.5px;
  font-weight: 600;
}
.mn-co-pay__hint {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255,255,255,0.4);
  margin-top: 1px;
}
.mn-co-foot {
  margin-top: 20px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: radial-gradient(120% 140% at 100% 0%, rgba(224, 50, 47, 0.1), transparent 60%), rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.mn-co-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.mn-co-total__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.6);
}
.mn-co-total__off {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 6px;
  letter-spacing: 0.03em;
  color: #ffb3b1;
  background: rgba(224, 50, 47, 0.16);
  border: 1px solid rgba(224, 50, 47, 0.34);
}
.mn-co-total__amt {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}
.mn-co-total__old {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.32);
  text-decoration: line-through;
}
.mn-co-total__value {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  background: linear-gradient(180deg, #fff, #d8d8d8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mn-co-pay-btn {
  width: 100%;
  justify-content: center;
  padding: 14px 18px;
  font-size: 14.5px;
  border-radius: 12px;
  letter-spacing: 0.01em;
}
.mn-modal .int-btn.is-accent.mn-co-pay-btn, .mn-modal a.int-btn.is-accent.mn-co-pay-btn, .mn-modal button.int-btn.is-accent.mn-co-pay-btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 42%), linear-gradient(180deg, #3ad277 0%, #22a95c 52%, #178a49 100%);
  border: 1px solid rgba(74, 214, 130, 0.55);
  box-shadow: 0 8px 22px rgba(31, 157, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 6px rgba(10, 80, 45, 0.4);
}
.mn-modal .int-btn.is-accent.mn-co-pay-btn:not(:disabled):hover, .mn-modal a.int-btn.is-accent.mn-co-pay-btn:not(.is-disabled):hover, .mn-modal button.int-btn.is-accent.mn-co-pay-btn:not(:disabled):hover {
  transform: translateY(-2px);
  border-color: rgba(94, 224, 150, 0.7);
  box-shadow: 0 14px 32px rgba(31, 157, 85, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 6px rgba(10, 80, 45, 0.4);
}
.mn-co-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 12px 0 0;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
}
.mn-co-secure__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7ee08a;
  box-shadow: 0 0 8px rgba(126,224,138,0.7);
}
.mn-co-spin {
  width: 18px;
  height: 18px;
  animation: mnCoSpin 0.8s linear infinite;
}
@keyframes mnCoSpin {
  to {
    transform: rotate(360deg);
  }
}
.mn-modal .int-btn.is-accent.mn-co-pay-btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
.mn-modal .int-btn.mn-co-guide-btn {
  width: 100%;
  justify-content: center;
  padding: 14px 18px;
  font-size: 14.5px;
  border-radius: 12px;
  letter-spacing: 0.01em;
  text-decoration: none;
}
.mn-modal .int-btn.is-primary.mn-co-guide-btn:not(.is-disabled):hover {
  transform: translateY(-2px);
  background: #f4f4f4;
  box-shadow: 0 12px 30px rgba(255, 255, 255, 0.14);
}
.mn-modal .int-btn.mn-co-guide-btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
.aco-int .intl-product {
  margin-bottom: 26px;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid rgba(255, 106, 103, 0.28);
  background: rgba(224, 50, 47, 0.06);
}
.aco-int .intl-product__label {
  margin: 0 0 6px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.aco-int .intl-product__title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.aco-int .intl-product__sub {
  margin: 0 0 10px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.5;
}
.aco-int .intl-product__price {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #ff8583;
}
.aco-int .intl-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.aco-int .intl-methods__col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(16px, 2vw, 20px);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .intl-methods__col .int-shead {
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.aco-int .intl-methods__col .intl-method {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.aco-int .intl-methods__col .intl-method__lead, .aco-int .intl-methods__col .intl-steps {
  max-width: none;
}
.aco-int .intl-methods__col .intl-steps {
  flex: 1;
}
.aco-int .intl-method__btn {
  width: 100%;
  justify-content: center;
  margin-top: auto;
  padding: 12px 14px;
  font-size: 12.5px;
  text-align: center;
  line-height: 1.35;
}
@media (max-width: 980px) {
  .aco-int .intl-methods {
    grid-template-columns: 1fr;
  }
}
.aco-int .intl-method__lead {
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.68);
  max-width: 68ch;
}
.aco-int .intl-method__note {
  margin: 14px 0 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.55;
}
.aco-int .intl-steps {
  margin: 0 0 16px;
  padding: 0 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 68ch;
}
.aco-int .intl-steps li {
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}
.aco-int .intl-steps a {
  color: #ff8583;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.aco-int .intl-steps a:hover {
  text-decoration: underline;
}
.aco-int .intl-steps a svg {
  width: 12px;
  height: 12px;
  opacity: 0.7;
}
.aco-int .intl-catalog {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .intl-catalog__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  text-decoration: none;
  transition: border-color 0.16s ease, background 0.16s ease;
}
.aco-int .intl-catalog__item:hover {
  border-color: rgba(255, 106, 103, 0.35);
  background: rgba(224, 50, 47, 0.06);
}
.aco-int .intl-catalog__name {
  flex: 1;
  font-size: 13.5px;
  font-weight: 600;
}
.aco-int .intl-catalog__price {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .intl-catalog__item svg {
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.35);
}
.aco-int .intl-support {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.aco-int .intl-support__title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}
.aco-int .intl-support__text {
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.6);
  max-width: 62ch;
}
.mn-co-terms {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.02);
  font-size: 12.5px;
  color: rgba(255,255,255,0.62);
  line-height: 1.45;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.mn-co-terms:hover {
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.035);
}
.mn-co-terms:has(input:checked) {
  border-color: rgba(224,50,47,0.42);
  background: rgba(224,50,47,0.06);
}
.mn-co-terms a {
  color: #ff8583;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255,133,131,0.4);
  transition: text-decoration-color 0.15s ease;
}
.mn-co-terms a:hover {
  text-decoration-color: #ff8583;
}
.mn-co-terms input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
  cursor: pointer;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.mn-co-terms input[type="checkbox"]:hover {
  border-color: rgba(255,106,103,0.6);
}
.mn-co-terms input[type="checkbox"]:checked {
  background: linear-gradient(180deg, #e0322f, #b71f1d);
  border-color: #e0322f;
  box-shadow: 0 4px 14px rgba(224,50,47,0.4);
}
.mn-co-terms input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2.5px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.mn-co-success {
  text-align: center;
  padding: 10px 0 4px;
}
.mn-co-success__ic {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(126,224,138,0.12);
  border: 1px solid rgba(126,224,138,0.4);
  color: #7ee08a;
}
.mn-co-key {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 14px 0;
}
.mn-co-key code {
  flex: 1;
  padding: 11px 13px;
  border-radius: 9px;
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(255,255,255,0.12);
  font-family: var(--font-jetbrains), monospace;
  font-size: 13px;
}
.aco-int .mn-ord-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.7);
}
.aco-int .mn-ord-icon svg {
  width: 28px;
  height: 28px;
}
.aco-int .mn-ord-icon.is-ok {
  background: rgba(126, 224, 138, 0.12);
  border-color: rgba(126, 224, 138, 0.4);
  color: #7ee08a;
}
.aco-int .mn-ord-icon.is-wait {
  background: rgba(240, 192, 74, 0.12);
  border-color: rgba(240, 192, 74, 0.4);
  color: #f0c04a;
}
.aco-int .mn-ord-icon.is-err {
  background: rgba(255, 106, 103, 0.12);
  border-color: rgba(255, 106, 103, 0.4);
  color: #ff6a67;
}
.aco-int .mn-ord-meta {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.aco-int .mn-ord-meta > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.aco-int .mn-ord-meta > div:first-child {
  border-top: 0;
}
.aco-int .mn-ord-meta dt {
  margin: 0;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .mn-ord-meta dd {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.aco-int .mn-ord-deliver {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.aco-int .mn-ord-deliver__label {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 10px;
}
.aco-int .mn-ord-poll {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.aco-int .mn-ord-poll__note {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .mn-ba {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  user-select: none;
  touch-action: none;
  cursor: ew-resize;
}
.aco-int .mn-ba img, .aco-int .mn-ba video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.aco-int .mn-ba__after {
  z-index: 1;
}
.aco-int .mn-ba__before {
  z-index: 2;
}
.aco-int .mn-ba__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 2px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}
.aco-int .mn-ba__grip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.aco-int .mn-ba__grip svg {
  width: 18px;
  height: 18px;
}
.aco-int .mn-ba__tag {
  position: absolute;
  bottom: 12px;
  z-index: 4;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.aco-int .mn-ba__tag.is-before {
  left: 12px;
}
.aco-int .mn-ba__tag.is-after {
  right: 12px;
  color: #ff8583;
}
.aco-int .mn-compare {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 760px) {
  .aco-int .mn-compare {
    grid-template-columns: 1fr;
  }
}
.aco-int .mn-compare__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .mn-compare__btn {
  text-align: left;
  padding: 12px 14px;
  border-radius: 11px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.015);
  color: #fff;
  font-family: inherit;
  transition: all 0.16s ease;
}
.aco-int .mn-compare__btn:hover {
  border-color: rgba(255, 255, 255, 0.24);
}
.aco-int .mn-compare__btn.is-active {
  border-color: rgba(224, 50, 47, 0.5);
  background: rgba(224, 50, 47, 0.09);
}
.aco-int .mn-compare__name {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
}
.aco-int .mn-compare__note {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 3px;
  line-height: 1.4;
}
.aco-int .mn-compare__stage {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  cursor: zoom-in;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  aspect-ratio: 16 / 9;
  background: #0a0a0c;
}
.aco-int .mn-compare__stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.aco-int .mn-compare__stage img.is-active {
  opacity: 1;
}
.aco-int .mn-compare__badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  padding: 5px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #ff8583;
}
.aco-int .mn-compare__expand {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  color: #fff;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.16);
  backdrop-filter: blur(6px);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .mn-compare__expand svg {
  width: 14px;
  height: 14px;
}
.aco-int .mn-compare__stage:hover .mn-compare__expand {
  opacity: 1;
  transform: translateY(0);
}
.mn-cmp {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(6,6,10,0.6);
  animation: cl-fade 0.25s ease;
}
.mn-cmp__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px clamp(12px, 3vw, 26px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.mn-cmp__selects {
  display: inline-flex;
  align-items: flex-end;
  gap: 12px;
}
.mn-cmp__vs {
  width: 16px;
  height: 16px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 9px;
}
.mn-cmp__sel {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mn-cmp__sel > span {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
.mn-cmp__sel select {
  padding: 9px 38px 9px 12px;
  border-radius: 10px;
  cursor: pointer;
  min-width: 170px;
  border: 1px solid rgba(255,255,255,0.16);
  background-color: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
}
.mn-cmp__sel select option {
  background: #12121a;
  color: #fff;
}
.mn-cmp__tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.mn-cmp__zoom {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
}
.mn-cmp__zoom span {
  font-family: var(--font-jetbrains), monospace;
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  min-width: 42px;
  text-align: center;
}
.mn-cmp__zoom button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: rgba(255,255,255,0.05);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
}
.mn-cmp__zoom button:hover {
  background: rgba(255,255,255,0.12);
}
.mn-cmp__zoom svg {
  width: 15px;
  height: 15px;
}
.mn-cmp__reset {
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mn-cmp__reset:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
}
.mn-cmp__close {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid rgba(224,50,47,0.5);
  background: linear-gradient(180deg,#e0322f,#b71f1d);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.mn-cmp__close svg {
  width: 14px;
  height: 14px;
}
.mn-cmp__stage {
  position: relative;
  height: clamp(340px, 56vh, 620px);
  overflow: hidden;
  touch-action: pan-y;
  user-select: none;
  cursor: ew-resize;
  background: #05050a;
}
.mn-cmp__stage.is-zoomed {
  cursor: grab;
  touch-action: none;
}
.mn-cmp__stage.is-zoomed:active {
  cursor: grabbing;
}
.mn-cmp__layer {
  position: absolute;
  inset: 0;
}
.mn-cmp__layer img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center center;
}
.mn-cmp__tag {
  position: absolute;
  top: 14px;
  z-index: 5;
  pointer-events: none;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.06em;
  padding: 5px 11px;
  border-radius: 7px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
}
.mn-cmp__tag.is-left {
  left: 14px;
}
.mn-cmp__tag.is-right {
  right: 14px;
}
.mn-cmp__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 6;
  width: 2px;
  margin-left: -1px;
  background: rgba(255,255,255,0.85);
  cursor: ew-resize;
  box-shadow: 0 0 14px rgba(0,0,0,0.5);
}
.mn-cmp__grip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.95);
  color: #111;
  box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}
.mn-cmp__grip svg {
  width: 20px;
  height: 20px;
}
.mn-cmp__hint {
  margin: 0;
  padding: 10px 16px 14px;
  text-align: center;
  font-size: 11.5px;
  color: rgba(255,255,255,0.4);
}
@media (max-width: 620px) {
  .mn-cmp__sel select {
    min-width: 120px;
  }
  .mn-cmp__top {
    gap: 10px;
  }
}
.aco-int .int-tut-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
.aco-int .int-tut {
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.015);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .int-tut:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 106, 103, 0.4);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45);
}
.aco-int .int-tut__thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #050505 radial-gradient(120% 120% at 50% 20%, rgba(224,50,47,0.14), transparent 60%);
}
.aco-int .int-tut__thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  transform: scale(1.001);
  transition: opacity 0.3s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.aco-int .int-tut:hover .int-tut__thumb img {
  opacity: 1;
  transform: scale(1.06);
}
.aco-int .int-tut__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.5));
}
.aco-int .int-tut__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aco-int .int-tut__play span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(224, 50, 47, 0.92);
  color: #fff;
  box-shadow: 0 8px 26px rgba(224, 50, 47, 0.45);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .int-tut:hover .int-tut__play span {
  transform: scale(1.12);
}
.aco-int .int-tut__play svg {
  width: 22px;
  height: 22px;
  margin-left: 2px;
}
.aco-int .int-tut__yt {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  font-family: var(--font-jetbrains), monospace;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.75);
}
.aco-int .int-tut__body {
  padding: 14px 16px 16px;
}
.aco-int .int-tut__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.aco-int .int-tut__date {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 7px;
}
.aco-int .mn-hero {
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
  background: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1.5px) 0 0 / 16px 16px, rgba(8, 8, 8, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 60px rgba(0, 0, 0, 0.5);
}
.aco-int .mn-hero__split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: stretch;
}
@media (max-width: 820px) {
  .aco-int .mn-hero__split {
    grid-template-columns: 1fr;
  }
}
.aco-int .mn-hero__left, .aco-int .mn-hero__right {
  position: relative;
  padding: clamp(28px, 3.4vw, 44px);
  display: flex;
  flex-direction: column;
}
.aco-int .mn-hero__left {
  overflow: hidden;
}
.aco-int .mn-hero__left::after {
  content: "AE";
  position: absolute;
  right: -6px;
  bottom: -46px;
  z-index: 0;
  font-family: var(--font-jetbrains), monospace;
  font-weight: 800;
  letter-spacing: -0.05em;
  font-size: clamp(120px, 18vw, 210px);
  line-height: 1;
  color: rgba(255, 255, 255, 0.022);
  pointer-events: none;
  user-select: none;
}
.aco-int .mn-hero__left > * {
  position: relative;
  z-index: 1;
}
.aco-int .mn-hero__wordmark {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.92;
  font-size: clamp(34px, 4.6vw, 50px);
}
.aco-int .mn-hero__wordmark span {
  background: linear-gradient(120deg, #ff8583, #e0322f 70%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aco-int .mn-hero__kicker {
  display: block;
  margin-top: 11px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}
.aco-int .mn-hero__desc {
  margin: 20px 0 0;
  max-width: 42ch;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
.aco-int .mn-hero__perks {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}
@media (max-width: 480px) {
  .aco-int .mn-hero__perks {
    grid-template-columns: 1fr;
  }
}
.aco-int .mn-hero__perks li {
  position: relative;
  padding-left: 18px;
  line-height: 1.35;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.62);
}
.aco-int .mn-hero__perks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e0322f;
  box-shadow: 0 0 9px rgba(224, 50, 47, 0.7);
}
.aco-int .mn-hero__stats {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.aco-int .mn-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.aco-int .mn-hero__stat-num {
  font-size: clamp(22px, 2.3vw, 27px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #fff;
}
.aco-int .mn-hero__stat-lbl {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.35;
}
@media (max-width: 480px) {
  .aco-int .mn-hero__stats {
    grid-template-columns: 1fr 1fr;
  }
}
.aco-int .mn-hero__right {
  gap: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.07);
  background: radial-gradient(120% 110% at 100% 0%, rgba(224, 50, 47, 0.08), transparent 52%), rgba(255, 255, 255, 0.01);
}
@media (max-width: 820px) {
  .aco-int .mn-hero__right {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }
}
.aco-int .mn-hero__price {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.aco-int .mn-hero__free {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #fff;
}
.aco-int .mn-hero__free::after {
  content: "FREE";
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  color: #ff8583;
  padding: 4px 8px;
  border-radius: 5px;
  border: 1px solid rgba(255, 106, 103, 0.34);
  background: rgba(224, 50, 47, 0.1);
  align-self: center;
}
.aco-int .mn-hero__note {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.5;
}
.aco-int .mn-hero__tiers {
  margin: 2px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.aco-int .mn-hero__tier {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .mn-hero__tier.is-best {
  border-color: rgba(224, 50, 47, 0.4);
  background: rgba(224, 50, 47, 0.06);
}
.aco-int .mn-hero__tier-k {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .mn-hero__tier-v {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.1;
}
.aco-int .mn-hero__tier-v s {
  font-size: 10.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
}
.aco-int .mn-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.aco-int .mn-hero__actions > * {
  flex: 1 1 0;
  justify-content: center;
  min-width: 160px;
  min-height: 44px;
  align-items: center;
  white-space: nowrap;
}
.aco-int .mn-hero__social {
  display: flex;
  align-items: center;
  gap: 12px;
}
.aco-int .mn-hero__avatars {
  display: inline-flex;
}
.aco-int .mn-hero__avatars span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-left: -8px;
  border: 2px solid #0f0f12;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.aco-int .mn-hero__avatars span:first-child {
  margin-left: 0;
}
.aco-int .mn-hero__avatars span:nth-child(1) {
  background: linear-gradient(135deg, #ff8583, #e0322f);
}
.aco-int .mn-hero__avatars span:nth-child(2) {
  background: linear-gradient(135deg, #b06cff, #6d3ce0);
}
.aco-int .mn-hero__avatars span:nth-child(3) {
  background: linear-gradient(135deg, #5ea6ff, #2f63e0);
}
.aco-int .mn-hero__avatars span:nth-child(4) {
  background: linear-gradient(135deg, #7ee08a, #2fa04a);
}
.aco-int .mn-hero__social p {
  margin: 0;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .mn-hero__social strong {
  color: #fff;
  font-weight: 700;
}
.aco-int .mn-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.aco-int .mn-hero__meta a {
  flex: 1 1 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}
.aco-int .mn-hero__meta a:hover {
  color: #fff;
  border-color: rgba(255, 106, 103, 0.4);
  background: rgba(224, 50, 47, 0.08);
}
.aco-int .mn-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  margin-top: auto;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.5);
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(0, 0, 0, 0.3);
}
.aco-int .mn-hero__badge em {
  font-style: normal;
  color: #ff8583;
}
.aco-int .mn-hero__badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ee08a;
  box-shadow: 0 0 8px rgba(126, 224, 138, 0.8);
}
.aco-int .mn-keys {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 860px) {
  .aco-int .mn-keys {
    grid-template-columns: 1fr;
  }
}
.aco-int .mn-key {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px 22px 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.015);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .mn-key:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.4);
}
.aco-int .mn-key.is-featured {
  border-color: rgba(224, 50, 47, 0.55);
  background: radial-gradient(130% 90% at 50% 0%, rgba(224, 50, 47, 0.14), transparent 60%), rgba(255, 255, 255, 0.02);
  box-shadow: 0 20px 50px rgba(224, 50, 47, 0.14);
}
.aco-int .mn-key__badge {
  position: absolute;
  top: 14px;
  right: 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.3);
}
.aco-int .mn-key.is-featured .mn-key__badge {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(180deg, #e0322f, #b71f1d);
  box-shadow: 0 6px 18px rgba(224, 50, 47, 0.4);
}
.aco-int .mn-key__name {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
  padding-right: 74px;
}
.aco-int .mn-key__desc {
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .mn-key__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-top: 2px;
}
.aco-int .mn-key__amount {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.aco-int .mn-key__old {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.35);
  text-decoration: line-through;
}
.aco-int .mn-key__save {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #7ee08a;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid rgba(126, 224, 138, 0.35);
  background: rgba(126, 224, 138, 0.08);
}
.aco-int .mn-key__feats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.aco-int .mn-key__feat {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.72);
}
.aco-int .mn-key__feat svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  color: #7ee08a;
}
.aco-int .mn-key.is-featured .mn-key__feat svg {
  color: #ff8583;
}
.aco-int .mn-key__buy {
  width: 100%;
  justify-content: center;
  margin-top: auto;
}
.aco-int .mn-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 900px) {
  .aco-int .mn-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .aco-int .mn-steps {
    grid-template-columns: 1fr;
  }
}
.aco-int .mn-step {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.015);
}
.aco-int .mn-step__num {
  font-family: var(--font-jetbrains), monospace;
  font-size: 12px;
  font-weight: 700;
  color: #ff6a67;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.aco-int .mn-step__num::before {
  content: "";
  width: 22px;
  height: 1px;
  background: rgba(224, 50, 47, 0.5);
}
.aco-int .mn-step__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.aco-int .mn-step__text {
  display: block;
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .mn-log {
  display: flex;
  flex-direction: column;
}
.aco-int .mn-log__row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}
.aco-int .mn-log__row:last-child {
  border-bottom: 0;
}
.aco-int .mn-log__type {
  flex-shrink: 0;
  width: 40px;
  text-align: center;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 0;
  border-radius: 5px;
}
.aco-int .mn-log__type.is-new {
  color: #7ee08a;
  background: rgba(126, 224, 138, 0.1);
  border: 1px solid rgba(126, 224, 138, 0.3);
}
.aco-int .mn-log__type.is-upd {
  color: #6aa8ff;
  background: rgba(106, 168, 255, 0.1);
  border: 1px solid rgba(106, 168, 255, 0.3);
}
.aco-int .mn-log__type.is-fix {
  color: #f0c04a;
  background: rgba(240, 192, 74, 0.1);
  border: 1px solid rgba(240, 192, 74, 0.3);
}
.aco-int .mn-log__text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
  flex: 1;
  line-height: 1.5;
}
.aco-int .mn-log__date {
  flex-shrink: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
}
.aco-int .mn-clog {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .mn-clog-empty {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
}
.aco-int .mn-clog__block {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.aco-int .mn-clog__block.is-open {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.025);
}
.aco-int .mn-clog__ver {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: background 0.18s ease;
}
.aco-int .mn-clog__block.is-open .mn-clog__ver {
  background: rgba(255, 255, 255, 0.03);
}
.aco-int .mn-clog__ver:hover {
  background: rgba(255, 255, 255, 0.04);
}
.aco-int .mn-clog__ver-num {
  font-family: var(--font-jetbrains), monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.aco-int .mn-clog__ver-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.42);
}
.aco-int .mn-clog__ver-count {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.aco-int .mn-clog__chev {
  width: 14px;
  height: 14px;
  transition: transform 0.22s ease;
}
.aco-int .mn-clog__block.is-open .mn-clog__chev {
  transform: rotate(180deg);
}
.aco-int .mn-clog__panel {
  min-width: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.aco-int .mn-clog__panel[hidden] {
  display: none;
}
.aco-int .mn-clog__list {
  padding: 6px 14px 10px;
}
.aco-int .mn-clog__row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}
.aco-int .mn-clog__row:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}
.aco-int .mn-updates-split {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 28px;
  align-items: start;
}
.aco-int .mn-updates-split__left, .aco-int .mn-updates-split__right {
  min-width: 0;
}
.aco-int .mn-updates-split__right {
  padding-left: 28px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.aco-int .mn-updates-split .int-shead {
  margin-bottom: 14px;
}
.aco-int .mn-updates-split__right .int-faq {
  margin-top: 0;
}
@media (max-width: 960px) {
  .aco-int .mn-updates-split {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .aco-int .mn-updates-split__right {
    padding-left: 0;
    border-left: 0;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}
.aco-int .int-card[id], .aco-int [id].int-shead {
  scroll-margin-top: 84px;
}
.aco-int .mn-copy {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.aco-int .mn-copy__code {
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 11px 14px;
  border-radius: 10px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 12.5px;
  color: #ff8583;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.35);
  overflow-x: auto;
  white-space: nowrap;
}
.aco-int .mn-copy__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.aco-int .mn-copy__btn svg {
  width: 15px;
  height: 15px;
}
.aco-int .mn-copy__btn:hover {
  border-color: rgba(255, 106, 103, 0.45);
  background: rgba(224, 50, 47, 0.08);
}
.aco-int .mi-reqs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.aco-int .mi-req {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.62);
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
}
.aco-int .mi-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.aco-int .mi-step {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.aco-int .mi-step:first-child {
  padding-top: 4px;
}
.aco-int .mi-step:last-child {
  border-bottom: 0;
  padding-bottom: 4px;
}
.aco-int .mi-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 15px;
  font-weight: 800;
  color: #ff8583;
  border: 1px solid rgba(224, 50, 47, 0.28);
  background: rgba(224, 50, 47, 0.07);
}
.aco-int .mi-step__title {
  font-size: 15px;
  font-weight: 700;
  margin: 8px 0 6px;
}
.aco-int .mi-step__text {
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}
.aco-int .mi-step__hint {
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.42);
  margin: 10px 0 0;
}
.aco-int .mi-callout {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 11px;
  border: 1px solid rgba(240, 192, 74, 0.3);
  background: rgba(240, 192, 74, 0.07);
}
.aco-int .mi-callout svg {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  color: #f0c04a;
  margin-top: 1px;
}
.aco-int .mi-callout span {
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.66);
}
.aco-int .mi-faq {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .mi-faq__item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
  overflow: hidden;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.aco-int .mi-faq__item[open] {
  border-color: rgba(255, 106, 103, 0.28);
  background: rgba(224, 50, 47, 0.04);
}
.aco-int .mi-faq__item summary {
  list-style: none;
  cursor: pointer;
  padding: 15px 18px;
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.aco-int .mi-faq__item summary::-webkit-details-marker {
  display: none;
}
.aco-int .mi-faq__item summary::after {
  content: "+";
  flex-shrink: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
  transition: transform 0.25s ease;
}
.aco-int .mi-faq__item[open] summary::after {
  content: "−";
  color: #ff8583;
}
.aco-int .mi-faq__item p {
  margin: 0;
  padding: 0 18px 16px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
}
.aco-int .bl-head {
  text-align: center;
  padding: 18px 0 30px;
}
.aco-int .bl-eyebrow {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}
.aco-int .bl-title {
  margin: 14px 0 0;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  font-size: clamp(38px, 6vw, 68px);
}
.aco-int .bl-title-dim {
  color: rgba(255, 255, 255, 0.32);
}
.aco-int .bl-sub {
  max-width: 62ch;
  margin: 16px auto 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
}
.aco-int .bl-seclabel {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.45);
}
.aco-int .bl-count {
  color: #ff8583;
}
.aco-int .bl-seclabel::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
}
.aco-int .bl-featured {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 900px) {
  .aco-int .bl-featured {
    grid-template-columns: 1fr;
  }
}
.aco-int .bl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(200px, calc((100% - 4 * 16px) / 5)), 1fr));
  gap: 16px;
}
.aco-int .bl-fcard, .aco-int .bl-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.015);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .bl-fcard:hover, .aco-int .bl-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.42);
}
.aco-int .bl-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.02em;
}
.aco-int .bl-file {
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .bl-date {
  color: rgba(255, 255, 255, 0.32);
  flex-shrink: 0;
}
.aco-int .bl-cover {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
}
.aco-int .bl-grid .bl-cover {
  aspect-ratio: 16 / 11;
}
.aco-int .bl-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  transform-origin: center;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .bl-fcard:hover .bl-cover-img, .aco-int .bl-card:hover .bl-cover-img {
  transform: scale(1.06);
}
.aco-int .bl-cover-ov {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding: 16px 18px;
  background: linear-gradient(180deg, rgba(8, 8, 10, 0.05) 0%, rgba(8, 8, 10, 0.45) 55%, rgba(8, 8, 10, 0.86) 100%);
}
.aco-int .bl-cover-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.02;
  text-transform: uppercase;
  font-size: clamp(20px, 2.2vw, 28px);
  color: #fff;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}
.aco-int .bl-cover-title.is-sm {
  font-size: 15px;
  line-height: 1.08;
}
.aco-int .bl-cover-title .hl {
  color: #ff5a57;
}
.aco-int .bl-fcard-body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .bl-fcard-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
}
.aco-int .bl-fcard-ex {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
}
.aco-int .bl-card-body {
  padding: 13px 15px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.aco-int .bl-card-title {
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}
.aco-int .bl-read {
  margin-top: auto;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.2s ease;
}
.aco-int .bl-card:hover .bl-read {
  color: #ff8583;
}
.aco-int .bl-hero {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 22px;
  aspect-ratio: 21 / 9;
}
.aco-int .bl-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.aco-int .bl-readtime {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.aco-int .bl-readtime svg {
  width: 14px;
  height: 14px;
}
.aco-int .int-article__lead {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
  margin: 0 0 18px;
}
.aco-int .int-article h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 22px 0 10px;
  color: #fff;
}
.aco-int .int-article p {
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.62);
  margin: 0 0 14px;
}
.aco-int .int-article ul {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .int-article li {
  position: relative;
  padding-left: 20px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.68);
}
.aco-int .int-article li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: #ff6a67;
}
.aco-int .cl-page {
  display: flex;
  flex-direction: column;
}
.aco-int .cl-hero {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  aspect-ratio: 40 / 9;
  min-height: 160px;
  background: #05050a;
}
.aco-int .cl-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  transform: scale(1.12);
  filter: grayscale(0.25) brightness(0.58) contrast(1.08) saturate(0.85);
  pointer-events: none;
  user-select: none;
}
.aco-int .cl-hero-grain {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.05), transparent 60%), repeating-linear-gradient(0deg, rgba(0,0,0,0.14) 0 2px, transparent 2px 4px);
  mix-blend-mode: overlay;
  opacity: 0.5;
  pointer-events: none;
}
.aco-int .cl-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 45%, transparent 30%, rgba(3,3,7,0.72) 100%);
}
.aco-int .cl-hero-center {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding: 0 24px;
}
.aco-int .cl-hero-play {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1.5px solid rgba(255,255,255,0.5);
  color: #fff;
  background: rgba(0,0,0,0.25);
  backdrop-filter: blur(4px);
}
.aco-int .cl-hero-play svg {
  width: 22px;
  height: 22px;
  margin-left: 3px;
}
.aco-int .cl-hero-note {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
  max-width: 460px;
}
.aco-int .cl-hero-note--wide {
  max-width: 620px;
}
.aco-int .cl-hero-disclaimer {
  margin: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.42);
  max-width: 640px;
  line-height: 1.55;
}
.aco-int .cl-library-head {
  margin: 26px 0 18px;
}
.aco-int .cl-library-shead {
  margin: 0 0 16px;
}
.aco-int .cl-library-shead .int-shead-title {
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.aco-int .cl-collection-site {
  color: inherit;
  text-decoration: none;
  transition: color 0.16s ease;
}
.aco-int .cl-collection-site:hover {
  color: #ff6a67;
}
.aco-int .cl-collection-site:focus-visible {
  outline: 2px solid rgba(255, 106, 103, 0.55);
  outline-offset: 3px;
  border-radius: 4px;
}
.aco-int .cl-filters {
  margin-bottom: 0;
}
.aco-int .cl-tier-note {
  margin: 14px 0 0;
  font-size: 13px;
  max-width: 72ch;
}
.aco-int .cl-spotlight {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: color 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}
.aco-int .cl-spotlight svg {
  width: 16px;
  height: 16px;
}
.aco-int .cl-spotlight:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.24);
}
.aco-int .cl-spotlight.is-on {
  color: #ff6a67;
  border-color: rgba(224, 50, 47, 0.42);
  background: rgba(224, 50, 47, 0.12);
}
.aco-int .cl-colbar {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 26px 0 18px;
}
.aco-int .cl-colbar-line {
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.1);
}
.aco-int .cl-colbar-text {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}
.aco-int .cl-tools {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.aco-int .cl-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 200px;
  max-width: 320px;
  padding: 9px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
}
.aco-int .cl-search svg {
  width: 15px;
  height: 15px;
  color: rgba(255,255,255,0.45);
}
.aco-int .cl-search input {
  flex: 1;
  border: 0;
  background: none;
  color: #fff;
  font-size: 13px;
  outline: none;
  font-family: inherit;
}
.aco-int .cl-tabs {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}
.aco-int .cl-tab {
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.6);
  font-size: 12px;
  font-weight: 600;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.aco-int .cl-tab:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.22);
}
.aco-int .cl-tab.is-active {
  color: #0a0a0a;
  background: #fff;
  border-color: #fff;
}
.aco-int .cl-count {
  margin-left: auto;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
}
.aco-int .cl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.aco-int .cl-sorts {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
}
.aco-int .cl-sort {
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.55);
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.aco-int .cl-sort:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.22);
}
.aco-int .cl-sort.is-active {
  color: #ff6a67;
  background: rgba(224, 50, 47, 0.14);
  border-color: rgba(224, 50, 47, 0.4);
}
.aco-int .cl-tile {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
  font: inherit;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255,255,255,0.08);
  background: #0a0a10;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .cl-tile-cover {
  position: absolute;
  inset: 0;
  filter: brightness(0.9);
  transition: filter 0.4s ease, transform 0.5s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .cl-tile-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.12) 0 2px, transparent 2px 4px);
  mix-blend-mode: overlay;
  opacity: 0.5;
}
.aco-int .cl-tile-ov {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 12px 14px;
  text-align: center;
  background: radial-gradient(120% 80% at 50% 50%, transparent 20%, rgba(3,3,7,0.5) 100%);
}
.aco-int .cl-tile-title {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.2;
  text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}
.aco-int .cl-tile-jp {
  font-size: 9.5px;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.55);
}
.aco-int .cl-tile-meta {
  position: absolute;
  left: 10px;
  bottom: 9px;
  z-index: 3;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  color: rgba(255,255,255,0.7);
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(4px);
}
.aco-int .cl-tile-flag {
  position: absolute;
  top: 9px;
  left: 9px;
  z-index: 3;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 7px;
  border-radius: 6px;
  background: linear-gradient(180deg,#e0322f,#b71f1d);
}
.aco-int .cl-tile-play {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.3);
  background: rgba(0,0,0,0.35);
  color: #fff;
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .cl-tile-play svg {
  width: 14px;
  height: 14px;
  margin-left: 1px;
}
.aco-int .cl-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.2);
  box-shadow: 0 18px 40px rgba(0,0,0,0.5);
}
.aco-int .cl-tile:hover .cl-tile-cover {
  filter: brightness(1.1);
  transform: scale(1.05);
}
.aco-int .cl-tile:hover .cl-tile-play {
  opacity: 1;
  transform: scale(1);
}
.aco-int .cl-empty {
  padding: 60px 20px;
  text-align: center;
  color: rgba(255,255,255,0.45);
  font-size: 13.5px;
}
.aco-int .aco-gallery-root {
  --cl-line: rgba(255,255,255,0.08);
  --cl-muted: rgba(255,255,255,0.42);
  --lib-card-ratio: 320 / 105;
  overflow-x: clip;
}
.aco-int .lib-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 28px 12px 22px;
  margin: 0 0 8px;
  position: relative;
  text-align: center;
}
.aco-int .lib-head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--cl-line);
}
.aco-int .lib-title {
  margin: 0;
  font-family: var(--font-jetbrains), "JetBrains Mono", monospace;
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}
.aco-int .lib-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 100%;
}
.aco-int .lib-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 42px;
  height: 32px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--cl-line);
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), background 0.2s ease;
}
.aco-int .lib-search.is-open, .aco-int .lib-search:focus-within {
  width: 220px;
  background: rgba(255,255,255,0.08);
}
.aco-int .lib-search-toggle {
  display: grid;
  place-items: center;
  width: 40px;
  height: 30px;
  border: 0;
  background: none;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}
.aco-int .lib-search-toggle svg {
  width: 14px;
  height: 14px;
}
.aco-int .lib-search input {
  width: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  color: #fff;
  font-family: var(--font-jetbrains), "JetBrains Mono", monospace;
  font-size: 12px;
  transition: width 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), padding 0.35s ease;
}
.aco-int .lib-search.is-open input, .aco-int .lib-search:focus-within input {
  width: 160px;
  padding: 0 12px 0 0;
}
.aco-int .lib-search input::placeholder {
  color: var(--cl-muted);
}
.aco-int .icon-toggle {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid var(--cl-line);
  background: transparent;
  color: var(--cl-muted);
  cursor: pointer;
  padding: 0;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.aco-int .icon-toggle svg {
  width: 15px;
  height: 15px;
}
.aco-int .icon-toggle:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
}
.aco-int .icon-toggle.is-on {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.05);
}
.aco-int .pill-sep {
  width: 1px;
  height: 18px;
  background: var(--cl-line);
  margin: 0 2px;
  flex-shrink: 0;
}
.aco-int .pill-btn {
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid var(--cl-line);
  background: transparent;
  color: var(--cl-muted);
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.aco-int .pill-btn--sort {
  font-family: var(--font-jetbrains), "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 7px 14px;
}
.aco-int .pill-btn:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
}
.aco-int .pill-btn.active {
  background: #fff;
  border-color: #fff;
  color: #0a0a0a;
}
.aco-int .filter-dd {
  position: relative;
  display: inline-block;
}
.aco-int .filter-dd-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 7px 14px 7px 16px;
  border-radius: 999px;
  border: 1px solid var(--cl-line);
  background: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
}
.aco-int .filter-dd-toggle svg {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
}
.aco-int .filter-dd.is-open .filter-dd-toggle svg {
  transform: rotate(180deg);
}
.aco-int .filter-dd-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 210px;
  z-index: 40;
  background: rgba(12,12,12,0.92);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}
.aco-int .filter-dd.is-open .filter-dd-menu {
  display: block;
}
.aco-int .filter-dd-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: rgba(255,255,255,0.75);
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.aco-int .filter-dd-item:hover {
  background: rgba(255,255,255,0.06);
  color: #fff;
}
.aco-int .filter-dd-item.active {
  background: rgba(255,255,255,0.1);
  color: #fff;
}
.aco-int .lib-tier-caption {
  margin: 0 auto 16px;
  max-width: 680px;
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255,255,255,0.48);
}
.aco-int .lib-pan {
  width: auto;
  margin-left: calc(-1 * clamp(20px, 3vw, 34px));
  margin-right: calc(-1 * clamp(20px, 3vw, 34px));
}
.aco-int .lib-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 4px;
  row-gap: 4px;
  padding: 0;
  width: 100%;
}
.aco-int .lib-grid.is-spotlight .lib-card:not(:hover) {
  filter: brightness(0.45);
}
.aco-int .lib-grid.is-spotlight .lib-card:hover {
  filter: none;
  z-index: 2;
}
.aco-int .lib-card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--lib-card-ratio);
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.06);
  background: #000;
  text-decoration: none;
  transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), filter 0.25s ease;
}
.aco-int .lib-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .lib-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.aco-int .lib-card:hover {
  transform: translateY(-2px);
}
.aco-int .lib-card:hover img {
  transform: scale(1.04);
}
.aco-int .lib-card.is-coming::after {
  opacity: 0.72;
}
.aco-int .lib-card.is-noclick {
  cursor: default;
}
.aco-int .lib-card-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.aco-int .cl-drive-wrap {
  padding-top: 16px;
  padding-bottom: 20px;
}
.aco-int .cl-drive {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 360px;
}
.aco-int .cl-drive-nav {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(255,255,255,0.1);
  border-bottom: 0;
  background: rgba(255,255,255,0.03);
}
.aco-int .cl-drive-nav__back, .aco-int .cl-drive-nav__home, .aco-int .cl-drive-nav__refresh {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.02);
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  text-decoration: none;
  padding: 0;
}
.aco-int .cl-drive-nav__back svg, .aco-int .cl-drive-nav__home svg, .aco-int .cl-drive-nav__refresh svg {
  width: 14px;
  height: 14px;
}
.aco-int .cl-drive-nav__back:hover, .aco-int .cl-drive-nav__home:hover, .aco-int .cl-drive-nav__refresh:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.22);
}
.aco-int .cl-drive-nav__trail {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}
.aco-int .cl-drive-nav__seg {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
.aco-int .cl-drive-nav__sep {
  width: 12px;
  height: 12px;
  color: rgba(255,255,255,0.35);
  flex-shrink: 0;
}
.aco-int .cl-drive-nav__crumb {
  border: 0;
  background: none;
  color: rgba(255,255,255,0.55);
  font-size: 12px;
  cursor: pointer;
  padding: 4px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}
.aco-int .cl-drive-nav__crumb:hover {
  color: #fff;
}
.aco-int .cl-drive-nav__crumb.is-current {
  color: #fff;
  font-weight: 700;
}
.aco-int .cl-drive-nav__title {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
  justify-self: end;
}
.aco-int .cl-drive-body {
  position: relative;
  border: 1px solid rgba(255,255,255,0.1);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-radius: 0 0 10px 10px;
  background: #050508;
  padding: 12px;
  min-height: min(52vh, 520px);
}
.aco-int .cl-drive-body.is-loading {
  padding: 0;
  min-height: min(52vh, 520px);
}
.aco-int .cl-drive__loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #050508;
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  letter-spacing: 0.02em;
  animation: cl-drive-load-in 0.22s ease;
}
.aco-int .cl-drive__loading svg {
  width: 18px;
  height: 18px;
  color: rgba(255,255,255,0.85);
}
@keyframes cl-drive-load-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.aco-int .cl-drive__state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 16px;
  color: rgba(255,255,255,0.5);
  font-size: 13px;
}
.aco-int .cl-drive__state--err {
  color: #ff9a98;
}
.aco-int .cl-drive__state svg.is-spin, .aco-int .cl-drive-nav__refresh svg.is-spin {
  animation: cl-spin 0.9s linear infinite;
}
@keyframes cl-spin {
  to {
    transform: rotate(360deg);
  }
}
.aco-int .cl-drive__folders {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.aco-int .cl-drive__folder {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 160px;
  max-width: 240px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.02);
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
}
.aco-int .cl-drive__folder--prev {
  min-width: 0;
  max-width: none;
  width: auto;
  flex: 0 0 auto;
  color: rgba(255,255,255,0.78);
}
.aco-int .cl-drive__folder--prev span {
  flex: 0 0 auto;
  overflow: visible;
  text-overflow: clip;
}
.aco-int .cl-drive__folder svg {
  width: 16px;
  height: 16px;
  color: rgba(255,255,255,0.5);
  flex-shrink: 0;
}
.aco-int .cl-drive__folder span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aco-int .cl-drive__folder:hover {
  border-color: rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.04);
}
.aco-int .cl-drive__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 3px;
}
.aco-int .cl-drive__clip {
  position: relative;
  aspect-ratio: 16 / 9;
  padding: 0;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.04);
}
.aco-int .cl-drive__clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.aco-int .cl-drive__clip-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 10px;
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  text-align: center;
}
.aco-int .cl-drive__clip-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.aco-int .cl-drive__clip-play svg {
  width: 32px;
  height: 32px;
}
.aco-int .cl-drive__clip:hover {
  z-index: 2;
  outline: 1px solid rgba(255,255,255,0.18);
}
.aco-int .cl-drive__clip:hover .cl-drive__clip-play {
  opacity: 1;
}
.aco-int .cl-drive-player {
  position: fixed;
  inset: 0;
  z-index: 9600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3,3,7,0.88);
  backdrop-filter: blur(8px);
}
.aco-int .cl-drive-player__box {
  width: min(1100px, 100%);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  background: #0c0c10;
}
.aco-int .cl-drive-player__bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.aco-int .cl-drive-player__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aco-int .cl-drive-player__dl, .aco-int .cl-drive-player__x {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.75);
  text-decoration: none;
}
.aco-int .cl-drive-player__video {
  width: 100%;
  display: block;
  max-height: 75vh;
  background: #000;
}
.cl-drive-player, .cl-drive-player *, .cl-drive-player *::before, .cl-drive-player *::after {
  box-sizing: border-box;
}
.cl-drive-player {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3, 3, 7, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: mn-fade 0.2s ease;
}
.cl-drive-player__box {
  width: min(1100px, 100%);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0c0c10;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  animation: mn-pop 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}
.cl-drive-player__bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cl-drive-player__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-drive-player__dl, .cl-drive-player__x {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
}
.cl-drive-player__dl:hover, .cl-drive-player__x:hover {
  border-color: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.cl-drive-player__video {
  width: 100%;
  display: block;
  max-height: 75vh;
  background: #000;
}
.cl-drive-player__stage {
  position: relative;
  min-height: min(56vh, 520px);
  background: #000;
}
.cl-drive-player__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: min(56vh, 520px);
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
}
.cl-drive-player__state.is-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
.cl-drive-player__state svg.is-spin {
  width: 28px;
  height: 28px;
  color: #ff8583;
  animation: cl-spin 0.9s linear infinite;
}
@media (max-width: 900px) {
  .aco-int .lib-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .aco-int .cl-drive-nav {
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
  }
  .aco-int .cl-drive-nav__title {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    padding-bottom: 4px;
  }
  .aco-int .cl-drive__grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
@media (max-width: 620px) {
  .aco-int .cl-hero {
    aspect-ratio: 16 / 9;
  }
  .aco-int .lib-grid {
    grid-template-columns: 1fr;
  }
  .aco-int .lib-controls {
    gap: 5px;
  }
  .aco-int .pill-btn {
    padding: 7px 12px;
    font-size: 12px;
  }
}
.aco-int .ny-page {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.aco-int .ny-hero {
  position: relative;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(224,50,47,0.09), rgba(12,12,16,0.5));
  overflow: hidden;
}
.aco-int .ny-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.aco-int .ny-hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.aco-int .ny-hero-title {
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
}
.aco-int .ny-hero-lead {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(255,255,255,0.74);
  max-width: 640px;
}
.aco-int .ny-hero-note {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
  color: rgba(255,255,255,0.5);
  max-width: 640px;
}
.aco-int .ny-hero-note a {
  color: #ff8583;
  text-decoration: none;
}
.aco-int .ny-hero-note a:hover {
  text-decoration: underline;
}
.aco-int .ny-card {
  padding: clamp(16px, 2.4vw, 22px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.aco-int .ny-card-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.aco-int .ny-card-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
}
.aco-int .ny-card-title svg {
  width: 14px;
  height: 14px;
  color: #ff6a67;
}
.aco-int .ny-badge {
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 9px;
  letter-spacing: 0.1em;
  background: rgba(224,50,47,0.16);
  color: #ff9a98;
  border: 1px solid rgba(224,50,47,0.32);
}
.aco-int .ny-searchrow {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: stretch;
}
.aco-int .ny-input {
  flex: 1 1 260px;
  min-width: 0;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.25);
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease;
}
.aco-int .ny-input:focus {
  border-color: rgba(224,50,47,0.5);
}
.aco-int .ny-select {
  flex: 0 0 auto;
  min-width: 190px;
  min-height: 48px;
  padding: 0 42px 0 16px;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.14);
  background-color: rgba(0,0,0,0.25);
  color: #fff;
  font-size: 13.5px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  transition: border-color 0.2s ease;
}
.aco-int .ny-select:hover {
  border-color: rgba(255,255,255,0.28);
}
.aco-int .ny-select:focus {
  border-color: rgba(224,50,47,0.5);
}
.aco-int .ny-select option {
  background: #12121a;
  color: #fff;
}
.aco-int .ny-go {
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 22px;
}
.aco-int .ny-trackers {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.aco-int .ny-chip {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.2s ease, background 0.2s ease;
}
.aco-int .ny-chip.is-active {
  border-color: rgba(224,50,47,0.55);
  background: rgba(224,50,47,0.14);
}
.aco-int .ny-chip-name {
  padding: 6px 4px 6px 12px;
  border: 0;
  background: none;
  color: rgba(255,255,255,0.75);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.aco-int .ny-chip.is-active .ny-chip-name {
  color: #ffb3b1;
}
.aco-int .ny-chip-x {
  display: grid;
  place-items: center;
  padding: 0 8px 0 4px;
  border: 0;
  background: none;
  color: rgba(255,255,255,0.35);
  cursor: pointer;
}
.aco-int .ny-chip-x:hover {
  color: #ff8f8d;
}
.aco-int .ny-chip-x svg {
  width: 12px;
  height: 12px;
}
.aco-int .ny-addrow {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px dashed rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.02);
}
.aco-int .ny-add-input {
  width: 110px;
  padding: 6px 4px 6px 12px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 12px;
  outline: none;
}
.aco-int .ny-add-btn {
  display: grid;
  place-items: center;
  padding: 0 10px;
  border: 0;
  background: none;
  color: rgba(255,255,255,0.55);
  cursor: pointer;
}
.aco-int .ny-add-btn:hover {
  color: #ff8583;
}
.aco-int .ny-add-btn svg {
  width: 13px;
  height: 13px;
}
.aco-int .ny-reset {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 0;
  background: none;
  color: rgba(255,255,255,0.4);
  font-size: 11px;
  cursor: pointer;
}
.aco-int .ny-reset:hover {
  color: #fff;
}
.aco-int .ny-reset svg {
  width: 12px;
  height: 12px;
}
.aco-int .ny-hint {
  margin: 14px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: rgba(255,255,255,0.42);
}
.aco-int .ny-card-meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.aco-int .ny-live {
  padding: 3px 8px;
  border-radius: 999px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7ee08a;
  background: rgba(126,224,138,0.12);
  border: 1px solid rgba(126,224,138,0.28);
}
.aco-int .ny-live.is-loading {
  color: #ffd27a;
  background: rgba(255,210,122,0.1);
  border-color: rgba(255,210,122,0.28);
}
.aco-int .ny-refresh {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.62);
  font-size: 11px;
  cursor: pointer;
}
.aco-int .ny-refresh:hover:not(:disabled) {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.aco-int .ny-refresh:disabled {
  opacity: 0.45;
  cursor: default;
}
.aco-int .ny-refresh svg {
  width: 12px;
  height: 12px;
}
.aco-int .ny-error {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(224,50,47,0.35);
  background: rgba(224,50,47,0.1);
  color: #ffb3b1;
  font-size: 13px;
}
.aco-int .ny-results {
  position: relative;
  padding: clamp(16px, 2.4vw, 22px);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  min-height: 180px;
}
.aco-int .ny-results.is-loading {
  border-color: rgba(255, 210, 122, 0.22);
  background: rgba(255, 210, 122, 0.03);
}
.aco-int .ny-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 160px;
  padding: 32px 20px;
  text-align: center;
  animation: cl-drive-load-in 0.22s ease;
}
.aco-int .ny-loading svg {
  width: 22px;
  height: 22px;
  color: #ffd27a;
}
.aco-int .ny-loading svg.is-spin {
  animation: cl-spin 0.9s linear infinite;
}
.aco-int .ny-loading-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
}
.aco-int .ny-loading-sub {
  margin: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.48);
  max-width: 420px;
  line-height: 1.55;
}
.aco-int .ny-summary {
  margin: 0 0 12px;
  font-size: 12px;
  color: rgba(255,255,255,0.55);
}
.aco-int .ny-empty {
  margin: 0;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
}
.aco-int .ny-table-wrap {
  overflow: auto;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.07);
}
.aco-int .ny-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 12.5px;
}
.aco-int .ny-table th, .aco-int .ny-table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  text-align: left;
  vertical-align: middle;
}
.aco-int .ny-table th {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  background: rgba(0,0,0,0.25);
}
.aco-int .ny-table tr:last-child td {
  border-bottom: 0;
}
.aco-int .ny-table tbody tr:hover {
  background: rgba(255,255,255,0.02);
}
.aco-int .ny-name {
  max-width: 520px;
}
.aco-int .ny-name a {
  color: rgba(255,255,255,0.88);
  text-decoration: none;
  line-height: 1.45;
}
.aco-int .ny-name a:hover {
  color: #fff;
  text-decoration: underline;
}
.aco-int .ny-seed {
  color: #7ee08a;
  font-weight: 700;
}
.aco-int .ny-leech {
  color: #ff8583;
  font-weight: 700;
}
.aco-int .ny-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  white-space: nowrap;
}
.aco-int .ny-act {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.78);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}
.aco-int .ny-act:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.07);
}
.aco-int .ny-act.is-magnet svg {
  width: 13px;
  height: 13px;
}
.aco-int .ny-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 16px;
}
.aco-int .ny-page-btn {
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  cursor: pointer;
}
.aco-int .ny-page-btn:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(255,255,255,0.28);
}
.aco-int .ny-page-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.aco-int .ny-page-info {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.55);
}
.aco-int.pf-page {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding: clamp(20px, 5vw, 56px) 18px;
}
.pf-lang {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 120;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(8, 8, 10, 0.82);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}
.pf-lang button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 7px 12px;
  font-family: var(--font-inter), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.45);
  transition: color 0.18s ease, background 0.18s ease;
}
.pf-lang button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.pf-lang button:hover {
  color: rgba(255, 255, 255, 0.85);
}
.pf-lang button.is-active {
  color: #0a0a0a;
  background: #fff;
  font-weight: 700;
}
.pf-lang--inline {
  position: static;
  top: auto;
  right: auto;
  z-index: auto;
  margin-left: 4px;
  flex-shrink: 0;
}
.aco-int.pf-theme--landing .pf-ld-nav__links .pf-lang--inline {
  margin-left: 8px;
}
.aco-int .pf-wrap {
  width: 100%;
  max-width: 1040px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.aco-int .pf-banner {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  height: clamp(170px, 26vw, 240px);
  border: 1px solid rgba(255,255,255,0.09);
  box-shadow: 0 20px 50px rgba(0,0,0,0.45);
}
.aco-int .pf-banner__grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image: linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(120% 120% at 70% 0%, #000, transparent 75%);
}
.aco-int .pf-banner__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(90% 120% at 85% 0%, rgba(255,255,255,0.22), transparent 55%), linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.35));
}
.aco-int .pf-id {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: -52px;
  z-index: 2;
}
.aco-int .pf-avatar {
  position: relative;
  width: 92px;
  height: 92px;
  border-radius: 26px;
  display: grid;
  place-items: center;
  border: 3px solid rgba(10,10,12,0.9);
  box-shadow: 0 14px 34px rgba(0,0,0,0.5);
}
.aco-int .pf-avatar span {
  font-size: 38px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 3px 12px rgba(0,0,0,0.5);
}
.aco-int .pf-name {
  margin: 14px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(22px, 5.5vw, 30px);
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
}
.aco-int .pf-verified {
  width: 20px;
  height: 20px;
  color: #4aa8ff;
}
.aco-int .pf-role {
  margin-top: 7px;
  font-size: 11.5px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}
.aco-int .pf-bio {
  margin: 12px 0 0;
  max-width: 380px;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.62);
}
.aco-int .pf-contact-card .pf-contact {
  padding: 14px clamp(16px, 3vw, 22px) 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aco-int .pf-socials {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}
@media (max-width: 720px) {
  .aco-int .pf-socials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.aco-int .pf-social {
  --pf-accent: #ff6a67;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  min-height: 88px;
  padding: 12px;
  border-radius: 11px;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #111116;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.aco-int .pf-social::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(145deg, var(--pf-accent), transparent 58%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(145deg, color-mix(in srgb, var(--pf-accent) 14%, transparent), transparent 58%);
  }
}
.aco-int .pf-social:hover {
  border-color: var(--pf-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--pf-accent) 45%, rgba(255, 255, 255, 0.14));
  }
  transform: translateY(-3px);
}
.aco-int .pf-social__ic {
  position: relative;
  z-index: 1;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 17px;
  line-height: 1;
  color: var(--pf-accent);
  background: #18181e;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.aco-int .pf-social__ic svg {
  width: 1em;
  height: 1em;
}
.aco-int .pf-social__label {
  position: relative;
  z-index: 1;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
  line-height: 1.25;
}
.aco-int .pf-section {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 10px;
}
.aco-int .pf-sechead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.aco-int .pf-sechead__k {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
}
.aco-int .pf-sechead__c {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.38);
}
.aco-int .pf-yt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.aco-int .pf-yt__item {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255,255,255,0.09);
  background: #0a0a10;
  display: block;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.aco-int .pf-yt__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.82);
  transition: filter 0.35s ease, transform 0.5s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .pf-yt__play {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(224,50,47,0.92);
  box-shadow: 0 6px 20px rgba(0,0,0,0.45);
  transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .pf-yt__play svg {
  width: 18px;
  height: 18px;
  margin-left: 2px;
}
.aco-int .pf-yt__yt {
  position: absolute;
  left: 8px;
  bottom: 7px;
  z-index: 2;
  font-family: var(--font-jetbrains), monospace;
  font-size: 8.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(0,0,0,0.5);
}
.aco-int .pf-yt__item:hover {
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.22);
  box-shadow: 0 16px 36px rgba(0,0,0,0.45);
}
.aco-int .pf-yt__item:hover .pf-yt__img {
  filter: brightness(1);
  transform: scale(1.06);
}
.aco-int .pf-yt__item:hover .pf-yt__play {
  transform: scale(1.12);
}
.aco-int .pf-contact-extra {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 560px) {
  .aco-int .pf-contact-extra {
    grid-template-columns: 1fr;
  }
}
.aco-int .pf-support {
  margin-top: 0;
  border-radius: 11px;
  padding: 12px;
  text-decoration: none;
  border: 1px solid rgba(255, 106, 103, 0.32);
  background: #141014;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  min-height: 88px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.aco-int .pf-support:hover {
  border-color: rgba(255, 106, 103, 0.5);
  transform: translateY(-3px);
}
.aco-int .pf-support__ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  flex: none;
  display: grid;
  place-items: center;
  background: rgba(224, 50, 47, 0.14);
  border: 1px solid rgba(255, 106, 103, 0.35);
  color: #ff6a67;
}
.aco-int .pf-support__ic svg {
  width: 17px;
  height: 17px;
}
.aco-int .pf-support__name {
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
}
.aco-int .pf-support__sub {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.3;
}
.aco-int .pf-collab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  min-height: 88px;
  padding: 12px;
  border-radius: 11px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #111116;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.aco-int .pf-collab:hover {
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
}
.aco-int .pf-collab__ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  flex: none;
  display: grid;
  place-items: center;
  background: #18181e;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ff6a67;
}
.aco-int .pf-collab__ic svg {
  width: 16px;
  height: 16px;
}
.aco-int .pf-collab__v {
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  word-break: break-all;
}
.aco-int .pf-collab__k {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  line-height: 1.3;
}
.aco-int .pf-disclaimer {
  margin: 6px 0 0;
  text-align: center;
  font-size: 10.5px;
  line-height: 1.5;
  color: rgba(255,255,255,0.3);
}
.aco-int .pf-footlink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 8px;
  text-align: center;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  font-family: var(--font-jetbrains), monospace;
  text-decoration: none;
}
.aco-int .pf-footlink strong {
  color: rgba(255,255,255,0.7);
  font-weight: 700;
}
.aco-int .pf-footlink:hover strong {
  color: #fff;
}
.aco-int .pf-footlink__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7ee08a;
  box-shadow: 0 0 8px rgba(126,224,138,0.6);
}
.aco-int .pf-id {
  margin-top: -60px;
}
.aco-int .pf-avatar {
  width: 108px;
  height: 108px;
  border-radius: 30px;
}
.aco-int .pf-id__main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aco-int .pf-bio {
  max-width: 620px;
}
.aco-int .pf-iconrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.aco-int .pf-iconrow__a {
  --pf-accent: #ff6a67;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 16px;
  text-decoration: none;
  color: var(--pf-accent);
  background: #111116;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.aco-int .pf-iconrow__a svg {
  width: 1em;
  height: 1em;
}
.aco-int .pf-iconrow__a:hover {
  border-color: var(--pf-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--pf-accent) 40%, rgba(255, 255, 255, 0.18));
  }
  transform: translateY(-2px);
}
.aco-int.pf-page .int-card {
  background: #0c0c0f;
}
.aco-int.pf-page .int-bar {
  background: #101014;
}
.aco-int.pf-page.is-no-banner .pf-id {
  margin-top: 0;
  padding-top: 8px;
}
.aco-int .pe-bannerpanel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pe-bannerpanel.is-off {
  opacity: 0.45;
  pointer-events: none;
  filter: grayscale(0.35);
}
.aco-int .pf-tabs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 22px 0 10px;
  padding: 0;
  border: 0;
  background: none;
  width: 100%;
  max-width: 100%;
}
.aco-int .pf-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.aco-int .pf-tab svg {
  width: 15px;
  height: 15px;
  flex: none;
}
.aco-int .pf-tab__c {
  margin-left: 2px;
  opacity: 0.55;
}
.aco-int .pf-tab.is-active .pf-tab__c {
  opacity: 0.65;
  color: inherit;
  background: none;
  padding: 0;
}
.aco-int .pf-empty {
  text-align: center;
  padding: 50px 20px;
  color: rgba(255,255,255,0.4);
  font-size: 14px;
  border: 1px dashed rgba(255,255,255,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.02);
}
.aco-int .pf-contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .pf-wrap .pf-yt {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.aco-int.pf-theme--sellfy.pf-page {
  display: block;
  padding: 0;
  min-height: 100vh;
  background: #08080a;
  color: #f4f4f5;
}
.aco-int.pf-theme--sellfy .pf-sf-header {
  background: #0c0c0f;
  border-bottom: 1px solid rgba(255,255,255,.06);
  margin-bottom: 0;
}
.aco-int.pf-theme--sellfy .pf-sf-cover {
  height: clamp(140px, 22vw, 220px);
  position: relative;
  overflow: hidden;
}
.aco-int.pf-theme--sellfy .pf-sf-cover--plain {
  background: linear-gradient(125deg, #120505 0%, #1a0a0a 40%, #ff6a67 120%);
}
.aco-int.pf-theme--sellfy .pf-sf-identity {
  max-width: 1140px;
  margin: -48px auto 0;
  padding: 0 24px 12px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.aco-int.pf-theme--sellfy .pf-sf-logo {
  width: 96px;
  height: 96px;
  border-radius: 20px;
  border: 3px solid #111116;
  box-shadow: 0 8px 32px rgba(0,0,0,.55);
  margin-top: 0;
  flex: none;
}
.aco-int.pf-theme--sellfy .pf-sf-main {
  flex: 1;
  min-width: 0;
  padding-top: 52px;
}
.aco-int.pf-theme--sellfy .pf-sf-name {
  color: #fff;
  margin: 0;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
}
.aco-int.pf-theme--sellfy .pf-sf-verified {
  color: #4aa8ff;
}
.aco-int.pf-theme--sellfy .pf-sf-handle {
  font-size: 13px;
  color: rgba(255,255,255,.45);
  margin-top: 2px;
}
.aco-int.pf-theme--sellfy .pf-sf-bio {
  color: rgba(255,255,255,.55);
  max-width: 520px;
  text-align: left;
  margin-top: 10px;
}
.aco-int.pf-theme--sellfy .pf-sf-stats {
  display: flex;
  gap: 24px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.aco-int.pf-theme--sellfy .pf-sf-stats div {
  font-size: 12px;
  color: rgba(255,255,255,.35);
}
.aco-int.pf-theme--sellfy .pf-sf-stats strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 2px;
}
.aco-int.pf-theme--sellfy .pf-iconrow {
  justify-content: flex-start;
  margin-top: 14px;
}
.aco-int.pf-theme--sellfy .pf-sf-shell {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px 64px;
}
.aco-int.pf-theme--sellfy .pf-sf-nav {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.aco-int.pf-theme--sellfy .pf-sf-nav__a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 18px;
  border: none;
  background: none;
  cursor: pointer;
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  color: rgba(255,255,255,.45);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: .15s;
}
.aco-int.pf-theme--sellfy .pf-sf-nav__a.is-active {
  color: #fff;
  border-bottom-color: #ff6a67;
}
.aco-int.pf-theme--sellfy .pf-sf-nav__a:hover {
  color: rgba(255,255,255,.75);
}
.aco-int.pf-theme--sellfy .pf-sf-nav__a svg {
  width: 15px;
  height: 15px;
}
.aco-int.pf-theme--sellfy .pf-sf-toolbar {
  margin-bottom: 16px;
}
.aco-int.pf-theme--sellfy .pf-sf-toolbar__count {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.5);
  letter-spacing: .02em;
}
.aco-int.pf-theme--sellfy .sf-grid {
  width: 100%;
}
.aco-int.pf-theme--sellfy .pf-sf-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.06);
  text-align: center;
}
.aco-int.pf-theme--sellfy .pf-sf-foot .pf-disclaimer {
  margin: 0;
  max-width: 520px;
}
.aco-int.pf-theme--sellfy .pf-sf-foot .pf-footlink {
  margin-top: 0;
}
.aco-int.pf-theme--sellfy .pf-empty {
  color: rgba(255,255,255,.45);
  border-color: rgba(255,255,255,.08);
  background: #111116;
}
.aco-int.pf-theme--sellfy .int-bar {
  display: none;
}
@media (max-width: 680px) {
  .aco-int.pf-theme--sellfy .pf-sf-identity {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -36px;
    padding-bottom: 16px;
  }
  .aco-int.pf-theme--sellfy .pf-sf-main {
    padding-top: 0;
    width: 100%;
  }
  .aco-int.pf-theme--sellfy .pf-sf-bio {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .aco-int.pf-theme--sellfy .pf-iconrow {
    justify-content: center;
  }
  .aco-int.pf-theme--sellfy .pf-sf-stats {
    justify-content: center;
  }
}
.aco-int.pf-theme--payhip.pf-page {
  display: flex;
  justify-content: center;
  padding: clamp(28px, 5vw, 56px) 16px 72px;
  background: #08080a;
}
.aco-int.pf-theme--payhip .pf-ph-column {
  width: 100%;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.aco-int.pf-theme--payhip .pf-ph-card {
  background: #111116;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  padding: 36px 28px 28px;
  text-align: center;
  box-shadow: 0 16px 48px rgba(0,0,0,.45);
}
.aco-int.pf-theme--payhip .pf-ph-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  margin: 0 auto 16px;
  border-width: 3px;
  border-color: #1a1a20;
}
.aco-int.pf-theme--payhip .pf-ph-name {
  color: #fff;
  margin: 0;
  justify-content: center;
  font-size: 24px;
}
.aco-int.pf-theme--payhip .pf-ph-verified {
  color: #818cf8;
}
.aco-int.pf-theme--payhip .pf-ph-handle {
  font-size: 13px;
  color: rgba(255,255,255,.4);
  margin: 4px 0 12px;
}
.aco-int.pf-theme--payhip .pf-ph-bio {
  color: rgba(255,255,255,.55);
  max-width: 400px;
  margin: 0 auto 16px;
  text-align: center;
}
.aco-int.pf-theme--payhip .pf-ph-pills {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.aco-int.pf-theme--payhip .pf-ph-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  color: rgba(255,255,255,.45);
}
.aco-int.pf-theme--payhip .pf-ph-pill strong {
  color: #fff;
}
.aco-int.pf-theme--payhip .pf-ph-tabs {
  display: flex;
  gap: 4px;
  background: #111116;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 4px;
}
.aco-int.pf-theme--payhip .pf-ph-tabs__btn {
  flex: 1;
  padding: 11px 8px;
  border: none;
  background: transparent;
  border-radius: 11px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.4);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: .15s;
}
.aco-int.pf-theme--payhip .pf-ph-tabs__btn.is-active {
  background: rgba(255,255,255,.1);
  color: #fff;
}
.aco-int.pf-theme--payhip .pf-ph-tabs__btn:hover:not(.is-active) {
  color: rgba(255,255,255,.65);
}
.aco-int.pf-theme--payhip .pf-ph-tabs__btn svg {
  width: 14px;
  height: 14px;
}
.aco-int.pf-theme--payhip .sf-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.aco-int.pf-theme--payhip .sf-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
}
.aco-int.pf-theme--payhip .sf-card:hover {
  transform: translateY(-3px);
}
.aco-int.pf-theme--payhip .sf-card__media {
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  border-radius: 0;
}
.aco-int.pf-theme--payhip .sf-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 13px 13px;
  flex: 1;
}
.aco-int.pf-theme--payhip .sf-card__title {
  font-size: 13px;
  line-height: 1.25;
}
.aco-int.pf-theme--payhip .sf-card__desc {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int.pf-theme--payhip .sf-card__foot {
  margin-top: auto;
  padding-top: 6px;
}
.aco-int.pf-theme--payhip .sf-card__price {
  font-size: 13px;
}
.aco-int.pf-theme--payhip .sf-card__buy {
  font-size: 11px;
}
.aco-int.pf-theme--payhip .pf-yt {
  grid-template-columns: 1fr;
}
.aco-int.pf-theme--payhip .pf-ph-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding-top: 20px;
  text-align: center;
}
.aco-int.pf-theme--payhip .pf-ph-foot .pf-disclaimer {
  margin: 0;
}
.aco-int.pf-theme--payhip .pf-ph-foot .pf-footlink {
  margin-top: 0;
}
.aco-int.pf-theme--payhip .int-bar {
  display: none;
}
.aco-int.pf-theme--landing.pf-page {
  display: block;
  padding: 0;
  min-height: 100vh;
  background: #060608;
  color: #fff;
}
.aco-int.pf-theme--landing .pf-ld-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px clamp(20px, 4vw, 48px);
  transition: background .3s, border-color .3s;
  border-bottom: 1px solid transparent;
}
.aco-int.pf-theme--landing .pf-ld-nav.is-scrolled {
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(20px);
  border-bottom-color: rgba(255,255,255,.06);
}
.aco-int.pf-theme--landing .pf-ld-nav__brand {
  font-weight: 800;
  font-size: 14px;
}
.aco-int.pf-theme--landing .pf-ld-nav__brand span {
  color: rgba(255,255,255,.4);
  font-weight: 600;
}
.aco-int.pf-theme--landing .pf-ld-nav__links {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.aco-int.pf-theme--landing .pf-ld-nav__links a {
  color: rgba(255,255,255,.65);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  transition: .15s;
}
.aco-int.pf-theme--landing .pf-ld-nav__links a:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
}
.aco-int.pf-theme--landing .pf-ld-hero {
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: clamp(100px, 14vw, 140px) clamp(20px, 5vw, 64px) clamp(48px, 8vw, 80px);
}
.aco-int.pf-theme--landing .pf-ld-hero__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0a0505 0%, #120808 50%, #ff6a67 160%);
}
.aco-int.pf-theme--landing .pf-ld-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.88) 80%);
  pointer-events: none;
}
.aco-int.pf-theme--landing .pf-ld-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
}
.aco-int.pf-theme--landing .pf-ld-hero__id {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.aco-int.pf-theme--landing .pf-ld-avatar {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  margin: 0;
  flex: none;
}
.aco-int.pf-theme--landing .pf-ld-hero__tag {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.aco-int.pf-theme--landing .pf-ld-hero__handle {
  font-size: 13px;
  color: rgba(255,255,255,.5);
  margin-top: 4px;
}
.aco-int.pf-theme--landing .pf-ld-hero__title {
  font-size: clamp(2.4rem, 8vw, 4.5rem);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.03em;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.aco-int.pf-theme--landing .pf-ld-verified {
  color: #4aa8ff;
  width: 28px;
  height: 28px;
}
.aco-int.pf-theme--landing .pf-ld-hero__bio {
  font-size: clamp(15px, 2vw, 17px);
  color: rgba(255,255,255,.6);
  line-height: 1.6;
  max-width: 460px;
  margin-bottom: 24px;
}
.aco-int.pf-theme--landing .pf-ld-hero__stats {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.aco-int.pf-theme--landing .pf-ld-hero__stats div {
  font-size: 12px;
  color: rgba(255,255,255,.4);
}
.aco-int.pf-theme--landing .pf-ld-hero__stats strong {
  display: block;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
}
.aco-int.pf-theme--landing .pf-ld-hero__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.aco-int.pf-theme--landing .pf-ld-btn {
  padding: 13px 26px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: .15s;
}
.aco-int.pf-theme--landing .pf-ld-btn--primary {
  background: #fff;
  color: #000;
}
.aco-int.pf-theme--landing .pf-ld-btn--ghost {
  border: 1.5px solid rgba(255,255,255,.35);
  color: #fff;
}
.aco-int.pf-theme--landing .pf-ld-section {
  padding: clamp(56px, 9vw, 88px) clamp(20px, 5vw, 64px);
  background: #0a0a0c;
}
.aco-int.pf-theme--landing .pf-ld-section--work {
  background: #0e0e12;
  border-top: 1px solid rgba(255,255,255,.05);
}
.aco-int.pf-theme--landing .pf-ld-section--contact {
  background: #0a0a0c;
  border-top: 1px solid rgba(255,255,255,.05);
}
.aco-int.pf-theme--landing .pf-ld-section--contact .int-bar {
  display: none;
}
.aco-int.pf-theme--landing .pf-ld-section--contact .int-card {
  border-color: rgba(255,255,255,.08);
  background: #111116;
}
.aco-int.pf-theme--landing .pf-ld-section__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.aco-int.pf-theme--landing .pf-ld-eyebrow {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: #fff;
  letter-spacing: -.01em;
}
.aco-int.pf-theme--landing .pf-ld-section__meta {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.3);
}
.aco-int.pf-theme--landing .sf-grid {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  grid-template-columns: unset;
}
.aco-int.pf-theme--landing .sf-grid::-webkit-scrollbar {
  height: 4px;
}
.aco-int.pf-theme--landing .sf-grid::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.15);
  border-radius: 2px;
}
.aco-int.pf-theme--landing .sf-card {
  flex: none;
  width: min(300px, 78vw);
  scroll-snap-align: start;
}
.aco-int.pf-theme--landing .pf-ld-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 32px 24px 48px;
  text-align: center;
  background: #060608;
  border-top: 1px solid rgba(255,255,255,.05);
}
.aco-int.pf-theme--landing .pf-ld-foot .pf-disclaimer {
  margin: 0;
}
.aco-int.pf-theme--landing .pf-ld-foot .pf-footlink {
  margin-top: 0;
}
.aco-int .pe-themes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 8px;
}
.aco-int .pe-theme {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.1);
  background: #111116;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: .15s;
}
.aco-int .pe-theme:hover {
  border-color: rgba(255,106,103,.35);
}
.aco-int .pe-theme.is-active {
  border-color: rgba(255,106,103,.55);
  background: rgba(255,106,103,.08);
  box-shadow: 0 0 0 1px rgba(255,106,103,.2);
}
.aco-int .pe-theme__name {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.aco-int .pe-theme__hint {
  font-size: 11px;
  line-height: 1.45;
  color: rgba(255,255,255,.42);
}
.aco-int .sf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  align-items: start;
}
.aco-int .sf-card {
  display: flex;
  flex-direction: column;
  align-self: start;
  overflow: hidden;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,0.1);
  background: #0c0c0f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 40px rgba(0, 0, 0, 0.35);
  transition: transform 0.45s cubic-bezier(0.22,1,0.36,1), border-color 0.35s ease, box-shadow 0.45s cubic-bezier(0.22,1,0.36,1);
  min-width: 0;
}
.aco-int .sf-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255,106,103,0.4);
  box-shadow: 0 20px 44px rgba(0,0,0,0.5);
}
.aco-int .sf-card__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  padding: 0;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  background: radial-gradient(70% 60% at 50% 30%, rgba(255,255,255,0.05), transparent 70%), linear-gradient(160deg, rgba(28,28,32,0.9), rgba(10,10,12,0.9));
}
.aco-int .sf-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.22,1,0.36,1);
}
.aco-int .sf-card:hover .sf-poster {
  transform: scale(1.04);
}
.sf-cover--ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.sf-cover--ph::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(160deg, rgba(8,8,11,0.4) 0%, rgba(8,8,11,0.82) 100%);
}
.sf-cover__grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.5;
  background-image: linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(120% 120% at 50% 0%, #000, transparent 78%);
}
.sf-cover__ic {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 12px 34px rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
}
.sf-cover__ic svg {
  width: 26px;
  height: 26px;
  color: rgba(255,255,255,0.9);
}
.aco-int .sf-card__tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.45);
  color: rgba(255,255,255,0.7);
  backdrop-filter: blur(4px);
}
.aco-int .sf-card__free {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  letter-spacing: 0.14em;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(126,224,138,0.4);
  background: rgba(126,224,138,0.1);
  color: #7ee08a;
  backdrop-filter: blur(4px);
}
.aco-int .sf-card__play {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(224,50,47,0.9);
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}
.aco-int .sf-card__play svg {
  width: 13px;
  height: 13px;
  margin-left: 1px;
}
.aco-int .sf-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 15px 15px;
  flex: 0 1 auto;
  background: #0c0c0f;
  min-width: 0;
}
.aco-int .sf-card__seller {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  width: fit-content;
  margin-bottom: 4px;
}
.aco-int .sf-card__ava {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: none;
}
.aco-int .sf-card__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aco-int .sf-card__ava span {
  font-size: 10px;
  font-weight: 800;
  color: #fff;
}
.aco-int .sf-card__sname {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.5);
}
.aco-int .sf-card__sgo {
  width: 11px;
  height: 11px;
  color: rgba(255,255,255,0.35);
}
.aco-int .sf-card__seller:hover .sf-card__sname {
  color: #ff8583;
}
.aco-int .sf-card__title {
  text-align: left;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  transition: color 0.25s ease;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .sf-card__title:hover {
  color: #ff6a67;
}
.aco-int .sf-card__desc {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255,255,255,0.42);
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .sf-card__foot {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}
.aco-int .sf-card__price {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}
.aco-int .sf-card__price.is-free {
  color: #7ee08a;
}
.aco-int .sf-card__buy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.55);
  transition: color 0.25s ease;
}
.aco-int .sf-card__buy svg {
  width: 12px;
  height: 12px;
}
.aco-int .sf-card:hover .sf-card__buy.is-write {
  color: #ff6a67;
}
.aco-int .sf-card:hover .sf-card__buy.is-free {
  color: #7ee08a;
}
.sf-modal, .sf-modal *, .sf-modal *::before, .sf-modal *::after {
  box-sizing: border-box;
}
.sf-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(4,4,7,0.74);
  backdrop-filter: blur(10px);
  font-family: var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;
  animation: sfFade 0.25s ease;
  overflow-y: auto;
}
@keyframes sfFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sf-modal__card {
  position: relative;
  width: 100%;
  max-width: 540px;
  margin: auto;
  border-radius: 18px;
  overflow: hidden;
  background: #0c0c0f;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 40px 100px rgba(0,0,0,0.65);
  color: #fff;
  animation: sfPop 0.32s cubic-bezier(0.16,1,0.3,1);
}
@keyframes sfPop {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.sf-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
  transition: background 0.2s ease;
}
.sf-modal__close:hover {
  background: rgba(0,0,0,0.75);
}
.sf-modal__close svg {
  width: 17px;
  height: 17px;
}
.sf-modal__cover {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #0a0a10;
  overflow: hidden;
}
.sf-modal__coverimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sf-modal__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(10,10,14,0.75));
}
.sf-modal__tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
}
.sf-modal__price {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 2;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.sf-modal__price.is-free {
  color: #7ee0a0;
}
.sf-modal__vbtn {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
  transition: background 0.2s ease;
}
.sf-modal__vbtn:hover {
  background: rgba(0,0,0,0.75);
}
.sf-modal__vbtn svg {
  width: 14px;
  height: 14px;
}
.sf-modal__cover.is-playing {
  background: #000;
}
.sf-modal__cover.is-playing::after {
  display: none;
}
.sf-modal__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  z-index: 3;
}
.sf-modal__playbig {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  border: 0;
  background: none;
  color: #fff;
}
.sf-modal__playbig-ic {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 999px;
  background: rgba(255,0,0,0.92);
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  transition: transform 0.18s ease, background 0.18s ease;
}
.sf-modal__playbig-ic svg {
  width: 26px;
  height: 26px;
  margin-left: 2px;
}
.sf-modal__playbig:hover .sf-modal__playbig-ic {
  transform: scale(1.08);
  background: #ff1a1a;
}
.sf-modal__playbig-t {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
}
.sf-modal__content {
  padding: 20px 22px 22px;
}
.sf-modal__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.sf-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
}
.sf-chip svg {
  width: 12px;
  height: 12px;
}
.sf-modal__title {
  margin: 13px 0 0;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.01em;
}
.sf-modal__seller {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  margin-top: 15px;
  padding: 11px 13px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,0.1);
  background: #111116;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.sf-modal__seller:hover {
  border-color: rgba(255,106,103,0.35);
  transform: translateY(-1px);
}
.sf-modal__ava {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  overflow: hidden;
  display: grid;
  place-items: center;
  flex: none;
}
.sf-modal__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sf-modal__ava span {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
}
.sf-modal__sinfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.sf-modal__sname {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14.5px;
  font-weight: 700;
  color: #fff;
}
.sf-modal__ver {
  width: 15px;
  height: 15px;
  color: #ff6a67;
}
.sf-modal__srole {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
.sf-modal__sgo {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
}
.sf-modal__sgo svg {
  width: 13px;
  height: 13px;
}
.sf-modal__seller:hover .sf-modal__sgo {
  color: #fff;
}
.sf-sec {
  margin-top: 18px;
}
.sf-sec__h {
  display: block;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  margin-bottom: 9px;
}
.sf-modal__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,0.72);
}
.sf-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: sfstep;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sf-steps li {
  position: relative;
  counter-increment: sfstep;
  padding: 3px 0 0 38px;
  min-height: 26px;
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);
}
.sf-steps li::before {
  content: counter(sfstep);
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  background: rgba(255,106,103,0.12);
  border: 1px solid rgba(255,106,103,0.28);
}
.sf-steps li b {
  color: #fff;
  font-weight: 700;
}
.sf-fold {
  margin-top: 18px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 11px;
  background: #111116;
  overflow: hidden;
}
.sf-fold__sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  border: 0;
  background: none;
  text-align: left;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  transition: color 0.2s ease, background 0.2s ease;
}
.sf-fold__sum:hover {
  color: rgba(255,255,255,0.85);
  background: rgba(255,255,255,0.02);
}
.sf-fold__chev {
  width: 16px;
  height: 16px;
  flex: none;
  opacity: 0.55;
  transition: transform 0.28s ease;
}
.sf-fold.is-open .sf-fold__chev {
  transform: rotate(180deg);
  opacity: 0.85;
}
.sf-fold__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.sf-fold.is-open .sf-fold__panel {
  max-height: 480px;
}
.sf-fold__body {
  padding: 0 14px 14px;
  opacity: 0;
  transition: opacity 0.24s ease 0.06s;
}
.sf-fold.is-open .sf-fold__body {
  opacity: 1;
}
.sf-fold__body .sf-modal__warn {
  margin-top: 12px;
}
.sf-modal__warn {
  display: flex;
  gap: 10px;
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.58);
}
.sf-modal__warn svg {
  width: 17px;
  height: 17px;
  flex: none;
  color: rgba(255,255,255,0.5);
  margin-top: 1px;
}
.sf-modal__warn strong {
  color: rgba(255,255,255,0.85);
}
.sf-actbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  margin-top: 18px;
  padding: 15px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sf-actbtn svg {
  width: 18px;
  height: 18px;
}
.sf-actbtn.is-write {
  background: linear-gradient(180deg, #e5484d 0%, #c53136 100%);
  box-shadow: 0 10px 26px rgba(224,50,47,0.28), inset 0 1px 0 rgba(255,255,255,0.12);
}
.sf-actbtn.is-write:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(224,50,47,0.38), inset 0 1px 0 rgba(255,255,255,0.16);
}
.sf-actbtn.is-free {
  color: #04140a;
  background: linear-gradient(180deg, #34d17f 0%, #23b869 100%);
  box-shadow: 0 10px 26px rgba(35,184,105,0.35), inset 0 1px 0 rgba(255,255,255,0.3);
}
.sf-actbtn.is-free:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 36px rgba(35,184,105,0.45), inset 0 1px 0 rgba(255,255,255,0.35);
}
.aco-int .mkh {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  margin-bottom: 14px;
  min-height: 260px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 50px -24px rgba(0,0,0,0.65);
}
.aco-int .mkh__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(90deg, #05050a 0%, rgba(6,6,12,0.92) 30%, rgba(6,6,12,0.5) 58%, rgba(6,6,12,0.15) 100%), linear-gradient(0deg, rgba(6,6,12,0.85) 0%, transparent 45%), url("/marketplace-hero.webp");
  background-size: cover, cover, cover;
  background-position: center, center, right center;
  filter: saturate(1.05);
}
.aco-int .mkh__grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.35;
  background-image: linear-gradient(rgba(150,130,255,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(150,130,255,0.12) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, #000 0%, transparent 70%);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 70%);
}
.aco-int .mkh__scan {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.5;
  background: linear-gradient(180deg, transparent, rgba(120,180,255,0.06) 50%, transparent);
  background-size: 100% 6px;
}
.aco-int .mkh__inner {
  position: relative;
  z-index: 2;
  max-width: 520px;
  padding: 32px 36px;
}
.aco-int .mkh__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  border-radius: 999px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
}
.aco-int .mkh__eyebrow svg {
  width: 13px;
  height: 13px;
  color: rgba(255,255,255,0.5);
}
.aco-int .mkh__title {
  margin: 14px 0 0;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #fff;
  text-shadow: 0 4px 30px rgba(0,0,0,0.6);
}
.aco-int .mkh__accent {
  color: #ff8583;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
}
.aco-int .mkh__sub {
  margin: 12px 0 0;
  max-width: 440px;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.62);
}
.aco-int .mkh__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}
.aco-int .mkh__tag {
  padding: 5px 11px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}
.aco-int .mkh__tag.is-live {
  color: #ff8583;
  background: rgba(224, 50, 47, 0.12);
  border-color: rgba(224, 50, 47, 0.35);
  font-family: var(--font-jetbrains), monospace;
  letter-spacing: 0.08em;
}
@media (max-width: 640px) {
  .aco-int .mkh {
    min-height: 300px;
  }
  .aco-int .mkh__media {
    background-image: linear-gradient(0deg, #05050a 4%, rgba(6,6,12,0.55) 55%, rgba(6,6,12,0.35) 100%), url("/marketplace-hero.webp");
    background-position: center, center 20%;
  }
  .aco-int .mkh__grid {
    mask-image: none;
    -webkit-mask-image: none;
    opacity: 0.2;
  }
  .aco-int .mkh__inner {
    padding: 28px 22px;
  }
}
.aco-int .mkt-note {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,180,60,0.07);
  border: 1px solid rgba(255,180,60,0.2);
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255,220,160,0.88);
}
.aco-int .mkt-note > span {
  flex: 1 1 auto;
  min-width: 0;
}
.aco-int .mkt-note__x {
  flex: 0 0 auto;
  align-self: center;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  cursor: pointer;
  color: rgba(255,220,160,0.7);
  background: rgba(255,180,60,0.08);
  border: 1px solid rgba(255,180,60,0.22);
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.aco-int .mkt-note__x:hover {
  color: #ffe0a8;
  background: rgba(255,180,60,0.16);
  border-color: rgba(255,180,60,0.4);
}
.aco-int .mkt-note__x svg {
  width: 15px;
  height: 15px;
}
.aco-int .mkt-note > svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  color: #ffc861;
}
.aco-int .shop-mp-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(224, 50, 47, 0.28);
  background: rgba(224, 50, 47, 0.06);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.aco-int .shop-mp-banner:hover {
  border-color: rgba(224, 50, 47, 0.45);
  background: rgba(224, 50, 47, 0.1);
  transform: translateY(-1px);
}
.aco-int .shop-mp-banner__ic {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  border: 1px solid rgba(224, 50, 47, 0.35);
  background: rgba(224, 50, 47, 0.12);
  color: #ff8583;
}
.aco-int .shop-mp-banner__ic svg {
  width: 20px;
  height: 20px;
}
.aco-int .shop-mp-banner__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.aco-int .shop-mp-banner__title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}
.aco-int .shop-mp-banner__text {
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.58);
}
.aco-int .shop-mp-banner__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #ff8583;
  white-space: nowrap;
}
.aco-int .shop-mp-banner__cta svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 640px) {
  .aco-int .shop-mp-banner {
    flex-wrap: wrap;
    gap: 10px 12px;
  }
  .aco-int .shop-mp-banner__cta {
    width: 100%;
    padding-left: 54px;
  }
}
.aco-int .mkt-controls {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.aco-int .mkt-controls__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.aco-int .mkt-seg {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.aco-int .mkt-seg__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 9px;
  border: 1px solid transparent;
  background: none;
  color: rgba(255,255,255,0.55);
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.aco-int .mkt-seg__btn:hover {
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.04);
}
.aco-int .mkt-seg__btn svg {
  width: 16px;
  height: 16px;
  flex: none;
  opacity: 0.75;
}
.aco-int .mkt-seg__count {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.45);
}
.aco-int .mkt-seg__btn.is-active {
  color: #fff;
  background: rgba(224, 50, 47, 0.14);
  border-color: rgba(224, 50, 47, 0.38);
}
.aco-int .mkt-seg__btn.is-active svg {
  opacity: 1;
  color: #ff8583;
}
.aco-int .mkt-seg__btn.is-active .mkt-seg__count {
  background: rgba(224, 50, 47, 0.22);
  color: #ffb8b6;
}
.aco-int .mkt-cats {
  margin: 0;
  flex-wrap: wrap;
  gap: 6px;
}
.aco-int .mkt-cats .int-chip {
  flex: none;
  font-size: 10.5px;
  padding: 6px 12px;
}
.aco-int .mkt-controls__tools {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.aco-int .mkt-controls__spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.aco-int .mkt-sort {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
}
.aco-int .mkt-sort__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
  font-size: 10.5px;
  padding: 6px 12px;
}
.aco-int .mkt-sort__btn svg {
  width: 12px;
  height: 12px;
  flex: none;
  opacity: 0.75;
}
.aco-int .mkt-sort__btn.is-active svg {
  opacity: 1;
}
.aco-int .mkt-search {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 1 260px;
  min-width: min(100%, 200px);
  padding: 9px 13px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.03);
}
.aco-int .mkt-search svg {
  width: 15px;
  height: 15px;
  color: rgba(255,255,255,0.38);
  flex: none;
}
.aco-int .mkt-search input {
  flex: 1;
  min-width: 0;
  background: none;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 13px;
}
.aco-int .mkt-search input::placeholder {
  color: rgba(255,255,255,0.32);
}
.aco-int .mkt-grid {
  margin-top: 2px;
}
.aco-int .mkt-add-btn {
  padding: 7px 14px;
  font-size: 11px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.aco-int .mkt-empty {
  text-align: center;
  padding: 48px 20px;
  color: rgba(255,255,255,0.4);
}
.aco-int .mkt-empty svg {
  width: 38px;
  height: 38px;
  opacity: 0.45;
}
.aco-int .mkt-empty p {
  margin: 10px 0 0;
  font-size: 13.5px;
}
.aco-int .mkt-more {
  display: flex;
  justify-content: center;
  margin: 18px 0 6px;
}
@media (max-width: 640px) {
  .aco-int .mkt-controls__row {
    flex-direction: column;
    align-items: stretch;
  }
  .aco-int .mkt-seg {
    width: 100%;
  }
  .aco-int .mkt-seg__btn {
    flex: 1;
    justify-content: center;
  }
  .aco-int .mkt-search {
    flex: 1 1 auto;
    max-width: none;
  }
  .aco-int .mkt-sort {
    margin-left: 0;
    width: 100%;
  }
}
.aco-int .pe-prodlist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 8px 0 14px;
}
.aco-int .pe-prodmini {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 10px 12px;
  border-radius: 13px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.025);
  transition: border-color 0.15s, background 0.15s;
}
.aco-int .pe-prodmini:hover {
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);
}
.aco-int .pe-prodmini__thumb {
  flex: none;
  width: 66px;
  height: 50px;
  border-radius: 9px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,0.45);
  border: 1px solid rgba(255,255,255,0.1);
}
.aco-int .pe-prodmini__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aco-int .pe-prodmini__thumb svg {
  width: 20px;
  height: 20px;
}
.aco-int .pe-prodmini__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.aco-int .pe-prodmini__top {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.aco-int .pe-prodmini__title {
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .pe-prodmini__meta {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  flex-wrap: wrap;
}
.aco-int .pe-prodmini__price {
  color: rgba(255,255,255,0.82);
  font-weight: 600;
}
.aco-int .pe-prodmini__price.is-free {
  color: #7ee0a0;
}
.aco-int .pe-prodmini__dot {
  opacity: 0.5;
}
.aco-int .pe-prodmini__hidden {
  color: #ffce6a;
}
.aco-int .pe-prodmini__acts {
  flex: none;
  display: flex;
  align-items: center;
  gap: 7px;
}
.aco-int .pe-minibtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 9px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 550;
  color: rgba(255,255,255,0.82);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.aco-int .pe-minibtn:hover {
  color: #fff;
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.2);
}
.aco-int .pe-minibtn svg {
  width: 15px;
  height: 15px;
}
.aco-int .pe-minibtn.is-del {
  padding: 8px;
  color: rgba(255,255,255,0.55);
}
.aco-int .pe-minibtn.is-del:hover {
  color: #ff8583;
  background: rgba(224,50,47,0.12);
  border-color: rgba(224,50,47,0.34);
}
.aco-int .pe-prod__done {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border-radius: 9px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 600;
  color: #7ee0a0;
  background: rgba(52,209,127,0.12);
  border: 1px solid rgba(52,209,127,0.34);
  transition: background 0.15s;
}
.aco-int .pe-prod__done:hover {
  background: rgba(52,209,127,0.2);
}
.aco-int .pe-prod__done svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 560px) {
  .aco-int .pe-prodmini {
    flex-wrap: wrap;
  }
  .aco-int .pe-minibtn span, .aco-int .pe-minibtn {
    font-size: 12px;
  }
}
.aco-int .pe-prod {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(255,255,255,0.025);
}
.aco-int .pe-prod__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}
.aco-int .pe-prod__name {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: rgba(255,255,255,0.82);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aco-int .pe-prod__del {
  flex: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  cursor: pointer;
  color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.aco-int .pe-prod__del:hover {
  color: #ff8583;
  background: rgba(224,50,47,0.12);
  border-color: rgba(224,50,47,0.34);
}
.aco-int .pe-prod__del svg {
  width: 16px;
  height: 16px;
}
.aco-int .pe-prod__grid {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 14px;
  padding: 14px;
  align-items: start;
}
.aco-int .pe-prodposter {
  position: relative;
  width: 150px;
  height: 112px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  border: 1px dashed rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.03);
  transition: border-color 0.15s, background 0.15s;
}
.aco-int .pe-prodposter:hover {
  border-color: rgba(120,180,255,0.5);
  background: rgba(120,180,255,0.06);
}
.aco-int .pe-prodposter img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-style: solid;
}
.aco-int .pe-prodposter__ph {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: rgba(255,255,255,0.5);
  font-size: 11.5px;
}
.aco-int .pe-prodposter__ph svg {
  width: 24px;
  height: 24px;
}
.aco-int .pe-prodposter__edit {
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.16);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.aco-int .pe-prodposter__edit svg {
  width: 14px;
  height: 14px;
}
.aco-int .pe-prodposter:hover .pe-prodposter__edit {
  opacity: 1;
}
.aco-int .pe-prodfields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.aco-int .pe-prodrow1 {
  display: grid;
  grid-template-columns: 1fr 130px;
  gap: 9px;
}
.aco-int .pe-prodrow2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.aco-int .pe-prodrow-kind {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.aco-int .pe-prodprice {
  text-align: right;
}
.aco-int .pe-prodstatus {
  flex: none;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.7);
}
.aco-int .pe-prodstatus.is-draft {
  color: #9fb2c8;
  background: rgba(160,180,205,0.12);
  border-color: rgba(160,180,205,0.30);
}
.aco-int .pe-prodstatus.is-pending {
  color: #ffce6a;
  background: rgba(255,180,60,0.12);
  border-color: rgba(255,180,60,0.32);
}
.aco-int .pe-prodstatus.is-approved {
  color: #7ee0a0;
  background: rgba(52,209,127,0.12);
  border-color: rgba(52,209,127,0.32);
}
.aco-int .pe-prodstatus.is-rejected {
  color: #ff9a98;
  background: rgba(224,50,47,0.12);
  border-color: rgba(224,50,47,0.34);
}
.aco-int .pe-kind {
  display: inline-flex;
  gap: 5px;
  padding: 4px;
  border-radius: 11px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.09);
}
.aco-int .pe-kind__b {
  padding: 7px 14px;
  border-radius: 8px;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 550;
  color: rgba(255,255,255,0.6);
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
}
.aco-int .pe-kind__b:hover {
  color: #fff;
}
.aco-int .pe-kind__b.is-active {
  background: rgba(120,180,255,0.2);
  color: #cfe0ff;
}
.aco-int .pe-freechk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 12.5px;
  color: rgba(255,255,255,0.68);
}
.aco-int .pe-freechk input {
  width: 16px;
  height: 16px;
  accent-color: #23b869;
  cursor: pointer;
}
.aco-int .pe-freechk b {
  color: #7ee0a0;
}
.aco-int .pe-prodfile {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.aco-int .pe-prodfile .int-input.is-req {
  border-color: rgba(255,180,60,0.5);
}
.aco-int .pe-prodreject {
  font-size: 12px;
  line-height: 1.5;
  padding: 9px 12px;
  border-radius: 10px;
  color: #ffb3b1;
  background: rgba(224,50,47,0.1);
  border: 1px solid rgba(224,50,47,0.28);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.aco-int .pe-prodreject b {
  color: #ff8583;
}
.aco-int .pe-prodreject-hint {
  margin-top: 6px !important;
  color: rgba(255,255,255,0.5);
}
.aco-int .pe-prod__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
}
.aco-int .pe-prod__submit {
  flex: none;
}
.aco-int .pe-prod__foothint {
  font-size: 11.5px;
  color: rgba(255,255,255,0.42);
}
@media (max-width: 640px) {
  .aco-int .pe-prod__grid {
    grid-template-columns: 1fr;
  }
  .aco-int .pe-prodposter {
    width: 100%;
    height: 150px;
  }
  .aco-int .pe-prodrow1, .aco-int .pe-prodrow2 {
    grid-template-columns: 1fr;
  }
}
.aco-int .acc-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 22px 0 24px;
}
.aco-int .acc-tabs__seg {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.aco-int .acc-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.aco-int .acc-tab svg {
  width: 16px;
  height: 16px;
  transition: transform 0.18s ease;
}
.aco-int .acc-tab:hover {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.05);
}
.aco-int .acc-tab.is-active {
  color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07));
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.aco-int .acc-tab.is-active svg {
  transform: scale(1.08);
}
.aco-int .acc-tab--exit {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: inherit;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.7);
}
.aco-int .acc-tab--exit:hover {
  color: #ff8785;
  border-color: rgba(255, 106, 103, 0.4);
  background: rgba(255, 106, 103, 0.08);
}
@media (max-width: 560px) {
  .aco-int .acc-tabs {
    flex-direction: column;
    align-items: stretch;
  }
  .aco-int .acc-tabs__seg {
    justify-content: center;
  }
  .aco-int .acc-tab {
    flex: 1;
    justify-content: center;
  }
}
@keyframes accTabIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.aco-int .acc-tabs ~ * {
  animation: accTabIn 0.34s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .aco-int .acc-tabs ~ * {
    animation: none;
  }
}
.aco-int .pe {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.aco-int .pe-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 26px;
  align-items: start;
}
.aco-int .pe-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
@media (max-width: 820px) {
  .aco-int .pe-cols {
    grid-template-columns: 1fr;
  }
}
.aco-int .pe-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.aco-int .pe-navbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 10px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid transparent;
  background: none;
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  font-weight: 600;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.aco-int .pe-navbtn:hover {
  color: #fff;
  background: rgba(255,255,255,0.04);
}
.aco-int .pe-navbtn svg {
  width: 17px;
  height: 17px;
  flex: none;
}
.aco-int .pe-navbtn__c {
  min-width: 20px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.6);
}
.aco-int .pe-navbtn.is-active {
  color: #fff;
  background: rgba(120,180,255,0.14);
  border-color: rgba(120,180,255,0.45);
}
.aco-int .pe-navbtn.is-active svg {
  color: #8fb8ff;
}
.aco-int .pe-navbtn.is-active .pe-navbtn__c {
  background: rgba(120,180,255,0.24);
  color: #cfe0ff;
}
.aco-int .pe-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 680px) {
  .aco-int .pe-nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .aco-int .pe-navbtn__t {
    display: none;
  }
  .aco-int .pe-nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
.aco-int .pe-url-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.03);
}
.aco-int .pe-url-txt {
  font-family: var(--font-jetbrains), monospace;
  font-size: 13px;
  color: rgba(255,255,255,0.55);
}
.aco-int .pe-url-txt b {
  color: #fff;
  font-weight: 700;
}
.aco-int .pe-open {
  padding: 8px 14px;
}
.aco-int .pe-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.aco-int .pe-area {
  resize: vertical;
  min-height: 56px;
  line-height: 1.5;
  font-family: inherit;
  padding-top: 10px;
}
.aco-int .pe-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aco-int .pe-blabel {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}
.aco-int .pe-blabel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.aco-int .pe-count {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
}
.aco-int .pe-look {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 26px;
  align-items: start;
}
.aco-int .pe-look__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
@media (max-width: 820px) {
  .aco-int .pe-look {
    grid-template-columns: 1fr;
  }
}
.aco-int .pe-banners {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.aco-int .pe-banner {
  position: relative;
  height: 32px;
  border-radius: 9px;
  cursor: pointer;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
  display: grid;
  place-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.aco-int .pe-banner:hover {
  transform: translateY(-2px);
}
.aco-int .pe-banner.is-active {
  box-shadow: 0 0 0 2px #e0322f, 0 0 0 4px rgba(224,50,47,0.25);
}
.aco-int .pe-banner svg {
  width: 16px;
  height: 16px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6));
}
.aco-int .pe-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aco-int .pe-row, .aco-int .pe-yt {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  transition: border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.aco-int .pe-row.is-off {
  opacity: 0.5;
}
.aco-int .pe-row.is-drag, .aco-int .pe-yt.is-drag {
  border-color: rgba(224,50,47,0.5);
  background: rgba(224,50,47,0.07);
}
.aco-int .pe-drag {
  flex: none;
  display: grid;
  place-items: center;
  width: 26px;
  height: 30px;
  color: rgba(255,255,255,0.35);
  cursor: grab;
  border-radius: 7px;
}
.aco-int .pe-drag:active {
  cursor: grabbing;
}
.aco-int .pe-drag svg {
  width: 16px;
  height: 16px;
}
.aco-int .pe-ic {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 16px;
}
.aco-int .pe-ic svg {
  width: 1em;
  height: 1em;
}
.aco-int .pe-name {
  flex: none;
  width: 92px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
}
.aco-int .pe-inl {
  flex: 1;
  min-width: 0;
}
.aco-int .pe-switch {
  flex: none;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  padding: 0;
  cursor: pointer;
  position: relative;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.08);
  transition: background 0.2s ease, border-color 0.2s ease;
}
.aco-int .pe-switch.is-on {
  background: rgba(224,50,47,0.85);
  border-color: transparent;
}
.aco-int .pe-switch__dot {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  transition: transform 0.2s cubic-bezier(0.16,1,0.3,1);
}
.aco-int .pe-switch.is-on .pe-switch__dot {
  transform: translateX(18px);
}
.aco-int .pe-ytthumb {
  flex: none;
  width: 54px;
  height: 32px;
  border-radius: 7px;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
  display: grid;
  place-items: center;
  color: rgba(255,255,255,0.4);
}
.aco-int .pe-ytthumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aco-int .pe-ytthumb svg {
  width: 18px;
  height: 18px;
}
.aco-int .pe-del {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1);
  background: transparent;
  color: rgba(255,255,255,0.5);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.aco-int .pe-del:hover {
  color: #ff7a78;
  border-color: rgba(224,50,47,0.4);
  background: rgba(224,50,47,0.08);
}
.aco-int .pe-del svg {
  width: 16px;
  height: 16px;
}
.aco-int .pe-add {
  align-self: flex-start;
}
.aco-int .pe-hint, .aco-int .pe-note {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: rgba(255,255,255,0.42);
}
.aco-int .pe-note a {
  color: rgba(255,255,255,0.7);
}
.aco-int .pe-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}
.aco-int .pe-save {
  min-width: 200px;
  justify-content: center;
}
@media (max-width: 640px) {
  .aco-int .pe-grid2 {
    grid-template-columns: 1fr;
  }
  .aco-int .pe-name {
    display: none;
  }
}
.aco-int .pf-avatar.has-img {
  padding: 0;
  overflow: hidden;
}
.aco-int .pf-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.aco-int .acc-head {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 8px;
}
.aco-int .acc-head .int-intro {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.aco-int .acc-ava {
  position: relative;
  flex: none;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,0.12);
  box-shadow: 0 12px 30px rgba(0,0,0,0.45);
  margin-top: 4px;
}
.aco-int .acc-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.aco-int .acc-ava__ini {
  font-size: 34px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 3px 12px rgba(0,0,0,0.5);
}
.aco-int .acc-ava__edit {
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(180deg, #ff534f, #c21f1d);
  border: 2px solid #0b0b0e;
  box-shadow: 0 4px 12px rgba(224,50,47,0.45);
  transition: transform 0.2s ease;
}
.aco-int .acc-ava__edit:hover {
  transform: scale(1.1);
}
.aco-int .acc-ava__edit svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 640px) {
  .aco-int .acc-head {
    gap: 14px;
  }
  .aco-int .acc-ava {
    width: 64px;
    height: 64px;
    border-radius: 50%;
  }
  .aco-int .acc-ava__ini {
    font-size: 26px;
  }
}
.aco-int .pe-avarow {
  display: flex;
  align-items: center;
  gap: 16px;
}
.aco-int .pe-ava {
  position: relative;
  flex: none;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.14);
}
.aco-int .pe-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aco-int .pe-ava > span {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.aco-int .pe-avactions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.aco-int .pe-upload {
  cursor: pointer;
}
.aco-int .pe-clear {
  color: rgba(255,255,255,0.7);
}
.aco-int .pe-clear:hover {
  color: #ff8583;
  border-color: rgba(224,50,47,0.4);
}
.aco-int .pe-uplink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.82);
  white-space: nowrap;
  padding: 9px 15px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.04);
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.aco-int .pe-uplink:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.32);
  background: rgba(255,255,255,0.07);
}
.aco-int .pe-uplink svg {
  width: 16px;
  height: 16px;
  flex: none;
}
.aco-int .pe-imgprev {
  position: relative;
  height: 128px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}
.aco-int .pe-prevup {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  padding: 7px 12px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.22);
  backdrop-filter: blur(6px);
  transition: background 0.15s;
}
.aco-int .pe-prevup:hover {
  background: rgba(0,0,0,0.78);
}
.aco-int .pe-prevup svg {
  width: 15px;
  height: 15px;
  flex: none;
}
.aco-int .pe-imgclear {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.2);
}
.aco-int .pe-imgclear svg {
  width: 14px;
  height: 14px;
}
.aco-int .pe-imgclear:hover {
  background: rgba(224,50,47,0.7);
}
.aco-int .pe-bgdrop {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 16px;
  border-radius: 12px;
  border: 1px dashed rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.015);
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.aco-int .pe-bgdrop:hover {
  border-color: rgba(255,255,255,0.35);
  color: rgba(255,255,255,0.8);
}
.aco-int .pe-bgdrop svg {
  width: 20px;
  height: 20px;
  flex: none;
}
.aco-int.mn-theme .int-bar-status.is-accent {
  color: #6ea3ff;
  border-color: rgba(63, 125, 253, 0.42);
}
.aco-int.mn-theme .int-btn.is-accent {
  background: linear-gradient(180deg, #4f88ff 0%, #2f6ae6 100%);
  border-color: rgba(140, 178, 255, 0.45);
  box-shadow: 0 8px 22px rgba(47, 106, 230, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.aco-int.mn-theme .int-btn.is-accent:hover {
  border-color: rgba(160, 195, 255, 0.7);
  box-shadow: 0 14px 30px rgba(47, 106, 230, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.aco-int.mn-theme .int-more:hover {
  color: #6ea3ff;
}
.aco-int.mn-theme .int-feat:hover .int-feat-ic {
  color: #6ea3ff;
  border-color: rgba(140, 178, 255, 0.35);
  background: rgba(47, 106, 230, 0.1);
}
.aco-int.mn-theme .int-doc:hover {
  border-color: rgba(140, 178, 255, 0.4);
}
.aco-int.mn-theme .int-doc:hover .int-doc-ic, .aco-int.mn-theme .int-doc:hover .int-doc-arr {
  color: #6ea3ff;
}
.aco-int.mn-theme .int-tut:hover {
  border-color: rgba(140, 178, 255, 0.4);
}
.aco-int.mn-theme .int-tab.is-active {
  background: rgba(47, 106, 230, 0.16);
  border-color: rgba(63, 125, 253, 0.45);
  color: #6ea3ff;
}
.aco-int.mn-theme .int-faq-item.is-open .int-faq-q svg {
  color: #6ea3ff;
}
.aco-int.mn-theme .mn-hero__wordmark span {
  background: linear-gradient(120deg, #8fb4ff, #2f6ae6 70%);
  -webkit-background-clip: text;
  background-clip: text;
}
.aco-int.mn-theme .mn-hero__tier.is-best {
  border-color: rgba(63, 125, 253, 0.45);
  background: rgba(47, 106, 230, 0.08);
}
.aco-int.mn-theme .mn-hero__badge em {
  color: #8fb4ff;
}
.aco-int.mn-theme .mn-hero__right {
  background: radial-gradient(120% 110% at 100% 0%, rgba(47, 106, 230, 0.1), transparent 52%), rgba(255, 255, 255, 0.01);
}
.aco-int.mn-theme .mn-hero__perks li::before {
  background: #3f7dfd;
  box-shadow: 0 0 9px rgba(63, 125, 253, 0.7);
}
.aco-int.mn-theme .mn-hero__avatars span:nth-child(1) {
  background: linear-gradient(135deg, #8fb4ff, #2f6ae6);
}
.aco-int.mn-theme .mn-hero__meta a:hover {
  border-color: rgba(140, 178, 255, 0.4);
  background: rgba(47, 106, 230, 0.08);
}
.aco-int.mn-theme .mn-hero__free::after {
  color: #8fb4ff;
  border-color: rgba(63, 125, 253, 0.34);
  background: rgba(47, 106, 230, 0.12);
}
.aco-int.mn-theme .int-tut__thumb {
  background: #050505 radial-gradient(120% 120% at 50% 20%, rgba(47, 106, 230, 0.16), transparent 60%);
}
.aco-int.mn-theme .int-tut__play span {
  background: rgba(47, 106, 230, 0.92);
  box-shadow: 0 8px 26px rgba(47, 106, 230, 0.45);
}
.aco-int.mn-theme .mn-key.is-featured {
  border-color: rgba(63, 125, 253, 0.55);
  background: radial-gradient(130% 90% at 50% 0%, rgba(47, 106, 230, 0.16), transparent 60%), rgba(255, 255, 255, 0.02);
  box-shadow: 0 20px 50px rgba(47, 106, 230, 0.16);
}
.aco-int.mn-theme .mn-key.is-featured .mn-key__badge {
  background: linear-gradient(180deg, #2f6ae6, #1a48c8);
  box-shadow: 0 6px 18px rgba(47, 106, 230, 0.4);
}
.aco-int.mn-theme .mn-key.is-featured .mn-key__feat svg {
  color: #8fb4ff;
}
.aco-int.mn-theme .mn-step__num {
  color: #6ea3ff;
}
.aco-int.mn-theme .mn-step__num::before {
  background: rgba(47, 106, 230, 0.5);
}
.aco-int.mn-theme .mn-ba__tag.is-after {
  color: #8fb4ff;
}
.aco-int.mn-theme .mn-compare__btn.is-active {
  border-color: rgba(63, 125, 253, 0.5);
  background: rgba(47, 106, 230, 0.1);
}
.aco-int.mn-theme .mn-compare__badge {
  color: #8fb4ff;
}
.aco-int.mn-theme .mn-cmp__close {
  border-color: rgba(63, 125, 253, 0.5);
  background: linear-gradient(180deg, #2f6ae6, #1a48c8);
}
.sup-chat, .sup-widget {
  --sup-accent: #ff6a67;
  --sup-accent-bg: rgba(224, 50, 47, 0.12);
  --sup-accent-border: rgba(255, 106, 103, 0.38);
  --sup-surface: rgba(8, 8, 8, 0.72);
  --sup-line: rgba(255, 255, 255, 0.07);
  --sup-muted: rgba(255, 255, 255, 0.45);
}
.sup-input {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font: inherit;
  font-size: 13px;
  line-height: 1.4;
}
.sup-input::placeholder {
  color: rgba(255, 255, 255, 0.32);
}
.sup-input:focus {
  outline: none;
  border-color: rgba(255, 106, 103, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 106, 103, 0.12);
}
.sup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 18px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.sup-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
}
.sup-btn:active {
  transform: translateY(0);
}
.sup-btn--accent {
  background: linear-gradient(180deg, #e63c38 0%, #cf2723 100%);
  border-color: rgba(255, 120, 118, 0.28);
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(207, 39, 35, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.sup-btn--accent:hover {
  background: linear-gradient(180deg, #ef4642 0%, #d92c28 100%);
  border-color: rgba(255, 140, 138, 0.42);
  box-shadow: 0 10px 24px rgba(207, 39, 35, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.sup-chat {
  display: grid;
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
  height: clamp(360px, 44vh, 500px);
  min-height: clamp(360px, 44vh, 500px);
  max-height: clamp(360px, 44vh, 500px);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--sup-surface);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.sup-chat.is-compact {
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: none;
  grid-template-columns: minmax(148px, 34%) minmax(0, 1fr);
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.sup-chat.is-compact.has-thread {
  grid-template-columns: minmax(0, 1fr);
}
.sup-chat.is-compact.has-thread .sup-chat__side {
  display: none;
}
.sup-chat.has-thread:not(.is-compact) .sup-chat__side {
  max-width: 280px;
}
.sup-chat__side {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid var(--sup-line);
  background: rgba(0, 0, 0, 0.22);
}
.sup-chat__side-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.88);
  border-bottom: 1px solid var(--sup-line);
  flex-shrink: 0;
}
.sup-chat__side-head svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.5);
}
.sup-chat__side-head > span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sup-chat__new {
  flex: none;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.sup-chat__new:hover {
  border-color: var(--sup-accent-border);
  color: var(--sup-accent);
  background: var(--sup-accent-bg);
}
.sup-chat__list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 6px;
}
.sup-chat__empty {
  margin: 0;
  padding: 28px 14px;
  font-size: 12px;
  text-align: center;
  color: var(--sup-muted);
}
.sup-chat__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 10px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.sup-chat__item:hover {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
}
.sup-chat__item.is-active {
  background: var(--sup-accent-bg);
  border-color: rgba(255, 106, 103, 0.22);
}
.sup-chat__item.is-unread .sup-chat__item-title {
  color: #fff;
}
.sup-chat__item-body {
  flex: 1;
  min-width: 0;
}
.sup-chat__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.sup-chat__item-title {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.78);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sup-chat__item-time {
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.32);
  flex-shrink: 0;
}
.sup-chat__item-preview {
  display: block;
  margin-top: 3px;
  font-size: 11.5px;
  color: var(--sup-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sup-chat__item-badge {
  display: inline-block;
  margin-top: 5px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
}
.sup-chat__item-badge.is-closed {
  color: rgba(255, 130, 128, 0.75);
}
.sup-chat__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.12);
}
.sup-chat__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 0 14px;
  border-bottom: 1px solid var(--sup-line);
  flex-shrink: 0;
}
.sup-chat__head-main {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.sup-chat__back {
  flex: none;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.sup-chat__back:hover {
  color: #fff;
  border-color: var(--sup-accent-border);
  background: var(--sup-accent-bg);
}
.sup-chat__back svg {
  width: 16px;
  height: 16px;
}
.sup-chat__back.is-mobile-only {
  display: none;
}
.sup-chat__head-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.sup-chat__head-sub {
  margin: 2px 0 0;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: var(--sup-muted);
}
.sup-chat__close-btn {
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 7px 12px;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.sup-chat__close-btn:hover {
  border-color: rgba(255, 106, 103, 0.45);
  color: #ff9a98;
}
.sup-chat__closed-tag {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
}
.sup-chat__reopen-btn {
  flex-shrink: 0;
  padding: 8px 14px;
  font-size: 12px;
}
.sup-chat__thread {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sup-chat__placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 28px 24px;
  text-align: center;
  color: var(--sup-muted);
}
.sup-chat__placeholder svg {
  width: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.22);
}
.sup-chat__placeholder p {
  margin: 0;
  max-width: 26ch;
  font-size: 13px;
  line-height: 1.5;
}
.sup-chat__compose-new {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  padding: 20px 18px 12px;
  text-align: left;
}
.sup-chat__compose-new h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.sup-chat__hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--sup-muted);
}
@keyframes sup-msg-in {
  from {
    opacity: 0;
    transform: translate3d(-14px, 8px, 0) scale(0.94);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes sup-msg-out {
  from {
    opacity: 0;
    transform: translate3d(14px, 8px, 0) scale(0.94);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes sup-msg-system {
  from {
    opacity: 0;
    transform: translate3d(0, 6px, 0) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes sup-sticker-pop {
  0% {
    opacity: 0;
    transform: scale(0.55) rotate(-6deg);
  }
  70% {
    transform: scale(1.06) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
.sup-msg {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  max-width: min(520px, 78%);
}
.sup-chat.is-compact .sup-msg {
  max-width: min(100%, 92%);
}
.sup-chat.is-compact.has-thread .sup-msg {
  max-width: min(100%, 88%);
}
.sup-msg.is-enter.is-in {
  animation: sup-msg-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.sup-msg.is-enter.is-out {
  animation: sup-msg-out 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.sup-msg.is-enter.is-system {
  animation: sup-msg-system 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.sup-msg.is-enter.is-sticker .sup-sticker-img {
  animation: sup-sticker-pop 0.42s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .sup-msg.is-enter, .sup-msg.is-enter.is-sticker .sup-sticker-img {
    animation: none !important;
  }
}
.sup-msg.is-out {
  align-self: flex-end;
  margin-left: auto;
  flex-direction: row-reverse;
}
.sup-msg.is-in {
  align-self: flex-start;
  margin-right: auto;
}
.sup-msg.is-system {
  align-self: center;
  max-width: 100%;
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.38);
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.sup-ava {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #2a2a30, #18181c);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}
.sup-msg.is-sticker .sup-ava {
  width: 30px;
  height: 30px;
  font-size: 10px;
}
.sup-msg.is-out .sup-ava {
  border-color: rgba(255, 255, 255, 0.14);
}
.sup-ava.is-support {
  background: linear-gradient(180deg, #e63c38 0%, #a81f1c 100%);
  border-color: rgba(255, 120, 118, 0.25);
}
.sup-ava.is-support svg {
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.94);
}
.sup-ava.has-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sup-bubble {
  padding: 9px 12px 7px;
  border-radius: 12px;
  max-width: 100%;
  min-width: 0;
}
.sup-msg.is-in .sup-bubble {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom-left-radius: 4px;
}
.sup-msg.is-out .sup-bubble {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom-right-radius: 4px;
}
.sup-bubble__name {
  display: block;
  margin-bottom: 4px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--sup-accent);
}
.sup-bubble__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.48;
  color: rgba(255, 255, 255, 0.9);
  white-space: pre-wrap;
  word-break: break-word;
}
.sup-chat.is-compact .sup-bubble__text {
  font-size: 13px;
}
.sup-bubble__meta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 9.5px;
  color: rgba(255, 255, 255, 0.32);
}
.sup-bubble__check {
  width: 12px;
  height: 12px;
  opacity: 0.35;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.sup-bubble__check.is-read {
  opacity: 0.85;
  color: var(--sup-accent);
}
.sup-chat__typing {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 8px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.42);
}
.sup-chat__typing-dots {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.sup-chat__typing-dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--sup-accent);
  opacity: 0.55;
  animation: sup-typing-dot 1.2s ease-in-out infinite;
}
.sup-chat__typing-dots span:nth-child(2) {
  animation-delay: 0.15s;
}
.sup-chat__typing-dots span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes sup-typing-dot {
  0%, 80%, 100% {
    transform: translateY(0);
    opacity: 0.35;
  }
  40% {
    transform: translateY(-3px);
    opacity: 0.9;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sup-chat__typing-dots span {
    animation: none;
    opacity: 0.55;
  }
}
.sup-att.is-sticker {
  margin-top: 0;
}
.sup-sticker-img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.35));
  transition: transform 0.15s ease;
}
.sup-sticker-img:hover {
  transform: scale(1.06);
}
.sup-msg.is-sticker .sup-bubble {
  background: transparent;
  border: 0;
  padding: 2px 4px;
}
.sup-msg.is-sticker.is-out .sup-bubble, .sup-msg.is-sticker.is-in .sup-bubble {
  background: transparent;
  border: 0;
}
.sup-sticker-wrap {
  position: relative;
  flex: none;
}
.sup-icon-btn.is-active {
  color: var(--sup-accent);
  border-color: var(--sup-accent-border);
  background: var(--sup-accent-bg);
}
.sup-sticker-panel {
  position: absolute;
  right: 0;
  left: auto;
  bottom: calc(100% + 8px);
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: min(280px, 72vw);
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 10, 12, 0.98);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}
.sup-sticker-pick {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.sup-sticker-pick:hover {
  background: var(--sup-accent-bg);
  border-color: var(--sup-accent-border);
  transform: scale(1.06);
}
.sup-sticker-pick img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.sup-att__loading {
  display: inline-block;
  padding: 12px 16px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
}
.sup-att img {
  display: block;
  max-width: min(260px, 100%);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.sup-att__file {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  text-decoration: none;
  transition: border-color 0.15s ease;
}
.sup-att__file:hover {
  border-color: var(--sup-accent-border);
}
.sup-att.is-log .sup-att__file {
  border-color: rgba(255, 106, 103, 0.2);
}
.sup-chat__composer {
  flex-shrink: 0;
  border-top: 1px solid var(--sup-line);
  padding: 10px 12px 12px;
  background: rgba(0, 0, 0, 0.28);
}
.sup-chat__upload-error {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #ffb4b2;
  background: rgba(255, 106, 103, 0.12);
  border: 1px solid rgba(255, 106, 103, 0.25);
}
.sup-chat__pending {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.sup-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
}
.sup-chip button {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  padding: 0;
  display: grid;
}
.sup-chip button:hover {
  color: var(--sup-accent);
}
.sup-chat__composer-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.sup-chat__composer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: none;
}
.sup-chat.is-compact .sup-chat__composer-row {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.sup-chat.is-compact .sup-chat__composer-actions {
  justify-content: flex-end;
}
.sup-chat.is-compact .sup-chat__input {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  height: 52px;
  max-height: 140px;
}
.sup-icon-btn {
  flex: none;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.55);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.sup-icon-btn:hover {
  color: var(--sup-accent);
  border-color: var(--sup-accent-border);
  background: var(--sup-accent-bg);
}
.sup-icon-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sup-icon-btn svg {
  width: 17px;
  height: 17px;
}
.sup-chat__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 72px;
  min-height: 40px;
  height: 40px;
  max-height: 120px;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  padding: 10px 12px;
  box-sizing: border-box;
}
.sup-chat__input::placeholder {
  color: rgba(255, 255, 255, 0.32);
}
.sup-chat__input:focus {
  outline: none;
  border-color: rgba(255, 106, 103, 0.55);
}
.sup-send-btn {
  border-color: rgba(255, 120, 118, 0.35);
  background: linear-gradient(180deg, #e63c38 0%, #cf2723 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgba(207, 39, 35, 0.22);
}
.sup-send-btn:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(255, 140, 138, 0.5);
  background: linear-gradient(180deg, #ef4a46 0%, #d82f2b 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(207, 39, 35, 0.32);
}
.sup-send-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sup-widget {
  position: fixed;
  right: clamp(16px, 2.5vw, 28px);
  bottom: clamp(16px, 2.5vw, 28px);
  z-index: 90;
}
.sup-fab {
  position: relative;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: rgba(10, 10, 12, 0.94);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, box-shadow 0.25s ease, background 0.25s ease;
  z-index: 2;
}
.sup-fab:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 106, 103, 0.45);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 106, 103, 0.12);
}
.sup-widget.is-open .sup-fab {
  transform: scale(0.94);
  border-color: rgba(255, 106, 103, 0.42);
  background: rgba(14, 14, 16, 0.98);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 106, 103, 0.1);
}
.sup-widget.is-open .sup-fab:hover {
  transform: scale(0.97) translateY(-1px);
}
.sup-fab svg {
  width: 24px;
  height: 24px;
}
.sup-fab__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e0322f;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  display: grid;
  place-items: center;
  border: 2px solid #0a0a0c;
}
.sup-widget__panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  width: min(500px, calc(100vw - 24px));
  height: min(540px, calc(100vh - 80px));
  min-height: 460px;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 8, 8, 0.98);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 60px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  transform-origin: bottom right;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 18px, 0) scale(0.9);
  transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1), transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.28s;
  z-index: 1;
}
.sup-widget.is-open .sup-widget__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}
.sup-widget.is-open .sup-widget__head {
  animation: sup-widget-part 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}
.sup-widget.is-open .sup-widget__body {
  animation: sup-widget-part 0.38s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}
.sup-widget.is-open .sup-widget__foot {
  animation: sup-widget-part 0.36s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both;
}
@keyframes sup-widget-part {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sup-widget__panel, .sup-widget.is-open .sup-widget__panel, .sup-fab, .sup-widget.is-open .sup-fab {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
  .sup-widget.is-open .sup-widget__head, .sup-widget.is-open .sup-widget__body, .sup-widget.is-open .sup-widget__foot {
    animation: none !important;
  }
  .sup-widget__panel {
    opacity: 1;
    visibility: hidden;
  }
  .sup-widget.is-open .sup-widget__panel {
    visibility: visible;
  }
}
.sup-widget__body .sup-chat {
  min-height: 0;
}
.sup-widget__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 14px;
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.55);
  border-bottom: 1px solid var(--sup-line);
  background: rgba(255, 255, 255, 0.015);
  flex-shrink: 0;
}
.sup-widget__head span::before {
  content: "~$ ";
  color: rgba(255, 255, 255, 0.28);
}
.sup-widget__x {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  display: grid;
  padding: 4px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.sup-widget__x:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.sup-widget__body {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sup-widget__foot {
  padding: 8px 12px 10px;
  border-top: 1px solid var(--sup-line);
  flex-shrink: 0;
}
.sup-widget__link {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s ease;
}
.sup-widget__link:hover {
  color: var(--sup-accent);
}
.sup-page-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.sup-page-card .int-body {
  padding: 0;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.sup-page-card .sup-chat {
  flex: 1;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  height: min(680px, calc(100dvh - 260px));
  min-height: min(480px, calc(100dvh - 280px));
  max-height: min(720px, calc(100dvh - 220px));
}
.sup-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 36px 20px;
  text-align: center;
  color: var(--sup-muted);
}
.sup-login svg {
  width: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.22);
}
.sup-login p {
  margin: 0;
  font-size: 13px;
}
.adm-support__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.adm-support__badge {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(224, 50, 47, 0.15);
  color: #ff8a88;
}
@media (max-width: 800px) {
  .sup-chat {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(132px, 34%) minmax(0, 1fr);
  }
  .sup-chat.has-thread {
    grid-template-rows: 1fr;
  }
  .sup-chat.has-thread .sup-chat__side {
    display: none;
  }
  .sup-chat__side {
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid var(--sup-line);
  }
  .sup-chat.is-compact .sup-chat__side {
    max-height: none;
  }
  .sup-chat.has-thread .sup-msg {
    max-width: min(100%, 90%);
  }
  .sup-chat__back.is-mobile-only {
    display: grid;
  }
  .sup-widget__panel {
    width: calc(100vw - 16px);
    height: calc(100vh - 88px);
    min-height: 0;
    right: -8px;
    bottom: calc(100% + 10px);
  }
}
#aco-landing-page, #aco-landing-page *, #aco-landing-page *::before, #aco-landing-page *::after {
  box-sizing: border-box;
}
#aco-landing-page {
  font-family: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
  color: rgba(255,255,255,0.85);
  -webkit-font-smoothing: antialiased;
  width: 100%;
  padding: 24px 32px 60px;
  margin: 0 auto;
}
#aco-landing-page .lp-card {
  background: rgba(8,8,8,0.72);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05),0 18px 50px rgba(0,0,0,0.5);
  overflow: hidden;
  position: relative;
  margin: 0 0 24px;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1.2s cubic-bezier(0.16,1,0.3,1), transform 1.2s cubic-bezier(0.16,1,0.3,1);
  will-change: opacity, transform;
}
#aco-landing-page .lp-card.is-in-view {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion:reduce) {
  #aco-landing-page .lp-card {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
#aco-landing-page .lp-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(0deg,rgba(255,255,255,0.012) 0px,rgba(255,255,255,0.012) 1px,transparent 1px,transparent 3px);
  opacity: 0.6;
  z-index: 0;
}
#aco-landing-page .lp-bar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 22px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10.5px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.55);
  text-transform: lowercase;
  gap: 12px;
  flex-wrap: wrap;
}
#aco-landing-page .lp-bar-path {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
#aco-landing-page .lp-bar-path::before {
  content: '~$';
  color: rgba(255,255,255,0.4);
  flex-shrink: 0;
}
#aco-landing-page .lp-bar-status {
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  padding: 2px 8px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 3px;
  flex-shrink: 0;
}
#aco-landing-page .lp-body {
  position: relative;
  z-index: 1;
  padding: 40px 44px 36px;
}
#aco-landing-page .lp-eyebrow {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  margin: 0 0 14px;
}
#aco-landing-page .lp-title {
  font-family: 'Inter',system-ui,-apple-system,sans-serif !important;
  font-size: clamp(24px,2.6vw,31px);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
#aco-landing-page .lp-sub {
  font-family: 'Inter',sans-serif !important;
  font-size: 14px;
  color: rgba(255,255,255,0.65);
  line-height: 1.65;
  margin: 0 0 6px;
}
#aco-landing-page .lp-sub a {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,0.35);
  text-underline-offset: 3px;
}
#aco-landing-page .lp-sub a:hover {
  text-decoration-color: rgba(255,255,255,0.85);
}
#aco-landing-page .lp-divider {
  height: 1px;
  background: linear-gradient(90deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.04) 100%);
  margin: 24px 0 22px;
}
#aco-landing-page .lp-section-label {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#aco-landing-page .lp-section-label::before {
  content: '>';
  color: rgba(255,255,255,0.4);
  font-weight: 400;
}
#aco-landing-page .lp-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 22px 0 0;
}
#aco-landing-page .lp-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 13px 22px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
#aco-landing-page .lp-cta.is-primary {
  color: #0a0a0a;
  background: #ffffff;
  border: 1px solid #ffffff;
}
#aco-landing-page .lp-cta.is-primary:hover {
  background: rgba(255,255,255,0.88);
  transform: translateY(-1px);
}
#aco-landing-page .lp-cta.is-ghost {
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.20);
}
#aco-landing-page .lp-cta.is-ghost:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.40);
  transform: translateY(-1px);
}
#aco-landing-page .lp-cta-arrow {
  font-size: 14px;
  line-height: 1;
  transition: transform 0.18s ease;
}
#aco-landing-page .lp-cta:hover .lp-cta-arrow {
  transform: translateX(3px);
}
#aco-landing-page .lp-stats {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255,255,255,0.015);
  margin: 18px 0 0;
}
#aco-landing-page .lp-stat {
  padding: 20px 18px;
  border-right: 1px solid rgba(255,255,255,0.06);
}
#aco-landing-page .lp-stat:last-child {
  border-right: none;
}
#aco-landing-page .lp-stat-label {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 9.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin: 0 0 10px;
}
#aco-landing-page .lp-stat-value {
  font-family: 'Inter',system-ui,-apple-system,sans-serif !important;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  line-height: 1;
}
#aco-landing-page .lp-stat-meta {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  margin: 8px 0 0;
  letter-spacing: 0.02em;
}
#aco-landing-page .lp-amv-card .lp-body {
  padding: 0;
}
#aco-landing-page .lp-amv-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
}
#aco-landing-page .lp-amv-frame iframe, #aco-landing-page .lp-amv-frame > div {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
  pointer-events: none;
}
#aco-landing-page .lp-amv-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(0,0,0,0.18) 0%,transparent 18%,transparent 82%,rgba(0,0,0,0.25) 100%);
  z-index: 1;
}
#aco-landing-page .lp-amv-cover {
  position: absolute !important;
  inset: 0 !important;
  background: #000 !important;
  z-index: 999 !important;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0s linear;
}
#aco-landing-page .lp-amv-frame.lp-amv-ready:not(.lp-amv-paused) .lp-amv-cover {
  opacity: 0;
  transition: opacity 0.35s ease 0.15s;
}
#aco-landing-page .lp-rel-card .lp-body {
  padding: 0;
}
#aco-landing-page .lp-rel-frame {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
}
#aco-landing-page .lp-rel-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;
}
#aco-landing-page .lp-rel-frame:hover .lp-rel-thumb {
  transform: scale(1.04);
  opacity: 0.82;
}
#aco-landing-page .lp-rel-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(0,0,0,0.20) 0%,transparent 30%,transparent 68%,rgba(0,0,0,0.40) 100%);
  z-index: 1;
}
#aco-landing-page .lp-prose {
  font-family: 'Inter',sans-serif !important;
  font-size: 14.5px;
  color: rgba(255,255,255,0.78);
  line-height: 1.7;
  letter-spacing: -0.002em;
  margin: 0 0 12px;
}
#aco-landing-page .lp-prose:last-child {
  margin-bottom: 0;
}
#aco-landing-page .lp-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: lp-faq;
}
#aco-landing-page .lp-faq details {
  border-bottom: 1px dashed rgba(255,255,255,0.07);
  counter-increment: lp-faq;
}
#aco-landing-page .lp-faq details:last-child {
  border-bottom: none;
}
#aco-landing-page .lp-faq summary {
  cursor: pointer;
  list-style: none;
  display: grid;
  grid-template-columns: 34px 1fr 18px;
  gap: 8px;
  align-items: center;
  padding: 16px 0;
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 13px;
  color: rgba(255,255,255,0.92);
  letter-spacing: 0.01em;
  transition: color 0.18s ease;
}
#aco-landing-page .lp-faq summary::-webkit-details-marker {
  display: none;
}
#aco-landing-page .lp-faq summary::before {
  content: counter(lp-faq,decimal-leading-zero);
  font-family: var(--font-jetbrains),monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,0.42);
  letter-spacing: 0.04em;
}
#aco-landing-page .lp-faq summary::after {
  content: '+';
  font-family: var(--font-jetbrains),monospace;
  font-size: 16px;
  color: rgba(255,255,255,0.45);
  text-align: right;
  transition: transform 0.2s ease, color 0.18s ease;
  line-height: 1;
}
#aco-landing-page .lp-faq details[open] summary::after {
  content: '-';
  transform: translateY(-1px);
}
#aco-landing-page .lp-faq summary:hover {
  color: #ffffff;
}
#aco-landing-page .lp-faq summary:hover::after {
  color: #ffffff;
}
#aco-landing-page .lp-faq .lp-faq-a {
  padding: 0 0 18px 42px;
  font-family: 'Inter',sans-serif !important;
  font-size: 13.5px;
  color: rgba(255,255,255,0.72);
  line-height: 1.7;
  letter-spacing: -0.002em;
}
#aco-landing-page .lp-footer {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
#aco-landing-page .lp-cursor {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.04em;
}
#aco-landing-page .lp-cursor::after {
  content: '\25AE';
  margin-left: 2px;
  color: rgba(255,255,255,0.6);
  animation: lp-blink 1.1s steps(2) infinite;
}
#aco-landing-page .lp-footer-link {
  font-family: var(--font-jetbrains),monospace !important;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  padding: 6px 12px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 4px;
  transition: color 0.18s, border-color 0.18s, background 0.18s;
}
#aco-landing-page .lp-footer-link:hover {
  color: #ffffff;
  border-color: rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.04);
}
@keyframes lp-blink {
  0%,49% {
    opacity: 1;
  }
  50%,100% {
    opacity: 0;
  }
}
@media (max-width:880px) {
  #aco-landing-page .lp-body {
    padding: 32px 28px 28px;
  }
  #aco-landing-page .lp-stats {
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width:600px) {
  #aco-landing-page {
    padding: 16px 14px 40px;
  }
  #aco-landing-page .lp-bar {
    padding: 11px 16px;
    font-size: 10px;
  }
  #aco-landing-page .lp-body {
    padding: 26px 20px 22px;
  }
  #aco-landing-page .lp-title {
    font-size: 26px;
  }
  #aco-landing-page .lp-sub {
    font-size: 13px;
  }
  #aco-landing-page .lp-prose {
    font-size: 13.5px;
  }
  #aco-landing-page .lp-cta-row {
    flex-direction: column;
  }
  #aco-landing-page .lp-cta {
    justify-content: center;
    width: 100%;
  }
  #aco-landing-page .lp-stat {
    padding: 16px 12px;
  }
  #aco-landing-page .lp-stat-value {
    font-size: 22px;
  }
  #aco-landing-page .lp-stat-label {
    font-size: 9px;
  }
  #aco-landing-page .lp-stat-meta {
    font-size: 9.5px;
  }
  #aco-landing-page .lp-faq summary {
    font-size: 12.5px;
    grid-template-columns: 28px 1fr 16px;
  }
  #aco-landing-page .lp-faq .lp-faq-a {
    padding-left: 36px;
    font-size: 13px;
  }
}
.pop-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 24px;
  background: transparent;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.pop-wrap, .pop-wrap *, .pop-wrap *::before, .pop-wrap *::after {
  box-sizing: border-box;
}
.pop-label {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  letter-spacing: 0.28em;
  color: rgba(255,255,255,0.85);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
}
.pop-label::before {
  content: '~$ ';
  color: rgba(255,255,255,0.4);
}
.pop-carousel-wrap {
  width: 100%;
  margin-top: -18px;
}
.pop-stage {
  width: 100%;
  height: 330px;
  overflow: hidden;
  perspective: 3500px;
  display: grid;
  mask: linear-gradient(90deg, #0000 0%, red 15% 85%, #0000 100%);
  -webkit-mask: linear-gradient(90deg, #0000 0%, red 15% 85%, #0000 100%);
}
.pop-cylinder {
  place-self: center;
  display: grid;
  transform-style: preserve-3d;
  pointer-events: none;
}
.pop-card {
  --w: 510px;
  --ba: calc(1turn / var(--n));
  grid-area: 1 / 1;
  width: var(--w);
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  cursor: pointer;
  display: block;
  text-decoration: none;
  backface-visibility: hidden;
  pointer-events: auto;
  transition: opacity 0.3s ease, filter 0.3s ease;
  transform: rotateY(calc(var(--i) * var(--ba))) translateZ(calc(-1 * (.5 * var(--w) + 4px) / tan(.5 * var(--ba))));
}
.pop-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
}
.pop-carousel-caption {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  color: rgba(255,255,255,0.55);
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: -28px;
  font-style: italic;
  position: relative;
}
.pop-card-shell {
  width: 100%;
  max-width: none;
  margin: 22px auto 0;
  background: rgba(8,8,8,0.72);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 50px rgba(0,0,0,0.5);
  overflow: hidden;
  position: relative;
}
.pop-card-shell::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(8,8,8,0.72);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  pointer-events: none;
}
.pop-card-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(0deg,rgba(255,255,255,0.012) 0px,rgba(255,255,255,0.012) 1px,transparent 1px,transparent 3px);
  opacity: 0.6;
  z-index: 0;
}
.pop-bar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 22px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.55);
  text-transform: lowercase;
  gap: 12px;
  flex-wrap: wrap;
}
.pop-bar-path {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.pop-bar-path::before {
  content: '~$';
  color: rgba(255,255,255,0.4);
  flex-shrink: 0;
}
.pop-bar-status {
  line-height: 1.2;
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  padding: 2px 8px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 3px;
  flex-shrink: 0;
}
.pop-amv-body {
  padding: 0;
  position: relative;
  z-index: 1;
}
.pop-amv-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
.pop-amv-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.pop-amv-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
.pop-amv-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  border: 1.5px solid rgba(255,255,255,0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: background 0.2s, transform 0.2s;
  z-index: 2;
}
.pop-amv-play svg {
  width: 26px;
  height: 26px;
  fill: #ffffff;
  margin-left: 3px;
}
.pop-amv-frame:hover .pop-amv-play {
  background: rgba(0,0,0,0.75);
  transform: translate(-50%, -50%) scale(1.05);
}
.pop-amv-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, transparent 22%, transparent 78%, rgba(0,0,0,0.35) 100%);
  z-index: 1;
}
.pop-amv-frame.is-playing .pop-amv-poster, .pop-amv-frame.is-playing .pop-amv-play, .pop-amv-frame.is-playing::after {
  display: none;
}
.pop-amv-frame.is-playing {
  cursor: default;
}
.pop-carousel-section {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.pop-carousel-shell {
  margin: 0 auto;
}
.pop-carousel-body {
  padding: 24px 0 14px;
  position: relative;
  z-index: 1;
}
.pop-carousel-body .pop-carousel-caption {
  margin-top: -10px;
  margin-bottom: 4px;
}
.pop-chart-section {
  width: 100%;
  max-width: none;
  margin: 22px auto 0;
  padding: 0 24px;
  box-sizing: border-box;
}
.pop-chart-shell {
  position: relative;
  z-index: 1;
}
.pop-chart-section .pop-card-shell {
  margin: 0 auto;
}
.pop-chart-body {
  padding: 28px 32px 32px;
  position: relative;
  z-index: 1;
}
.pop-chart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 12px;
}
.pop-chart-titlewrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pop-chart-eyebrow {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.42);
}
.pop-chart-title {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.pop-chart-sublabel {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.4);
  text-transform: lowercase;
}
.pop-period-toggle {
  display: flex;
  gap: 2px;
  padding: 3px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
}
.pop-period-btn {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  background: none;
  border: 0 !important;
  outline: none !important;
  color: rgba(255,255,255,0.45);
  padding: 6px 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
  line-height: 1;
}
.pop-period-btn:hover:not(.active) {
  color: rgba(255,255,255,0.75);
}
.pop-period-btn.active {
  background: #ffffff;
  color: #0a0a0a;
}
.pop-rank-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: opacity 0.22s ease;
}
.pop-rank-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 50px;
  column-gap: 16px;
  row-gap: 6px;
  align-items: center;
  opacity: 0;
  transition: opacity 1.3s cubic-bezier(0.16, 1, 0.3, 1);
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(255,255,255,0.06);
}
.pop-rank-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pop-rank-row.is-visible {
  opacity: 1;
}
.pop-rank-num {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.06em;
  text-align: left;
  line-height: 1;
  grid-row: 1;
}
.pop-rank-num::before {
  content: '';
}
.pop-rank-name {
  font-family: var(--font-jetbrains), monospace;
  font-size: 12.5px;
  color: rgba(255,255,255,0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
  letter-spacing: 0.005em;
  grid-row: 1;
}
.pop-rank-name a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.pop-rank-name a:hover {
  color: #ffffff;
}
.pop-rank-views {
  font-family: var(--font-jetbrains), monospace;
  font-size: 10.5px;
  color: rgba(255,255,255,0.55);
  text-align: right;
  line-height: 1;
  letter-spacing: 0.04em;
  grid-row: 1;
}
.pop-rank-bar-wrap {
  grid-column: 2 / -1;
  grid-row: 2;
  height: 4px;
  background: rgba(255,255,255,0.05);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.pop-rank-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, #ffffff 100%);
  box-shadow: 0 0 6px rgba(255,255,255,0.4);
  border-radius: 2px;
  width: 0;
  transition: width 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}
.pop-rank-loading {
  font-family: var(--font-jetbrains), monospace;
  font-size: 11px;
  color: rgba(255,255,255,0.32);
  text-align: center;
  padding: 32px 0;
  letter-spacing: 0.12em;
}
.pop-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.pop-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .pop-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (max-width: 900px) {
  .pop-stage {
    height: 190px;
    perspective: 1800px;
  }
  .pop-card {
    --w: 280px;
  }
  .pop-chart-section {
    padding: 0 16px;
    margin-top: 48px;
  }
  .pop-chart-body {
    padding: 22px 22px 24px;
  }
  .pop-chart-title {
    font-size: 22px;
  }
  .pop-rank-name {
    font-size: 12px;
  }
  .pop-card-shell {
    margin-top: 48px;
  }
}
@media (max-width: 540px) {
  .pop-stage {
    height: 125px;
    perspective: 1200px;
  }
  .pop-card {
    --w: 180px;
  }
  .pop-chart-body {
    padding: 20px 16px 22px;
  }
  .pop-rank-row {
    grid-template-columns: 22px minmax(0,1fr) 44px;
    column-gap: 12px;
  }
  .pop-rank-name {
    font-size: 11.5px;
  }
  .pop-rank-num, .pop-rank-views {
    font-size: 10px;
  }
  .pop-chart-title {
    font-size: 19px;
  }
  .pop-chart-eyebrow {
    font-size: 9px;
    letter-spacing: 0.14em;
  }
  .pop-period-btn {
    padding: 5px 11px;
    font-size: 9px;
  }
}
:root {
  --aco-container: 1500px;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.28);
  background-clip: padding-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.aco-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--aco-container);
  margin-inline: auto;
  padding-inline: 24px;
  position: relative;
  z-index: 2;
}
#aco-traffic, #aco-landing-page, #acof, .pop-wrap {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
}
#aco-traffic, #aco-landing-page {
  padding-inline: 0 !important;
}
#aco-traffic .tr-card, #aco-landing-page .lp-card, .pop-card-shell {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.pop-chart-section {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
#acof-border {
  max-width: 100% !important;
}
#aco-desktop-header .dh-row {
  max-width: var(--aco-container) !important;
}
@media (max-width: 600px) {
  .aco-shell {
    padding-inline: 14px;
  }
}
.mn-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.mn-bg::before {
  content: "";
  position: absolute;
  inset: -15%;
  background: radial-gradient(38% 42% at 18% 10%, rgba(255, 255, 255, 0.05), transparent 68%), radial-gradient(34% 40% at 84% 88%, rgba(224, 50, 47, 0.055), transparent 70%), radial-gradient(30% 34% at 62% 44%, rgba(90, 120, 200, 0.035), transparent 72%);
  filter: blur(12px);
  will-change: transform;
  animation: mnDrift 28s ease-in-out infinite alternate;
}
.mn-bg .dot-field-container {
  position: absolute;
  inset: 0;
  mask-image: radial-gradient(125% 100% at 50% 0%, #000 42%, transparent 88%);
  -webkit-mask-image: radial-gradient(125% 100% at 50% 0%, #000 42%, transparent 88%);
}
@keyframes mnDrift {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, -3%, 0) scale(1.07);
  }
}
.aco-page-top {
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .mn-bg::before {
    animation: none;
  }
}
html.is-tab-hidden *, html.is-tab-hidden *::before, html.is-tab-hidden *::after {
  animation-play-state: paused !important;
}
@media (max-width: 860px) {
  .aco-header, .aco-header__inner, .aco-mheader, .aco-mheader__bar, .mn-footer__inner, .mn-hero__lead, .mn-pop__panel, .mn-pop__backdrop, .int-modal__backdrop, .int-modal__panel {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .aco-header, .aco-mheader__bar {
    background: rgba(5, 5, 5, 0.94) !important;
  }
  .mn-footer__inner {
    background: rgba(5, 5, 5, 0.92) !important;
  }
}
body:has(.mn-theme) .mn-bg::before {
  background: radial-gradient(38% 42% at 18% 10%, rgba(255, 255, 255, 0.05), transparent 68%), radial-gradient(34% 40% at 84% 88%, rgba(47, 106, 230, 0.08), transparent 70%), radial-gradient(30% 34% at 62% 44%, rgba(90, 120, 200, 0.05), transparent 72%);
}
.mn-noise {
  position: fixed;
  inset: -150px;
  z-index: 100;
  pointer-events: none;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
#aco-main .mn-reveal {
  opacity: 0;
  translate: 0 26px;
  filter: blur(8px);
  transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), translate 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), filter 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, color 0.2s ease;
  will-change: opacity, translate, filter;
}
#aco-main .mn-reveal.is-in-view {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
}
@media (prefers-reduced-motion: reduce) {
  #aco-main .mn-reveal, #aco-main .mn-reveal.is-in-view {
    opacity: 1;
    translate: 0 0;
    filter: none;
    transition: none;
  }
}
.aco-int-fx .mn-reveal {
  opacity: 0;
  translate: 0 26px;
  filter: blur(8px);
  transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), translate 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), filter 1.05s cubic-bezier(0.16, 1, 0.3, 1) var(--rd, 0ms), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, color 0.2s ease;
  will-change: opacity, translate, filter;
}
.aco-int-fx .mn-reveal.is-in-view {
  opacity: 1;
  translate: 0 0;
  filter: blur(0);
}
@media (prefers-reduced-motion: reduce) {
  .aco-int-fx .mn-reveal, .aco-int-fx .mn-reveal.is-in-view {
    opacity: 1;
    translate: 0 0;
    filter: none;
    transition: none;
  }
}
.aco-int-fx > .aco-shell:last-child {
  margin-top: 40px;
}
.aco-int .int-prod-img, .aco-int .int-work-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transform: scale(1.001);
  transform-origin: center;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
  will-change: transform;
}
.aco-int .int-prod-thumb::after, .aco-int .int-work::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(8, 8, 10, 0.35) 62%, rgba(8, 8, 10, 0.82) 100%);
  pointer-events: none;
}
.aco-int .int-prod:hover .int-prod-img, .aco-int .int-work:hover .int-work-img {
  transform: scale(1.06);
}
.aco-int .int-prod-thumb .int-prod-tag, .aco-int .int-prod-thumb .int-prod-badge {
  z-index: 2;
}
.aco-int .int-work .int-work-num, .aco-int .int-work .int-work-play, .aco-int .int-work .int-work-cap {
  z-index: 2;
}
.aco-int .int-prod-img.is-contain {
  object-fit: cover;
  object-position: center top;
}
.route-transition {
  animation: routeIn 0.3s ease both;
}
@keyframes routeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@view-transition {
  navigation: auto;
}
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: 0.32s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .route-transition {
    animation: none;
  }
  ::view-transition-old(root), ::view-transition-new(root) {
    animation: none;
  }
}
.cap-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cap-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 50px;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
  background: #140a0b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  user-select: none;
}
.cap-img.is-loading {
  opacity: 0.4;
}
.cap-img svg {
  display: block;
  width: 100%;
  height: 100%;
}
.cap-refresh {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.cap-refresh:hover {
  background: rgba(255, 255, 255, 0.09);
  color: #fff;
}
.cap-refresh svg {
  width: 17px;
  height: 17px;
}
.cap-input {
  flex: 1 1 auto;
  min-width: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: var(--font-jetbrains), monospace;
}
body {
  font-family: var(--font-inter), "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.mn-skip {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 20000;
  padding: 10px 16px;
  border-radius: 10px;
  background: #e5484d;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}
.mn-skip:focus {
  left: 16px;
}
.cc-banner {
  font-family: var(--font-inter), "Inter", system-ui, sans-serif;
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 12000;
  margin: 0 auto;
  max-width: 640px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(18, 12, 13, 0.92);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
  animation: cc-in 0.35s ease both;
}
@keyframes cc-in {
  from {
    transform: translateY(18px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.cc-ic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(229, 72, 77, 0.14);
  color: #ff8a8f;
}
.cc-ic svg {
  width: 19px;
  height: 19px;
}
.cc-text {
  flex: 1 1 auto;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
}
.cc-link {
  color: #ff8a8f;
  text-decoration: underline;
}
.cc-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.cc-btn.is-ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.82);
}
.cc-btn.is-ghost:hover {
  filter: none;
  background: rgba(255, 255, 255, 0.06);
}
.cc-btn {
  font-family: inherit;
  flex: 0 0 auto;
  padding: 9px 18px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(180deg, #e5484d, #c53136);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: filter 0.15s;
}
.cc-btn:hover {
  filter: brightness(1.08);
}
@media (max-width: 560px) {
  .cc-banner {
    flex-wrap: wrap;
  }
  .cc-text {
    flex-basis: 100%;
    order: 2;
  }
  .cc-actions {
    order: 3;
    margin-left: auto;
    width: 100%;
    justify-content: flex-end;
  }
}
#acof-nl-msg {
  margin: 8px 0 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
}