/* Public navigation, footer, listing toolbar, and pagination surfaces. */
/* ==========================================================
   17_site_navbar
   ========================================================== */

.site-navbar {
  --site-navbar-solid-bg: #176589;
  background: color-mix(in srgb, #176589 90%, transparent) !important;
  align-items: stretch;
  backdrop-filter: blur(6px) saturate(115%);
  -webkit-backdrop-filter: blur(6px) saturate(115%);
  border-bottom: 0 !important;
  flex-direction: column;
  box-shadow: 0 6px 18px color-mix(in srgb, #176589 16%, transparent);
}

.site-navbar--floating {
  background: linear-gradient(180deg, color-mix(in srgb, #176589 40%, transparent), transparent 100%) !important;
  box-shadow: none;
  padding-inline: 0;
  pointer-events: auto;
  transition:
    background 420ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 420ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar--floating .container {
  padding-bottom: var(--cc-space-4);
  padding-top: var(--cc-space-4);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition:
    min-height 420ms cubic-bezier(.22, 1, .36, 1),
    padding 420ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar--floating.site-navbar--scrolled {
  background: color-mix(in srgb, white 90%, transparent) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, #176589 16%, transparent);
}

.site-navbar--floating.site-navbar--admin-compact:not(.site-navbar--scrolled) {
  background: color-mix(in srgb, #176589 90%, transparent) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, #176589 16%, transparent);
}

.site-navbar--hero-glass:not(.site-navbar--scrolled) {
  background: linear-gradient(180deg, color-mix(in srgb, #176589 40%, transparent), transparent 100%) !important;
  box-shadow: none;
}

.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .site-navbar-logo {
  height: clamp(2.75rem, 5vw, 3.75rem);
  max-height: 3.75rem;
  min-height: 2.75rem;
}

.site-navbar .creatorcore-mark {
  background: var(--site-accent, var(--cc-brand-mint));
  border-radius: 1rem .45rem 1rem .45rem;
  color: var(--site-primary, var(--cc-neutral-charcoal));
}

.site-navbar-logo {
  display: block;
  height: clamp(2rem, 4vw, 2.75rem);
  min-height: 2rem;
  max-height: 2.75rem;
  max-width: min(14rem, 42vw);
  object-fit: contain;
  object-position: left center;
  transition:
    height 420ms cubic-bezier(.22, 1, .36, 1),
    max-height 420ms cubic-bezier(.22, 1, .36, 1),
    min-height 420ms cubic-bezier(.22, 1, .36, 1),
    transform 420ms cubic-bezier(.22, 1, .36, 1);
  width: auto;
}

.site-navbar--floating.site-navbar--scrolled .site-navbar-logo {
  height: clamp(2.2rem, 4vw, 3.25rem);
  max-height: 3.0rem;
}

.site-navbar--floating.site-navbar--admin-compact:not(.site-navbar--scrolled) .site-navbar-logo {
  height: clamp(2rem, 4vw, 2.75rem);
  max-height: 2.75rem;
}

.site-navbar--floating .creatorcore-mark {
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar--floating.site-navbar--scrolled .creatorcore-mark {
  transform: scale(.88);
}

.site-navbar--floating.site-navbar--admin-compact .creatorcore-mark {
  transform: scale(.88);
}

.site-navbar-brand-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-navbar .btn {
  --bs-btn-border-radius: var(--site-navbar-button-radius, var(--site-button-radius));
  font-size: var(--site-navbar-button-font-size, var(--cc-type-base));
  font-weight: var(--site-navbar-button-font-weight, var(--cc-weight-bold));
  letter-spacing: var(--site-navbar-button-letter-spacing);
  min-height: var(--site-navbar-button-min-height, var(--site-button-min-height));
}

.site-navbar--floating.site-navbar--scrolled .container {
}

.site-navbar--floating.site-navbar--admin-compact .container {
}

/* ==========================================================
   20_site_footer
   ========================================================== */

.site-footer {
  background: linear-gradient(145deg, #176589, #0F415B) !important;
  border-top: 0;
  color: var(--site-surface) !important;
  position: relative;
  overflow: hidden;
}

.site-footer__middle {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--site-accent) 12%, transparent), transparent 20rem),
    linear-gradient(145deg, #176589, #0F415B);
  padding: clamp(4rem, 9vw, 7rem) 0 clamp(3.5rem, 7vw, 5rem);
  position: relative;
}

.site-footer__middle::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .045), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.site-footer__panel {
  position: relative;
  z-index: 1;
}

.site-footer__grid {
  align-items: start;
  display: grid;
  gap: clamp(2rem, 5vw, 4rem);
  grid-template-columns: minmax(0, .9fr) minmax(20rem, .8fr);
}

.site-footer--no-contact .site-footer__grid {
  grid-template-columns: minmax(0, 1fr);
}

.site-footer__brand-block {
  display: grid;
  justify-items: start;
}

.site-footer a {
  color: rgba(255, 255, 255, .72);
  text-decoration: none;
}

.site-footer a:hover {
  color: #FFFFFF;
}

.site-footer__site-brand {
  align-items: flex-start;
  display: grid;
  gap: var(--cc-space-3);
  justify-items: start;
}

.site-footer__powered {
  align-items: center;
  color: var(--site-footer-powered-color) !important;
  gap: var(--cc-space-2);
  margin-top: var(--cc-space-6);
  opacity: var(--site-footer-powered-opacity);
  transition:
    color var(--cc-motion-fast) var(--cc-motion-ease),
    opacity var(--cc-motion-fast) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
}

.site-footer__powered-text {
  color: var(--site-footer-powered-color) !important;
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-bold);
  letter-spacing: var(--cc-tracking-wide);
  line-height: var(--cc-line-tight);
  text-transform: uppercase;
  white-space: nowrap;
}

.site-footer__powered .creatorcore-logo--powered {
  height: 2.05rem;
  opacity: var(--site-footer-powered-logo-opacity);
  transition:
    opacity var(--cc-motion-fast) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
  width: auto;
}

.site-footer__powered:is(:hover, :focus-visible) {
  color: var(--site-footer-powered-hover-color) !important;
  opacity: var(--site-footer-powered-hover-opacity);
  transform: var(--site-footer-powered-hover-transform);
}

.site-footer__powered:is(:hover, :focus-visible) .site-footer__powered-text {
  color: var(--site-footer-powered-hover-color) !important;
}

.site-footer__powered:is(:hover, :focus-visible) .creatorcore-logo--powered {
  filter: none;
  opacity: var(--site-footer-powered-logo-hover-opacity);
  transform: var(--site-footer-powered-logo-hover-transform);
}

@media (prefers-reduced-motion: reduce) {
  .site-footer__powered,
  .site-footer__powered .creatorcore-logo--powered {
    transition: none;
  }

  .site-footer__powered:is(:hover, :focus-visible),
  .site-footer__powered:is(:hover, :focus-visible) .creatorcore-logo--powered {
    transform: none;
  }
}

.site-footer__bottom-bar {
  background: linear-gradient(to bottom, #050B13, #03070D);
  border-top: 1px solid rgba(217, 221, 227, .12);
  margin-top: 0;
  padding: var(--cc-space-5) 0;
}

.site-footer__bottom-bar .container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-4) var(--cc-space-5);
  justify-content: space-between;
}

.site-footer__bottom-bar .site-footer__copyright {
  color: rgba(255, 255, 255, .55);
  font-size: var(--cc-type-xs);
  line-height: var(--cc-line-body);
  margin: 0;
}

.site-footer__copyright-mark {
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-bold);
  vertical-align: .08em;
}

.site-footer__bottom-bar .site-footer__legal ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2) var(--cc-space-4);
  justify-content: flex-start;
}

.site-footer__bottom-bar .site-footer__legal li {
  line-height: var(--cc-line-tight);
}

.site-footer__legal-separator {
  color: rgba(255, 255, 255, .34);
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
}

.site-footer__bottom-bar .site-footer__legal a {
  align-items: center;
  color: rgba(255, 255, 255, .55);
  display: inline-flex;
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-tight);
  min-height: 44px;
  vertical-align: middle;
}

.site-footer__nav {
  margin: var(--cc-space-6) 0 var(--cc-space-6);
}

.site-footer__nav ul {
  display: grid;
  gap: var(--cc-space-3);
  grid-template-columns: 1fr;
  max-width: 18rem;
}

.site-footer__nav li {
  line-height: var(--cc-line-tight);
  opacity: .75;
}

.footer-links a {
  color: rgba(217, 221, 227, .82);
  display: flex;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--site-footer-nav-font-size);
  font-weight: var(--site-footer-nav-font-weight);
  justify-content: space-between;
  letter-spacing: var(--site-footer-nav-letter-spacing);
  line-height: var(--site-footer-nav-line-height);
  padding: var(--site-footer-nav-padding-block) 0;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 180ms ease,
    transform 180ms ease;
}

.footer-links a:hover {
  color: var(--cc-neutral-white);
  transform: translateX(4px);
}

.site-footer__legal.footer-links a {
  display: inline-flex;
  font-family: var(--site-body-font, var(--cc-font-secondary));
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-bold);
  letter-spacing: var(--cc-tracking-normal);
  padding: 0;
  text-transform: none;
}

.site-footer__social ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-3);
}

.site-footer__social a {
  align-items: center;
  border: 1px solid rgba(217, 221, 227, .16);
  border-radius: 50%;
  color: rgba(217, 221, 227, .84);
  display: inline-flex;
  font-size: var(--cc-type-base);
  height: 3rem;
  justify-content: center;
  text-decoration: none;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
  width: 3rem;
}

.site-footer__social a:hover {
  border-color: rgba(217, 221, 227, .34);
  color: #FFFFFF;
  transform: translateY(-2px);
}

.site-footer__contact-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
  border: 1px solid rgba(217, 221, 227, .14);
  border-radius: 1.5rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075);
  height: 100%;
  padding: clamp(1.35rem, 3vw, 2.25rem);
}

.site-footer__eyebrow {
  color: rgba(217, 221, 227, .7);
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-bold);
  letter-spacing: var(--cc-tracking-wide);
  margin-bottom: var(--cc-space-3);
  text-transform: uppercase;
}

.site-footer__contact-title {
  color: #FFFFFF;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-2xl);
  line-height: var(--cc-line-tight);
  gap: var(--cc-space-1);
  text-transform: uppercase;
}

.site-footer__contact-text {
  color: rgba(217, 221, 227, .84);
  font-size: var(--cc-type-base);
  line-height: var(--cc-line-body);
  margin-bottom: var(--cc-space-5);
  max-width: 36rem;
}

.site-footer__contact-form {
  display: grid;
  gap: var(--cc-space-4);
}

.site-footer__contact-fields {
  display: grid;
  gap: var(--cc-space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-footer__contact-form .form-control {
  background: rgba(255, 255, 255, .92);
}

.site-footer__contact-form textarea.form-control {
  min-height: 7rem;
}

@media (max-width: 991.98px) {
  .site-footer__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .site-footer__middle {
    padding-top: var(--cc-space-8);
  }

  .site-footer__nav ul,
  .site-footer__contact-fields {
    grid-template-columns: 1fr;
  }
}

.ui-navigation-buttons {
  align-items: stretch;
  background: color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 7%, var(--site-surface, var(--cc-neutral-white)));
  border: 1px solid color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 12%, transparent);
  border-radius: 999px;
  box-shadow: 0 1rem 2.4rem rgba(var(--cc-rgb-neutral-charcoal), .08);
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2);
  justify-content: center;
  margin: clamp(2rem, 5vw, 4rem) auto 0;
  max-width: max-content;
  padding: var(--cc-space-2);
}

.ui-navigation-buttons .disabled {
  opacity: .42;
}

/* ==========================================================
   20_site_listing
   ========================================================== */

.site-listing-toolbar {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-5);
  justify-content: space-between;
  margin-bottom: var(--cc-space-6);
  padding: 0;
}

.site-results-anchor {
  scroll-margin-top: var(--cc-space-9);
}

.site-listing-toolbar__summary {
  align-self: flex-start;
  color: var(--site-muted-text);
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-1);
  text-align: left;
  padding: var(--cc-space-5) var(--cc-space-5);
}

.site-listing-toolbar__control,
.site-listing-toolbar__sort {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-1);
  margin-bottom: 0;
  min-width: 12rem;
}

.site-listing-toolbar__label,
.site-listing-toolbar__sort label {
  color: var(--site-muted-text);
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-black);
  letter-spacing: var(--cc-tracking-narrow);
  line-height: var(--cc-line-tight);
  text-transform: uppercase;
}

.site-listing-toolbar__summary-value {
  color: var(--site-text);
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-body);
  min-height: calc(1.5em + .5rem + 2px);
  padding-block: .6rem;
}

.site-listing-toolbar__summary-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2);
}

.site-listing-toolbar__search-panel {
  align-items: center;
  background: var(--site-surface);
  border-radius: var(--site-panel-radius);
  box-shadow: 0 .75rem 1.75rem color-mix(in srgb, var(--site-primary) 8%, transparent);
  display: flex;
  flex: 1 1 28rem;
  gap: var(--cc-space-3);
  max-width: 34rem;
  min-width: min(100%, 18rem);
  padding: var(--cc-space-4) var(--cc-space-5);
}

.site-listing-toolbar__search {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}

.site-listing-toolbar__search :is(i, .ui-icon) {
  color: var(--site-muted-text);
  left: var(--cc-space-4);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.site-listing-toolbar__search .form-control {
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: var(--site-input-radius, .5rem);
  min-height: calc(1.5em + .5rem + 2px);
  padding-left: var(--cc-space-7);
}

.site-listing-toolbar__search .form-control:focus {
  border-color: var(--site-accent);
  box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--site-accent) 18%, transparent);
}

.site-listing-token-search {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}

.site-listing-token-search__box {
  align-items: center;
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: var(--site-input-radius, .5rem);
  cursor: text;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2);
  min-height: calc(1.5em + .5rem + 2px);
  padding: var(--cc-space-2);
}

.site-listing-token-search__box:focus-within {
  border-color: var(--site-accent);
  box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--site-accent) 18%, transparent);
}

.site-listing-token-search__tokens {
  display: contents;
}

.site-listing-token-search__pill {
  align-items: center;
  background: color-mix(in srgb, var(--site-accent) 12%, var(--site-surface));
  border: 1px solid color-mix(in srgb, var(--site-accent) 22%, var(--site-border));
  border-radius: 999px;
  color: var(--site-text);
  display: inline-flex;
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  gap: var(--cc-space-1);
  line-height: var(--cc-line-tight);
  max-width: 100%;
  min-height: 2rem;
  padding: .35rem .35rem .35rem .65rem;
}

.site-listing-token-search__pill-prefix {
  color: var(--site-muted-text);
  font-size: var(--cc-type-xs);
  text-transform: uppercase;
}

.site-listing-token-search__remove {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--site-muted-text);
  display: inline-flex;
  height: 1.45rem;
  justify-content: center;
  padding: 0;
  width: 1.45rem;
}

.site-listing-token-search__remove:hover,
.site-listing-token-search__remove:focus {
  background: color-mix(in srgb, var(--site-accent) 18%, transparent);
  color: var(--site-text);
}

.site-listing-token-search__input {
  background: transparent;
  border: 0;
  color: var(--site-text);
  flex: 1 1 10rem;
  min-height: 2rem;
  min-width: 8rem;
  outline: 0;
}

.site-listing-token-search__input::-webkit-search-cancel-button {
  display: none;
}

.site-listing-token-search__menu {
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: var(--site-panel-radius);
  box-shadow: 0 1rem 2.5rem rgba(var(--cc-rgb-neutral-charcoal), .14);
  left: 0;
  margin-top: var(--cc-space-2);
  max-height: 18rem;
  overflow-y: auto;
  padding: var(--cc-space-2);
  position: absolute;
  right: 0;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-.35rem) scale(.98);
  transform-origin: top center;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
  z-index: 30;
}

.site-listing-token-search__menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.site-listing-token-search__menu[hidden] {
  display: block;
  visibility: hidden;
}

.site-listing-token-search__option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: .45rem;
  color: var(--site-text);
  display: flex;
  font-weight: var(--cc-weight-bold);
  gap: var(--cc-space-2);
  justify-content: flex-start;
  padding: var(--cc-space-2) var(--cc-space-3);
  text-align: left;
  width: 100%;
}

.site-listing-token-search__option-label {
  flex: 1 1 auto;
  min-width: 0;
}

.site-listing-token-search__option-kind {
  color: var(--site-muted-text);
  flex: 0 0 auto;
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-black);
  letter-spacing: var(--cc-tracking-narrow);
  text-transform: uppercase;
}

.site-listing-token-search__option mark {
  background: color-mix(in srgb, var(--site-accent) 28%, transparent);
  border-radius: .22rem;
  color: inherit;
  font-weight: var(--cc-weight-black);
  padding: 0 .08rem;
}

.site-listing-token-search__option--query {
  background: color-mix(in srgb, var(--site-accent) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--site-accent) 24%, transparent);
}

.site-listing-token-search__option--query mark {
  background: var(--site-accent);
  color: var(--site-surface);
}

.site-listing-token-search__option:hover,
.site-listing-token-search__option:focus,
.site-listing-token-search__option.is-active {
  background: color-mix(in srgb, var(--site-accent) 12%, transparent);
  outline: 0;
}

.site-listing-toolbar__search-submit {
  align-self: center;
  flex: 0 0 auto;
  aspect-ratio: 1;
  min-height: calc(1.5em + .5rem + 2px);
  padding-inline: .9rem;
}

.site-listing-toolbar__clear {
  align-items: center;
  align-self: center;
  aspect-ratio: 1;
  display: inline-flex;
  justify-content: center;
  min-height: calc(1.5em + .35rem + 2px);
  padding: var(--cc-space-1) var(--cc-space-2);
  white-space: nowrap;
}

.site-listing-toolbar__controls {
  align-items: flex-start;
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  gap: var(--cc-space-3);
  justify-content: space-between;
  min-width: min(100%, 15rem);
}

.site-listing-toolbar__control {
  align-items: flex-start;
  margin-left: auto;
  text-align: left;
  padding: var(--cc-space-5) var(--cc-space-5);

}

.site-listing-toolbar__control .form-select,
.site-listing-toolbar__sort .form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2366717A' d='M4.22 5.97a.75.75 0 0 1 1.06 0L8 8.69l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.03a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: .8rem .8rem;
  border: 1px solid var(--site-border);
  padding-right: var(--cc-space-6);
  transform: none;
  transition:
    background-color var(--cc-motion-fast) var(--cc-motion-ease),
    border-color var(--cc-motion-fast) var(--cc-motion-ease),
    box-shadow var(--cc-motion-base) var(--cc-motion-ease),
    color var(--cc-motion-fast) var(--cc-motion-ease);
  width: 100%;
}

.site-listing-toolbar__control .form-select:focus,
.site-listing-toolbar__sort .form-select:focus {
  border-color: var(--site-accent);
}

@media (max-width: 991.98px) {
  .site-listing-toolbar {
    align-items: stretch;
  }

  .site-listing-toolbar__search-panel {
    max-width: 20rem;
  }

  .site-listing-toolbar__controls {
    align-items: flex-start;
  }
  .site-listing-toolbar__control, .site-listing-toolbar__summary{
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .site-listing-toolbar__search-panel {
    width: 100%;
    max-width: none;
  }
  .site-listing-toolbar {
    gap: 0;
  }
  .site-listing-toolbar__control, .site-listing-toolbar__summary{
    padding-left: var(--cc-space-3);
    padding-right: var(--cc-space-3);
  }
}

@media (max-width: 575.98px) {
  .site-listing-toolbar {
    flex-direction: column;
    margin-bottom: var(--cc-space-5);
  }

  .site-listing-toolbar__controls {
    display: flex;
    flex-direction: row;
    gap: var(--cc-space-2);
    justify-content: space-between;
    min-width: 0;
    width: 100%;
  }

  .site-listing-toolbar__search-panel {
    align-items: center;
    flex-direction: row;
    flex-basis: auto;
    gap: var(--cc-space-2);
    min-width: 0;
    padding: var(--cc-space-2) var(--cc-space-3);
    width: 100%;
  }

  .site-listing-toolbar__search .form-control,
  .site-listing-token-search__input {
    font-size: var(--cc-type-base);
  }


  .site-listing-toolbar__summary-value {
    padding-block: .7rem 0.5rem;
  }

  .site-listing-toolbar__summary,
  .site-listing-toolbar__control,
  .site-listing-toolbar__sort {
    gap: var(--cc-space-1);
  }

  .site-listing-toolbar__search-submit {
    flex: 0 0 auto;
    width: auto;
  }

  .site-listing-toolbar__clear {
    width: auto;
  }

  .site-listing-toolbar__summary, .site-listing-toolbar__control {
    flex: 1 1 0;
    min-width: 0;
    padding-left: var(--cc-space-3);
    padding-right: var(--cc-space-3);
  }

  .site-listing-toolbar__control,
  .site-listing-toolbar__sort {
    flex: 0 0 auto;
    min-width: 9rem;
  }
}

.site-pagination {
  display: flex;
  justify-content: center;
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

.site-progressive-pagination {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-3);
  justify-content: center;
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

.site-progressive-pagination__button {
  min-width: 10rem;
}

.site-progressive-pagination__button.disabled {
  pointer-events: none;
}

.site-progressive-pagination__status:not(.visually-hidden) {
  color: var(--site-muted-text);
  margin: 0;
  text-align: center;
}

.site-pagination__shell {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--site-pill-radius, 999px);
  box-shadow: none;
  display: flex;
  gap: clamp(.8rem, 2vw, 1.4rem);
  justify-content: space-between;
  max-width: 100%;
  padding: var(--cc-space-2);
}

.site-pagination__summary {
  display: grid;
  gap: var(--cc-space-1);
  min-width: 8.5rem;
  padding: var(--cc-space-1) var(--cc-space-3) var(--cc-space-1) var(--cc-space-4);
}

.site-pagination__summary span {
  color: var(--site-muted-text);
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-black);
  line-height: var(--cc-line-tight);
  text-transform: var(--site-eyebrow-transform, uppercase);
}

.site-pagination__summary strong {
  color: var(--site-heading-accent, var(--site-text));
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-black);
  line-height: var(--cc-line-heading);
}

.site-pagination nav {
  display: flex;
  justify-content: center;
}

.site-pagination .pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2);
  justify-content: center;
  margin-bottom: 0;
}

.site-pagination .page,
.site-pagination .first,
.site-pagination .prev,
.site-pagination .next,
.site-pagination .last {
  display: inline-flex;
}

.site-pagination a,
.site-pagination .current,
.site-pagination .gap {
  align-items: center;
  background: color-mix(in srgb, var(--site-surface) 82%, transparent);
  border: 1px solid transparent;
  border-radius: 999px;
  color: color-mix(in srgb, var(--site-text) 84%, var(--site-muted-text));
  display: inline-flex;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-black);
  justify-content: center;
  min-height: 2.45rem;
  min-width: 2.45rem;
  padding: var(--cc-space-2) var(--cc-space-3);
  text-decoration: none;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.site-pagination .current,
.site-pagination a:hover {
  background: linear-gradient(135deg, var(--site-primary, var(--cc-brand-ocean)), color-mix(in srgb, var(--site-accent) 72%, var(--site-primary)));
  border-color: color-mix(in srgb, var(--site-accent) 48%, transparent);
  box-shadow: 0 .7rem 1.6rem color-mix(in srgb, var(--site-primary) 18%, transparent);
  color: var(--cc-neutral-white);
}

.site-pagination a:hover {
  transform: translateY(-1px);
}

.site-pagination .gap {
  background: transparent;
  color: var(--site-muted-text);
}

.site-pagination .first a,
.site-pagination .prev a,
.site-pagination .next a,
.site-pagination .last a {
  padding-inline: 1rem;
}

@media (max-width: 767.98px) {
  .site-pagination__shell {
    align-items: stretch;
    border-radius: var(--site-panel-radius, 1.25rem);
    flex-direction: column;
    width: 100%;
  }

  .site-pagination__summary {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 0;
    padding: var(--cc-space-2) var(--cc-space-3) var(--cc-space-1);
  }

  .site-pagination nav,
  .site-pagination .pagination {
    width: 100%;
  }
}

.site-empty-state {
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--site-accent, var(--cc-brand-sea)) 18%, transparent), transparent 18rem), var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: 1.5rem .75rem 1.5rem .75rem;
  box-shadow: 0 18px 45px rgba(var(--cc-rgb-neutral-charcoal), .08);
  margin-inline: auto;
  max-width: 48rem;
  padding: var(--cc-space-6);
  text-align: center;
}

.site-empty-state h2 {
  color: var(--site-primary, var(--cc-neutral-charcoal));
  font-size: var(--cc-type-4xl);
  font-weight: var(--cc-weight-black);
  line-height: var(--cc-line-tight);
  margin-bottom: var(--cc-space-4);
  text-transform: uppercase;
}

.site-empty-state p:not(.site-kicker) {
  color: var(--site-muted-text);
  font-size: var(--cc-type-md);
  line-height: var(--cc-line-body);
  margin-inline: auto;
  max-width: 36rem;
}

.knowledgebase-directory-page {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--site-accent, var(--cc-brand-sea)) 6%, transparent), transparent 22rem),
    var(--site-surface);
  padding: clamp(var(--cc-space-6), 7vw, var(--cc-space-9)) 0;
}

.knowledgebase-directory {
  margin-inline: auto;
  max-width: min(60rem, calc(100% - var(--cc-space-6)));
}

.knowledgebase-directory__grid {
  align-items: start;
  display: grid;
  gap: var(--cc-space-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledgebase-directory__group-header {
  align-items: start;
  display: flex;
  gap: var(--cc-space-4);
  justify-content: space-between;
  margin-bottom: 0;
}

.knowledgebase-directory__group .site-card__title {
  margin-bottom: 0;
}

.knowledgebase-directory__description {
  max-width: 42rem;
}

.knowledgebase-directory__empty {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--site-accent, var(--cc-brand-sea)) 16%, transparent), transparent 18rem),
    var(--site-surface);
  border: 1px solid var(--site-border);
  border-radius: 1.5rem .75rem 1.5rem .75rem;
  box-shadow: 0 18px 45px rgba(var(--cc-rgb-neutral-charcoal), .08);
  color: var(--site-text, var(--cc-neutral-charcoal));
  margin-inline: auto;
  max-width: 44rem;
  padding: clamp(var(--cc-space-6), 6vw, var(--cc-space-9));
  text-align: center;
}

.knowledgebase-directory__empty i {
  align-items: center;
  background: color-mix(in srgb, var(--site-accent, var(--cc-brand-sea)) 18%, var(--site-surface));
  border: 1px solid color-mix(in srgb, var(--site-accent, var(--cc-brand-sea)) 24%, transparent);
  border-radius: 1rem .45rem 1rem .45rem;
  color: var(--site-primary, var(--cc-neutral-charcoal));
  display: inline-flex;
  font-size: var(--cc-type-2xl);
  height: 3.25rem;
  justify-content: center;
  margin-bottom: var(--cc-space-4);
  width: 3.25rem;
}

.knowledgebase-directory__empty h2 {
  color: var(--site-primary, var(--cc-neutral-charcoal));
  font-size: var(--cc-type-3xl);
  font-weight: var(--cc-weight-black);
  letter-spacing: var(--cc-tracking-normal);
  line-height: var(--cc-line-tight);
  margin-bottom: var(--cc-space-3);
  text-transform: uppercase;
}

.knowledgebase-directory__empty p {
  color: var(--site-muted-text);
  font-size: var(--cc-type-md);
  line-height: var(--cc-line-body);
  margin: 0 auto;
  max-width: 34rem;
}

@media (max-width: 991.98px) {
  .knowledgebase-directory__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .knowledgebase-directory {
    max-width: min(100% - var(--cc-space-4), 60rem);
  }

  .knowledgebase-directory__group {
    --site-card-padding: var(--cc-space-4);
  }

  .knowledgebase-directory__group-header {
    align-items: stretch;
    flex-direction: column;
    gap: var(--cc-space-3);
  }

  .knowledgebase-directory__count {
    justify-content: center;
    width: fit-content;
  }
}

/* ==========================================================
   21_navigation_helpers
   ========================================================== */

.navigation-breadcrumb-band {
  background: linear-gradient(180deg, color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 5%, var(--site-background)), var(--site-background));
  padding: var(--cc-space-3) 0;
}

.navigation-breadcrumb-band--light {
  background: linear-gradient(180deg, color-mix(in srgb, var(--site-surface, #FFFFFF) 94%, var(--site-background)), var(--site-background));
}

.navigation-breadcrumb-band--dark {
  background: color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 92%, #000000);
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb {
  color: color-mix(in srgb, #FFFFFF 72%, transparent);
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb__list {
  --bs-breadcrumb-divider-color: color-mix(in srgb, #FFFFFF 42%, transparent);
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb__item::before {
  color: color-mix(in srgb, #FFFFFF 42%, transparent) !important;
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb a {
  color: #FFFFFF;
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb a:hover {
  background: color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 18%, transparent);
  border-color: color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 36%, transparent);
  color: color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 82%, #FFFFFF);
}

.navigation-breadcrumb-band--dark .navigation-breadcrumb .active span {
  color: color-mix(in srgb, #FFFFFF 68%, transparent);
}

.tenant-creator-show .navigation-breadcrumb-band.navigation-breadcrumb-band--light {
  background: var(--site-creator-detail-breadcrumb-surface);
  border-bottom-color: var(--site-creator-detail-breadcrumb-border);
}

.tenant-creator-show .navigation-breadcrumb {
  color: var(--site-creator-detail-breadcrumb-text);
}

.tenant-creator-show .navigation-breadcrumb-band .navigation-breadcrumb__list {
  --bs-breadcrumb-divider-color: var(--site-creator-detail-breadcrumb-divider);
}

.tenant-creator-show .navigation-breadcrumb-band .navigation-breadcrumb__item::before {
  color: var(--site-creator-detail-breadcrumb-divider) !important;
}

.tenant-creator-show .navigation-breadcrumb-band .navigation-breadcrumb a {
  color: var(--site-creator-detail-breadcrumb-link);
}

.tenant-creator-show .navigation-breadcrumb-band .navigation-breadcrumb a:hover {
  background: var(--site-creator-detail-breadcrumb-hover-surface);
  border-color: var(--site-creator-detail-breadcrumb-hover-border);
  color: var(--site-creator-detail-breadcrumb-hover-text);
}

.tenant-creator-show .navigation-breadcrumb-band .navigation-breadcrumb .active span {
  color: var(--site-creator-detail-breadcrumb-text);
}

.navigation-breadcrumb {
  color: var(--site-muted-text);
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  max-width: 100%;
}

.navigation-breadcrumb__list {
  --bs-breadcrumb-divider: "›";
  --bs-breadcrumb-divider-color: color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 38%, transparent);
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--cc-space-1);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.navigation-breadcrumb__list::-webkit-scrollbar {
  display: none;
}

.navigation-breadcrumb__item {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  letter-spacing: var(--cc-tracking-narrow);
  max-width: min(18rem, 56vw);
  min-width: 0;
}

.navigation-breadcrumb__item::before {
  color: color-mix(in srgb, var(--site-primary, var(--cc-neutral-charcoal)) 42%, transparent) !important;
  content: var(--bs-breadcrumb-divider, "›") !important;
  font-weight: var(--cc-weight-black);
  padding-right: var(--cc-space-2) !important;
}

.navigation-breadcrumb a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--site-pill-radius, 999px);
  color: var(--site-primary);
  display: inline-flex;
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-tight);
  max-width: 100%;
  overflow: hidden;
  padding: var(--cc-space-2) var(--cc-space-3);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--cc-motion-base) var(--cc-motion-ease);
}

.navigation-breadcrumb a:hover {
  background: color-mix(in srgb, var(--site-accent) 13%, var(--site-surface));
  border-color: color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 28%, transparent);
  color: var(--site-accent);
}

.navigation-breadcrumb .active span {
  color: var(--site-muted-text);
  display: inline-block;
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-tight);
  max-width: 100%;
  overflow: hidden;
  padding: var(--cc-space-2) var(--cc-space-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Creator links */

.creator-profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-3);
  max-width: 48rem;
}

.creator-profile-link {
  align-items: center;
  background: color-mix(in srgb, var(--site-primary, var(--cc-brand-ocean)) 9%, var(--site-surface, var(--cc-neutral-white)));
  border: 1px solid color-mix(in srgb, var(--site-primary, var(--cc-brand-ocean)) 18%, transparent);
  border-radius: 999px;
  color: var(--site-primary, var(--cc-brand-ocean));
  display: inline-flex;
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-tight);
  padding: var(--cc-space-3) var(--cc-space-4);
  text-decoration: none;
  transition:
    background-color var(--cc-motion-base) var(--cc-motion-ease),
    border-color var(--cc-motion-base) var(--cc-motion-ease),
    color var(--cc-motion-base) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
}

.creator-profile-link:hover {
  background: var(--site-accent, var(--cc-brand-teal));
  border-color: var(--site-accent, var(--cc-brand-teal));
  color: var(--cc-neutral-black);
  transform: translateY(-2px);
}

.site-hero--creator-profile .creator-profile-link {
  background: rgba(var(--cc-rgb-white), .1);
  border-color: rgba(var(--cc-rgb-white), .24);
  color: var(--cc-neutral-white);
}

.creator-links {
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--site-accent, var(--cc-brand-teal)) 16%, white), white 20rem),
    linear-gradient(180deg, var(--site-background), color-mix(in srgb, var(--site-background, var(--cc-brand-mist)) 78%, var(--site-surface, var(--cc-neutral-white))));
  padding: clamp(2rem, 5vw, 3.75rem) 0 clamp(3rem, 6vw, 4.5rem);
}

.tenant-creator-show .creator-links {
  --site-section-title-size: var(--site-creator-detail-links-title-size);
  --site-section-heading-weight: var(--site-creator-detail-links-title-weight);
  --site-creator-link-grid-gap: var(--site-creator-detail-links-grid-gap);
  --site-creator-link-background: var(--site-creator-detail-link-background);
  --site-creator-link-border: var(--site-creator-detail-link-border);
  --site-creator-link-shadow: var(--site-creator-detail-link-shadow);
  --site-creator-link-hover-border: var(--site-creator-detail-link-hover-border);
  --site-creator-link-hover-shadow: var(--site-creator-detail-link-hover-shadow);
  --site-creator-link-label-color: var(--site-creator-detail-link-label-color);
  --site-creator-link-label-size: var(--site-creator-detail-link-label-size);
  --site-creator-link-label-weight: var(--site-creator-detail-link-label-weight);
  background: var(--site-creator-detail-links-background);
  padding-block: var(--site-creator-detail-links-padding-block);
}

.creator-links__grid {
  display: grid;
  gap: var(--site-creator-link-grid-gap);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--site-creator-link-grid-min-width)), 1fr));
}

.creator-links__header {
  margin-bottom: var(--cc-space-5);
}

.creator-links .creator-links__header .site-section__title {
  color: var(--site-creator-detail-links-title-color);
}

.creator-link {
  align-items: center;
  --creator-link-color: var(--site-primary, var(--cc-brand-ocean));
  --creator-link-accent: var(--site-accent, var(--cc-brand-teal));
  background: var(--site-creator-link-background);
  border: 1px solid var(--site-creator-link-border);
  border-radius: var(--site-creator-link-radius);
  box-shadow: var(--site-creator-link-shadow);
  color: var(--site-creator-link-color);
  display: grid;
  gap: var(--cc-space-3);
  grid-template-columns: var(--site-creator-link-icon-size) minmax(0, 1fr) auto;
  min-height: var(--site-creator-link-min-height);
  padding: var(--site-creator-link-padding);
  position: relative;
  text-decoration: none;
  transition:
    border-color var(--cc-motion-base) var(--cc-motion-ease),
    box-shadow var(--cc-motion-base) var(--cc-motion-ease),
    color var(--cc-motion-base) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
}

.creator-link:is(:hover, :focus-visible) {
  border-color: var(--site-creator-link-hover-border);
  box-shadow: var(--site-creator-link-hover-shadow);
  color: var(--site-creator-link-color);
  transform: translateY(-2px);
}

.creator-link__icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--creator-link-color);
  display: inline-flex;
  flex: 0 0 var(--site-creator-link-icon-size);
  font-size: var(--cc-type-2xl);
  height: var(--site-creator-link-icon-size);
  justify-content: center;
  width: var(--site-creator-link-icon-size);
}

.creator-link .creator-link__icon .social-platform-mark--image {
  height: var(--site-creator-link-icon-image-height);
  max-width: var(--site-creator-link-icon-image-max-width);
}

.creator-link--onlyfans {
  --creator-link-color: var(--cc-brand-ocean);
  --creator-link-accent: var(--cc-brand-aqua);
}

.creator-link--onlyfans .creator-link__icon {
  background: transparent;
  border-color: transparent;
  color: var(--creator-link-color);
}

.creator-link--justforfans {
  --creator-link-color: var(--cc-secondary-crimson);
  --creator-link-accent: var(--cc-secondary-tomato);
}

.creator-link--instagram .creator-link__icon {
  background: transparent;
  border-color: transparent;
  color: var(--creator-link-color);
}

.creator-link--instagram {
  --creator-link-color: var(--cc-secondary-orange);
  --creator-link-accent: var(--cc-secondary-coral);
}

.creator-link--website {
  --creator-link-color: var(--cc-brand-teal);
  --creator-link-accent: var(--cc-brand-mint);
}

.creator-link--bluesky {
  --creator-link-color: var(--cc-brand-ocean);
  --creator-link-accent: var(--cc-brand-aqua);
}

.creator-link__body {
  display: grid;
  min-width: 0;
}

.creator-link__label {
  align-items: center;
  color: var(--site-creator-link-label-color);
  display: inline-flex;
  gap: var(--cc-space-2);
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--site-creator-link-label-size);
  font-weight: var(--site-creator-link-label-weight);
  letter-spacing: var(--cc-tracking-normal);
  line-height: var(--cc-line-heading);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: var(--site-heading-transform, uppercase);
  white-space: nowrap;
}

.creator-link__label > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.creator-link__access {
  align-items: center;
  background: color-mix(in srgb, var(--creator-link-accent) 18%, var(--site-surface, var(--cc-neutral-white)));
  border: 1px solid color-mix(in srgb, var(--creator-link-accent) 32%, transparent);
  border-radius: 999px;
  color: var(--creator-link-color);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--cc-type-xs);
  height: 1.35em;
  justify-content: center;
  line-height: var(--cc-line-tight);
  min-width: 1.35em;
  padding: 0 .22em;
}

.creator-link__arrow {
  align-items: center;
  align-self: center;
  color: var(--site-creator-link-arrow-color);
  display: inline-flex;
  font-size: var(--cc-type-xs);
  justify-content: center;
  justify-self: end;
  transition:
    color var(--cc-motion-base) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
}

.creator-link:is(:hover, :focus-visible) .creator-link__arrow {
  color: var(--creator-link-color);
  transform: translate(2px, -2px);
}

/* Platform marketing surface inspired by the AdamChenX reference site. */

/* ==========================================================
   30_base_pages
   ========================================================== */

body:not(.lookbook-preview) {
  background: var(--site-background);
  color: var(--site-text);
  overflow-x: hidden;
}

.site-navbar .creatorcore-logo--nav,
.site-navbar .creatorcore-mark {
  transform-origin: left;
  transition:
    height 420ms cubic-bezier(.22, 1, .36, 1),
    opacity 220ms ease,
    transform 420ms cubic-bezier(.22, 1, .36, 1),
    width 420ms cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 992px) {
  .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .container {
    padding-bottom: var(--cc-space-4);
    padding-top: var(--cc-space-4);
  }

  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .container {
    padding-bottom: var(--cc-space-4);
    padding-top: var(--cc-space-4);
  }

  .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav {
    height: clamp(3.55rem, 4.25vw, 4.15rem);
  }

  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav {
    height: clamp(3.55rem, 4.25vw, 4.15rem);
  }

  .site-navbar--floating.site-navbar--scrolled .creatorcore-logo--nav {
    height: clamp(2.65rem, 3.5vw, 2.95rem);
  }

  .site-navbar--floating.site-navbar--admin-compact:not(.site-navbar--scrolled) .creatorcore-logo--nav {
    height: clamp(2.65rem, 3.5vw, 2.95rem);
  }
}

.site-navbar:not(.site-navbar--floating).site-navbar--scrolled .creatorcore-logo--nav,
.site-navbar:not(.site-navbar--floating).site-navbar--scrolled .creatorcore-mark {
  transform: scale(.88);
}

.site-navbar--floating .creatorcore-logo--nav,
.site-navbar--floating .creatorcore-mark {
  transform: scale(.88);
}

.site-navbar--floating.site-navbar--admin-compact:not(.site-navbar--scrolled) .creatorcore-logo--nav,
.site-navbar--floating.site-navbar--admin-compact:not(.site-navbar--scrolled) .creatorcore-mark {
  transform: scale(.88);
}

.site-navbar--scrolled .nav-link:is(:hover, .active) {
  color: #7FE7E7;
}

.site-navbar--admin-compact .nav-link:is(:hover, .active) {
  color: #7FE7E7;
}

.site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav-default {
  opacity: 0;
}

.site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav-light {
  opacity: 1;
}

.site-navbar--scrolled .creatorcore-logo--nav-default {
  opacity: 1;
}

.site-navbar--scrolled .creatorcore-logo--nav-light {
  opacity: 0;
}

.site-navbar--admin-compact:not(.site-navbar--scrolled) .creatorcore-logo--nav-default {
  opacity: 0;
}

.site-navbar--admin-compact:not(.site-navbar--scrolled) .creatorcore-logo--nav-light {
  opacity: 1;
}

.creatorcore-navbar-nav {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  max-width: min(100%, 46rem);
}

.site-navbar__actions {
  margin-left: auto;
}

.site-navbar__mobile-logout {
  display: none;
}

.site-navbar__logout-button {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  font: inherit;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.nav-divider {
  align-self: center;
  background: color-mix(in srgb, var(--site-accent) 24%, transparent);
  height: 1.55rem;
  margin: 0 var(--cc-space-2);
  width: 1px;
}

.creatorcore-mark {
  background: var(--site-accent);
  border-radius: 1rem .45rem 1rem .45rem;
  color: var(--site-surface, var(--cc-neutral-white));
}

.btn-ghost,
.btn-link-subtle {
  box-shadow: none !important;
}

.site-navbar .button_to {
  display: flex;
}

.nav-user-menu__toggle {
  align-items: center;
  aspect-ratio: 1;
  display: inline-flex;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0;
  width: 2.6rem;
}

.site-navbar .dropdown-menu {
  border: 1px solid color-mix(in srgb, var(--cc-color-action) 24%, transparent);
  border-radius: .875rem;
  box-shadow: 0 18px 45px rgba(var(--cc-rgb-neutral-charcoal), .1);
  margin-top: var(--cc-space-3);
  transform-origin: top right;
}

.site-navbar .dropdown-menu.show {
  animation: cc-dropdown-in var(--cc-motion-base) var(--cc-motion-spring) both;
}

.site-navbar .nav-user-menu .dropdown-menu {
  background:
    linear-gradient(180deg, rgba(var(--cc-rgb-white), .1), rgba(var(--cc-rgb-white), .035)),
    color-mix(in srgb, var(--site-navbar-solid-bg, var(--site-primary, #176589)) 92%, var(--site-accent, #7FE7E7));
  border: 1px solid color-mix(in srgb, var(--site-accent, #7FE7E7) 34%, transparent);
  box-shadow:
    0 1rem 2.2rem color-mix(in srgb, var(--site-navbar-solid-bg, var(--site-primary, #176589)) 34%, transparent),
    inset 0 1px 0 rgba(var(--cc-rgb-white), .16);
}

.site-navbar .nav-user-menu .dropdown-item {
  color: rgba(var(--cc-rgb-white), .9);
}

.site-navbar .nav-user-menu .dropdown-item:is(:hover, :focus, .active) {
  background: color-mix(in srgb, var(--site-accent, #7FE7E7) 20%, rgba(var(--cc-rgb-white), .08));
  color: var(--cc-neutral-white);
}

.site-navbar .nav-user-menu .dropdown-divider {
  border-top-color: color-mix(in srgb, var(--site-accent, #7FE7E7) 28%, transparent);
}

/* Rebuilt unified navbar */
.site-navbar {
  --site-navbar-bg-solid: color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 92%, transparent);
  --site-navbar-bg-open: linear-gradient(180deg, color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 88%, rgba(var(--cc-rgb-white), .12)), color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 96%, transparent));
  background: var(--site-navbar-bg-solid) !important;
  color: var(--cc-neutral-white);
  display: block;
  transition:
    background 260ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 260ms cubic-bezier(.22, 1, .36, 1),
    backdrop-filter 260ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar--floating {
  background: var(--site-navbar-bg-solid) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 18%, transparent);
}

.site-navbar--admin,
.site-navbar--scrolled,
.site-navbar--menu-open {
  background: var(--site-navbar-bg-open) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow:
    0 .8rem 1.9rem color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 24%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--site-accent, #7FE7E7) 18%, transparent);
}

.site-navbar--platform.site-navbar--admin.site-navbar--scrolled {
  background: color-mix(in srgb, white 90%, transparent) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, #176589 16%, transparent);
}

.site-navbar__bar {
  align-items: center;
  display: flex;
  gap: var(--cc-space-4);
  min-height: 4.75rem;
  padding-bottom: var(--cc-space-3);
  padding-top: var(--cc-space-3);
  transition:
    min-height 420ms cubic-bezier(.22, 1, .36, 1),
    padding-bottom 420ms cubic-bezier(.22, 1, .36, 1),
    padding-top 420ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar__brand {
  align-items: center;
  color: inherit;
  display: inline-flex;
  flex: 0 1 auto;
  font-weight: var(--cc-weight-bold);
  gap: var(--cc-space-3);
  line-height: var(--cc-line-tight);
  min-height: 2.95rem;
  min-width: 0;
  text-decoration: none;
  transition:
    gap 420ms cubic-bezier(.22, 1, .36, 1),
    min-height 420ms cubic-bezier(.22, 1, .36, 1),
    transform 420ms cubic-bezier(.22, 1, .36, 1);
}

.site-navbar__brand:hover {
  color: inherit;
}

.site-navbar__brand .creatorcore-mark,
.site-navbar__brand .creatorcore-navbar-logo-stack,
.site-navbar__brand .site-navbar-logo,
.site-navbar__brand .site-navbar-brand-name {
  flex: 0 0 auto;
}

.site-navbar__brand .site-navbar-logo {
  transition:
    height 420ms cubic-bezier(.22, 1, .36, 1),
    max-height 420ms cubic-bezier(.22, 1, .36, 1),
    min-height 420ms cubic-bezier(.22, 1, .36, 1),
    transform 420ms cubic-bezier(.22, 1, .36, 1);
  will-change: height, max-height, min-height;
}

.site-navbar__brand .creatorcore-mark,
.site-navbar__brand .creatorcore-navbar-logo-stack,
.site-navbar__brand .site-navbar-logo {
  align-self: center;
}

.site-navbar__desktop {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: var(--cc-space-4);
  min-width: 0;
}

.site-navbar__links {
  align-items: center;
  display: flex;
  gap: var(--cc-space-6);
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 8px;
}

.site-navbar__links--platform,
.site-navbar__links--tenant {
  flex: 1 1 auto;
  justify-content: center;
}

.site-navbar__link-item {
  min-width: 0;
  position: relative;
}

.site-navbar .nav-link {
  align-items: center;
  color: rgba(var(--cc-rgb-white), .88);
  display: inline-flex;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--site-navbar-link-font-size);
  font-weight: var(--site-navbar-link-font-weight);
  min-height: 2.75rem;
  letter-spacing: var(--site-navbar-link-letter-spacing);
  line-height: var(--site-navbar-link-line-height);
  padding: var(--cc-space-2) 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color var(--cc-motion-fast) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
}

.site-navbar .nav-link::after {
  border: 2px solid var(--site-accent, #7FE7E7);
  border-radius: 999px;
  content: "";
  display: block;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: calc(100% - 0.95rem);
  transform: translateX(-50%) scaleX(.35);
  transition:
    opacity var(--cc-motion-fast) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-spring);
  width: .55rem;
}

.site-navbar .nav-link:is(:hover, .active) {
  color: var(--site-accent, #7FE7E7);
  transform: translateY(-1px);
}

.site-navbar .nav-link:is(:hover, .active)::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.site-navbar__scene-title {
  display: none;
}

.site-navbar__scene-title-inline {
  display: none;
}

.site-navbar--platform.site-navbar--scrolled .nav-link,
.site-navbar--platform.site-navbar--scrolled .site-navbar__toggle {
  color: var(--site-primary, var(--cc-brand-ocean));
}

.site-navbar--platform.site-navbar--scrolled .nav-link:is(:hover, .active),
.site-navbar--platform.site-navbar--scrolled .site-navbar__toggle:is(:hover, :focus) {
  color: var(--site-accent, #176589);
}

.site-navbar__dropdown {
  position: relative;
}

.site-navbar__dropdown::after {
  content: "";
  height: var(--cc-space-3);
  left: 0;
  position: absolute;
  top: 100%;
  width: max(100%, 14rem);
  z-index: 19;
}

.site-navbar__dropdown-toggle {
  gap: var(--cc-space-2);
}

.site-navbar__dropdown-toggle .site-navbar__dropdown-chevron {
  font-size: var(--cc-type-xs);
  transition: transform var(--cc-motion-fast) var(--cc-motion-ease);
}

.site-navbar__dropdown:not(.site-navbar__dropdown--mobile):is(:hover, :focus-within) .site-navbar__dropdown-toggle .site-navbar__dropdown-chevron {
  transform: rotate(180deg);
}

.site-navbar__dropdown-menu {
  background:
    linear-gradient(180deg, rgba(var(--cc-rgb-white), .1), rgba(var(--cc-rgb-white), .035)),
    color-mix(in srgb, var(--site-navbar-solid-bg, var(--site-primary, #176589)) 94%, var(--site-accent, #7FE7E7));
  border: 1px solid color-mix(in srgb, var(--site-accent, #7FE7E7) 32%, transparent);
  border-radius: .875rem;
  box-shadow:
    0 1rem 2.2rem color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 34%, transparent),
    inset 0 1px 0 rgba(var(--cc-rgb-white), .16);
  display: grid;
  gap: var(--cc-space-1);
  left: 0;
  list-style: none;
  margin: var(--cc-space-1) 0 0;
  min-width: 12rem;
  opacity: 0;
  padding: var(--cc-space-2);
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-.25rem);
  transition:
    opacity 140ms ease,
    transform 180ms cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear 180ms;
  visibility: hidden;
  z-index: 20;
}

.site-navbar__dropdown:is(:hover, :focus-within) .site-navbar__dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
  visibility: visible;
}

.site-navbar .site-navbar__dropdown-link {
  border-radius: .55rem;
  color: rgba(var(--cc-rgb-white), .9);
  display: block;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--site-navbar-dropdown-link-font-size);
  font-weight: var(--site-navbar-dropdown-link-font-weight);
  letter-spacing: var(--site-navbar-dropdown-link-letter-spacing);
  line-height: var(--site-navbar-dropdown-link-line-height);
  padding: var(--cc-space-2) var(--cc-space-3);
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color var(--cc-motion-fast) var(--cc-motion-ease),
    color var(--cc-motion-fast) var(--cc-motion-ease);
  white-space: nowrap;
}

.site-navbar .site-navbar__dropdown-link:is(:hover, :focus, .active) {
  background: color-mix(in srgb, var(--site-accent, #7FE7E7) 20%, rgba(var(--cc-rgb-white), .08));
  color: var(--cc-neutral-white);
}

.site-navbar__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: var(--cc-space-2);
  margin-left: auto;
}

.site-navbar__toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--cc-neutral-white);
  display: none;
  flex: 0 0 2.75rem;
  height: 2.75rem;
  justify-content: center;
  padding: 0;
  transition:
    color var(--cc-motion-fast) var(--cc-motion-ease),
    transform var(--cc-motion-base) var(--cc-motion-ease);
  width: 2.75rem;
}

.site-navbar__toggle:hover,
.site-navbar__toggle:focus {
  color: var(--site-accent, #7FE7E7);
  outline: 0;
  transform: translateY(-1px);
}

.site-navbar__toggle .site-navbar__toggle-icon {
  font-size: var(--site-navbar-toggle-icon-font-size);
  line-height: var(--cc-line-tight);
}

.site-navbar__toggle .site-navbar__toggle-close-icon {
  display: none;
}

.site-navbar__toggle[aria-expanded="true"] .site-navbar__toggle-open-icon {
  display: var(--site-navbar-expanded-open-icon-display, inline-block);
}

.site-navbar__toggle[aria-expanded="true"] .site-navbar__toggle-close-icon {
  display: var(--site-navbar-expanded-close-icon-display, none);
}

.site-navbar__mobile-panel {
  display: none;
}

.site-navbar__mobile-inner {
  min-height: 0;
  overflow: hidden;
}

.site-navbar__actions--mobile {
  display: none;
}

.site-navbar__logout-button,
.site-navbar__mobile-action {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  font: inherit;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

/* CreatorCore base/platform navigation — Figma node 163:467. */
.site-navbar--platform.site-navbar--public {
  --site-navbar-bg-open: var(--cc-neutral-white);
  --site-navbar-bg-solid: var(--cc-neutral-white);
  background: var(--cc-neutral-white) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(30, 30, 30, .07) !important;
  border-top: 1px solid rgba(30, 30, 30, .07) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .07);
  color: #1E1E1E;
}

.site-navbar--platform.site-navbar--public .site-navbar__bar {
  gap: 20px;
  min-height: 70px;
  padding-block: 14px;
}

.site-navbar--platform.site-navbar--public .site-navbar__brand {
  flex: 0 0 227px;
  min-height: 42px;
  width: 227px;
}

.site-navbar--platform.site-navbar--public .creatorcore-navbar-logo-stack {
  height: 42px;
  width: 217px;
}

.site-navbar--platform.site-navbar--public .creatorcore-logo--nav,
.site-navbar--platform.site-navbar--public.site-navbar--floating .creatorcore-logo--nav,
.site-navbar--platform.site-navbar--public.site-navbar--scrolled .creatorcore-logo--nav {
  height: 42px;
  max-height: 42px;
  opacity: 1;
  transform: none;
  transition: none;
  width: 217px;
}

.site-navbar--platform.site-navbar--public .creatorcore-logo--nav-default,
.site-navbar--platform.site-navbar--public.site-navbar--scrolled .creatorcore-logo--nav-default {
  opacity: 1;
}

.site-navbar--platform.site-navbar--public .creatorcore-logo--nav-light {
  display: none;
}

.site-navbar--platform.site-navbar--public .site-navbar__desktop {
  gap: 20px;
}

.site-navbar--platform.site-navbar--public .site-navbar__links {
  gap: 20px;
  padding-top: 0;
}

.site-navbar--platform.site-navbar--public .nav-link {
  color: #1E1E1E;
  font-family: var(--cc-font-secondary);
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-regular);
  letter-spacing: var(--cc-tracking-normal);
  line-height: var(--cc-line-heading);
  min-height: 40px;
  padding: 11px 0;
  text-transform: none;
}

.site-navbar--platform.site-navbar--public .nav-link::after {
  content: none;
}

.site-navbar--platform.site-navbar--public .nav-link:is(:hover, .active) {
  color: var(--cc-brand-ocean);
  transform: none;
}

.site-navbar--platform.site-navbar--public .site-navbar__actions {
  gap: 10px;
}

.site-navbar__sign-in {
  align-items: center;
  color: #1E1E1E;
  display: inline-flex;
  font-family: var(--cc-font-secondary);
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-regular);
  gap: 10px;
  line-height: var(--cc-line-heading);
  min-height: 40px;
  padding: 10px 14px;
  text-decoration: none;
  white-space: nowrap;
}

.site-navbar__sign-in:is(:hover, :focus-visible) {
  color: var(--cc-brand-ocean);
}

.site-navbar__sign-in-icon {
  display: block;
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}

.site-navbar--platform.site-navbar--public .site-navbar__start-free {
  --bs-btn-border-radius: 10px;
  background: #55EBE2;
  border: 0;
  color: #1E1E1E;
  font-family: var(--cc-font-secondary);
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-regular);
  letter-spacing: var(--cc-tracking-normal);
  line-height: var(--cc-line-heading);
  min-height: 46px;
  padding: 14px 30px;
  white-space: nowrap;
}

.site-navbar--platform.site-navbar--public .site-navbar__start-free:is(:hover, :focus-visible) {
  background: #36DEE0;
  color: #1E1E1E;
}

@media (min-width: 992px) {
  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 38%, transparent), transparent 100%) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }

  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) .container {
    padding-bottom: var(--cc-space-4);
    padding-top: var(--cc-space-4);
  }

  .site-navbar--platform.site-navbar--public.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) {
    background: var(--cc-neutral-white) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
  }

  .site-navbar--platform.site-navbar--public.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) .site-navbar__bar {
    padding-block: 14px;
  }

  .site-navbar--platform.site-navbar--public.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) .creatorcore-logo--nav {
    height: 42px;
    max-height: 42px;
    opacity: 1;
    transform: none;
    width: 217px;
  }

  .site-navbar--platform.site-navbar--public.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) .creatorcore-logo--nav-light {
    opacity: 0;
  }
}

@media (max-width: 991.98px) {
  .site-navbar__mobile-panel {
    background: transparent;
  }

  .site-navbar--platform.site-navbar--public,
  .site-navbar--platform.site-navbar--public.site-navbar--floating,
  .site-navbar--platform.site-navbar--public.site-navbar--scrolled,
  .site-navbar--platform.site-navbar--public.site-navbar--hero-glass:not(.site-navbar--scrolled) {
    background: var(--cc-neutral-white) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
  }

  .site-navbar--platform.site-navbar--public .site-navbar__bar {
    min-height: 70px;
    padding-block: 14px;
  }

  .site-navbar--platform.site-navbar--public .site-navbar__brand {
    flex-basis: auto;
    width: auto;
  }

  .site-navbar--platform.site-navbar--public .creatorcore-navbar-logo-stack,
  .site-navbar--platform.site-navbar--public .creatorcore-logo--nav {
    height: auto;
    max-height: 36px;
    width: min(185px, 58vw);
  }

  .site-navbar--platform.site-navbar--public .site-navbar__toggle {
    color: #1E1E1E;
  }

  .site-navbar--platform.site-navbar--public.site-navbar--menu-open .site-navbar__mobile-panel {
    background: var(--cc-neutral-white);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
  }

  .site-navbar--platform.site-navbar--public .site-navbar__actions--mobile {
    gap: 10px;
  }

  .site-navbar--platform.site-navbar--public .site-navbar__sign-in {
    justify-content: center;
  }

  .site-navbar--platform.site-navbar--public .site-navbar__start-free {
    text-align: center;
  }

  .site-navbar__mobile-panel {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-.35rem);
    transition:
      max-height 460ms cubic-bezier(.2, .8, .2, 1),
      opacity 260ms ease,
      transform 420ms cubic-bezier(.2, .8, .2, 1);
  }

  .site-navbar__mobile-inner {
    padding-bottom: 0;
    padding-top: 0;
    transition:
      opacity 300ms ease,
      padding 460ms cubic-bezier(.2, .8, .2, 1),
      transform 420ms cubic-bezier(.2, .8, .2, 1);
    opacity: 0;
    transform: translateY(-.5rem);
  }

  .site-navbar--menu-open .site-navbar__mobile-panel {
    background: color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 82%, rgba(var(--cc-rgb-white), .18));
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    max-height: 80vh;
    opacity: 1;
    transform: translateY(0);
    box-shadow:
      0 1.35rem 2.2rem color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 34%, transparent),
      inset 0 -1px 0 color-mix(in srgb, var(--site-accent, #7FE7E7) 28%, transparent);
  }
  .site-navbar--menu-open .site-navbar__mobile-inner {
    opacity: 1;
    padding-bottom: var(--cc-space-3);
    padding-top: var(--cc-space-1);
    transform: translateY(0);
  }

  .site-navbar,
  .site-navbar--floating,
  .site-navbar--scrolled,
  .site-navbar--admin-compact,
  .site-navbar--hero-glass:not(.site-navbar--scrolled),
  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) {
    background: var(--site-navbar-bg-open) !important;
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    box-shadow:
      0 .8rem 1.9rem color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 22%, transparent),
      inset 0 -1px 0 color-mix(in srgb, var(--site-accent, #7FE7E7) 18%, transparent);
    transition:
      background 420ms cubic-bezier(.22, 1, .36, 1),
      box-shadow 260ms cubic-bezier(.22, 1, .36, 1),
      backdrop-filter 420ms cubic-bezier(.22, 1, .36, 1),
      -webkit-backdrop-filter 420ms cubic-bezier(.22, 1, .36, 1);
  }

  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin):not(.site-navbar--menu-open) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 38%, transparent), transparent 100%) !important;
    backdrop-filter: blur(0) saturate(100%);
    -webkit-backdrop-filter: blur(0) saturate(100%);
    box-shadow: none;
  }

  .site-navbar--platform.site-navbar--admin.site-navbar--scrolled {
    background: color-mix(in srgb, white 90%, transparent) !important;
    box-shadow: 0 6px 18px color-mix(in srgb, #176589 16%, transparent);
  }

  .site-navbar__bar {
    min-height: 4.5rem;
  }

  .site-navbar-logo {
    height: 2.45rem;
    max-height: 2.45rem;
    min-height: 2.45rem;
  }

  .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) .site-navbar-logo {
    height: 2.65rem;
    max-height: 2.65rem;
    min-height: 2.65rem;
  }

  .site-navbar__desktop {
    display: none;
  }

  .site-navbar__toggle {
    display: inline-flex;
    margin-left: auto;
  }

  .site-navbar__links {
    align-items: stretch;
    flex-direction: column;
    gap: var(--cc-space-1);
    justify-content: flex-start;
  }

  .site-navbar .nav-link {
    justify-content: flex-start;
    min-height: 2.55rem;
    padding-bottom: var(--cc-space-2);
    padding-top: var(--cc-space-2);
    text-align: left;
  }

  .site-navbar .nav-link::after {
    left: 0;
    transform: scaleX(.35);
  }

  .site-navbar .nav-link:is(:hover, .active)::after {
    transform: scaleX(1);
  }

  .site-navbar__dropdown-menu {
    animation: none;
    background: color-mix(in srgb, var(--site-navbar-solid-bg, #176589) 72%, rgba(var(--cc-rgb-white), .12));
    border-color: color-mix(in srgb, var(--site-accent, #7FE7E7) 24%, transparent);
    box-shadow: none;
    left: auto;
    margin: var(--cc-space-1) 0 var(--cc-space-2);
    min-width: 0;
    padding: var(--cc-space-1);
    position: static;
    transform: none;
  }

  .site-navbar__dropdown--mobile::after {
    content: none;
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-row {
    align-items: stretch;
    display: flex;
    min-width: 0;
    width: 100%;
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-label {
    flex: 0 1 auto;
    min-width: 0;
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-expand {
    align-items: center;
    align-self: var(--site-navbar-mobile-dropdown-expand-align-self, auto);
    background: transparent;
    border: 0;
    color: inherit;
    display: inline-flex;
    font-family: var(--site-heading-font, var(--cc-font-primary));
    font-size: var(--site-navbar-link-font-size);
    font-weight: var(--site-navbar-link-font-weight);
    letter-spacing: var(--site-navbar-link-letter-spacing);
    line-height: var(--site-navbar-link-line-height);
    flex: var(--site-navbar-mobile-dropdown-expand-flex, 1 1 auto);
    gap: var(--cc-space-2);
    justify-content: var(--site-navbar-mobile-dropdown-expand-justify-content, flex-end);
    margin-left: var(--site-navbar-mobile-dropdown-expand-margin-left, 0);
    margin-top: var(--site-navbar-mobile-dropdown-expand-margin-top, 0);
    min-height: var(--site-navbar-mobile-dropdown-expand-min-height, 2.55rem);
    min-width: 0;
    padding: var(--site-navbar-mobile-dropdown-expand-padding, var(--cc-space-2) 0 var(--cc-space-2) var(--cc-space-3));
    text-align: right;
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-expand:is(:hover, :focus-visible) {
    color: var(--site-accent, #7FE7E7);
    outline: 0;
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-expand .site-navbar__dropdown-chevron {
    flex: 0 0 auto;
    font-size: var(--site-navbar-dropdown-chevron-font-size);
    padding: 0;
    transition:
      transform var(--cc-motion-base) var(--cc-motion-ease);
  }

  .site-navbar__dropdown--expanded .site-navbar__dropdown-expand .site-navbar__dropdown-chevron {
    transform: rotate(180deg);
  }

  .site-navbar__dropdown--mobile .site-navbar__dropdown-menu {
    border-width: 0;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none;
    transition:
      max-height 300ms cubic-bezier(.22, 1, .36, 1),
      opacity 200ms ease,
      margin 300ms cubic-bezier(.22, 1, .36, 1),
      padding 300ms cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear 300ms;
    visibility: hidden;
  }

  .site-navbar__dropdown--mobile.site-navbar__dropdown--expanded .site-navbar__dropdown-menu {
    border-width: 1px;
    margin: var(--cc-space-1) 0 var(--cc-space-2);
    max-height: 20rem;
    opacity: 1;
    padding-bottom: var(--cc-space-1);
    padding-top: var(--cc-space-1);
    pointer-events: auto;
    transition-delay: 0s;
    visibility: visible;
  }

  .site-navbar__dropdown--mobile:not(.site-navbar__dropdown--expanded):is(:hover, :focus-within) .site-navbar__dropdown-menu {
    border-width: 0;
    margin: 0;
    max-height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .site-navbar__dropdown-link {
    white-space: normal;
  }

  .site-navbar__actions--mobile {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-top: var(--cc-space-1);
  }

  .site-navbar--platform.site-navbar--public.site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin) {
    background: var(--cc-neutral-white) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
  }
}

@media (max-width: 767.98px) {
  .site-navbar__scene-title > .container {
    padding-block: 0;
  }

  .site-navbar__scene-title {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition:
      max-height var(--cc-motion-slow) var(--cc-motion-ease),
      opacity var(--cc-motion-base) ease;
  }

  .site-navbar--scene-title-visible .site-navbar__scene-title {
    max-height: 3.75rem;
    opacity: 1;
  }

  .site-navbar__scene-title-inner {
    border-top: 1px solid var(--site-navbar-scene-title-border-color);
    color: var(--site-navbar-scene-title-color);
    font-family: var(--site-heading-font, var(--cc-font-primary));
    font-size: var(--site-navbar-scene-title-font-size);
    font-style: var(--site-navbar-scene-title-font-style);
    font-weight: var(--site-navbar-scene-title-font-weight);
    letter-spacing: var(--site-navbar-scene-title-letter-spacing);
    line-height: var(--cc-line-tight);
    overflow: hidden;
    padding: 0.6rem 0 .7rem;
    text-overflow: ellipsis;
    text-transform: var(--site-navbar-scene-title-transform);
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .site-navbar__scene-title-inline {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    max-width: min(50vw, 24rem);
    min-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(.3rem);
    transition:
      opacity var(--cc-motion-base) ease,
      transform var(--cc-motion-slow) var(--cc-motion-ease);
  }

  .site-navbar--scene-title-visible .site-navbar__scene-title-inline {
    opacity: 1;
    transform: translateY(0);
  }

  .site-navbar__scene-title-inline-inner {
    border-left: 1px solid var(--site-navbar-scene-title-border-color);
    color: var(--site-navbar-scene-title-color);
    font-family: var(--site-heading-font, var(--cc-font-primary));
    font-size: var(--site-navbar-scene-title-inline-font-size);
    font-style: var(--site-navbar-scene-title-font-style);
    font-weight: var(--site-navbar-scene-title-font-weight);
    letter-spacing: var(--site-navbar-scene-title-letter-spacing);
    line-height: var(--cc-line-tight);
    overflow: hidden;
    padding-left: var(--cc-space-3);
    text-overflow: ellipsis;
    text-transform: var(--site-navbar-scene-title-transform);
    white-space: nowrap;
  }
}

.content-main {
  background: var(--site-background);
  overflow: hidden;
}

main {
  overflow-x: hidden;
}

.under-construction-page {
  align-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--cc-brand-mist) 82%, var(--cc-brand-mint)) 0%, var(--cc-neutral-white) 52%, color-mix(in srgb, var(--cc-secondary-peach) 62%, var(--cc-neutral-white)) 100%);
  color: var(--cc-brand-ocean);
  display: flex;
  min-height: 100vh;
  min-height: 100dvh;
  padding: var(--cc-space-8);
}

.under-construction-page__frame {
  display: grid;
  gap: var(--cc-space-8);
  margin: 0 auto;
  max-width: 72rem;
  width: 100%;
}

.under-construction-page__logo {
  width: 17rem;
}

.under-construction-page__content {
  max-width: 52rem;
}

.under-construction-page__eyebrow {
  color: var(--cc-secondary-crimson);
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-black);
  letter-spacing: var(--cc-tracking-wide);
  margin-bottom: var(--cc-space-4);
  text-transform: uppercase;
}

.under-construction-page h1 {
  color: var(--cc-brand-ocean);
  font-size: var(--cc-type-4xl);
  font-weight: var(--cc-weight-black);
  line-height: var(--cc-line-tight);
  margin: 0;
  max-width: 60rem;
  text-transform: uppercase;
}

.under-construction-page h2 {
  color: color-mix(in srgb, var(--cc-brand-sea) 72%, var(--cc-secondary-crimson));
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-xl);
  font-weight: var(--cc-weight-extrabold);
  line-height: var(--cc-line-tight);
  margin: var(--cc-space-4) 0 0;
  max-width: 42rem;
}

.under-construction-page__lead {
  color: color-mix(in srgb, var(--cc-brand-ocean) 72%, var(--cc-brand-sea));
  font-size: var(--cc-type-base);
  line-height: var(--cc-line-body);
  margin: var(--cc-space-6) 0 0;
  max-width: 44rem;
}

.under-construction-page__status {
  align-items: center;
  color: color-mix(in srgb, var(--cc-neutral-charcoal) 72%, var(--cc-brand-ocean));
  display: inline-flex;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-base);
  font-weight: var(--cc-weight-bold);
  gap: var(--cc-space-3);
  justify-self: start;
}

.under-construction-page__pulse {
  background: var(--cc-secondary-crimson);
  border-radius: 999px;
  box-shadow: 0 0 0 .45rem color-mix(in srgb, var(--cc-secondary-crimson) 18%, transparent);
  display: inline-flex;
  height: .75rem;
  width: .75rem;
}

.under-construction-page__admin-link {
  align-items: center;
  color: color-mix(in srgb, var(--cc-brand-ocean) 78%, var(--cc-neutral-charcoal));
  display: inline-flex;
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: var(--cc-type-sm);
  font-weight: var(--cc-weight-bold);
  gap: var(--cc-space-2);
  justify-self: start;
  text-decoration: none;
}

.under-construction-page__admin-link:hover {
  color: var(--cc-secondary-crimson);
}

@media (max-width: 991.98px) {
  .under-construction-page {
    padding: var(--cc-space-7);
  }

  .under-construction-page__frame {
    gap: var(--cc-space-7);
  }

  .under-construction-page h1 {
    font-size: var(--cc-type-4xl);
  }

  .under-construction-page h2 {
    max-width: 34rem;
  }
}

@media (max-width: 575.98px) {
  .under-construction-page {
    padding: var(--cc-space-5);
  }

  .under-construction-page__frame {
    gap: var(--cc-space-6);
  }

  .under-construction-page__logo {
    width: 12rem;
  }

  .under-construction-page h1 {
    font-size: var(--cc-type-3xl);
    line-height: var(--cc-line-tight);
  }

  .under-construction-page h2 {
    font-size: var(--cc-type-lg);
    line-height: var(--cc-line-heading);
    margin-top: var(--cc-space-3);
  }

  .under-construction-page__lead {
    font-size: var(--cc-type-base);
    margin-top: var(--cc-space-5);
  }

  .under-construction-page__status {
    align-items: flex-start;
    font-size: var(--cc-type-sm);
  }
}

/* CreatorCore platform footer — Figma node 215:580. */
.site-footer.cc-footer {
  background: #f8fafc !important;
  border: 0;
  color: #1e1e1e !important;
  font-family: var(--cc-font-secondary);
  padding-top: 130px;
}

.site-footer.cc-footer a {
  color: inherit;
}

.cc-footer__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cc-footer__main {
  align-items: flex-start;
  display: flex;
  height: 225px;
  justify-content: space-between;
  width: 100%;
}

.cc-footer__brand {
  display: flex;
  flex: 0 0 318px;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  width: 318px;
}

.cc-footer__brand-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.cc-footer__logo-link,
.cc-footer__logo-crop {
  display: block;
  height: 48px;
  overflow: hidden;
  width: 238px;
}

.cc-footer__logo {
  display: block;
  height: 305.84px;
  margin-left: -35.34px;
  margin-top: -128.81px;
  max-width: none;
  width: 308.66px;
}

.cc-footer__description {
  color: #1e1e1e;
  font-size: var(--cc-type-base);
  line-height: var(--cc-line-body);
  margin: 0;
  width: 318px;
}

.cc-footer__social {
  align-items: flex-end;
  display: flex;
  gap: 10px;
}

.cc-footer__social a,
.cc-footer__social img {
  display: block;
  height: 30px;
  width: 30px;
}

.cc-footer__social a {
  border-radius: 50%;
  transition: opacity var(--site-motion-duration) var(--site-motion-easing), transform var(--site-motion-duration) var(--site-motion-easing);
}

.cc-footer__social a:is(:hover, :focus-visible) {
  opacity: .78;
  transform: translateY(-2px);
}

.cc-footer__link-group {
  flex: 0 0 auto;
  min-width: 0;
}

.cc-footer__title {
  color: #176589;
  font-family: "Agino Moul", var(--cc-font-primary);
  font-size: var(--cc-type-lg);
  font-weight: var(--cc-weight-regular);
  line-height: var(--cc-line-body);
  margin: 0 0 15px;
}

.cc-footer__title--product {
  text-transform: uppercase;
}

.cc-footer__link-group ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer.cc-footer .cc-footer__link-group a {
  color: rgba(30, 30, 30, .7);
  display: inline-block;
  font-size: var(--cc-type-base);
  line-height: var(--cc-line-body);
  text-decoration: none;
}

.site-footer.cc-footer .cc-footer__link-group a:is(:hover, :focus-visible) {
  color: #176589;
}

.cc-footer__contact {
  display: flex;
  flex: 0 0 419px;
  flex-direction: column;
  gap: 15px;
  width: 419px;
}

.cc-footer__contact .cc-footer__title {
  margin: 0;
}

.cc-footer__contact-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.site-footer.cc-footer .cc-footer__contact-link {
  align-items: center;
  color: rgba(30, 30, 30, .7);
  display: flex;
  font-size: var(--cc-type-md);
  gap: 10px;
  line-height: var(--cc-line-body);
  text-decoration: none;
  width: max-content;
}

.cc-footer__contact-link img {
  display: block;
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}

.site-footer.cc-footer .cc-footer__contact-link:is(:hover, :focus-visible) {
  color: #176589;
}

.cc-footer__newsletter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  width: 419px;
}

.cc-footer__newsletter-field {
  align-items: center;
  border: 1px solid rgba(30, 30, 30, .5);
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  min-height: 66px;
  padding: 10px 10px 10px 30px;
  width: 100%;
}

.cc-footer__newsletter-field input {
  background: transparent;
  border: 0;
  color: #1e1e1e;
  flex: 1 1 auto;
  font: inherit;
  font-size: var(--cc-type-md);
  line-height: var(--cc-line-body);
  min-width: 0;
  outline: 0;
  padding: 0 10px 0 0;
}

.cc-footer__newsletter-field input::placeholder {
  color: rgba(30, 30, 30, .7);
  opacity: 1;
}

.cc-footer__newsletter-submit {
  align-items: center;
  background: #55ebe2;
  border: 0;
  border-radius: 30px;
  color: #1e1e1e;
  display: inline-flex;
  flex: 0 0 auto;
  font: inherit;
  font-size: var(--cc-type-base);
  gap: 10px;
  height: 46px;
  justify-content: center;
  line-height: var(--cc-line-heading);
  padding: 6px 8px 6px 15px;
}

.cc-footer__newsletter-submit img {
  display: block;
  height: 34px;
  width: 34px;
}

.cc-footer__newsletter-submit:is(:hover, :focus-visible) {
  background: #36dee0;
}

.cc-footer__newsletter-consent {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.cc-footer__newsletter-consent input {
  appearance: none;
  background: transparent;
  border: 1px solid rgba(30, 30, 30, .5);
  border-radius: 1px;
  flex: 0 0 12px;
  height: 12px;
  margin: 0;
  width: 12px;
}

.cc-footer__newsletter-consent input:checked {
  background: #176589;
  box-shadow: inset 0 0 0 2px #f8fafc;
}

.cc-footer__newsletter-consent label {
  color: #1e1e1e;
  font-size: var(--cc-type-md);
  line-height: var(--cc-line-heading);
}

.cc-footer__bottom {
  align-items: center;
  border-top: 1px solid rgba(30, 30, 30, .15);
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-3) var(--cc-space-5);
  justify-content: space-between;
  min-height: 55px;
  padding: 15px 80px;
  text-align: center;
}

.cc-footer__bottom p {
  color: #1e1e1e;
  font-size: var(--cc-type-md);
  line-height: var(--cc-line-body);
  margin: 0;
}

.cc-footer__bottom strong {
  color: #176589;
  font-weight: var(--cc-weight-bold);
}

.cc-footer__bottom .site-footer__legal ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2) var(--cc-space-4);
  justify-content: flex-end;
}

.site-footer.cc-footer .cc-footer__bottom .site-footer__legal a {
  align-items: center;
  color: rgba(30, 30, 30, .7);
  display: inline-flex;
  font-family: var(--cc-font-secondary);
  font-size: var(--cc-type-xs);
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-line-tight);
  min-height: 44px;
}

@media (max-width: 1199.98px) {
  .site-footer.cc-footer {
    padding-top: 80px;
  }

  .cc-footer__main {
    display: grid;
    gap: 44px 64px;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 419px);
    height: auto;
    padding-block: 0 50px;
  }

  .cc-footer__brand {
    grid-row: span 2;
  }

  .cc-footer__link-group {
    grid-column: 2;
  }

  .cc-footer__contact {
    grid-column: 1 / -1;
    width: min(100%, 419px);
  }
}

@media (max-width: 767.98px) {
  .site-footer.cc-footer {
    padding-top: 60px;
  }

  .cc-footer__main {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-block: 0 40px;
  }

  .cc-footer__brand,
  .cc-footer__description,
  .cc-footer__contact,
  .cc-footer__newsletter {
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }

  .cc-footer__brand {
    gap: 30px;
  }

  .cc-footer__newsletter-field {
    padding-left: 20px;
  }

  .cc-footer__bottom {
    padding: 15px 20px;
  }

  .cc-footer__bottom p {
    font-size: var(--cc-type-base);
  }
}

@media (max-width: 479.98px) {
  .cc-footer__newsletter-field {
    align-items: stretch;
    border-radius: 28px;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
  }

  .cc-footer__newsletter-field input {
    min-height: 38px;
    padding-inline: 8px;
  }

  .cc-footer__newsletter-submit {
    width: 100%;
  }

  .cc-footer__newsletter-consent {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .cc-footer__newsletter-consent input {
    margin-top: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-footer__social a {
    transition: none;
  }
}