.cookies-policy {
  position: relative;
  isolation: isolate;
  padding-bottom: var(--space-9);
}

.cookies-policy::before {
  position: absolute;
  z-index: -1;
  top: 9rem;
  left: 50%;
  width: min(70rem, 88vw);
  height: 32rem;
  transform: translateX(-50%);
  pointer-events: none;
  content: "";
  background: radial-gradient(ellipse at 22% 18%, rgba(102, 199, 242, 0.08), transparent 56%), radial-gradient(ellipse at 76% 66%, rgba(139, 124, 255, 0.07), transparent 58%);
}

.cookies-policy__hero {
  padding-top: clamp(var(--space-8), 9vw, var(--space-10));
  padding-bottom: var(--space-7);
}

.cookies-policy__hero-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.cookies-policy__hero-grid > * {
  min-width: 0;
}

.cookies-policy__hero-copy {
  grid-column: 2 / span 8;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: clamp(var(--space-5), 4vw, var(--space-7));
}

.cookies-policy__hero-copy > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__hero-copy .lead {
  max-width: 38.75rem;
}

.cookies-policy__date {
  display: flex;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-md);
  background: rgba(5, 11, 24, 0.38);
  color: var(--color-text-secondary);
  font-size: var(--font-size-meta);
  line-height: var(--line-height-meta);
}

.cookies-policy__date strong {
  min-width: 0;
}

.cookies-policy__hero-note {
  max-width: 38.75rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-meta);
  line-height: var(--line-height-meta);
}

.cookies-policy__section {
  padding-top: var(--space-8);
}

.cookies-policy__section-heading {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.cookies-policy__section-heading > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__section-heading h2 {
  max-width: 38.75rem;
}

.cookies-policy__summary-section {
  padding-bottom: var(--space-7);
}

.cookies-policy__summary-section .cookies-policy__section-heading {
  max-width: 45rem;
  margin-bottom: var(--space-6);
}

.cookies-policy__summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.cookies-policy__summary-grid > * {
  min-width: 0;
}

.cookies-policy__summary-card {
  height: 100%;
}

.cookies-policy__summary-card .card__body {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.cookies-policy__summary-card .card__body > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__summary-card h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.cookies-policy__anchor-link {
  margin-top: auto !important;
  font-size: var(--font-size-meta);
  font-weight: 600;
}

.cookies-policy__document-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(15rem, 3fr);
  column-gap: var(--space-7);
  align-items: start;
}

.cookies-policy__document-layout > * {
  min-width: 0;
}

.cookies-policy__reading-column {
  grid-column: 1;
  min-width: 0;
}

.cookies-policy__index {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: var(--space-6);
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
}

.cookies-policy__index > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__index-title {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
}

.cookies-policy__index-nav {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
}

.cookies-policy__index-nav > * {
  min-width: 0;
}

.cookies-policy__index-nav a {
  padding: var(--space-2) 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-meta);
  line-height: var(--line-height-meta);
}

.cookies-policy__index-nav a[aria-current="true"] {
  color: var(--color-ice-blue);
  font-weight: 600;
}

.cookies-policy__definition-copy,
.cookies-policy__third-party-copy,
.cookies-policy__updates-copy {
  max-width: 45rem;
}

.cookies-policy__definition-copy > h3,
.cookies-policy__third-party-copy > h3,
.cookies-policy__updates-copy > h3 {
  margin-top: var(--space-6);
}

.cookies-policy__scope-panel {
  display: flex;
  min-width: 0;
  max-width: 38.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding: var(--space-5);
}

.cookies-policy__scope-panel > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__scope-panel h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.cookies-policy__privacy-note {
  max-width: 38.75rem;
  margin-top: var(--space-6);
}

.cookies-policy__privacy-note h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.cookies-policy__categories-section {
  position: relative;
}

.cookies-policy__categories-section::before {
  position: absolute;
  z-index: -1;
  top: 8rem;
  right: -20rem;
  width: 28rem;
  height: 28rem;
  pointer-events: none;
  content: "";
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139, 124, 255, 0.12), transparent 68%);
  filter: blur(12px);
}

.cookies-policy__category-list {
  display: flex;
  min-width: 0;
  max-width: 45rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.cookies-policy__category-list > * {
  min-width: 0;
  width: 100%;
}

.cookies-policy__category {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

.cookies-policy__category > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__category h3 {
  font-size: clamp(1.3rem, 2.2vw, 1.5rem);
}

.cookies-policy__category-topline {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.cookies-policy__category-topline > * {
  min-width: 0;
}

.cookies-policy__status-text {
  color: var(--color-text-secondary);
  font-size: var(--font-size-meta);
  line-height: var(--line-height-meta);
}

.cookies-policy__category-caution {
  padding: var(--space-5);
  border: 1px solid rgba(193, 181, 255, 0.3);
  border-radius: var(--radius-lg);
  background: rgba(21, 26, 58, 0.46);
}

.cookies-policy__category-caution h3 {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
}

.cookies-policy__retention-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  max-width: 45rem;
  margin-top: var(--space-6);
}

.cookies-policy__retention-grid > * {
  min-width: 0;
}

.cookies-policy__retention-card {
  height: 100%;
}

.cookies-policy__retention-card .card__body {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.cookies-policy__retention-card .card__body > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__retention-card h3 {
  font-size: clamp(1.3rem, 2.2vw, 1.5rem);
}

.cookies-policy__retention-note {
  max-width: 38.75rem;
  margin-top: var(--space-6);
}

.cookies-policy__retention-note h3 {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
}

.cookies-policy__steps {
  display: flex;
  min-width: 0;
  max-width: 45rem;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.cookies-policy__steps > * {
  min-width: 0;
  width: 100%;
}

.cookies-policy__step {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

.cookies-policy__step > * {
  min-width: 0;
}

.cookies-policy__step-number {
  display: flex;
  width: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(102, 199, 242, 0.42);
  border-radius: 50%;
  background: rgba(102, 199, 242, 0.1);
  color: var(--color-ice-blue);
  font-family: var(--font-heading);
  font-weight: 700;
}

.cookies-policy__step-content {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.cookies-policy__step-content > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__step-content h3 {
  font-size: clamp(1.3rem, 2.2vw, 1.5rem);
}

.cookies-policy__consent-link {
  min-height: 2.75rem;
}

.cookies-policy__important-note {
  display: flex;
  min-width: 0;
  max-width: 35rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.cookies-policy__important-note > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__external-panel {
  display: flex;
  min-width: 0;
  max-width: 38.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding: var(--space-5);
}

.cookies-policy__external-panel > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__external-panel h3 {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
}

.cookies-policy__contact-panel {
  display: flex;
  min-width: 0;
  max-width: 32.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding: var(--space-5);
  border-color: rgba(139, 124, 255, 0.42);
}

.cookies-policy__contact-panel > * {
  min-width: 0;
  margin: 0;
}

.cookies-policy__contact-panel h3 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.cookies-policy__email-link {
  display: inline-flex;
  min-height: 2.75rem;
  max-width: 100%;
  align-items: center;
  overflow-wrap: anywhere;
  font-weight: 600;
}

@media (max-width: 67.49rem) {
  .cookies-policy__hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookies-policy__hero-copy {
    grid-column: 1;
    max-width: 45rem;
  }

  .cookies-policy__document-layout {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }

  .cookies-policy__document-layout > * {
    width: 100%;
  }

  .cookies-policy__index {
    position: static;
    order: -1;
    max-width: 45rem;
  }

  .cookies-policy__index-nav {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
  }

  .cookies-policy__index-nav a {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 56.24rem) {
  .cookies-policy__summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cookies-policy__summary-card:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 43.74rem) {
  .cookies-policy__retention-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookies-policy__summary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookies-policy__summary-card:nth-child(3) {
    grid-column: 1;
  }

  .cookies-policy__step {
    flex-direction: column;
    gap: var(--space-3);
  }

  .cookies-policy__step-number {
    width: auto;
    min-width: 3rem;
  }
}

@media (max-width: 47.99rem) {
  .cookies-policy {
    padding-bottom: var(--space-8);
  }

  .cookies-policy::before,
  .cookies-policy__categories-section::before {
    opacity: 0.42;
  }

  .cookies-policy__hero {
    padding-top: var(--space-8);
    padding-bottom: var(--space-6);
  }

  .cookies-policy__hero-copy {
    padding: var(--space-5);
    gap: var(--space-4);
  }

  .cookies-policy__hero-copy .display-title {
    font-size: clamp(2rem, 9vw, 2.625rem);
  }

  .cookies-policy__section {
    padding-top: var(--space-7);
  }

  .cookies-policy__summary-section {
    padding-bottom: var(--space-5);
  }

  .cookies-policy__summary-section .cookies-policy__section-heading,
  .cookies-policy__summary-grid,
  .cookies-policy__category-list,
  .cookies-policy__retention-grid,
  .cookies-policy__steps {
    margin-top: var(--space-5);
  }

  .cookies-policy__summary-section .cookies-policy__section-heading {
    margin-bottom: 0;
  }

  .cookies-policy__index,
  .cookies-policy__category,
  .cookies-policy__step,
  .cookies-policy__scope-panel,
  .cookies-policy__external-panel,
  .cookies-policy__contact-panel {
    padding: var(--space-4);
  }

  .cookies-policy__index-nav {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-1);
  }

  .cookies-policy__index-nav a {
    width: 100%;
  }

  .cookies-policy__category-list,
  .cookies-policy__steps {
    gap: var(--space-4);
  }

  .cookies-policy__retention-grid,
  .cookies-policy__summary-grid {
    gap: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookies-policy::before,
  .cookies-policy__categories-section::before {
    filter: none;
  }
}