body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* src/components/Home/Home.css */
.hero-section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 120px 50px 50px;
  position: relative;
  overflow: hidden;
}

.hero-text {
  max-width: 600px;
}

.hero-text h2 {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 15px;
}

.hero-text p {
  font-size: 1.1rem;
  margin-bottom: 25px;
  color: #ccc;
}

.btn-primary {
  background: #ff9cf3;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  font-size: 1rem;
  box-shadow: 0 4px 15px rgba(255, 156, 243, 0.4);
}

.hero-animation {
  position: relative;
  width: 500px;
  height: 400px;
}

.rocket {
  position: absolute;
  bottom: 0;
  left: -80px;
  width: 150px;
  animation: rocketMove 4s ease-in-out infinite;
}

.fog {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 100px;
  opacity: 0;
  animation: fogFade 4s ease-in-out infinite;
}

.fog-2 {
  left: 100px;
  animation-delay: 0.5s;
}

@keyframes rocketMove {
  0% {
    transform: translateX(0) rotate(-10deg);
  }
  50% {
    transform: translateX(200px) translateY(-50px) rotate(10deg);
  }
  100% {
    transform: translateX(0) rotate(-10deg);
  }
}

@keyframes fogFade {
  0%, 100% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    opacity: 0.6;
    transform: scale(1);
  }
}

.f-carousel__container {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
}

.f-carousel__item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 10px;
}



.showcase-section {
  padding: 5rem 0;
  background: linear-gradient(145deg, #f3f4f6, #ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
}

.showcase-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
}

.video-wrapper video {
  width: 500px;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.text-content {
  max-width: 500px;
  animation: fadeInUp 1s ease-out;
}

.animated-heading {
  font-size: 2.5rem;
  font-weight: 700;
  background: linear-gradient(90deg, #007bff, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.animated-description {
  font-size: 1.2rem;
  color: #333;
  line-height: 1.7;
}

@keyframes fadeInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.f-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.background-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3; /* adjust for visibility */
}

.f-section__container,
.f-features {
  position: relative;
  z-index: 2;
}

.marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 40px;
      color: gainsboro;
}

.marquee__inner {
  display: flex;
  width: -webkit-fit-content;
  width: fit-content;
  animation: marquee 20s linear infinite;
  align-items: center;
}

.marquee__item {
  flex: 0 0 auto;
  padding: 0 40px;
  font-size: 1.2rem;
  white-space: nowrap;
}

/* Animation keyframes */
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.f-plan {
  background: linear-gradient(145deg, rgba(var(--container--gradient-color--rgb), 0.12), rgba(var(--container--gradient-color--rgb), 0.06));
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  border-radius: 16px;
  padding: 2rem;
  color: #fff;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease-in-out;
}


.f-plan h3 {
  color: var(--header--color);
  font-size: 1.5rem;
  font-weight: bold;
}

.f-plan__description {
  color: #cbd3ff;
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.f-plan__features li {
  color: rgba(255, 255, 255, 0.85);
  padding-left: 1.2rem;
  margin-bottom: 0.5rem;
  position: relative;
}

.f-plan__features li:before {
  content: '–';
  position: absolute;
  left: 0;
  color: var(--line--color);
}

.f-status {
  background: var(--line--color);
  color: #fff;
  border-radius: 50px;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  display: inline-block;
  margin-top: 1rem;
}

.f-plan__price {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.f-plan__button {
  background: var(--header--color);
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 1.5rem;
  transition: background 0.3s ease;
  width: 100%;
  box-shadow: 0 8px 16px rgba(var(--container--gradient-color--rgb), 0.3);
}

.f-plan__button:hover {
  background: rgba(var(--container--gradient-color--rgb), 1);
}

.f-plan--web-development {
  --header--color: var(--f--color--web-development) !important;
  --line--color: var(--f--color--web-development) !important;
  --container--gradient-color--rgb: var(--f--color--web-development--rgb) !important;
}

.f-plan--app-development {
  --header--color: var(--f--color--app-development) !important;
  --line--color: var(--f--color--app-development) !important;
  --container--gradient-color--rgb: var(--f--color--app-development--rgb) !important;
}

.f-plan--blockchain-development {
  --header--color: var(--f--color--blockchain-development) !important;
  --line--color: var(--f--color--blockchain-development) !important;
  --container--gradient-color--rgb: var(--f--color--blockchain-development--rgb) !important;
}

.f-plan--data-ai {
  --header--color: var(--f--color--data-ai) !important;
  --line--color: var(--f--color--data-ai) !important;
  --container--gradient-color--rgb: var(--f--color--data-ai--rgb) !important;
}

.f-plan--ui-ux-design {
  --header--color: var(--f--color--ui-ux-design) !important;
  --line--color: var(--f--color--ui-ux-design) !important;
  --container--gradient-color--rgb: var(--f--color--ui-ux-design--rgb) !important;
}

.f-plan--support-maintenance {
  --header--color: var(--f--color--support-maintenance) !important;
  --line--color: var(--f--color--support-maintenance) !important;
  --container--gradient-color--rgb: var(--f--color--support-maintenance--rgb) !important;
}

.f-plan--cloud-devops {
  --header--color: var(--f--color--cloud-devops) !important;
  --line--color: var(--f--color--cloud-devops) !important;
  --container--gradient-color--rgb: var(--f--color--cloud-devops--rgb) !important;
}

.f-plan--consulting-strategy {
  --header--color: var(--f--color--consulting-strategy) !important;
  --line--color: var(--f--color--consulting-strategy) !important;
  --container--gradient-color--rgb: var(--f--color--consulting-strategy--rgb) !important;
}
.f-plan--startup-consultation {
  --header--color: var(--f--color--startup-consultation) !important;
  --line--color: var(--f--color--startup-consultation) !important;
  --container--gradient-color--rgb: var(--f--color--startup-consultation--rgb) !important;
}
:root {
  --f--color--web-development: #1e88e5;
  --f--color--web-development--rgb: 30, 136, 229;
  --f--color--app-development: #43a047;
  --f--color--app-development--rgb: 67, 160, 71;
  --f--color--blockchain-development: #6d4c41;
  --f--color--blockchain-development--rgb: 109, 76, 65;
  --f--color--data-ai: #8e24aa;
  --f--color--data-ai--rgb: 142, 36, 170;
  --f--color--ui-ux-design: #ff7043;
  --f--color--ui-ux-design--rgb: 255, 112, 67;
  --f--color--support-maintenance: #78909c;
  --f--color--support-maintenance--rgb: 120, 144, 156;
  --f--color--cloud-devops: #00acc1;
  --f--color--cloud-devops--rgb: 0, 172, 193;
  --f--color--consulting-strategy: #fbc02d;
  --f--color--consulting-strategy--rgb: 251, 192, 45;
 --f--color--startup-consultation: #5c6bc0;
--f--color--startup-consultation--rgb: 92, 107, 192;
}
/* src/components/Header.css */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 15px 40px;
  transition: all 0.3s ease;
  z-index: 999;
}

.navbar.scrolled {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background-color: rgba(10, 4, 60, 0.6);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 1.6rem;
  font-weight: bold;
}

.nav-links a {
  color: white;
  text-decoration: none;
  margin-left: 20px;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.nav-links a:hover {
  color: #ff9cf3;
}

.footer-glow {
 background: linear-gradient(135deg, #000126, #02032e, #000127);
  padding: 2rem;
  color: #fff;
}


.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.footer-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
  object-fit: cover;
  opacity: 0.3; /* Adjust for fade effect */
}

.footer-content {
  position: relative;
  z-index: 1;
  padding: 3rem 2rem;
  color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer-column {
  flex: 1 1 30%;
  min-width: 250px;
}

.footer-logo {
  max-width: 150px;
  opacity: 0.2;
  margin-bottom: 1rem;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  background: #f5f3f20d;
}

.newsletter-form input {
  padding: 10px;
  border: none;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}

.newsletter-form button {
  padding: 10px;
  border: none;
  background-color: #524c70;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.social-embed {
  background-color: #222;
  padding: 10px;
  border-radius: 8px;
  height: 250px;
  overflow: hidden;
}

.social-icons svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  transition: fill 0.3s ease;
}

.social-icons a:hover svg {
  fill: #1da1f2;
}

.footer-container h4 {
 font-size: 22px;
}
:root {
    --a--font-size--xxxs: 0.625rem;
    --a--font-size--xxs: 0.75rem;
    --a--font-size--xs: 0.875rem;
    --a--font-size--s: 0.9375rem;
    --a--font-size--m: 1rem;
    --a--font-size--l: 1.0625rem;
    --a--font-size--xl: clamp(1.0625rem, calc(0.725rem + 1.125vw), 1.125rem);
    --a--font-size--xxl: clamp(1.125rem, calc(1.05rem + 0.25vw), 1.25rem);
    --a--font-weight--thin: 100;
    --a--font-weight--light-extra: 200;
    --a--font-weight--light: 300;
    --a--font-weight--regular: 400;
    --a--font-weight--medium: 500;
    --a--font-weight--bold-semi: 600;
    --a--font-weight--bold: 700;
    --a--font-weight--bold-extra: 800;
    --a--font-weight--black: 900;
    --a--letter-spacing--xxs: calc(var(--a--letter-spacing, 0em) - 0.1em);
    --a--letter-spacing--xs: calc(var(--a--letter-spacing, 0em) - 0.05em);
    --a--letter-spacing--s: calc(var(--a--letter-spacing, 0em) - 0.025em);
    --a--letter-spacing--m: var(--a--letter-spacing, 0em);
    --a--letter-spacing--l: calc(var(--a--letter-spacing, 0em) + 0.025em);
    --a--letter-spacing--xl: calc(var(--a--letter-spacing, 0em) + 0.05em);
    --a--letter-spacing--xxl: calc(var(--a--letter-spacing, 0em) + 0.1em);
    --a--line-height--xxs: calc(var(--a--line-height, 1.7) - 0.6);
    --a--line-height--xs: calc(var(--a--line-height, 1.7) - 0.4);
    --a--line-height--s: calc(var(--a--line-height, 1.7) - 0.2);
    --a--line-height--m: var(--a--line-height, 1.7);
    --a--line-height--l: calc(var(--a--line-height, 1.7) + 0.1);
    --a--line-height--xl: calc(var(--a--line-height, 1.7) + 0.2);
    --a--line-height--xxl: calc(var(--a--line-height, 1.7) + 0.3);
    --a--selection--color: var(--a--color--background);
    --a--selection--background-color: var(--a--color--accent);
    --a--heading--font-size--h6: calc(var(--a--heading--font-size, 1rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h6--fluid: clamp(var(--a--heading--font-size, 1rem), calc(0.9rem + 0.4vw), var(--a--heading--font-size--h6, 1.2rem));
    --a--heading--font-size--h5: calc(var(--a--heading--font-size--h6, 1.2rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h5--fluid: clamp(var(--a--heading--font-size--h6, 1.2rem), calc(1.1rem + 0.5vw), var(--a--heading--font-size--h5, 1.44rem));
    --a--heading--font-size--h4: calc(var(--a--heading--font-size--h5, 1.44rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h4--fluid: clamp(var(--a--heading--font-size--h5, 1.44rem), calc(1.3rem + 0.6vw), var(--a--heading--font-size--h4, 1.728rem));
    --a--heading--font-size--h3: calc(var(--a--heading--font-size--h4, 1.728rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h3--fluid: clamp(var(--a--heading--font-size--h4, 1.728rem), calc(1.5rem + 0.7vw), var(--a--heading--font-size--h3, 2.074rem));
    --a--heading--font-size--h2: calc(var(--a--heading--font-size--h3, 2.074rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h2--fluid: clamp(var(--a--heading--font-size--h3, 2.074rem), calc(1.8rem + 0.8vw), var(--a--heading--font-size--h2, 2.488rem));
    --a--heading--font-size--h1: calc(var(--a--heading--font-size--h2, 2.488rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--font-size--h1--fluid: clamp(var(--a--heading--font-size--h2, 2.488rem), calc(2.2rem + 1vw), var(--a--heading--font-size--h1, 2.986rem));
    --a--heading--title--font-size--m: calc(var(--a--heading--font-size--h1, 2.986rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--title--font-size--m--fluid: clamp(var(--a--heading--font-size--h2, 2.488rem), calc(1.8rem + 2.2vw), var(--a--heading--title--font-size--m, 3.583rem));
    --a--heading--title--font-size--l: calc(var(--a--heading--title--font-size--m, 3.583rem) * var(--a--heading--font-scale, 1.2));
    --a--heading--title--font-size--l--fluid: clamp(var(--a--heading--font-size--h1, 2.986rem), calc(2.2rem + 2.6vw), var(--a--heading--title--font-size--l, 4.3rem));
    --a--heading--sub--font-family: var(--a--font-family--secondary);
    --a--heading--sub--font-size: max(0.5em, 1rem);
    --a--heading--sub--font-weight: normal;
    --a--heading--sub--letter-spacing: 0;
    --a--heading--sub--text-transform: none;
    --a--spacing--0: 0;
    --a--spacing--1: 1px;
    --a--spacing--xxxs: calc(var(--a--spacing) / 8);
    --a--spacing--xxs: calc(var(--a--spacing) / 4);
    --a--spacing--xs: calc(var(--a--spacing) / 2);
    --a--spacing--s: calc(var(--a--spacing) / 4 * 2);
    --a--spacing--m: clamp(calc(var(--a--spacing) / 4 * 4), calc(1.5rem + 1.25vw), var(--a--spacing));
    --a--spacing--l: clamp(var(--a--spacing), calc(2.75rem + 2.5vw), calc(var(--a--spacing) * 1.5));
    --a--spacing--xl: clamp(var(--a--spacing), calc(1rem + 5vw), calc(var(--a--spacing) * 2));
    --a--spacing--xxl: clamp(calc(var(--a--spacing) * 1.5), calc(1.5rem + 7.5vw), calc(var(--a--spacing) * 3));
    --a--spacing--xxxl: clamp(calc(var(--a--spacing) * 2), calc(2rem + 10vw), calc(var(--a--spacing) * 4));
    --a--container--width: 80rem;
    --a--container--width-max: 120rem;
    --a--container--spacing: var(--a--spacing--xs);
    --a--button--primary--font-family: var(--a--font-family--primary, sans-serif);
    --a--button--primary--font-size: var(--a--button--font-size);
    --a--button--primary--font-weight: var(--a--button--font-weight);
    --a--button--primary--letter-spacing: var(--a--button--letter-spacing);
    --a--button--primary--text-transform: var(--a--button--text-transform);
    --a--button--primary--line-height: var(--a--button--line-height);
    --a--button--secondary--font-family: var(--a--font-family--secondary, sans-serif);
    --a--button--secondary--font-size: var(--a--button--font-size);
    --a--button--secondary--font-weight: var(--a--button--font-weight);
    --a--button--secondary--letter-spacing: var(--a--button--letter-spacing);
    --a--button--secondary--text-transform: var(--a--button--text-transform);
    --a--button--secondary--line-height: var(--a--button--line-height);
    --a--border--width--0: 0;
    --a--border--width--1: 1px;
    --a--border--width--xs: var(--a--border--width--1);
    --a--border--width--s: max(calc(var(--a--border--width, 1px) / 2), var(--a--border--width--1));
    --a--border--width--m: var(--a--border--width, 1px);
    --a--border--width--l: max(calc(var(--a--border--width, 1px) * 2), 2px);
    --a--border--width--xl: max(calc(var(--a--border--width, 1px) * 3), 3px);
    --a--border--width--xxl: max(calc(var(--a--border--width, 1px) * 4), 4px);
    --a--border--width--xxxl: max(calc(var(--a--border--width, 1px) * 6), 6px);
    --a--border--radius--0: 0;
    --a--border--radius--1: 1px;
    --a--border--radius--xs: var(--a--border--radius--1);
    --a--border--radius--s: max(calc(var(--a--border--radius, 3px) / 2), 2px);
    --a--border--radius--m: var(--a--border--radius, 3px);
    --a--border--radius--l: max(calc(var(--a--border--radius, 3px) * 2), 6px);
    --a--border--radius--xl: max(calc(var(--a--border--radius, 3px) * 3), 9px);
    --a--border--radius--xxl: max(calc(var(--a--border--radius, 3px) * 4), 12px);
    --a--border--radius--xxxl: max(calc(var(--a--border--radius, 3px) * 6), 18px);
    --a--outline--width--s: max(calc(var(--a--outline--width, 2px) / 2), 1px);
    --a--outline--width--m: var(--a--outline--width, 2px);
    --a--outline--width--l: min(calc(var(--a--outline--width, 2px) * 2), 4px);
    --a--outline--offset--s: max(calc(var(--a--outline--width, 2px) / 2), 1px);
    --a--outline--offset--m: var(--a--outline--offset, 2px);
    --a--outline--offset--l: min(calc(var(--a--outline--width, 2px) * 2), 4px);
    --a--divider--width: var(--a--border--width, 1px);
    --a--divider--color: rgba(var(--a--color-rgb), 0.2);
    --a--table--border-width: var(--a--border--width--s);
    --a--table--border-color: rgba(var(--a--color-rgb), 0.2);
    --a--table--stripe-color: rgba(var(--a--color-rgb), 0.05);
    --a--table--stripe--background-image: linear-gradient(to right, transparent, var(--a--table--stripe-color), transparent);
    --a--table--stripe--background-color: transparent;
    --a--layer--1: 10;
    --a--layer--2: 20;
    --a--layer--3: 30;
    --a--layer--4: 40;
    --a--layer--5: 50;
    --a--layer--6: 60;
    --a--layer--7: 70;
    --a--layer--8: 80;
    --a--layer--9: 90;
    --a--layer--top: 900;
    --a--transition--duration--third: calc(var(--a--transition--duration, 0.3s) / 3);
    --a--transition--duration--half: calc(var(--a--transition--duration, 0.3s) / 2);
    --a--transition--duration--double: calc(var(--a--transition--duration, 0.3s) * 2);
    --a--transition--duration--triple: calc(var(--a--transition--duration, 0.3s) * 3);
    --a--transition--timing-function--ease: ease;
    --a--transition--timing-function--ease-in: ease-in;
    --a--transition--timing-function--ease-out: ease-out;
    --a--transition--timing-function--ease-in-out: ease-in-out;
    --a--transition--timing-function--linear: linear;
    --a--transition--timing-function--step-start: step-start;
    --a--transition--timing-function--step-end: step-end;
    --a--color: rgba(var(--a--color-rgb), 1);
    --a--color--accent: rgba(var(--a--color--accent-rgb), 1);
    --a--color--highlight: rgba(var(--a--color--highlight-rgb), 1);
    --a--color--significant: rgba(var(--a--color--significant-rgb), 1);
    --a--color--contrast: rgba(var(--a--color--contrast-rgb), 1);
    --a--color--background: rgba(var(--a--color--background-rgb), 1);
    --a--color--success: rgba(var(--a--color--success-rgb), 1);
    --a--color--warning: rgba(var(--a--color--warning-rgb), 1);
    --a--color--error: rgba(var(--a--color--error-rgb), 1);
    --a--link--color: rgba(var(--a--link--color-rgb), 1);
    --a--link--color--active: rgba(var(--a--link--color--active-rgb), 1)
}

*,:after,:before {
    box-sizing: border-box;
    background-repeat: no-repeat
}

blockquote,blockquote>*,body,dd,dl,figure,ol ol,ol ul,pre,ul ol,ul ul {
    margin: 0
}

ol[role=list],ul[role=list] {
    list-style: none
}

audio,canvas,iframe,img,progress,svg,video {
    vertical-align: middle
}

audio:not([controls]) {
    display: none;
    height: 0
}

iframe {
    border: none
}

button,input,select,textarea {
    font: inherit
}

html {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary, sans-serif);
    font-size: 14px;
    font-size: var(--a--font-size--base, 16px);
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    -moz-tab-size: 4
}

body {
    min-width: 320px;
    font-weight: 400;
    font-weight: var(--a--font-weight,400);
    letter-spacing: 0em;
    letter-spacing: var(--a--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--text-transform,none);
    line-height: 1.75;
    line-height: var(--a--line-height, 1.7);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    color: #ffffff;
    color: var(--a--body--color,var(--a--color));
    background-color: #01031c;
    background-color: var(--a--body--background-color,var(--a--color--background));
    transition: background-color 0.25s ease-in-out 0s;
    transition: background-color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

:selection {
    color: #01031c;
    color: var(--a--selection--color);
    background-color: #ffffff;
    background-color: var(--a--selection--background-color);
    text-shadow: none
}

:-moz-selection {
    color: #01031c;
    color: var(--a--selection--color);
    background-color: #ffffff;
    background-color: var(--a--selection--background-color);
    text-shadow: none
}

input:selection,select:selection,textarea:selection {
    -webkit-text-fill-color: #01031c;
    -webkit-text-fill-color: var(--a--selection--color)
}

input:-webkit-autofill:selection,select:-webkit-autofill:selection,textarea:-webkit-autofill:selection {
    -webkit-text-fill-color: #01031c;
    -webkit-text-fill-color: var(--a--selection--color)
}

[id] {
    scroll-margin-top: calc(calc(32px + (calc(2.5rem / 2) * 2)) + calc(2.5rem / 4 * 2));
    scroll-margin-top: var(--a--anchor--gutter,5rem)
}

a {
    text-decoration: underline;
    -webkit-text-decoration: var(--link--text-decoration,underline);
            text-decoration: var(--link--text-decoration,underline);
    text-decoration-thickness: from-font;
    text-decoration-thickness: var(--link--text-decoration-thickness,from-font);
    text-underline-offset: 0.1ch;
    text-underline-offset: var(--link--text-underline-offset,0.1ch);
    color: rgba(255,255,255, 1);
    color: var(--link--color,var(--a--link--color));
    outline: transparent solid 2px;
    outline: transparent var(--a--outline--style) var(--a--outline--width);
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset);
    transition-property: color,background-color,background-size,border,box-shadow,outline,opacity,-webkit-text-decoration;
    transition-property: color,background-color,background-size,border,box-shadow,text-decoration,outline,opacity;
    transition-property: color,background-color,background-size,border,box-shadow,text-decoration,outline,opacity,-webkit-text-decoration;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out);
    text-underline-offset: 0.25ch
}

a:where(:hover,:focus) {
    --link--color: var(--a--link--color--active);
    --link--text-decoration: underline transparent
}

a:where(:focus-visible) {
    outline-color: currentColor
}

:where(h1,h2,h3,h4,h5,h6) {
    margin-block:calc(1em + 0.5rem) calc(0.5em + 0.5rem);
    margin-block:var(--h--spacing--top,calc(1em + 0.5rem)) var(--h--spacing--bottom,calc(0.5em + 0.5rem));font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family: var(--h--font-family, var(--a--heading--font-family, sans-serif));
    font-size: 1.2rem;
    font-size: var(--h--font-size, var(--a--heading--font-size, 1rem));
    font-weight: 600;
    font-weight: var(--h--font-weight,var(--a--heading--font-weight,700));
    letter-spacing: 0.005em;
    letter-spacing: var(--h--letter-spacing, var(--a--heading--letter-spacing, 0));
    text-transform: none;
    text-transform: var(--h--text-transform,var(--a--heading--text-transform,none));
    line-height: calc(2ex + 0.2em);
    line-height: var(--h--line-height, var(--a--heading--line-height, calc(2ex + .1em)));
    word-wrap: break-word;
    overflow-wrap: break-word
}

:where(h1,h2,h3,h4,h5,h6):first-child {
    -webkit-margin-before:0;
            margin-block-start:0}

:where(h1,h2,h3,h4,h5,h6):last-child {
    -webkit-margin-after:0;
            margin-block-end:0}

:is(h1,h2,h3,h4,h5,h6)+:is(small,p,ul,ol,form) {
    -webkit-margin-before:1em;
            margin-block-start:1em;
    -webkit-margin-before:var(--spacing,1em);
            margin-block-start:var(--spacing,1em)}

: is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6) {
    --h--spacing--top:1em
}

h1 {
    --h--font-size: var(--a--heading--font-size--h1--fluid, var(--a--heading--font-size--h1))
}

h2 {
    --h--font-size: var(--a--heading--font-size--h2--fluid, var(--a--heading--font-size--h2))
}

h3 {
    --h--font-size: var(--a--heading--font-size--h3--fluid, var(--a--heading--font-size--h3))
}

h4 {
    --h--font-size: var(--a--heading--font-size--h4--fluid, var(--a--heading--font-size--h4))
}

h5 {
    --h--font-size: var(--a--heading--font-size--h5--fluid, var(--a--heading--font-size--h5))
}

h6 {
    --h--font-size: var(--a--heading--font-size--h6--fluid, var(--a--heading--font-size--h6))
}

:where(h1,h2,h3,h4,h5,h6) small {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--sub--font-family);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--sub--font-size);
    font-weight: 400;
    font-weight: var(--a--heading--sub--font-weight);
    letter-spacing: 0;
    letter-spacing: var(--a--heading--sub--letter-spacing);
    text-transform: none;
    text-transform: var(--a--heading--sub--text-transform);
    line-height: inherit;
    vertical-align: baseline
}

address,blockquote,details,dl,figure,ol,pre,progress,table,ul {
    -webkit-margin-after:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
            margin-block-end:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    -webkit-margin-after:var(--spacing,var(--a--spacing--m));
            margin-block-end:var(--spacing,var(--a--spacing--m))}

p {
    margin-block: 0
}

p:where(:not(:first-child)) {
    -webkit-margin-before:calc(2.5rem / 4 * 2);
            margin-block-start:calc(2.5rem / 4 * 2);
    -webkit-margin-before:var(--p--spacing,var(--a--spacing--s));
            margin-block-start:var(--p--spacing,var(--a--spacing--s))}

p: where(:not(:last-child)) {
    -webkit-margin-after:calc(2.5rem / 4 * 2);
            margin-block-end:calc(2.5rem / 4 * 2);
    -webkit-margin-after:var(--p--spacing,var(--a--spacing--s));
            margin-block-end:var(--p--spacing,var(--a--spacing--s))
}

ol,ul {
    -webkit-padding-start:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
            padding-inline-start:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    -webkit-padding-start:var(--spacing,var(--a--spacing--m));
            padding-inline-start:var(--spacing,var(--a--spacing--m))}

ul {
    list-style: square
}

iframe,img,picture,video {
    max-inline-size: 100%;
    block-size: auto
}

blockquote {
    display: flex;
    gap: calc(2.5rem / 4 * 2);
    gap: var(--quote--spacing,var(--a--spacing--s));
    flex-direction: column;
    padding-block:max(calc(2.5rem / 4 * 2),clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem));
    padding-block:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)));font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family: var(--a--heading--font-family);
    font-size: clamp(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25), calc(1.5rem + 0.7vw), calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h3--fluid);
    line-height: calc(2ex + 0.2em);
    line-height: var(--a--heading--line-height)
}

blockquote p {
    line-height: inherit
}

blockquote cite {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1rem;
    font-size: var(--a--font-size);
    font-style: normal
}

code,kbd,pre,samp {
    font-family: monospace
}

code {
    padding: .25em .5em;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    border: max(calc(1px / 2), 1px) solid rgba(255,255,255,.2);
    border: var(--a--border--width--s) solid rgba(var(--a--color-rgb),.2);
    border-radius: max(calc(4px / 2), 2px);
    border-radius: var(--a--border--radius--s)
}

pre {
    display: block;
    padding: min(calc(2.5rem / 4 * 2),calc(2.5rem / 2));
    padding: min(var(--pre--spacing,var(--a--spacing--s)),var(--pre--spacing--min,var(--a--spacing--xs)));
    overflow-x: auto;
    text-align: start
}

pre>code {
    display: block;
    padding: 0;
    border: 0
}

kbd {
    padding: .25em .5em;
    color: #dcc8fa;
    color: var(--a--color--accent);
    border: max(calc(1px / 2), 1px) solid currentColor;
    border: var(--a--border--width--s) solid currentColor;
    border-radius: max(calc(4px / 2), 2px);
    border-radius: var(--a--border--radius--s);
    box-shadow: 1px 1px 0,2px 2px 0
}

mark {
    padding: .25em .5em;
    color: inherit;
    background-color: rgba(220,200,250,.1);
    background-color: rgba(var(--a--color--accent-rgb),.1);
    border-radius: max(calc(4px / 2), 2px);
    border-radius: var(--a--border--radius--s)
}

mark a {
    color: inherit
}

br+mark {
    -webkit-margin-start:calc(.5em * -1);
            margin-inline-start:calc(.5em * -1)}

address {
    font-style: normal
}

:where(abbr,acronym)[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted currentColor;
            text-decoration: underline dotted currentColor;
    text-underline-offset: 0.5ch;
    text-underline-offset: var(--abbr--text-underline-offset,0.5ch);
    transition: -webkit-text-decoration 0.25s ease-in-out 0s;
    transition: text-decoration 0.25s ease-in-out 0s;
    transition: text-decoration 0.25s ease-in-out 0s, -webkit-text-decoration 0.25s ease-in-out 0s;
    transition: -webkit-text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition: text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition: text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s, -webkit-text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

ins {
    text-decoration: none
}

sub,sup {
    position: relative;
    font-size: .75em
}

hr {
    box-sizing: content-box;
    margin: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) 0;
    margin: var(--hr--spacing,var(--a--spacing--m)) 0;
    overflow: visible;
    border: solid rgba(255,255,255, 0.2);
    border: solid var(--a--divider--color);
    border-width: 1px 0 0;
    border-width: var(--a--divider--width) 0 0
}

dl dt {
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family, sans-serif);
    font-size: 1.0625rem;
    font-size: var(--a--font-size--l);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight,700);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--heading--text-transform,none)
}

dl dd {
    -webkit-margin-start:calc(2.5rem / 4 * 2);
            margin-inline-start:calc(2.5rem / 4 * 2);
    -webkit-margin-start:var(--dl--spacing,var(--a--spacing--s));
            margin-inline-start:var(--dl--spacing,var(--a--spacing--s))}

figure figcaption {
    padding-block: calc(2.5rem / 4);
    padding-block: var(--caption--spacing--v,var(--a--spacing--xxs));
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s)
}

details {
    padding: calc(2.5rem / 4 * 2) calc(2.5rem / 4 * 2);
    padding: var(--details--spacing--v,var(--a--spacing--s)) var(--details--spacing--h,var(--a--spacing--s))
}

details summary {
    position: relative;
    padding: calc(2.5rem / 2) calc(2.5rem / 4 * 2);
    padding: var(--summary--spacing--v,var(--a--spacing--xs)) var(--details--spacing--h,var(--a--spacing--s));
    margin: calc(calc(2.5rem / 4 * 2) * -1) calc(calc(2.5rem / 4 * 2) * -1);
    margin: calc(var(--details--spacing--v,var(--a--spacing--s)) * -1) calc(var(--details--spacing--h,var(--a--spacing--s)) * -1);
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family, sans-serif);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid, var(--a--heading--font-size--h6));
    font-weight: 600;
    font-weight: var(--a--heading--font-weight,700);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--heading--text-transform,none);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    color: currentColor;
    color: var(--summary--color,currentColor);
    background-color: transparent;
    background-color: var(--summary--background-color,transparent);
    outline: transparent solid 2px;
    outline: transparent var(--a--outline--style) var(--a--outline--width);
    transition-property: color,background-color,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

details summary:marker {
    content: '';
    display: none
}

details summary:-webkit-details-marker {
    display: none
}

details summary:after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: calc(2.5rem / 4 * 2);
    right: var(--details--icon--spacing,var(--a--spacing--s));
    width: .75rem;
    width: var(--details--icon--size,.75rem);
    height: .75rem;
    height: var(--details--icon--size,.75rem);
    margin-top: calc(.75rem/ 2 * -1);
    margin-top: calc(var(--details--icon--size,.75rem)/ 2 * -1);
    border-right: max(calc(1px * 2), 2px) solid currentColor;
    border-right: var(--details--icon--thickness,var(--a--border--width--l)) solid currentColor;
    border-bottom: max(calc(1px * 2), 2px) solid currentColor;
    border-bottom: var(--details--icon--thickness,var(--a--border--width--l)) solid currentColor;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform calc(0.25s / 2) ease-in-out;
    transition: transform var(--a--transition--duration--half) var(--a--transition--timing-function--ease-in-out)
}

[dir=rtl] details summary:after {
    right: auto;
    left: calc(2.5rem / 4 * 2);
    left: var(--details--icon--spacing,var(--a--spacing--s))
}

details summary:where(:hover,:focus) {
    --summary--color: var(--a--color--accent)
}

details summary:where(:focus-visible) {
    outline-color: currentColor
}

details>:where(p,div) {
    padding: 0;
    margin: 0
}

details:where([open]) {
    --summary--color: var(--a--color--accent);
    padding-bottom: calc(2.5rem / 4 * 2);
    padding-bottom: var(--details--spacing--v,var(--a--spacing--s))
}

details:where([open]) summary {
    margin-bottom: calc(calc(2.5rem / 4 * 2)/ 2);
    margin-bottom: calc(var(--summary--spacing--v,var(--a--spacing--s))/ 2)
}

details:where([open]) summary:after {
    transform: rotate(-135deg)
}

details+details {
    margin-top: calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)/ 2 * -1);
    margin-top: calc(var(--spacing,var(--a--spacing--m))/ 2 * -1)
}

svg:not([fill]) {
    fill: currentColor;
    transition: fill 0.25s ease-in-out 0s;
    transition: fill var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

table {
    width: 100%;
    text-indent: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: inherit
}

table caption {
    -webkit-padding-after:calc(2.5rem / 2);
            padding-block-end:calc(2.5rem / 2);
    -webkit-padding-after:var(--a--spacing--xs);
            padding-block-end:var(--a--spacing--xs);font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family: var(--a--heading--font-family, sans-serif);
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight,700);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--heading--text-transform,none);
    text-align: inherit
}

table>:not(:first-child) {
    border-top: calc(max(calc(1px / 2), 1px) * 2) solid;
    border-top: calc(var(--table--border-width,var(--a--table--border-width,var(--a--border--width--s))) * 2) solid
}

:where(th,td) {
    padding: calc(2.5rem / 4) calc(2.5rem / 2);
    padding: var(--table--spacing--v,var(--a--spacing--xxs)) var(--table--spacing--h,var(--a--spacing--xs));
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    text-align: start;
    border-bottom: max(calc(1px / 2), 1px) solid rgba(255,255,255, 0.2);
    border-bottom: var(--table--border-width,var(--a--table--border-width,var(--a--border--width--s))) solid var(--table--border-color,var(--a--table--border-color,rgba(var(--a--color-rgb),.2)))
}

:where(th,td):first-child {
    -webkit-padding-start:0;
            padding-inline-start:0}

:where(th,td):last-child {
    -webkit-padding-end:0;
            padding-inline-end:0}

th {
    line-height: calc(2ex + 0.2em);
    line-height: var(--a--heading--line-height)
}

table[role=grid] tbody tr:nth-child(odd) {
    background-color: transparent;
    background-color: var(--a--table--stripe--background-color);
    background-image: linear-gradient(to right, transparent, rgba(255,255,255, 0.05), transparent);
    background-image: var(--a--table--stripe--background-image)
}

nav {
    display: block
}

nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none
}

nav li {
    display: inline-block;
    padding: calc(2.5rem / 4) calc(2.5rem / 4 * 2);
    padding: var(--nav--spacing--v,var(--a--spacing--xxs)) var(--nav--spacing--h,var(--a--spacing--s))
}

nav a {
    display: block;
    padding: calc(2.5rem / 4) calc(2.5rem / 4 * 2);
    padding: var(--nav--spacing--v,var(--a--spacing--xxs)) var(--nav--spacing--h,var(--a--spacing--s));
    margin: calc(calc(2.5rem / 4) * -1) calc(calc(2.5rem / 4 * 2) * -1);
    margin: calc(var(--nav--spacing--v,var(--a--spacing--xxs)) * -1) calc(var(--nav--spacing--h,var(--a--spacing--s)) * -1);
    text-decoration: none;
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    outline-offset: calc(4px * -1);
    outline-offset: calc(var(--a--outline--offset) * -1)
}

nav a p {
    margin: 0;
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs)
}

nav a:where([aria-current]) {
    --link--color: var(--a--link--color--active)
}

nav li:where(:hover,:focus-within)>a {
    --link--color: var(--a--link--color--active)
}

nav input,nav label+input {
    margin: 0
}

:not(aside)>nav li {
    position: relative
}

:not(aside)>nav li ul {
    opacity: 0;
    pointer-events: none;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    top: 100%;
    left: 0;
    width: -webkit-max-content;
    width: max-content;
    min-width: 100%;
    padding-top: calc(2.5rem / 4);
    padding-top: var(--nav--spacing--v,var(--a--spacing--xxs));
    padding-bottom: calc(2.5rem / 4);
    padding-bottom: var(--nav--spacing--v,var(--a--spacing--xxs));
    z-index: 90;
    z-index: var(--a--layer--9);
    line-height: normal;
    background-color: #01031c;
    background-color: var(--a--color--background);
    --shadow--size: var(--a--spacing);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),0 var(--shadow--size) var(--shadow--size) var(--shadow--color);
    transition-property: opacity,margin;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

[dir=rtl] :not(aside)>nav li ul {
    right: 0;
    left: auto
}

:not(aside)>nav li ul li {
    display: block;
    padding: 0
}

:not(aside)>nav li ul a {
    display: block;
    padding-top: calc(2.5rem / 4);
    padding-top: var(--nav--spacing--v,var(--a--spacing--xxs));
    padding-bottom: calc(2.5rem / 4);
    padding-bottom: var(--nav--spacing--v,var(--a--spacing--xxs));
    margin: 0
}

:not(aside)>nav li:where(:hover,:focus-within)>ul {
    opacity: 1;
    pointer-events: auto
}

:not(aside)>nav li li ul {
    top: 0;
    left: 0;
    margin-top: calc(calc(2.5rem / 4) * -1);
    margin-top: calc(var(--nav--spacing--v,var(--a--spacing--xxs)) * -1)
}

[dir=rtl] :not(aside)>nav li li ul {
    right: 100%;
    left: auto
}

aside nav {
    padding: 2.5rem 0;
    padding: var(--a--spacing) 0
}

aside nav ul {
    flex-direction: column;
    align-items: initial
}

aside li {
    padding: 0
}

aside li ul {
    -webkit-margin-start:calc(2.5rem / 4 * 2);
            margin-inline-start:calc(2.5rem / 4 * 2);
    -webkit-margin-start:var(--nav--spacing--h,var(--a--spacing--s));
            margin-inline-start:var(--nav--spacing--h,var(--a--spacing--s))}

aside a {
    margin: 0
}

progress {
    display: block;
    width: 100%;
    height: 0.25rem;
    height: var(--progress--height,var(--a--progress--size,1rem));
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
    color: #dcc8fa;
    color: var(--progress--color,var(--a--progress--color));
    background-color: rgba(0,0,50, 25%);
    background-color: var(--progress--background-color,var(--a--progress--background-color));
    border-radius: 4px;
    border-radius: var(--progress--border-radius,var(--a--border--radius));
    border: 0
}

progress:-webkit-progress-bar {
    background-color: transparent;
    border-radius: inherit
}

progress[value]:-webkit-progress-value {
    background-color: #dcc8fa;
    background-color: var(--progress--color,var(--a--progress--color))
}

progress[value]:-moz-progress-bar {
    background-color: #dcc8fa;
    background-color: var(--progress--color,var(--a--progress--color))
}

@media (prefers-reduced-motion:no-preference) {
    progress:indeterminate {
        background-image: linear-gradient(to right,#dcc8fa,#dcc8fa);
        background-image: linear-gradient(to right,var(--progress--color,var(--a--progress--color)),var(--progress--color,var(--a--progress--color)));
        background-color: rgba(0,0,50, 25%);
        background-color: var(--progress--background-color,var(--a--progress--background-color));
        background-size: 25% 100%;
        background-position: 0 0;
        background-repeat: no-repeat;
        animation: 3s linear infinite progress
    }

    @view-transition {
        navigation: auto
    }
}

progress:indeterminate:-moz-progress-bar {
    background-color: transparent
}

@keyframes progress {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }
}

meter {
    position: relative;
    top: 1px;
    height: 0.25rem;
    height: var(--meter--height,var(--a--progress--size,1rem));
    vertical-align: baseline;
    overflow: hidden;
    color: #dcc8fa;
    color: var(--meter--color,var(--a--progress--color));
    background: var(--a--progress--color-background);
    background: var(--meter--background-color,var(--a--progress--color-background));
    border-radius: 4px;
    border-radius: var(--meter--border-radius,var(--a--border--radius));
    border: 0
}

meter:-webkit-meter-inner-element {
    grid-template-rows: auto
}

meter:-webkit-meter-bar {
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    border-radius: var(--meter--border-radius,var(--a--border--radius));
    border: 0
}

meter:-webkit-meter-optimum-value {
    background-color: currentColor;
    background-image: none
}

meter:-moz-meter-bar {
    background: currentColor
}

[role=alert] {
    display: block;
    padding: calc(2.5rem / 2) calc(2.5rem / 4 * 2);
    padding: var(--alert--spacing--v,var(--a--spacing--xs)) var(--alert--spacing--h,var(--a--spacing--s));
    -webkit-margin-after:calc(2.5rem / 4 * 2);
            margin-block-end:calc(2.5rem / 4 * 2);
    -webkit-margin-after:var(--alerts--spacing,var(--a--spacing--s));
            margin-block-end:var(--alerts--spacing,var(--a--spacing--s));color: #ffffff;color: var(--alert--color,var(--a--color));
    background-color: rgba(255,255,255,5%);
    background-color: var(--alert--background-color,rgba(var(--a--color-rgb),5%));
    border: 1px solid #ffffff;
    border: var(--alert--border-width,var(--a--border--width--1)) solid var(--alert--border-color,var(--a--color));
    border-radius: 4px;
    border-radius: var(--alert--border-radius,var(--a--border--radius))
}

[role=alert]>* {
    margin-block:0}

[role=alert]>*+* {
    -webkit-margin-before:max(calc(calc(2.5rem / 2)/ 2),calc(2.5rem / 4));
            margin-block-start:max(calc(calc(2.5rem / 2)/ 2),calc(2.5rem / 4));
    -webkit-margin-before:max(calc(var(--alert--spacing--v,var(--a--spacing--xs))/ 2),var(--a--spacing--xxs));
            margin-block-start:max(calc(var(--alert--spacing--v,var(--a--spacing--xs))/ 2),var(--a--spacing--xxs))}

[role=alert] : where(a) {
    color:inherit
}

[role=alert] :where(p) {
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs)
}

[role=alert] :where(h4,h5,h6) {
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--alert--heading--font-size, var(--a--heading--font-size--h5--fluid))
}

[role=alert]+[role=alert] {
    -webkit-margin-before:calc(2.5rem / 2);
            margin-block-start:calc(2.5rem / 2);
    -webkit-margin-before:var(--alerts--spacing,var(--a--spacing--xs));
            margin-block-start:var(--alerts--spacing,var(--a--spacing--xs))}

header>: where(h1,h2,h3,h4,h5,h6) {
    --h--spacing--top:0;
    --h--spacing--bottom: 0
}

section {
    padding-block:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding-block:var(--section--spacing,var(--a--spacing--m))}

section : where(header) {
    -webkit-margin-after:max(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem),calc(2.5rem / 4 * 2));
            margin-block-end:max(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem),calc(2.5rem / 4 * 2));
    -webkit-margin-after:max(var(--section--spacing--inner,var(--section--spacing,var(--a--spacing--m)),var(--a--spacing--s)));
            margin-block-end:max(var(--section--spacing--inner,var(--section--spacing,var(--a--spacing--m)),var(--a--spacing--s)))
}

:where(form) label[for]:not(:has(+[disabled],[disabled],+[readonly],[readonly])) {
    cursor: pointer
}

:where(form) p {
    --p--spacing: var(--a--spacing--xxs)
}

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

fieldset:not(:last-of-type) {
    margin: 0 0 clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin: 0 0 var(--fieldset--spacing--v,var(--a--spacing--m))
}

fieldset>ul {
    padding: 0;
    list-style: none
}

fieldset>p {
    --p--spacing: var(--a--spacing--s)
}

legend {
    padding: 0;
    margin: 0 0 clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin: 0 0 var(--legend--spacing--v,var(--a--spacing--m));
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family);
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight,700);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--heading--text-transform,none);
    line-height: calc(2ex + 0.2em);
    line-height: var(--a--heading--line-height, 1.3);
    color: inherit
}

legend abbr[title] {
    vertical-align: super;
    font-size: 1rem;
    font-size: var(--a--font-size);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    border: 0
}

legend+p {
    margin-top: 0
}

label {
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--label--font-family, sans-serif);
    font-size: 1.25rem;
    font-size: var(--a--label--font-size, var(--a--font-size--l));
    font-weight: 600;
    font-weight: var(--a--label--font-weight,normal);
    letter-spacing: 0em;
    letter-spacing: var(--a--label--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--label--text-transform,none);
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs);
    color: #ffffff;
    color: var(--label--color,var(--a--label--color,var(--a--color)));
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

label+label {
    -webkit-padding-start:calc(2.5rem / 4 * 2);
            padding-inline-start:calc(2.5rem / 4 * 2);
    -webkit-padding-start:var(--a--spacing--s);
            padding-inline-start:var(--a--spacing--s)}

label small {
    display: block;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    opacity: 75%
}

label abbr[title] {
    vertical-align: super;
    font-size: min(1.25rem, 1rem);
    font-size: min(var(--a--label--font-size, var(--a--font-size--l)), var(--a--font-size));
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

label:focus-within:not(:has([disabled],[readonly])):not([class*=button]) {
    --label--color: var(--a--label--color--active, var(--a--color--accent))
}

label :is(input:not([type=checkbox],[type=radio])),label :is(select,textarea,progress) {
    margin-top: calc(2.5rem / 4);
    margin-top: var(--a--label--spacing,var(--a--spacing--xxxs))
}

label+:is(input,select,textarea,progress) {
    margin-top: calc(2.5rem / 4);
    margin-top: var(--a--label--spacing,var(--a--spacing--xxxs))
}

label+small+:is(input,select,textarea,progress) {
    margin-top: calc(2.5rem / 4);
    margin-top: var(--a--label--spacing,var(--a--spacing--xxxs))
}

:where(legend,label,input,select,textarea)+small {
    display: block;
    padding: 0.75rem 0;
    padding: var(--a--field--spacing--vertical) 0;
    margin: calc(0 * -1) 0 0;
    margin: calc(var(--a--field--spacing--outer,var(--a--spacing--s)) * -1) 0 0;
    font-size: 0.9375rem;
    font-size: var(--hint--font-size, var(--a--font-size--s));
    color: rgba(255,255,255,75%);
    color: var(--hint--color,rgba(var(--a--color-rgb),75%))
}

:where(legend)+small {
    --hint--font-size: var(--a--font-size);
    margin: calc(calc(2.5rem / 2) * -1) 0 calc(2.5rem / 4 * 2);
    margin: calc(var(--a--spacing--xs) * -1) 0 var(--a--spacing--s)
}

input:where(:not([type=button],[type=reset],[type=submit])),select,textarea {
    appearance: none;
    -webkit-appearance: none;
    line-height: var(--a--field--line-height);
    line-height: var(--field--line-height, var(--a--field--line-height));
    color: rgba(255,255,255, 1);
    color: var(--field--color,var(--a--field--color,var(--a--color)));
    background-color: rgba(0,0,50, 0.5);
    background-color: var(--field--background-color,var(--a--field--background-color,var(--a--color--background)));
    border: solid rgba(255,255,255, 0);
    border: solid var(--field--border-color,var(--a--field--border-color));
    border-width: 1px;
    border-width: var(--field--border-width,var(--a--field--border-width,var(--a--border--width)));
    border-radius: 4px;
    border-radius: var(--field--border-radius,var(--a--field--border-radius,var(--a--border--radius)));
    box-shadow: 0 0 0 0 rgba(0,0,50, 0.2);
    box-shadow: var(--field--box-shadow,var(--a--field--shadow));
    outline: 0;
    transition-property: color,background-color,border-color,box-shadow,outline,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

input:where(:not([type=button],[type=reset],[type=submit])):placeholder,select:placeholder,textarea:placeholder {
    color: rgba(255,255,255, 0.75);
    color: var(--a--field--placeholder--color,var(--a--color));
    transition: color 0.25s ease-in-out 0s;
    transition: color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

input:where(:not([type=button],[type=reset],[type=submit])):-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder {
    color: rgba(255,255,255, 0.75);
    color: var(--a--field--placeholder--color,var(--a--color));
    -moz-transition: color 0.25s ease-in-out 0s;
    transition: color 0.25s ease-in-out 0s;
    -moz-transition: color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition: color var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

input:where(:not([type=button],[type=reset],[type=submit])):focus:not(:disabled):placeholder,select:focus:not(:disabled):placeholder,textarea:focus:not(:disabled):placeholder {
    color: rgba(255,255,255, 0.5);
    color: var(--a--field--placeholder--color--active,var(--a--color))
}

input:where(:not([type=button],[type=reset],[type=submit])):focus:not(:disabled):-moz-placeholder,select:focus:not(:disabled):-moz-placeholder,textarea:focus:not(:disabled):-moz-placeholder {
    color: rgba(255,255,255, 0.5);
    color: var(--a--field--placeholder--color--active,var(--a--color))
}

input:where(:not([type=button],[type=reset],[type=submit]))[disabled],select[disabled],textarea[disabled] {
    cursor: not-allowed;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent .5rem,rgba(255,255,255,10%) .5rem,rgba(255,255,255,10%) calc(.5rem * 2));
    background-image: repeating-linear-gradient(-45deg,transparent,transparent var(--field--disabled--stripe--size,.5rem),rgba(var(--field--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--field--disabled--stripe--opacity,10%)) var(--field--disabled--stripe--size,.5rem),rgba(var(--field--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--field--disabled--stripe--opacity,10%)) calc(var(--field--disabled--stripe--size,.5rem) * 2))
}

input:where(:not([type=button],[type=reset],[type=submit]))[readonly],select[readonly],textarea[readonly] {
    cursor: default;
    background-color: rgba(255,255,255, 0.1);
    background-color: var(--a--field--background-color--readonly)
}

input:where(:not([disabled],[readonly],[type=button],[type=reset],[type=submit])):is(:focus,:focus-within),select:where(:not([disabled],[readonly])):is(:focus,:focus-within),textarea:where(:not([disabled],[readonly])):is(:focus,:focus-within) {
    --field--color: var(--a--field--color--active, var(--a--color));
    --field--background-color: var(--a--field--background-color--active, var(--a--field--background-color));
    --field--border-color: var(--a--field--border-color--active, var(--a--color));
    --field--box-shadow: var(--a--field--shadow--active)
}

input:where(:not([type=checkbox],[type=radio],[type=button],[type=reset],[type=submit])),select,textarea {
    width: 100%;
    padding: 0.75rem 1.25rem;
    padding: var(--a--field--spacing--vertical,.625rem) var(--a--field--spacing--horizontal,1.25rem);
    margin: 0 0 0;
    margin: 0 0 var(--a--field--spacing--outer,var(--a--spacing--s));
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary, sans-serif);
    font-size: 1rem;
    font-size: var(--a--field--font-size, var(--a--font-size));
    font-weight: 400;
    line-height: 1.5rem;
    line-height: var(--a--field--line-height, 1.5rem)
}

input:where(:not([type=checkbox],[type=radio],[type=button],[type=reset],[type=submit])):not([hidden]),select:not([hidden]),textarea:not([hidden]) {
    display: block
}

[type=date],[type=time],select {
    -moz-padding-start: calc(1.25rem - 5px);
    -moz-padding-start: calc(var(--a--field--spacing--horizontal,1.25rem) - 5px)
}

:where(input,select,textarea)[aria-invalid=false]:not(:placeholder-shown) {
    --field--border-color: var(--a--color--success)
}

:where(input,select,textarea)[aria-invalid=false]:not(:placeholder-shown):focus {
    --field--box-shadow: var(--a--field--shadow--valid)
}

:where(input,select,textarea)[aria-invalid=true] {
    --field--border-color: var(--a--color--error);
    --field--box-shadow: var(--a--field--shadow--invalid)
}

:where(input,select,textarea)[aria-invalid=true]+small {
    --field--color: var(--a--color--error)
}

select {
    text-transform: none;
    -webkit-padding-end:calc(1.25rem + 1.25rem);
            padding-inline-end:calc(1.25rem + 1.25rem);
    -webkit-padding-end:calc(var(--a--field--spacing--horizontal,1.25rem) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)));
            padding-inline-end:calc(var(--a--field--spacing--horizontal,1.25rem) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)));background-image: linear-gradient(45deg,transparent 49%,rgba(255,255,255, 1) 51%),linear-gradient(135deg,rgba(255,255,255, 1) 49%,transparent 51%);background-image: linear-gradient(45deg,transparent 49%,var(--field--arrow--color,var(--a--field--color,var(--a--color))) 51%),linear-gradient(135deg,var(--field--arrow--color,var(--a--field--color,var(--a--color))) 49%,transparent 51%);
    background-position: center right calc(4px + 1.25rem),center right 1.25rem;
    background-position: center right calc(var(--field--arrow--size,4px) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem))),center right var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem));
    background-size: 4px 4px,4px 4px;
    background-size: var(--field--arrow--size,4px) var(--field--arrow--size,4px),var(--field--arrow--size,4px) var(--field--arrow--size,4px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden
}

[dir=rtl] select {
    background-position: center left 1.25rem,center left calc(4px + 1.25rem);
    background-position: center left var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)),center left calc(var(--field--arrow--size,4px) + var(--field--arrow--spacing,var(--a--field--spacing--horizontal,1.25rem)))
}

select:focus {
    --field--arrow--color: var(--a--field--color--active, var(--a--color))
}

select option[disabled] {
    color: rgba(255,255,255, 0.75);
    color: var(--a--field--placeholder--color)
}

select:has(option[disabled]:checked) {
    color: rgba(255,255,255, 0.75);
    color: var(--a--field--placeholder--color)
}

select:has(option[disabled]:checked) option:not([disabled]) {
    color: rgba(255,255,255, 1);
    color: var(--a--field--color)
}

select optgroup {
    font-style: normal
}

select[multiple] {
    background-image: none;
    --scrollbar--width: 6px
}

select[multiple]:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: rgba(255,255,255,0.2) transparent;
    scrollbar-color: rgba(var(--a--color-rgb),0.2) transparent;
    scrollbar-width: thin
}

select[multiple]:-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 6px
}

select[multiple]:-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
    background-color: rgba(var(--a--color-rgb),.2);
    background-clip: content-box
}

select[multiple]:-webkit-scrollbar-track {
    background-color: transparent
}

select[multiple] optgroup option:first-child {
    margin-top: .2em
}

select[multiple] option {
    background-color: transparent
}

textarea {
    white-space: revert;
    display: block;
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    resize: vertical;
    overflow: auto;
    --scrollbar--width: 6px
}

textarea:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: rgba(255,255,255,0.2) transparent;
    scrollbar-color: rgba(var(--a--color-rgb),0.2) transparent;
    scrollbar-width: thin
}

textarea:-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 6px
}

textarea:-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
    background-color: rgba(var(--a--color-rgb),.2);
    background-clip: content-box
}

textarea:-webkit-scrollbar-track {
    background-color: transparent
}

textarea:where(:not([rows])) {
    max-height: 50vh;
    min-height: 7lh
}

textarea:-webkit-input-placeholder {
    line-height: var(--a--field--line-height);
    line-height: var(--field--linhe-height, var(--a--field--line-height))
}

[type=checkbox],[type=radio] {
    position: relative;
    flex-shrink: 0;
    width: 1.25rem;
    width: var(--field--checkbox-radio--size,var(--a--field--checkbox-radio--size,1.25rem));
    height: 1.25rem;
    height: var(--field--checkbox-radio--size,var(--a--field--checkbox-radio--size,1.25rem));
    -webkit-margin-start:0;
            margin-inline-start:0;-webkit-margin-end:calc(2.5rem / 4);margin-inline-end:calc(2.5rem / 4);-webkit-margin-end:var(--a--spacing--xxs);margin-inline-end:var(--a--spacing--xxs);font-size: 1.25rem;font-size: var(--field--checkbox-radio--size, var(--a--field--checkbox-radio--size, 1.25rem));
    vertical-align: middle;
    cursor: pointer;
    background-position: center
}

[type=checkbox]+label,[type=radio]+label {
    vertical-align: middle
}

[type=checkbox]+label+[type=checkbox],[type=checkbox]+label+[type=radio],[type=radio]+label+[type=checkbox],[type=radio]+label+[type=radio] {
    -webkit-margin-start:calc(2.5rem / 4);
            margin-inline-start:calc(2.5rem / 4);
    -webkit-margin-start:var(--a--spacing--xxs);
            margin-inline-start:var(--a--spacing--xxs)}

[type=checkbox]: focus+label,[type=radio]:focus+label {
    --label--color:var(--a--label--color--active, var(--a--color--accent))
}

label>:where([type=checkbox],[type=radio]) {
    top: -.05em
}

[type=checkbox] {
    background-image: linear-gradient(to right,transparent,transparent);
    background-image: linear-gradient(to right,var(--field--checkbox-radio--color,transparent),var(--field--checkbox-radio--color,transparent));
    background-size: .5rem .5rem;
    border-radius: min(4px,2px);
    border-radius: min(var(--a--field--border-radius,var(--a--border--radius)),2px)
}

[type=checkbox]:checked,[type=radio]:checked {
    --field--checkbox-radio--color: var(--a--field--border-color--active, var(--a--color))
}

[type=radio] {
    border-radius: 50%;
    margin-bottom: 3px;
    background-image: radial-gradient(closest-side,transparent 94%,transparent 100%);
    background-image: radial-gradient(closest-side,var(--field--checkbox-radio--color,transparent) 94%,transparent 100%);
    background-size: .5rem .5rem
}

[type=date],[type=datetime-local],[type=month],[type=time],[type=week] {
    height: calc(var(--a--field--line-height) + (0.75rem * 2) + (1px * 2));
    height: calc(var(--field--line-height,var(--a--field--line-height)) + (var(--a--field--spacing--vertical,.625rem) * 2) + (var(--a--field--border-width) * 2))
}

[type=date]:-webkit-clear-button,[type=date]:-webkit-inner-spin-button,[type=date]:-webkit-outer-spin-button,[type=datetime-local]:-webkit-clear-button,[type=datetime-local]:-webkit-inner-spin-button,[type=datetime-local]:-webkit-outer-spin-button,[type=month]:-webkit-clear-button,[type=month]:-webkit-inner-spin-button,[type=month]:-webkit-outer-spin-button,[type=time]:-webkit-clear-button,[type=time]:-webkit-inner-spin-button,[type=time]:-webkit-outer-spin-button,[type=week]:-webkit-clear-button,[type=week]:-webkit-inner-spin-button,[type=week]:-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
            appearance: none
}

[type=date]:-webkit-calendar-picker-indicator,[type=datetime-local]:-webkit-calendar-picker-indicator,[type=month]:-webkit-calendar-picker-indicator,[type=time]:-webkit-calendar-picker-indicator,[type=week]:-webkit-calendar-picker-indicator {
    padding: 0;
    cursor: pointer
}

[type=date]:-webkit-calendar-picker-indicator,[type=datetime-local]:-webkit-calendar-picker-indicator,[type=month]:-webkit-calendar-picker-indicator,[type=week]:-webkit-calendar-picker-indicator {
    width: 18px;
    height: 16px;
    background-image: linear-gradient(to bottom,transparent 8px,rgba(255,255,255, 1) 8px,rgba(255,255,255, 1) 10px,transparent 10px),linear-gradient(to right,rgba(255,255,255, 1),rgba(255,255,255, 1));
    background-image: linear-gradient(to bottom,transparent 8px,var(--field--icon--color,var(--a--field--color,var(--a--color))) 8px,var(--field--icon--color,var(--a--field--color,var(--a--color))) 10px,transparent 10px),linear-gradient(to right,var(--field--icon--color,var(--a--field--color,var(--a--color))),var(--field--icon--color,var(--a--field--color,var(--a--color))));
    background-size: 18px 16px,4px 4px,14px 12px,18px 16px;
    background-position: 0 -4px,10px 8px,top 2px left 2px,0 0;
    border-radius: calc(4px/ 2);
    border-radius: calc(var(--a--field--border-radius,var(--a--border--radius))/ 2);
    box-shadow: inset 0 0 0 2px rgba(255,255,255, 1);
    box-shadow: inset 0 0 0 2px var(--field--icon--color,var(--a--field--color,var(--a--color)))
}

[type=time] {
    --field--icon--color: var(--a--field--color, var(--a--color))
}

[type=time]:-webkit-calendar-picker-indicator {
    width: 14px;
    height: 14px;
    background-image: linear-gradient(to bottom,var(--field--icon--color),var(--field--icon--color)),linear-gradient(to right,var(--field--icon--color),var(--field--icon--color));
    background-size: 6px 2px,2px 6px;
    background-position: 6px 6px,6px 2px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--field--icon--color)
}

[type=number] {
    min-width: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
    min-width: var(--a--spacing--l);
    -webkit-padding-end:0;
            padding-inline-end:0;font-feature-settings: "tnum";font-variant-numeric: tabular-nums
}

[type=color] {
    height: calc(var(--a--field--line-height) + (0.75rem * 2) + (1px * 2));
    height: calc(var(--field--line-height,var(--a--field--line-height)) + (var(--a--field--spacing--vertical,.625rem) * 2) + (var(--a--field--border-width) * 2));
    padding: 0.75rem;
    padding: var(--a--field--spacing--vertical,.625rem)
}

[type=color]:-webkit-color-swatch-wrapper {
    padding: 0
}

[type=color]:-moz-focus-inner {
    padding: 0
}

[type=color]:-webkit-color-swatch {
    border: 0;
    border-radius: calc(4px/ 2);
    border-radius: calc(var(--a--field--border-radius,var(--a--border--radius))/ 2)
}

[type=color]:-moz-color-swatch {
    border: 0;
    border-radius: calc(4px/ 2);
    border-radius: calc(var(--a--field--border-radius,var(--a--border--radius))/ 2)
}

[type=range] {
    height: calc(var(--a--field--line-height) + (calc(0.75rem) * 2) + (1px * 2));
    height: calc(var(--field--line-height,var(--a--field--line-height)) + (calc(var(--a--field--spacing--vertical,.625rem)) * 2) + (var(--a--field--border-width) * 2));
    padding-right: 0;
    padding-left: 0;
    -webkit-appearance: none;
            appearance: none;
    background: 0 0;
    border: transparent;
    box-shadow: none
}

[type=range]:-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    height: var(--a--field--border-width,var(--a--border--width));
    background-color: rgba(255,255,255, 0);
    background-color: var(--a--field--border-color);
    border-radius: 4px;
    border-radius: var(--a--field--border-radius,var(--a--border--radius))
}

[type=range]:-moz-range-track {
    width: 100%;
    height: 1px;
    height: var(--a--field--border-width,var(--a--border--width));
    background-color: rgba(255,255,255, 0);
    background-color: var(--a--field--border-color);
    border-radius: 4px;
    border-radius: var(--a--field--border-radius,var(--a--border--radius))
}

[type=range]:-webkit-slider-thumb {
    width: 1.5rem;
    width: var(--a--field--range-thumb--size,1.5rem);
    height: 1.5rem;
    height: var(--a--field--range-thumb--size,1.5rem);
    margin-top: calc(1.5rem/ 2 * -1);
    margin-top: calc(var(--a--field--range-thumb--size,1.5rem)/ 2 * -1);
    -webkit-appearance: none;
            appearance: none;
    cursor: pointer;
    background-color: rgba(255,255,255,1);
    background-color: rgba(var(--a--color-rgb),1);
    border: 1px solid rgba(255,255,255, 0);
    border: var(--a--field--border-width,var(--a--border--width)) solid var(--a--field--border-color);
    border-radius: 4px;
    border-radius: var(--a--field--border-radius,var(--a--border--radius));
    box-shadow: 0 0 0 0 rgba(0,0,50, 0.2);
    box-shadow: var(--a--field--shadow);
    -webkit-transition-property: background-color,border-color,box-shadow,outline;
    transition-property: background-color,border-color,box-shadow,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

[type=range]:-moz-range-thumb {
    width: 1.5rem;
    width: var(--a--field--range-thumb--size,1.5rem);
    height: 1.5rem;
    height: var(--a--field--range-thumb--size,1.5rem);
    margin-top: calc(1.5rem/ 2 * -1);
    margin-top: calc(var(--a--field--range-thumb--size,1.5rem)/ 2 * -1);
    appearance: none;
    cursor: pointer;
    background-color: rgba(255,255,255,1);
    background-color: rgba(var(--a--color-rgb),1);
    border: 1px solid rgba(255,255,255, 0);
    border: var(--a--field--border-width,var(--a--border--width)) solid var(--a--field--border-color);
    border-radius: 4px;
    border-radius: var(--a--field--border-radius,var(--a--border--radius));
    box-shadow: 0 0 0 0 rgba(0,0,50, 0.2);
    box-shadow: var(--a--field--shadow);
    -moz-transition-property: background-color,border-color,box-shadow,outline;
    transition-property: background-color,border-color,box-shadow,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

[type=range]:focus {
    box-shadow: none
}

[type=range]:focus:-webkit-slider-thumb {
    background-color: rgba(220,200,250,1);
    background-color: rgba(var(--a--color--accent-rgb),1);
    border-color: rgba(220,200,250, 1);
    border-color: var(--a--field--border-color--active,var(--a--color));
    box-shadow: 0 0 0 6px rgba(0,0,50, 0.5);
    box-shadow: var(--a--field--shadow--active)
}

[type=range]:focus:-moz-range-thumb {
    background-color: rgba(220,200,250,1);
    background-color: rgba(var(--a--color--accent-rgb),1);
    border-color: rgba(220,200,250, 1);
    border-color: var(--a--field--border-color--active,var(--a--color));
    box-shadow: 0 0 0 6px rgba(0,0,50, 0.5);
    box-shadow: var(--a--field--shadow--active)
}

[type=file] {
    height: auto;
    padding: 0.75rem;
    padding: var(--a--field--spacing--vertical,.625rem)
}

[type=file]:-webkit-file-upload-button,[type=file]:file-selector-button {
    position: relative;
    padding-right: calc(2.5rem / 4 * 2);
    padding-right: var(--a--spacing--s);
    padding-left: calc(2.5rem / 4 * 2);
    padding-left: var(--a--spacing--s);
    margin-top: -.25rem;
    margin-bottom: -.25rem;
    -webkit-margin-end:1.25rem;
            margin-inline-end:1.25rem;
    -webkit-margin-end:var(--a--field--spacing--horizontal,1.25rem);
            margin-inline-end:var(--a--field--spacing--horizontal,1.25rem);font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family: var(--a--button--font-family, sans-serif);
    font-size: 1.1rem;
    font-size: var(--a--button--font-size, 1rem);
    font-weight: 600;
    font-weight: var(--a--button--font-weight,700);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--button--letter-spacing, 0);
    text-transform: none;
    text-transform: var(--a--button--text-transform,none);
    line-height: var(--a--field--line-height);
    -webkit-appearance: none;
            appearance: none;
    cursor: pointer;
    color: #202020;
    color: var(--field--button--color,var(--a--button--color));
    background-color: #ffffff;
    background-color: var(--field--button--background-color,var(--a--button--background-color));
    border: none;
    border-radius: calc(4px/ 2);
    border-radius: calc(var(--a--field--border-radius,var(--a--border--radius))/ 2);
    outline: 0;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out);
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s)
}

[type=file]:-webkit-file-upload-button:focus,[type=file]:-webkit-file-upload-button:hover,[type=file]:file-selector-button:focus,[type=file]:file-selector-button:hover {
    --field--button--color: var(--a--button--color--active);
    --field--button--background-color: var(--a--button--background-color--active)
}

:where(button,[type=button],[type=submit],[type=reset]) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(2.5rem/ 4);
    gap: calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
    padding: 0.625em 2.5rem;
    padding: var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--button--font-family, var(--a--button--font-family, sans-serif));
    font-size: 1.1rem;
    font-size: var(--button--font-size, var(--a--button--font-size, 1rem));
    font-weight: 600;
    font-weight: var(--button--font-weight,var(--a--button--font-weight,700));
    letter-spacing: 0.005em;
    letter-spacing: var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
    text-transform: none;
    text-transform: var(--button--text-transform,var(--a--button--text-transform,none));
    line-height: 1.5em;
    line-height: var(--button--line-height, var(--a--button--line-height, 1.5rem));
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
            user-select: none;
    color: #202020;
    color: var(--button--color,var(--a--button--color));
    background-color: #ffffff;
    background-color: var(--button--background-color,var(--a--button--background-color));
    border: 1px solid transparent;
    border: var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
    border-radius: 4px;
    border-radius: var(--button--border-radius,var(--a--button--border-radius));
    box-shadow: 0 0 0 0 transparent;
    box-shadow: var(--button--box-shadow,var(--a--button--shadow));
    outline: transparent solid 2px;
    outline: var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset,2px);
    transition-property: transform,color,background,border,box-shadow,outline,-webkit-text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration,-webkit-text-decoration;
    transition-timing-function: 0.25s;
    transition-timing-function: var(--button--transition--timing-function,var(--a--transition--duration));
    transition-duration: 0.25s;
    transition-duration: var(--button--transition--duration, var(--a--transition--duration));
    white-space: normal;
    cursor: pointer;
    -webkit-appearance: button
}

:where(button,[type=button],[type=submit],[type=reset]) svg {
    position: relative;
    display: block;
    pointer-events: none;
    color: currentColor
}

:where(button,[type=button],[type=submit],[type=reset]):where(:hover,:focus) {
    --button--color: var(--a--button--color--active);
    --button--background-color: var(--a--button--background-color--active)
}

:where(button,[type=button],[type=submit],[type=reset]):where(:focus) {
    --button--box-shadow: var(--a--button--shadow--active)
}

:where(button,[type=button],[type=submit],[type=reset]):where(:focus-visible) {
    --button--outline-color: var(--a--button--background-color--active)
}

:where(button,[type=button],[type=submit],[type=reset]):where([disabled]) {
    --button--border-color: transparent;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent .5rem,rgba(255,255,255,10%) .5rem,rgba(255,255,255,10%) calc(.5rem * 2));
    background-image: repeating-linear-gradient(-45deg,transparent,transparent var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) calc(var(--button--disabled--stripe--size,.5rem) * 2));
    box-shadow: none;
    outline: 0
}

:where(button,[type=button],[type=submit],[type=reset]):where([disabled]):hover {
    --button--color: inherit
}

:where([type=submit]) {
    --button--color: var(--a--button--accent--color);
    --button--background-color: var(--a--button--accent--background-color);
    --button--border-color: var(--a--button--accent--border-color);
    --button--box-shadow: var(--a--button--accent--shadow)
}

:where([type=submit]):where(:hover,:focus) {
    --button--color: var(--a--button--accent--color--active);
    --button--background-color: var(--a--button--accent--background-color--active);
    --button--border-color: var(--a--button--accent--border-color--active)
}

:where([type=submit]):where(:focus) {
    --button--box-shadow: var(--a--button--accent--shadow--active)
}

:where([type=submit]):where(:focus-visible) {
    --button--outline-color: var(--a--button--accent--background-color--active)
}

:where([type=reset]) {
    --button--color: var(--a--button--outline--color);
    --button--background-color: var(--a--button--outline--background-color, transparent);
    --button--border-color: var(--a--button--outline--border-color);
    --button--box-shadow: var(--a--button--outline--shadow)
}

:where([type=reset]):where(:hover,:focus) {
    --button--color: var(--a--button--outline--color--active);
    --button--background-color: var(--a--button--outline--background-color--active, transparent);
    --button--border-color: var(--a--button--outline--border-color--active)
}

:where([type=reset]):where(:focus) {
    --button--box-shadow: var(--a--button--outline--shadow--active)
}

:where([type=reset]):where(:focus-visible) {
    --button--outline-color: var(--a--button--outline--color--active)
}

.a-list {
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing);
    list-style-type: square
}

.a-list :where(ul) {
    list-style-type: inherit
}

.a-list :where(ul,ol) {
    padding: calc(2.5rem / 4) 0;
    padding: var(--a--spacing--xxs) 0;
    -webkit-margin-start:calc(2.5rem / 4 * 2);
            margin-inline-start:calc(2.5rem / 4 * 2);
    -webkit-margin-start:var(--a--spacing--s);
            margin-inline-start:var(--a--spacing--s)}

.a-list--o {
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing);
    list-style-type: decimal
}

.a-list--o ol,.a-list--o ol ol {
    list-style-type: lower-alpha
}

.a-list--inline {
    display: inline-flex;
    list-style: none;
    gap: calc(2.5rem / 4 * 2);
    gap: var(--a--spacing--s)
}

.a-list--inline>li {
    display: inline-block
}

.a-list--none {
    list-style-type: none
}

.a-list--square {
    list-style-type: square
}

.a-list--circle {
    list-style-type: circle
}

.a-list--disc {
    list-style-type: disc
}

[class*=a-divider] {
    display: block;
    width: 100%;
    margin: 2.5rem 0;
    margin: var(--a--spacing) 0;
    border-top: 1px solid rgba(255,255,255, 0.2);
    border-top: var(--a--divider--width) solid var(--a--divider--color)
}

.a-divider--dotted {
    border-style: dotted
}

.a-divider--dashed {
    border-style: dashed
}

.a-divider--double {
    border-top-width: calc(1px * 3);
    border-top-width: calc(var(--a--divider--width) * 3);
    border-style: double
}

.a-divider--accent {
    border-color: #dcc8fa;
    border-color: var(--a--color--accent)
}

.a-alert {
    padding: calc(2.5rem / 2) calc(2.5rem / 4 * 2);
    padding: var(--alert--spacing--v,var(--a--spacing--xs)) var(--alert--spacing--h,var(--a--spacing--s))
}

.a-alert--accent {
    --alert--color: var(--a--color--accent);
    --alert--background-color: rgba(var(--a--color--accent-rgb), 5%);
    --alert--border-color: var(--a--color--accent)
}

.a-alert--error {
    --alert--color: var(--a--color--error);
    --alert--background-color: rgba(var(--a--color--error-rgb), 5%);
    --alert--border-color: var(--a--color--error)
}

.a-alert--warning {
    --alert--color: var(--a--color--warning);
    --alert--background-color: rgba(var(--a--color--warning-rgb), 5%);
    --alert--border-color: var(--a--color--warning)
}

.a-alert--success {
    --alert--color: var(--a--color--success);
    --alert--background-color: rgba(var(--a--color--success-rgb), 5%);
    --alert--border-color: var(--a--color--success)
}

.a-alert--secret {
    --alert--background-color: transparent
}

[class*=a-badge] {
    display: inline-block;
    min-width: calc(2.5rem / 2);
    min-width: var(--a--spacing--xs);
    padding: calc(2.5rem / 8) calc(2.5rem / 4);
    padding: var(--badge--spacing--v,var(--a--spacing--xxxs)) var(--badge--spacing--h,var(--a--spacing--xxs));
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    color: #202020;
    color: var(--badge--color,var(--a--color--contrast));
    background-color: #ffffff;
    background-color: var(--badge--background-color,var(--a--color));
    border-radius: 4px;
    border-radius: var(--badge--border-radius,var(--a--border--radius,2px))
}

[class*=a-badge]:empty {
    display: none
}

.a-badge--reverse {
    --badge--color: var(--a--color);
    --badge--background-color: var(--a--color--background)
}

.a-badge--accent {
    --badge--color: var(--a--color--background);
    --badge--background-color: var(--a--color--accent)
}

.a-badge--success {
    --badge--color: var(--a--color--light);
    --badge--background-color: var(--a--color--success)
}

.a-badge--error {
    --badge--color: var(--a--color--light);
    --badge--background-color: var(--a--color--error)
}

a[class*=a-badge] {
    text-decoration: none;
    cursor: pointer
}

.a-shadow {
    --shadow--size: var(--a--spacing);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: 0 0 calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size)/ 2) var(--shadow--size) var(--shadow--color)
}

.a-shadow--bottom {
    --shadow--size: var(--a--spacing);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}

.a-shadow--top {
    --shadow--size: var(--a--spacing);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: 0 calc(calc(var(--shadow--size)/ 4) * -1) calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(calc(var(--shadow--size)/ 2) * -1) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size) * -1) var(--shadow--size) var(--shadow--color)
}

.a-shadow--inset {
    --shadow--size: var(--a--spacing--s);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 2.5%);
    box-shadow: inset 0 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),inset 0 0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),inset 0 0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}

.a-shadow--sharp {
    --shadow--size: var(--a--spacing--xxs);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: var(--shadow--size) var(--shadow--size) 0 0 var(--shadow--color)
}

.a-shadow--outline {
    --shadow--size: var(--a--spacing--xxs);
    --shadow--color: currentColor;
    --shadow--border: var(--a--border--width);
    box-shadow: calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 0 #01031c,calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 var(--shadow--border) var(--shadow--color);
    box-shadow: calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 0 var(--a--color--background),calc(var(--shadow--size) + (var(--shadow--border) * 2)) calc(var(--shadow--size) + (var(--shadow--border) * 2)) 0 var(--shadow--border) var(--shadow--color)
}

.a-shadow--1 {
    --shadow--size: var(--a--spacing--1)
}

.a-shadow--xxs {
    --shadow--size: var(--a--spacing--xxs)
}

.a-shadow--xs {
    --shadow--size: var(--a--spacing--xs)
}

.a-shadow--s {
    --shadow--size: var(--a--spacing--s)
}

.a-shadow--m {
    --shadow--size: var(--a--spacing--m)
}

.a-shadow--l {
    --shadow--size: var(--a--spacing--l)
}

.a-shadow--xl {
    --shadow--size: var(--a--spacing--xl)
}

.a-shadow--xxl {
    --shadow--size: var(--a--spacing--xxl)
}

@media (min-width: 320px) and (max-width:767px) {
    .a-hide\:xs {
        display:none
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .a-hide\:s {
        display:none
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .a-hide\:m {
        display:none
    }
}

@media (min-width: 1280px) and (max-width:1599px) {
    .a-hide\:l {
        display:none
    }
}

@media (min-width: 1600px) {
    .a-hide\:xl {
        display:none
    }
}

@media print {
    .a-hide\:print {
        display: none
    }
}

.a-hide {
    display: none
}

@media (max-width: 479px) {
    .a-hide\:min {
        display:none
    }

    .a-show\:min {
        display: revert
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .a-show\:xs {
        display:revert
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .a-show\:s {
        display:revert
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .a-show\:m {
        display:revert
    }
}

@media (min-width: 1280px) and (max-width:1599px) {
    .a-show\:l {
        display:revert
    }
}

@media (min-width: 1600px) {
    .a-show\:xl {
        display:revert
    }
}

.a-show\:print {
    display: none
}

@media print {
    .a-show\:print {
        display: revert
    }
}

.a-show {
    display: block
}

.a-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(320px,100%),1fr));
    grid-template-columns: var(--grid--template-columns,repeat(var(--grid--columns,auto-fill),minmax(var(--grid--column-min,min(320px,100%)),1fr)));
    grid-template-rows: repeat(auto-fill,1fr);
    grid-template-rows: var(--grid--template-rows,repeat(var(--grid--rows,auto-fill),1fr));
    gap: 2.5rem 2.5rem;
    grid-gap: 2.5rem 2.5rem;
    grid-gap: var(--gap--col,var(--grid--spacing,var(--a--spacing))) var(--gap--row,var(--grid--spacing,var(--a--spacing)));
    gap: var(--gap--col,var(--grid--spacing,var(--a--spacing))) var(--gap--row,var(--grid--spacing,var(--a--spacing)));
    grid-auto-flow: row;
    grid-auto-flow: var(--grid--auto-flow,row);
    grid-auto-columns: auto;
    grid-auto-columns: var(--grid--auto-columns,auto)
}

.a-grid+.a-grid {
    -webkit-margin-before:2.5rem;
            margin-block-start:2.5rem;
    -webkit-margin-before:var(--grid--spacing,var(--a--spacing));
            margin-block-start:var(--grid--spacing,var(--a--spacing))}

.a-grid--cols-0 {
    --grid--template-columns: none
}

.a-grid--cols-1 {
    --grid--columns: 1
}

@media (min-width: 1024px) {
    blockquote {
        padding:max(calc(2.5rem / 4 * 2),clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem));
        padding:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)))
    }

    pre {
        padding: max(calc(2.5rem / 4 * 2),clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem));
        padding: max(var(--pre--spacing,var(--a--spacing--s)),var(--pre--spacing--max,var(--a--spacing--m)))
    }

    :not(aside)>nav li li ul {
        left: 100%
    }

    [role=alert] {
        --alert--spacing--v: var(--a--spacing--xs);
        --alert--spacing--h: var(--a--spacing--m)
    }

    .a-grid--cols-2,.a-grid--cols-3 {
        --grid--columns: 2
    }
}

@media (min-width: 1280px) {
    :root {
        --a--container--spacing:var(--a--spacing--l)
    }

    .a-grid--cols-3 {
        --grid--columns: 3
    }
}

@media (min-width: 1024px) {
    .a-grid--cols-4 {
        --grid--columns:2
    }
}

@media (min-width: 1280px) {
    .a-grid--cols-4 {
        --grid--columns:3
    }
}

@media (min-width: 1600px) {
    .a-grid--cols-4 {
        --grid--columns:4
    }
}

@media (min-width: 768px) {
    .a-grid--cols-5 {
        --grid--columns:2
    }
}

@media (min-width: 1024px) {
    .a-grid--cols-5 {
        --grid--columns:3
    }
}

@media (min-width: 1280px) {
    .a-grid--cols-5 {
        --grid--columns:4
    }
}

@media (min-width: 1600px) {
    .a-grid--cols-5 {
        --grid--columns:5
    }
}

@media (min-width: 768px) {
    .a-grid--cols-6 {
        --grid--columns:2
    }
}

@media (min-width: 1024px) {
    .a-grid--cols-6 {
        --grid--columns:3
    }
}

@media (min-width: 1280px) {
    .a-grid--cols-6 {
        --grid--columns:4
    }
}

.a-grid--rows-0 {
    --grid--template-rows: none
}

.a-grid--rows-1 {
    --grid--rows: 1
}

.a-grid--rows-2 {
    --grid--rows: 2
}

.a-grid--rows-3 {
    --grid--rows: 3
}

.a-grid--rows-4 {
    --grid--rows: 4
}

.a-grid--flow-row {
    --grid--auto-flow: row
}

.a-grid--flow-row-dense {
    --grid--auto-flow: row dense
}

.a-grid--flow-column {
    --grid--auto-flow: column
}

.a-grid--flow-column-dense {
    --grid--auto-flow: column dense
}

.a-grid--cols-auto {
    --grid--auto-columns: auto
}

.a-grid--cols-min {
    --grid--auto-columns: min-content
}

.a-grid--cols-max {
    --grid--auto-columns: max-content
}

.a-grid--cols-fr {
    --grid--auto-columns: minmax(0, 1fr)
}

[class*=a-grid__col] {
    grid-column: auto;
    grid-column: var(--grid--column,auto)
}

.a-grid__col--span-1 {
    --grid--column: span 1/span 1
}

.a-grid__col--span-2 {
    --grid--column: span 2/span 2
}

.a-grid__col--span-3 {
    --grid--column: span 3/span 3
}

.a-grid__col--span-4 {
    --grid--column: span 4/span 4
}

.a-grid__col--span-5 {
    --grid--column: span 5/span 5
}

.a-grid__col--span-full {
    --grid--column: 1/-1
}

[class*=a-grid__col--start] {
    grid-column-start: auto;
    grid-column-start: var(--grid--column-start,auto)
}

.a-grid__col--start-1 {
    --grid--column-start: 1
}

.a-grid__col--start-2 {
    --grid--column-start: 2
}

.a-grid__col--start-3 {
    --grid--column-start: 3
}

.a-grid__col--start-4 {
    --grid--column-start: 4
}

.a-grid__col--start-5 {
    --grid--column-start: 5
}

[class*=a-grid__col--end] {
    grid-column-end: auto;
    grid-column-end: var(--grid--column-end,auto)
}

.a-grid__col--end-1 {
    --grid--column-end: 1
}

.a-grid__col--end-2 {
    --grid--column-end: 2
}

.a-grid__col--end-3 {
    --grid--column-end: 3
}

.a-grid__col--end-4 {
    --grid--column-end: 4
}

.a-grid__col--end-5 {
    --grid--column-end: 5
}

[class*=a-grid__row] {
    grid-row: auto;
    grid-row: var(--grid--row,auto)
}

.a-grid__row--span-1 {
    --grid--row: span 1/span 1
}

.a-grid__row--span-2 {
    --grid--row: span 2/span 2
}

.a-grid__row--span-3 {
    --grid--row: span 3/span 3
}

.a-grid__row--span-4 {
    --grid--row: span 4/span 4
}

.a-grid__row--span-5 {
    --grid--row: span 5/span 5
}

.a-grid__row--span-full {
    --grid--row: 1/-1
}

[class*=a-grid__row--start] {
    grid-row-start: auto;
    grid-row-start: var(--grid--row-start,auto)
}

.a-grid__row--start-1 {
    --grid--row-start: 1
}

.a-grid__row--start-2 {
    --grid--row-start: 2
}

.a-grid__row--start-3 {
    --grid--row-start: 3
}

.a-grid__row--start-4 {
    --grid--row-start: 4
}

.a-grid__row--start-5 {
    --grid--row-start: 5
}

[class*=a-grid__row--end] {
    grid-row-end: auto;
    grid-row-end: var(--grid--row-end,auto)
}

.a-grid__row--end-1 {
    --grid--row-end: 1
}

.a-grid__row--end-2 {
    --grid--row-end: 2
}

.a-grid__row--end-3 {
    --grid--row-end: 3
}

.a-grid__row--end-4 {
    --grid--row-end: 4
}

.a-grid__row--end-5 {
    --grid--row-end: 5
}

.a-flex {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    row-gap: var(--gap--row,var(--a--spacing--m));
    margin-inline:calc((clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)/ 2) * -1);
    margin-inline:calc((var(--gap--col,var(--a--spacing--m))/ 2) * -1)}

.a-flex+.a-flex {
    -webkit-margin-before: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
            margin-block-start: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    -webkit-margin-before: var(--gap--row,var(--a--spacing--m));
            margin-block-start: var(--gap--row,var(--a--spacing--m))
}

.a-flex--no-stack+.a-flex--no-stack {
    -webkit-margin-before:0;
            margin-block-start:0}

.a-flex--inline {
    display: inline-flex
}

.a-flex--justify-start {
    justify-content: flex-start
}

.a-flex--justify-center {
    justify-content: center
}

.a-flex--justify-end {
    justify-content: flex-end
}

.a-flex--justify-between {
    justify-content: space-between
}

.a-flex--justify-around {
    justify-content: space-around
}

.a-flex--justify-evenly {
    justify-content: space-evenly
}

.a-flex--justify-stretch {
    justify-content: stretch
}

.a-flex--align-initial {
    align-items: initial
}

.a-flex--align-baseline {
    align-items: baseline
}

.a-flex--align-start {
    align-items: flex-start
}

.a-flex--align-center {
    align-items: center
}

.a-flex--align-end {
    align-items: flex-end
}

.a-flex--align-stretch {
    align-items: stretch
}

.a-flex--content-start {
    align-content: stretch
}

.a-flex--content-center {
    align-content: center
}

.a-flex--content-end {
    align-content: flex-end
}

.a-flex--content-between {
    align-content: space-between
}

.a-flex--content-around {
    align-content: space-around
}

.a-flex--content-evenly {
    align-content: space-evenly
}

.a-flex--content-stretch {
    align-content: stretch
}

.a-flex--reverse {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse
}

.a-flex--column {
    flex-direction: column;
    flex-wrap: wrap
}

.a-flex--column-reverse {
    flex-direction: column-reverse;
    flex-wrap: wrap-reverse
}

.a-flex>:where([class*=a-flex__item]) {
    padding-inline:calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)/ 2);
    padding-inline:calc(var(--gap--col,var(--a--spacing--m))/ 2)}

.a-flex>: where([class*=a-flex__item]).a-flex {
    padding-inline:0;
    margin-inline:calc((clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)/ 8) * -1);
    margin-inline:calc((var(--gap--col,var(--a--spacing--m))/ 8) * -1)}

.a-flex[class*=a-gap] {
    column-gap: 0
}

.a-flex--wrap {
    flex-wrap: wrap
}

.a-flex--wrap-reverse {
    flex-wrap: wrap-reverse
}

.a-flex--nowrap {
    flex-wrap: nowrap
}

[class*=a-flex__item--] {
    max-width: 100%
}

.a-flex__item--auto {
    flex: 1 0;
    align-self: auto
}

.a-flex__item--0 {
    flex: 0 0;
    max-width: 0;
    padding-inline:0}

.a-flex__item {
    flex: 0 1 content
}

.a-flex__item--100 {
    flex-basis: 100%;
    max-width: 100%
}

.a-flex__item--83 {
    flex-basis: 83.333%;
    max-width: 83.333%
}

.a-flex__item--80 {
    flex-basis: 80%;
    max-width: 80%
}

.a-flex__item--75 {
    flex-basis: 75%;
    max-width: 75%
}

.a-flex__item--70 {
    flex-basis: 70%;
    max-width: 70%
}

.a-flex__item--66 {
    flex-basis: 66.666%;
    max-width: 66.666%
}

.a-flex__item--60 {
    flex-basis: 60%;
    max-width: 60%
}

.a-flex__item--50 {
    flex-basis: 50%;
    max-width: 50%
}

.a-flex__item--40 {
    flex-basis: 40%;
    max-width: 40%
}

.a-flex__item--33 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.a-flex__item--30 {
    flex-basis: 30%;
    max-width: 30%
}

.a-flex__item--25 {
    flex-basis: 25%;
    max-width: 25%
}

.a-flex__item--20 {
    flex-basis: 20%;
    max-width: 20%
}

.a-flex__item--16 {
    flex-basis: 16.666%;
    max-width: 16.666%
}

@media (min-width: 320px) {
    .a-flex__item--auto\:min {
        flex:1 0
    }

    .a-flex__item--0\:min {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:min {
        flex: 0 1 content
    }

    .a-flex__item--100\:min {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--50\:min {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width: 480px) {
    .a-flex__item--auto\:xs {
        flex:1 0
    }

    .a-flex__item--0\:xs {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:xs {
        flex: 0 1 content
    }

    .a-flex__item--100\:xs {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--75\:xs {
        flex-basis: 75%;
        max-width: 75%
    }

    .a-flex__item--70\:xs {
        flex-basis: 70%;
        max-width: 70%
    }

    .a-flex__item--66\:xs {
        flex-basis: 66.666%;
        max-width: 66.666%
    }

    .a-flex__item--60\:xs {
        flex-basis: 60%;
        max-width: 60%
    }

    .a-flex__item--50\:xs {
        flex-basis: 50%;
        max-width: 50%
    }

    .a-flex__item--40\:xs {
        flex-basis: 40%;
        max-width: 40%
    }

    .a-flex__item--30\:xs {
        flex-basis: 30%;
        max-width: 30%
    }

    .a-flex__item--33\:xs {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .a-flex__item--25\:xs {
        flex-basis: 25%;
        max-width: 25%
    }
}

@media (min-width: 768px) {
    .a-flex__item--auto\:s {
        flex:1 0
    }

    .a-flex__item--0\:s {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:s {
        flex: 0 1 content
    }

    .a-flex__item--100\:s {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--80\:s {
        flex-basis: 80%;
        max-width: 80%
    }

    .a-flex__item--75\:s {
        flex-basis: 75%;
        max-width: 75%
    }

    .a-flex__item--70\:s {
        flex-basis: 70%;
        max-width: 70%
    }

    .a-flex__item--66\:s {
        flex-basis: 66.666%;
        max-width: 66.666%
    }

    .a-flex__item--60\:s {
        flex-basis: 60%;
        max-width: 60%
    }

    .a-flex__item--50\:s {
        flex-basis: 50%;
        max-width: 50%
    }

    .a-flex__item--40\:s {
        flex-basis: 40%;
        max-width: 40%
    }

    .a-flex__item--30\:s {
        flex-basis: 30%;
        max-width: 30%
    }

    .a-flex__item--33\:s {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .a-flex__item--25\:s {
        flex-basis: 25%;
        max-width: 25%
    }

    .a-flex__item--20\:s {
        flex-basis: 20%;
        max-width: 20%
    }
}

@media (min-width: 1024px) {
    .a-flex__item--auto\:m {
        flex:1 0
    }

    .a-flex__item--0\:m {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:m {
        flex: 0 1 content
    }

    .a-flex__item--100\:m {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--83\:m {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .a-flex__item--80\:m {
        flex-basis: 80%;
        max-width: 80%
    }

    .a-flex__item--75\:m {
        flex-basis: 75%;
        max-width: 75%
    }

    .a-flex__item--70\:m {
        flex-basis: 70%;
        max-width: 70%
    }

    .a-flex__item--66\:m {
        flex-basis: 66.666%;
        max-width: 66.666%
    }

    .a-flex__item--60\:m {
        flex-basis: 60%;
        max-width: 60%
    }

    .a-flex__item--50\:m {
        flex-basis: 50%;
        max-width: 50%
    }

    .a-flex__item--40\:m {
        flex-basis: 40%;
        max-width: 40%
    }

    .a-flex__item--33\:m {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .a-flex__item--30\:m {
        flex-basis: 30%;
        max-width: 30%
    }

    .a-flex__item--25\:m {
        flex-basis: 25%;
        max-width: 25%
    }

    .a-flex__item--20\:m {
        flex-basis: 20%;
        max-width: 20%
    }

    .a-flex__item--16\:m {
        flex-basis: 16.666%;
        max-width: 16.666%
    }
}

@media (min-width: 1280px) {
    .a-flex__item--auto\:l {
        flex:1 0
    }

    .a-flex__item--0\:l {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:l {
        flex: 0 1 content
    }

    .a-flex__item--100\:l {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--83\:l {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .a-flex__item--80\:l {
        flex-basis: 80%;
        max-width: 80%
    }

    .a-flex__item--75\:l {
        flex-basis: 75%;
        max-width: 75%
    }

    .a-flex__item--70\:l {
        flex-basis: 70%;
        max-width: 70%
    }

    .a-flex__item--66\:l {
        flex-basis: 66.666%;
        max-width: 66.666%
    }

    .a-flex__item--60\:l {
        flex-basis: 60%;
        max-width: 60%
    }

    .a-flex__item--50\:l {
        flex-basis: 50%;
        max-width: 50%
    }

    .a-flex__item--40\:l {
        flex-basis: 40%;
        max-width: 40%
    }

    .a-flex__item--33\:l {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .a-flex__item--30\:l {
        flex-basis: 30%;
        max-width: 30%
    }

    .a-flex__item--25\:l {
        flex-basis: 25%;
        max-width: 25%
    }

    .a-flex__item--20\:l {
        flex-basis: 20%;
        max-width: 20%
    }

    .a-flex__item--16\:l {
        flex-basis: 16.666%;
        max-width: 16.666%
    }
}

@media (min-width: 1600px) {
    .a-grid--cols-6 {
        --grid--columns:6
    }

    .a-flex__item--auto\:xl {
        flex: 1 0
    }

    .a-flex__item--0\:xl {
        flex: 0 0;
        max-width: 0;
        padding-inline:0}

    .a-flex__item\:xl {
        flex: 0 1 content
    }

    .a-flex__item--100\:xl {
        flex-basis: 100%;
        max-width: 100%
    }

    .a-flex__item--83\:xl {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .a-flex__item--80\:xl {
        flex-basis: 80%;
        max-width: 80%
    }

    .a-flex__item--75\:xl {
        flex-basis: 75%;
        max-width: 75%
    }

    .a-flex__item--70\:xl {
        flex-basis: 70%;
        max-width: 70%
    }

    .a-flex__item--66\:xl {
        flex-basis: 66.666%;
        max-width: 66.666%
    }

    .a-flex__item--60\:xl {
        flex-basis: 60%;
        max-width: 60%
    }

    .a-flex__item--50\:xl {
        flex-basis: 50%;
        max-width: 50%
    }

    .a-flex__item--40\:xl {
        flex-basis: 40%;
        max-width: 40%
    }

    .a-flex__item--33\:xl {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .a-flex__item--30\:xl {
        flex-basis: 30%;
        max-width: 30%
    }

    .a-flex__item--25\:xl {
        flex-basis: 25%;
        max-width: 25%
    }

    .a-flex__item--20\:xl {
        flex-basis: 20%;
        max-width: 20%
    }

    .a-flex__item--16\:xl {
        flex-basis: 16.666%;
        max-width: 16.666%
    }
}

.a-flex__item--start {
    align-self: flex-start
}

.a-flex__item--center {
    align-self: center
}

.a-flex__item--end {
    align-self: flex-end
}

.a-flex__item--baseline {
    align-self: baseline
}

.a-flex__item--stretch {
    align-self: stretch
}

.a-flex__item--grow-0 {
    flex-grow: 0
}

.a-flex__item--grow-1 {
    flex-grow: 1
}

.a-flex__item--grow-2 {
    flex-grow: 2
}

.a-flex__item--grow-3 {
    flex-grow: 3
}

.a-flex__item--shrink-0 {
    flex-shrink: 0
}

.a-flex__item--shrink-1 {
    flex-shrink: 1
}

.a-flex__item--order-0 {
    order: 0
}

.a-flex__item--order-1 {
    order: 1
}

.a-flex__item--order-2 {
    order: 2
}

.a-flex__item--order-3 {
    order: 3
}

[class*=a-flex__box] {
    display: block;
    padding: 2.5rem;
    padding: var(--box--spacing,var(--a--spacing))
}

.a-flex__box--0 {
    --box--spacing: 0
}

.a-flex__box--1 {
    --box--spacing: var(--a--spacing--1)
}

.a-flex__box--xxs {
    --box--spacing: var(--a--spacing--xxs)
}

.a-flex__box--xs {
    --box--spacing: var(--a--spacing--xs)
}

.a-flex__box--s {
    --box--spacing: var(--a--spacing--s)
}

.a-flex__box--m {
    --box--spacing: var(--a--spacing)
}

.a-flex__box--l {
    --box--spacing: var(--a--spacing--l)
}

@media (max-width: 1023px) {
    .a-flex__box--l {
        --box--spacing:var(--a--spacing)
    }
}

.a-flex__box--xl {
    --box--spacing: var(--a--spacing--xl)
}

@media (max-width: 1023px) {
    .a-flex__box--xl {
        --box--spacing:var(--a--spacing--l)
    }
}

.a-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    gap: var(--gap--col,var(--a--spacing--m)) var(--gap--row,var(--a--spacing--m))
}

.a-stack>* {
    margin-block:0}

.a-stack+.a-stack {
    -webkit-margin-before:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
            margin-block-start:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    -webkit-margin-before:var(--stack--spacing,var(--gap--row,var(--a--spacing--m)));
            margin-block-start:var(--stack--spacing,var(--gap--row,var(--a--spacing--m)))}

.a-stack--column {
    flex-direction: column
}

.a-stack--row {
    flex-direction: row;
    flex-wrap: wrap
}

.a-stack--row .a-stack+.a-stack {
    -webkit-margin-before:0;
            margin-block-start:0}

.a-stack--justify-start {
    justify-content: flex-start
}

.a-stack--justify-center {
    justify-content: center
}

.a-stack--justify-end {
    justify-content: flex-end
}

.a-stack--justify-between {
    justify-content: space-between
}

.a-stack--align-baseline {
    align-items: baseline
}

.a-stack--align-start {
    align-items: flex-start
}

.a-stack--align-center {
    align-items: center
}

.a-stack--align-end {
    align-items: flex-end
}

.a-stack--align-stretch {
    align-items: stretch
}

.a-stack--wrap {
    flex-wrap: wrap
}

.a-stack--nowrap {
    flex-wrap: nowrap
}

[class*=a-container] {
    width: min(calc(100% - (calc(2.5rem / 2) * 2)),90rem);
    width: min(var(--container--width-min,calc(100% - (var(--container--spacing,var(--a--container--spacing)) * 2))),var(--container--width-max,var(--a--container--width)));
    max-width: 90rem;
    max-width: var(--container--width-max,var(--a--container--width));
    margin-inline:auto}

.a-container--50 {
    --container--width-max: calc(var(--a--container--width) / 2)
}

.a-container--75 {
    --container--width-max: calc(var(--a--container--width) / 4 * 3)
}

.a-container--wide {
    --container--width-max: min(calc(var(--a--container--width-max) - (var(--container--spacing, var(--a--container--spacing)) * 2)), 100%)
}

.a-container--full {
    --container--width-min: 100%;
    --container--width-max: min(100vw, 1920px)
}

[class*=a-container] :where([class*=a-container]:not([class*='--wide']):not([class*='--full'])) {
    --container--spacing: 0;
    --container--width-min: 100%;
    --container--width-max: var(--a--container--width)
}

[class*=a-container] .a-container--50 {
    --container--width-max: calc(var(--a--container--width) / 2)
}

[class*=a-container] .a-container--75 {
    --container--width-max: calc(var(--a--container--width) / 4 * 3)
}

[class*=a-container] .a-container--wide {
    --container--width-min: max(100%, calc(var(--a--container--width-max)) - (var(--container--spacing, var(--a--container--spacing)) * 2));
    margin-inline:calc(var(--container--width-max) * -1 / 2 + 100% / 2)}

[class*=a-container][class*='--wide'] .a-container--wide {
    --container--spacing: 0;
    --container--width-min: 100%;
    --container--width-max: 100%;
    margin-inline:auto}

[class*=a-container] .a-container--full {
    --container--width-min: 100vw;
    --container--width-max: min(100vw, 1920px);
    margin-inline:calc(calc(2.5rem / 2) * -1);
    margin-inline:calc(var(--container--spacing,var(--a--container--spacing)) * -1)}

[class*=a-container][class*='--full'] : where([class*=a-container]:not([class*='--full'])) {
    --container--spacing:var(--a--container--spacing);
    --container--width-min: calc(100% - (var(--container--spacing, var(--a--container--spacing)) * 2))
}

[class*=a-container][class*='--full'] .a-container--wide {
    margin-inline:auto}

[class*=a-container][class*='--full'] .a-container--full {
    margin-inline:0}

.a-container--align-start {
    -webkit-margin-start:0;
            margin-inline-start:0}

.a-container--align-end {
    -webkit-margin-end:0;
            margin-inline-end:0}

[class*=a-gap] {
    column-gap: 2.5rem;
    column-gap: var(--gap--col,var(--a--spacing));
    row-gap: 2.5rem;
    row-gap: var(--gap--row,var(--a--spacing))
}

.a-gap--0 {
    --gap--col: var(--a--spacing--0);
    --gap--row: var(--a--spacing--0)
}

.a-gap--1 {
    --gap--col: var(--a--spacing--1);
    --gap--row: var(--a--spacing--1)
}

.a-gap--xxxs {
    --gap--col: var(--a--spacing--xxxs);
    --gap--row: var(--a--spacing--xxxs)
}

.a-gap--xxs {
    --gap--col: var(--a--spacing--xxs);
    --gap--row: var(--a--spacing--xxs)
}

.a-gap--xs {
    --gap--col: var(--a--spacing--xs);
    --gap--row: var(--a--spacing--xs)
}

.a-gap--s {
    --gap--col: var(--a--spacing--s);
    --gap--row: var(--a--spacing--s)
}

.a-gap--m {
    --gap--col: var(--a--spacing--m);
    --gap--row: var(--a--spacing--m)
}

.a-gap--l {
    --gap--col: var(--a--spacing--l);
    --gap--row: var(--a--spacing--l)
}

.a-gap--xl {
    --gap--col: var(--a--spacing--xl);
    --gap--row: var(--a--spacing--xl)
}

.a-gap--xxl {
    --gap--col: var(--a--spacing--xxl);
    --gap--row: var(--a--spacing--xxl)
}

.a-gap--xxxl {
    --gap--col: var(--a--spacing--xxxl);
    --gap--row: var(--a--spacing--xxxl)
}

.a-gap-row--0 {
    --gap--row: var(--a--spacing--0)
}

.a-gap-row--1 {
    --gap--row: var(--a--spacing--1)
}

.a-gap-row--xxxs {
    --gap--row: var(--a--spacing--xxxs)
}

.a-gap-row--xxs {
    --gap--row: var(--a--spacing--xxs)
}

.a-gap-row--xs {
    --gap--row: var(--a--spacing--xs)
}

.a-gap-row--s {
    --gap--row: var(--a--spacing--s)
}

.a-gap-row--m {
    --gap--row: var(--a--spacing--m)
}

.a-gap-row--l {
    --gap--row: var(--a--spacing--l)
}

.a-gap-row--xl {
    --gap--row: var(--a--spacing--xl)
}

.a-gap-row--xxl {
    --gap--row: var(--a--spacing--xxl)
}

.a-gap-row--xxxl {
    --gap--row: var(--a--spacing--xxxl)
}

.a-gap-col--0 {
    --gap--col: var(--a--spacing--0)
}

.a-gap-col--1 {
    --gap--col: var(--a--spacing--1)
}

.a-gap-col--xxxs {
    --gap--col: var(--a--spacing--xxxs)
}

.a-gap-col--xxs {
    --gap--col: var(--a--spacing--xxs)
}

.a-gap-col--xs {
    --gap--col: var(--a--spacing--xs)
}

.a-gap-col--s {
    --gap--col: var(--a--spacing--s)
}

.a-gap-col--m {
    --gap--col: var(--a--spacing--m)
}

.a-gap-col--l {
    --gap--col: var(--a--spacing--l)
}

.a-gap-col--xl {
    --gap--col: var(--a--spacing--xl)
}

.a-gap-col--xxl {
    --gap--col: var(--a--spacing--xxl)
}

.a-gap-col--xxxl {
    --gap--col: var(--a--spacing--xxxl)
}

@media (min-width: 320px) {
    .a-gap--0\:min {
        --gap--col:var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:min {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:min {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:min {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:min {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:min {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:min {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:min {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:min {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:min {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:min {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:min {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:min {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:min {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:min {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:min {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:min {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:min {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:min {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:min {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:min {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:min {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:min {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:min {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:min {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:min {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:min {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:min {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:min {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:min {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:min {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:min {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:min {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (min-width: 480px) {
    .a-gap--0\:xs {
        --gap--col:var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:xs {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:xs {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:xs {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:xs {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:xs {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:xs {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:xs {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:xs {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:xs {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:xs {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:xs {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:xs {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:xs {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:xs {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:xs {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:xs {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:xs {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:xs {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:xs {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:xs {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:xs {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:xs {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:xs {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:xs {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:xs {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:xs {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:xs {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:xs {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:xs {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:xs {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:xs {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:xs {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (min-width: 768px) {
    [class*=a-container] .a-container--full {
        margin-inline:calc(min(100vw,1920px) * -1 / 2 + 100% / 2)
    }

    .a-gap--0\:s {
        --gap--col: var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:s {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:s {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:s {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:s {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:s {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:s {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:s {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:s {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:s {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:s {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:s {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:s {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:s {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:s {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:s {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:s {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:s {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:s {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:s {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:s {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:s {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:s {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:s {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:s {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:s {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:s {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:s {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:s {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:s {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:s {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:s {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:s {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (min-width: 1024px) {
    .a-gap--0\:m {
        --gap--col:var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:m {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:m {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:m {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:m {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:m {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:m {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:m {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:m {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:m {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:m {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:m {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:m {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:m {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:m {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:m {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:m {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:m {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:m {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:m {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:m {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:m {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:m {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:m {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:m {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:m {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:m {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:m {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:m {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:m {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:m {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:m {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:m {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (min-width: 1280px) {
    .a-gap--0\:l {
        --gap--col:var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:l {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:l {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:l {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:l {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:l {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:l {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:l {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:l {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:l {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:l {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:l {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:l {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:l {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:l {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:l {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:l {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:l {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:l {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:l {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:l {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:l {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:l {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:l {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:l {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:l {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:l {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:l {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:l {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:l {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:l {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:l {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:l {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (min-width: 1600px) {
    .a-gap--0\:xl {
        --gap--col:var(--a--spacing--0);
        --gap--row: var(--a--spacing--0)
    }

    .a-gap--1\:xl {
        --gap--col: var(--a--spacing--1);
        --gap--row: var(--a--spacing--1)
    }

    .a-gap--xxxs\:xl {
        --gap--col: var(--a--spacing--xxxs);
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap--xxs\:xl {
        --gap--col: var(--a--spacing--xxs);
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap--xs\:xl {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap--s\:xl {
        --gap--col: var(--a--spacing--s);
        --gap--row: var(--a--spacing--s)
    }

    .a-gap--m\:xl {
        --gap--col: var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }

    .a-gap--l\:xl {
        --gap--col: var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }

    .a-gap--xl\:xl {
        --gap--col: var(--a--spacing--xl);
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap--xxl\:xl {
        --gap--col: var(--a--spacing--xxl);
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap--xxxl\:xl {
        --gap--col: var(--a--spacing--xxxl);
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-row--0\:xl {
        --gap--row: var(--a--spacing--0)
    }

    .a-gap-row--1\:xl {
        --gap--row: var(--a--spacing--1)
    }

    .a-gap-row--xxxs\:xl {
        --gap--row: var(--a--spacing--xxxs)
    }

    .a-gap-row--xxs\:xl {
        --gap--row: var(--a--spacing--xxs)
    }

    .a-gap-row--xs\:xl {
        --gap--row: var(--a--spacing--xs)
    }

    .a-gap-row--s\:xl {
        --gap--row: var(--a--spacing--s)
    }

    .a-gap-row--m\:xl {
        --gap--row: var(--a--spacing--m)
    }

    .a-gap-row--l\:xl {
        --gap--row: var(--a--spacing--l)
    }

    .a-gap-row--xl\:xl {
        --gap--row: var(--a--spacing--xl)
    }

    .a-gap-row--xxl\:xl {
        --gap--row: var(--a--spacing--xxl)
    }

    .a-gap-row--xxxl\:xl {
        --gap--row: var(--a--spacing--xxxl)
    }

    .a-gap-col--0\:xl {
        --gap--col: var(--a--spacing--0)
    }

    .a-gap-col--1\:xl {
        --gap--col: var(--a--spacing--1)
    }

    .a-gap-col--xxxs\:xl {
        --gap--col: var(--a--spacing--xxxs)
    }

    .a-gap-col--xxs\:xl {
        --gap--col: var(--a--spacing--xxs)
    }

    .a-gap-col--xs\:xl {
        --gap--col: var(--a--spacing--xs)
    }

    .a-gap-col--s\:xl {
        --gap--col: var(--a--spacing--s)
    }

    .a-gap-col--m\:xl {
        --gap--col: var(--a--spacing--m)
    }

    .a-gap-col--l\:xl {
        --gap--col: var(--a--spacing--l)
    }

    .a-gap-col--xl\:xl {
        --gap--col: var(--a--spacing--xl)
    }

    .a-gap-col--xxl\:xl {
        --gap--col: var(--a--spacing--xxl)
    }

    .a-gap-col--xxxl\:xl {
        --gap--col: var(--a--spacing--xxxl)
    }
}

@media (max-width: 1023px) {
    :is(.a-gap--xl,.a-gap--xxl,.a-gap--xxxl) {
        --gap--col:var(--a--spacing--m);
        --gap--row: var(--a--spacing--m)
    }
}

@media (max-width: 1279px) {
    :is(.a-gap--xl,.a-gap--xxl,.a-gap--xxxl) {
        --gap--col:var(--a--spacing--l);
        --gap--row: var(--a--spacing--l)
    }
}

.a-field:is(:focus-within:not(:has([disabled])):not(:has([readonly]))) {
    --label--color: var(--a--label--color--active, var(--a--color--accent))
}

.a-field--checkbox,.a-field--radio {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs)
}

.a-field--checkbox>input,.a-field--radio>input {
    -webkit-margin-before:0;
            margin-block-start:0}

.a-field__hint {
    display: block;
    padding: 0.75rem 0;
    padding: var(--a--field--spacing--vertical) 0;
    margin: calc(0 * -1) 0 0;
    margin: calc(var(--a--field--spacing--outer,var(--a--spacing--s)) * -1) 0 0;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--hint--font-family, var(--a--font-family--secondary));
    font-size: 0.9375rem;
    font-size: var(--hint--font-size, var(--a--font-size--s));
    font-weight: 400;
    font-weight: var(--hint--font-weight,var(--a--font-weight));
    letter-spacing: 0em;
    letter-spacing: var(--hint--letter-spacing, var(--a--letter-spacing));
    text-transform: none;
    text-transform: var(-hint--text-transform,var(--a--text-transform));
    line-height: 1.75;
    line-height: var(--hint--line-height, var(--a--line-height));
    color: rgba(255,255,255,80%);
    color: var(--hint--color,rgba(var(--a--color-rgb),80%))
}

.a-image--rounded {
    border-radius: 4px;
    border-radius: var(--a--border--radius)
}

.a-image--circle {
    border-radius: 999px
}

.a-image--landscape {
    aspect-ratio: 4/3
}

.a-image--landscape-3-2 {
    aspect-ratio: 3/2
}

.a-image--landscape-8-5 {
    aspect-ratio: 8/5
}

.a-image--landscape-16-9 {
    aspect-ratio: 16/9
}

.a-image--portrait {
    aspect-ratio: 3/4
}

.a-image--portrait-2-3 {
    aspect-ratio: 2/3
}

.a-image--portrait-5-8 {
    aspect-ratio: 5/8
}

.a-image--portrait-9-16 {
    aspect-ratio: 9/16
}

.a-image--square {
    aspect-ratio: 1/1
}

:where(.a-image--cover,.a-image--contain,.a-image--fill,.a-image--scale-down) {
    position: relative
}

:where(.a-image--cover,.a-image--contain,.a-image--fill,.a-image--scale-down) img {
    width: 100%;
    height: 100%;
    z-index: 10;
    z-index: var(--a--layer--1);
    object-position: center
}

:where(.a-image--cover) img {
    object-fit: cover
}

:where(.a-image--contain) img {
    object-fit: contain
}

:where(.a-image--fill) img {
    object-fit: fill
}

:where(.a-image--scale-down) img {
    object-fit: scale-down
}

:where(.a-image--start-top) img {
    object-position: left top
}

[dir=rtl] :where(.a-image--start-top) img {
    object-position: right top
}

:where(.a-image--center-top) img {
    object-position: center top
}

:where(.a-image--end-top) img {
    object-position: right top
}

[dir=rtl] :where(.a-image--end-top) img {
    object-position: left top
}

:where(.a-image--start-center) img {
    object-position: left center
}

[dir=rtl] :where(.a-image--start-center) img {
    object-position: right center
}

:where(.a-image--center-center) img {
    object-position: center center
}

:where(.a-image--end-center) img {
    object-position: right center
}

[dir=rtl] :where(.a-image--end-center) img {
    object-position: left center
}

:where(.a-image--start-bottom) img {
    object-position: left bottom
}

[dir=rtl] :where(.a-image--start-bottom) img {
    object-position: right bottom
}

:where(.a-image--center-bottom) img {
    object-position: center bottom
}

:where(.a-image--end-bottom) img {
    object-position: right bottom
}

[dir=rtl] :where(.a-image--end-bottom) img {
    object-position: left bottom
}

.a-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(2.5rem/ 4);
    gap: calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
    padding: 0.625em 2.5rem;
    padding: var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--button--font-family, var(--a--button--font-family, sans-serif));
    font-size: 1.1rem;
    font-size: var(--button--font-size, var(--a--button--font-size, 1rem));
    font-weight: 600;
    font-weight: var(--button--font-weight,var(--a--button--font-weight,700));
    letter-spacing: 0.005em;
    letter-spacing: var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
    text-transform: none;
    text-transform: var(--button--text-transform,var(--a--button--text-transform,none));
    line-height: 1.5em;
    line-height: var(--button--line-height, var(--a--button--line-height, 1.5rem));
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
            user-select: none;
    color: #202020;
    color: var(--button--color,var(--a--button--color));
    background-color: #ffffff;
    background-color: var(--button--background-color,var(--a--button--background-color));
    border: 1px solid transparent;
    border: var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
    border-radius: 4px;
    border-radius: var(--button--border-radius,var(--a--button--border-radius));
    box-shadow: 0 0 0 0 transparent;
    box-shadow: var(--button--box-shadow,var(--a--button--shadow));
    outline: transparent solid 2px;
    outline: var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset,2px);
    transition-property: transform,color,background,border,box-shadow,outline,-webkit-text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration,-webkit-text-decoration;
    transition-timing-function: 0.25s;
    transition-timing-function: var(--button--transition--timing-function,var(--a--transition--duration));
    transition-duration: 0.25s;
    transition-duration: var(--button--transition--duration, var(--a--transition--duration))
}

.a-button svg {
    position: relative;
    display: block;
    pointer-events: none;
    color: currentColor
}

.a-button:where(:hover,:focus) {
    --button--color: var(--a--button--color--active);
    --button--background-color: var(--a--button--background-color--active)
}

.a-button:where(:focus) {
    --button--box-shadow: var(--a--button--shadow--active)
}

.a-button:where(:focus-visible) {
    --button--outline-color: var(--a--button--background-color--active)
}

.a-button--xxs {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 0.75);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 0.75);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 0.75)
}

.a-button--xs {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 0.75);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 0.75);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 0.875)
}

.a-button--s {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 0.875);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 0.875);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 0.9375)
}

.a-button--l {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 1.125);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 1.125);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 1.0625)
}

.a-button--xl {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 1.25);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 1.25);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 1.125)
}

.a-button--xxl {
    --button--spacing--v: calc(var(--a--button--spacing--vertical) * 1.375);
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 1.375);
    --button--font-size: calc(var(--a--button--font-size, 1rem) * 1.25)
}

.a-button--primary {
    --button--font-family: var(--a--button--primary--font-family);
    --button--font-size: var(--a--button--primary--font-size);
    --button--font-weight: var(--a--button--primary--font-weight);
    --button--letter-spacing: var(--a--button--primary--letter-spacing);
    --button--text-transform: var(--a--button--primary--text-transform);
    --button--line-height: var(--a--button--primary--line-height)
}

.a-button--secondary {
    --button--font-family: var(--a--button--secondary--font-family);
    --button--font-size: var(--a--button--secondary--font-size);
    --button--font-weight: var(--a--button--secondary--font-weight);
    --button--letter-spacing: var(--a--button--secondary--letter-spacing);
    --button--text-transform: var(--a--button--secondary--text-transform);
    --button--line-height: var(--a--button--secondary--line-height)
}

.a-button--accent {
    --button--color: var(--a--button--accent--color);
    --button--background-color: var(--a--button--accent--background-color);
    --button--border-color: var(--a--button--accent--border-color);
    --button--box-shadow: var(--a--button--accent--shadow)
}

.a-button--accent:where(:hover,:focus) {
    --button--color: var(--a--button--accent--color--active);
    --button--background-color: var(--a--button--accent--background-color--active);
    --button--border-color: var(--a--button--accent--border-color--active)
}

.a-button--accent:where(:focus) {
    --button--box-shadow: var(--a--button--accent--shadow--active)
}

.a-button--accent:where(:focus-visible) {
    --button--outline-color: var(--a--button--accent--background-color--active)
}

.a-button--highlight {
    --button--color: var(--a--button--highlight--color);
    --button--background-color: var(--a--button--highlight--background-color);
    --button--border-color: var(--a--button--highlight--border-color);
    --button--box-shadow: var(--a--button--highlight--shadow)
}

.a-button--highlight:where(:hover,:focus) {
    --button--color: var(--a--button--highlight--color--active);
    --button--background-color: var(--a--button--highlight--background-color--active);
    --button--border-color: var(--a--button--highlight--border-color--active)
}

.a-button--highlight:where(:focus) {
    --button--box-shadow: var(--a--button--highlight--shadow--active)
}

.a-button--highlight:where(:focus-visible) {
    --button--outline-color: var(--a--button--highlight--background-color--active)
}

.a-button--contrast {
    --button--color: var(--a--button--contrast--color);
    --button--background-color: var(--a--button--contrast--background-color);
    --button--border-color: var(--a--button--contrast--border-color);
    --button--box-shadow: var(--a--button--contrast--shadow)
}

.a-button--contrast:where(:hover,:focus) {
    --button--color: var(--a--button--contrast--color--active);
    --button--background-color: var(--a--button--contrast--background-color--active);
    --button--border-color: var(--a--button--contrast--border-color--active)
}

.a-button--contrast:where(:focus) {
    --button--box-shadow: var(--a--button--contrast--shadow--active)
}

.a-button--contrast:where(:focus-visible) {
    --button--outline-color: var(--a--button--contrast--background-color--active)
}

.a-button--outline {
    --button--color: var(--a--button--outline--color);
    --button--background-color: var(--a--button--outline--background-color, transparent);
    --button--border-color: var(--a--button--outline--border-color);
    --button--box-shadow: var(--a--button--outline--shadow)
}

.a-button--outline:where(:hover,:focus) {
    --button--color: var(--a--button--outline--color--active);
    --button--background-color: var(--a--button--outline--background-color--active, transparent);
    --button--border-color: var(--a--button--outline--border-color--active)
}

.a-button--outline:where(:focus) {
    --button--box-shadow: var(--a--button--outline--shadow--active)
}

.a-button--outline:where(:focus-visible) {
    --button--outline-color: var(--a--button--outline--color--active)
}

.a-button--outline.a-button--accent:not(:hover,:focus) {
    --button--color: var(--a--color--accent);
    --button--border-color: currentColor
}

.a-button--outline.a-button--highlight:not(:hover,:focus) {
    --button--color: var(--a--color--highlight);
    --button--border-color: currentColor
}

.a-button--outline.a-button--contrast:not(:hover,:focus) {
    --button--color: var(--a--color--contrast);
    --button--border-color: currentColor
}

.a-button--link {
    --button--color: var(--a--link--color);
    --button--background-color: transparent;
    --button--border-color: transparent;
    --button--box-shadow: none;
    -webkit-text-decoration: revert;
            text-decoration: revert
}

.a-button--link:where(:hover,:focus) {
    --button--color: var(--a--link--color--active);
    --button--background-color: transparent;
    --button--border-color: transparent
}

.a-button--link:where(:focus) {
    --button--box-shadow: none
}

.a-button--link:where(:focus-visible) {
    --button--outline-color: currentColor
}

.a-button--icon {
    --button--spacing--h: var(--button--spacing--v, var(--a--button--spacing--vertical))
}

.a-button--icon-start {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    gap: max(0.625em,calc(2.5rem / 2));
    gap: max(var(--button--spacing--v,var(--a--button--spacing--vertical)),var(--a--spacing--xs));
    padding-inline:var(--button--spacing--h) calc(var(--button--spacing--h) * 2)}

.a-button--icon-end {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    gap: max(0.625em,calc(2.5rem / 2));
    gap: max(var(--button--spacing--v,var(--a--button--spacing--vertical)),var(--a--spacing--xs));
    padding-inline:calc(var(--button--spacing--h) * 2) var(--button--spacing--h)}

.a-button--icon-equal {
    display: inline-grid;
    grid-template-columns: 1.5rem 1fr 1.5rem;
    gap: max(0.625em,calc(2.5rem / 2));
    gap: max(var(--button--spacing--v,var(--a--button--spacing--vertical)),var(--a--spacing--xs));
    padding-inline:calc(var(--button--spacing--h) * 2)}

.a-button--narrow {
    padding-inline: max(0.625em,calc(2.5rem / 2));
    padding-inline: max(var(--button--spacing--v,var(--a--button--spacing--vertical)),var(--a--spacing--xs))
}

.a-button:where([disabled]) {
    --button--border-color: transparent;
    opacity: 1;
    pointer-events: none;
    cursor: default;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent .5rem,rgba(255,255,255,10%) .5rem,rgba(255,255,255,10%) calc(.5rem * 2));
    background-image: repeating-linear-gradient(-45deg,transparent,transparent var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) var(--button--disabled--stripe--size,.5rem),rgba(var(--button--disabled--stripe--color--rgb,var(--a--color-rgb)),var(--button--disabled--stripe--opacity,10%)) calc(var(--button--disabled--stripe--size,.5rem) * 2));
    box-shadow: none;
    outline: 0
}

.a-button:where([disabled]):hover {
    --button--color: inherit
}

.a-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.a-buttons+.a-buttons {
    -webkit-margin-before:2.5rem;
            margin-block-start:2.5rem;
    -webkit-margin-before:var(--a--spacing);
            margin-block-start:var(--a--spacing)}

.a-buttons--start {
    justify-content: flex-start
}

.a-buttons--center {
    justify-content: center
}

.a-buttons--end {
    justify-content: flex-end
}

.a-buttons--stretch {
    justify-content: stretch
}

.a-buttons--row {
    flex-direction: row
}

.a-buttons--column {
    flex-direction: column;
    align-items: flex-start
}

.a-buttons--column.a-buttons--start {
    align-items: flex-start
}

.a-buttons--column.a-buttons--center {
    align-items: center
}

.a-buttons--column.a-buttons--end {
    align-items: flex-end
}

.a-buttons--column.a-buttons--stretch {
    align-items: stretch
}

.a-buttons:where(:not([class*=a-gap])) {
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs)
}

.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.a-buttons.a-gap--0:not(.a-buttons--column) .a-button:last-child {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.a-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    border: 0
}

:root,[data-scheme=dark] {
    color-scheme: dark;
    --a--color: #ffffff;
    --a--color-rgb: 255,255,255;
    --a--color--accent: #dcc8fa;
    --a--color--accent-rgb: 220,200,250;
    --a--color--highlight: #fadcc8;
    --a--color--highlight-rgb: 250,220,200;
    --a--color--significant: #c8fafa;
    --a--color--significant-rgb: 200,250,250;
    --a--color--contrast: #202020;
    --a--color--contrast-rgb: 0,0,50;
    --a--color--background: #01031c;
    --a--color--background-rgb: 50,50,125;
    --a--color--background--down: #080e1a;
    --a--color--background--down-rgb: 25,25,100;
    --a--color--success-rgb: 150,225,175;
    --a--color--warning-rgb: 225,175,150;
    --a--color--error-rgb: 225,150,175;
    --a--link--color-rgb: var(--a--color-rgb);
    --a--link--color--active-rgb: var(--a--color--accent-rgb)
}

:root {
    --a--color--light: #fff;
    --a--color--light-rgb: 255,255,255;
    --a--color--dark: #000032;
    --a--color--dark-rgb: 0,0,50;
    --a--color--shadow-rgb: 0,0,50;
    --a--anchor--gutter: var(--f--anchor--gutter);
    --a--selection--color: var(--a--color--background);
    --a--selection--background-color: var(--a--color);
    --a--font-family--primary: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --a--font-family--secondary: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --a--font-size--base: 14px;
    --a--font-weight: 400;
    --a--letter-spacing: 0em;
    --a--text-transform: none;
    --a--line-height: 1.75;
    --a--font-size--xxl: 1.25rem;
    --a--font-size--xl: 1.125rem;
    --a--font-size--l: 1.0625rem;
    --a--font-size: 1rem;
    --a--font-size--s: 0.9375rem;
    --a--font-size--xs: 0.875rem;
    --a--font-size--xxs: 0.75rem;
    --a--transition--duration: 0.25s;
    --a--transition--timing-function: ease-in-out;
    --a--spacing: 2.5rem;
    --a--border--width: 1px;
    --a--border--radius: 4px;
    --a--outline--width: 2px;
    --a--outline--style: solid;
    --a--outline--offset: 4px;
    --a--heading--font-family: var(--a--font-family--primary, sans-serif);
    --a--heading--font-scale: 1.25;
    --a--heading--font-size: 1.2rem;
    --a--heading--font-weight: var(--a--font-weight--bold-semi);
    --a--heading--line-height: calc(2ex + 0.2em);
    --a--heading--letter-spacing: 0.005em;
    --a--heading--sub--font-family: var(--a--font-family--secondary);
    --a--heading--sub--font-size: var(--a--heading--font-size--h6--fluid);
    --a--heading--sub--font-weight: var(--a--font-weight);
    --a--label--spacing: var(--a--spacing--xxs);
    --a--label--font-family: var(--a--font-family--primary);
    --a--label--font-size: var(--a--font-size--xxl);
    --a--label--font-weight: var(--a--font-weight--bold-semi);
    --a--label--letter-spacing: var(--a--letter-spacing);
    --a--label--text-transform: var(--a--text-transform);
    --a--label--color: var(--a--color);
    --a--label--color--active: var(--a--color--accent);
    --a--field--font-size: var(--a--font-size);
    --a--field--spacing--vertical: 0.75rem;
    --a--field--spacing--horizontal: 1.25rem;
    --a--field--spacing--outer: 0;
    --a--field--color: rgba(var(--a--color-rgb), 1);
    --a--field--color--active: var(--a--color);
    --a--field--background-color: rgba(var(--a--color--dark-rgb), 0.5);
    --a--field--background-color--active: rgba(var(--a--color--dark-rgb), 0.75);
    --a--field--background-color--readonly: rgba(var(--a--color-rgb), 0.1);
    --a--field--border-width: var(--a--border--width);
    --a--field--border-radius: var(--a--border--radius);
    --a--field--border-color: rgba(var(--a--color-rgb), 0);
    --a--field--border-color--active: rgba(var(--a--color--accent-rgb), 1);
    --a--field--shadow-width: 6px;
    --a--field--shadow: 0 0 0 0 rgba(var(--a--color--shadow-rgb), 0.2);
    --a--field--shadow--active: 0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--shadow-rgb), 0.5);
    --a--field--shadow--valid: 0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--success-rgb), 0.5);
    --a--field--shadow--invalid: 0 0 0 var(--a--field--shadow-width) rgba(var(--a--color--error-rgb), 0.5);
    --a--field--placeholder--color: rgba(var(--a--color-rgb), 0.75);
    --a--field--placeholder--color--active: rgba(var(--a--color-rgb), 0.5);
    --a--button--spacing--vertical: 0.625em;
    --a--button--spacing--horizontal: var(--a--spacing);
    --a--button--font-family: var(--a--font-family--primary, sans-serif);
    --a--button--font-size: 1.1rem;
    --a--button--font-weight: var(--a--font-weight--bold-semi);
    --a--button--letter-spacing: 0.005em;
    --a--button--text-transform: none;
    --a--button--line-height: 1.5em;
    --a--button--border-width: var(--a--border--width);
    --a--button--border-radius: var(--a--border--radius);
    --a--button--color: var(--a--color--contrast);
    --a--button--color--active: var(--a--color--contrast);
    --a--button--background-color: var(--a--color);
    --a--button--background-color--active: var(--a--color--accent);
    --a--button--shadow-width: 4px;
    --a--button--shadow: 0 0 0 0 transparent;
    --a--button--shadow--active: 0 0 0 var(--a--button--shadow-width) rgba(var(--a--color--accent-rgb), 0.3);
    --a--button--accent--color: var(--a--color--contrast);
    --a--button--accent--color--active: var(--a--color--contrast);
    --a--button--accent--background-color: var(--a--color--accent);
    --a--button--accent--background-color--active: var(--a--color);
    --a--button--accent--shadow-width: 4px;
    --a--button--accent--shadow: var(--a--button--shadow);
    --a--button--accent--shadow--active: 0 0 0 var(--a--button--accent--shadow-width) rgba(var(--a--color--highlight-rgb), 0.3);
    --a--button--highlight--color: var(--a--color--contrast);
    --a--button--highlight--color--active: var(--a--color--contrast);
    --a--button--highlight--background-color: var(--a--color--highlight);
    --a--button--highlight--background-color--active: var(--a--color);
    --a--button--highlight--shadow-width: 4px;
    --a--button--highlight--shadow: var(--a--button--shadow);
    --a--button--highlight--shadow--active: 0 0 0 var(--a--button--highlight--shadow-width) rgba(var(--a--color-rgb), 0.3);
    --a--button--contrast--color: var(--a--color);
    --a--button--contrast--color--active: var(--a--color--contrast);
    --a--button--contrast--background-color: var(--a--color--contrast);
    --a--button--contrast--background-color--active: var(--a--color--highlight);
    --a--button--contrast--shadow-width: 4px;
    --a--button--contrast--shadow: var(--a--button--shadow);
    --a--button--contrast--shadow--active: 0 0 0 var(--a--button--contrast--shadow-width) rgba(var(--a--color--highlight-rgb), 0.3);
    --a--button--outline--color: rgba(var(--a--color-rgb), 0.75);
    --a--button--outline--color--active: var(--a--color);
    --a--button--outline--background-color: transparent;
    --a--button--outline--background-color--active: transparent;
    --a--button--outline--border-color: rgba(var(--a--color-rgb), 0.2);
    --a--button--outline--border-color--active: var(--a--color);
    --a--button--outline--shadow-width: 4px;
    --a--button--outline--shadow: var(--a--button--shadow);
    --a--button--outline--shadow--active: 0 0 0 var(--a--button--outline--shadow-width) rgba(var(--a--color-rgb), 0.2);
    --a--progress--size: 0.25rem;
    --a--progress--color: var(--a--color--accent);
    --a--progress--background-color: rgba(var(--a--color--dark-rgb), 25%);
    --a--container--width: 90rem;
    --a--container--gap: var(--a--container--spacing);
    --a--container--spacing: var(--a--spacing--xs);
    --off--width: 80%;
    --off--width-min: 320px;
    --off--width-max: 480px;
    --off--z-index: 190;
    --off--transition--duration: 0.5s;
    --off--transition--timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    --off--dialog--width: var(--a--container--width);
    --off--dialog--width--50: calc(var(--a--container--width) / 2);
    --off--dialog--width--75: calc(var(--a--container--width) / 4 * 3);
    --off--dialog--spacing: var(--a--container--spacing);
    --off--dialog--radius: var(--a--border--radius)
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    :root {
        --a--transition--duration: 0s;
        --off--transition--duration: 0s
    }
}

@media (max-width: 767px) {
    .a-flex__box--xl {
        --box--spacing:var(--a--spacing)
    }

    .a-off:where([data-off-breakpoint='768']) {
        opacity: 0;
        pointer-events: none;
        transform: translate3d(100%,0,0);
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        min-width: 320px;
        min-width: var(--off--width-min);
        height: 100vh;
        z-index: 190;
        z-index: var(--off--z-index);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition-property: opacity,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    @supports (min-height: 100dvh) {
        .a-off:where([data-off-breakpoint='768']) {
            height:100dvh
        }
    }

    @supports (overscroll-behavior-y:contain) {
        .a-off: where([data-off-breakpoint='768']) {
            overscroll-behavior-y:contain
        }
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position]) {
        opacity: 1;
        transition-property: transform,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position]) .a-off__close {
        opacity: 1
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position=top]) {
        top: 0;
        bottom: auto;
        height: auto;
        min-height: auto;
        transform: translate3d(0,-100%,0)
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position=right]) {
        right: 0;
        left: auto;
        transform: translate3d(100%,0,0)
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position=bottom]) {
        top: auto;
        bottom: 0;
        height: auto;
        min-height: auto;
        transform: translate3d(0,100%,0)
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position=left]) {
        right: auto;
        left: 0;
        transform: translate3d(-100%,0,0)
    }

    .a-off:where([data-off-breakpoint='768']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='768']):where([data-off-position=right]) {
        width: 100%;
        width: var(--off--width);
        max-width: 480px;
        max-width: var(--off--width-max)
    }

    .a-off:where([data-off-breakpoint='768']).active {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0,0,0);
        transition-duration: calc(calc(0.25s * 2) / 2),calc(0.25s * 2);
        transition-duration: calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
    }

    .a-off:where([data-off-breakpoint='768']).active:where([data-off-position]) {
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration)
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing) {
        opacity: 0
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position]) {
        opacity: 1
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=top]) {
        transform: translate3d(0,-100%,0)
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=right]) {
        transform: translate3d(100%,0,0)
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=bottom]) {
        transform: translate3d(0,100%,0)
    }

    .a-off:where([data-off-breakpoint='768']).active:is(.closing[data-off-position=left]) {
        transform: translate3d(-100%,0,0)
    }

    .a-off:where([data-off-breakpoint='768']).active .a-off__close {
        opacity: 1;
        pointer-events: auto
    }
}

@media (min-width: 768px) {
    :root {
        --a--font-size--base:16px;
        --a--container--spacing: var(--a--spacing--s)
    }

    .a-off__trigger:is([data-off-breakpoint='768']) {
        display: none;
        pointer-events: none
    }

    .a-off__location>.a-off[data-off-breakpoint='768'] {
        display: none
    }
}

@media (max-width: 767px) {
    .a-off__trigger:is([data-off-breakpoint='768']) {
        display:revert;
        pointer-events: auto
    }
}

@media (max-width: 1023px) {
    .a-off:where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']) {
        opacity:0;
        pointer-events: none;
        transform: translate3d(100%,0,0);
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        min-width: 320px;
        min-width: var(--off--width-min);
        height: 100vh;
        z-index: 190;
        z-index: var(--off--z-index);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition-property: opacity,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    @supports (min-height: 100dvh) {
        .a-off:where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']) {
            height:100dvh
        }
    }

    @supports (overscroll-behavior-y:contain) {
        .a-off: where(:not([data-off-breakpoint])),.a-off:where([data-off-breakpoint='1024']) {
            overscroll-behavior-y:contain
        }
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position]) {
        opacity: 1;
        transition-property: transform,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position]) .a-off__close,.a-off:where([data-off-breakpoint='1024']):where([data-off-position]) .a-off__close {
        opacity: 1
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position=top]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=top]) {
        top: 0;
        bottom: auto;
        height: auto;
        min-height: auto;
        transform: translate3d(0,-100%,0)
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position=right]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=right]) {
        right: 0;
        left: auto;
        transform: translate3d(100%,0,0)
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position=bottom]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=bottom]) {
        top: auto;
        bottom: 0;
        height: auto;
        min-height: auto;
        transform: translate3d(0,100%,0)
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=left]) {
        right: auto;
        left: 0;
        transform: translate3d(-100%,0,0)
    }

    .a-off:where(:not([data-off-breakpoint])):where([data-off-position=left]),.a-off:where(:not([data-off-breakpoint])):where([data-off-position=right]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1024']):where([data-off-position=right]) {
        width: 100%;
        width: var(--off--width);
        max-width: 480px;
        max-width: var(--off--width-max)
    }

    .a-off:where(:not([data-off-breakpoint])).active,.a-off:where([data-off-breakpoint='1024']).active {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0,0,0);
        transition-duration: calc(calc(0.25s * 2) / 2),calc(0.25s * 2);
        transition-duration: calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
    }

    .a-off:where(:not([data-off-breakpoint])).active:where([data-off-position]),.a-off:where([data-off-breakpoint='1024']).active:where([data-off-position]) {
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration)
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing),.a-off:where([data-off-breakpoint='1024']).active:is(.closing) {
        opacity: 0
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position]) {
        opacity: 1
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=top]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=top]) {
        transform: translate3d(0,-100%,0)
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=right]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=right]) {
        transform: translate3d(100%,0,0)
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=bottom]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=bottom]) {
        transform: translate3d(0,100%,0)
    }

    .a-off:where(:not([data-off-breakpoint])).active:is(.closing[data-off-position=left]),.a-off:where([data-off-breakpoint='1024']).active:is(.closing[data-off-position=left]) {
        transform: translate3d(-100%,0,0)
    }

    .a-off:where(:not([data-off-breakpoint])).active .a-off__close,.a-off:where([data-off-breakpoint='1024']).active .a-off__close {
        opacity: 1;
        pointer-events: auto
    }
}

@media (min-width: 1024px) {
    :root {
        --a--container--spacing:var(--a--spacing--m)
    }

    .a-off__trigger:is([data-off-breakpoint='1024']),.a-off__trigger:not([data-off-breakpoint]) {
        display: none;
        pointer-events: none
    }

    .a-off__location>.a-off:not([data-off-breakpoint]),.a-off__location>.a-off[data-off-breakpoint='1024'] {
        display: none
    }
}

@media (max-width: 1023px) {
    .a-off__trigger:is([data-off-breakpoint='1024']),.a-off__trigger:not([data-off-breakpoint]) {
        display:revert;
        pointer-events: auto
    }
}

@media (max-width: 1279px) {
    .a-off:where([data-off-breakpoint='1280']) {
        opacity:0;
        pointer-events: none;
        transform: translate3d(100%,0,0);
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        min-width: 320px;
        min-width: var(--off--width-min);
        height: 100vh;
        z-index: 190;
        z-index: var(--off--z-index);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition-property: opacity,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    @supports (min-height: 100dvh) {
        .a-off:where([data-off-breakpoint='1280']) {
            height:100dvh
        }
    }

    @supports (overscroll-behavior-y:contain) {
        .a-off: where([data-off-breakpoint='1280']) {
            overscroll-behavior-y:contain
        }
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position]) {
        opacity: 1;
        transition-property: transform,box-shadow;
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration);
        transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
        transition-timing-function: var(--off--transition--timing-function)
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position]) .a-off__close {
        opacity: 1
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position=top]) {
        top: 0;
        bottom: auto;
        height: auto;
        min-height: auto;
        transform: translate3d(0,-100%,0)
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position=right]) {
        right: 0;
        left: auto;
        transform: translate3d(100%,0,0)
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position=bottom]) {
        top: auto;
        bottom: 0;
        height: auto;
        min-height: auto;
        transform: translate3d(0,100%,0)
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position=left]) {
        right: auto;
        left: 0;
        transform: translate3d(-100%,0,0)
    }

    .a-off:where([data-off-breakpoint='1280']):where([data-off-position=left]),.a-off:where([data-off-breakpoint='1280']):where([data-off-position=right]) {
        width: 100%;
        width: var(--off--width);
        max-width: 480px;
        max-width: var(--off--width-max)
    }

    .a-off:where([data-off-breakpoint='1280']).active {
        opacity: 1;
        pointer-events: auto;
        transform: translate3d(0,0,0);
        transition-duration: calc(calc(0.25s * 2) / 2),calc(0.25s * 2);
        transition-duration: calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
    }

    .a-off:where([data-off-breakpoint='1280']).active:where([data-off-position]) {
        transition-duration: calc(0.25s * 2);
        transition-duration: var(--off--transition--duration)
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing) {
        opacity: 0
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position]) {
        opacity: 1
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=top]) {
        transform: translate3d(0,-100%,0)
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=right]) {
        transform: translate3d(100%,0,0)
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=bottom]) {
        transform: translate3d(0,100%,0)
    }

    .a-off:where([data-off-breakpoint='1280']).active:is(.closing[data-off-position=left]) {
        transform: translate3d(-100%,0,0)
    }

    .a-off:where([data-off-breakpoint='1280']).active .a-off__close {
        opacity: 1;
        pointer-events: auto
    }
}

@media (min-width: 1280px) {
    .a-off__trigger:is([data-off-breakpoint='1280']) {
        display:none;
        pointer-events: none
    }

    .a-off__location>.a-off[data-off-breakpoint='1280'] {
        display: none
    }
}

@media (max-width: 1279px) {
    .a-off__trigger:is([data-off-breakpoint='1280']) {
        display:revert;
        pointer-events: auto
    }
}

body.off-all--enabled .a-off__trigger {
    display: revert;
    pointer-events: auto
}

.a-off:where([data-off-breakpoint=all]) {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(100%,0,0);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    min-width: 320px;
    min-width: var(--off--width-min);
    height: 100vh;
    z-index: 190;
    z-index: var(--off--z-index);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-property: opacity,box-shadow;
    transition-duration: calc(0.25s * 2);
    transition-duration: var(--off--transition--duration);
    transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    transition-timing-function: var(--off--transition--timing-function)
}

@supports (min-height: 100dvh) {
    .a-off:where([data-off-breakpoint=all]) {
        height:100dvh
    }
}

@supports (overscroll-behavior-y:contain) {
    .a-off: where([data-off-breakpoint=all]) {
        overscroll-behavior-y:contain
    }
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position]) {
    opacity: 1;
    transition-property: transform,box-shadow;
    transition-duration: calc(0.25s * 2);
    transition-duration: var(--off--transition--duration);
    transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
    transition-timing-function: var(--off--transition--timing-function)
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position]) .a-off__close {
    opacity: 1
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position=top]) {
    top: 0;
    bottom: auto;
    height: auto;
    min-height: auto;
    transform: translate3d(0,-100%,0)
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position=right]) {
    right: 0;
    left: auto;
    transform: translate3d(100%,0,0)
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position=bottom]) {
    top: auto;
    bottom: 0;
    height: auto;
    min-height: auto;
    transform: translate3d(0,100%,0)
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position=left]) {
    right: auto;
    left: 0;
    transform: translate3d(-100%,0,0)
}

.a-off:where([data-off-breakpoint=all]):where([data-off-position=left]),.a-off:where([data-off-breakpoint=all]):where([data-off-position=right]) {
    width: 100%;
    width: var(--off--width);
    max-width: 480px;
    max-width: var(--off--width-max)
}

.a-off:where([data-off-breakpoint=all]):where(.active) {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0,0,0);
    transition-duration: calc(calc(0.25s * 2) / 2),calc(0.25s * 2);
    transition-duration: calc(var(--off--transition--duration) / 2),var(--off--transition--duration)
}

.a-off:where([data-off-breakpoint=all]):where(.active):where([data-off-position]) {
    transition-duration: calc(0.25s * 2);
    transition-duration: var(--off--transition--duration)
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing) {
    opacity: 0
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position]) {
    opacity: 1
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=top]) {
    transform: translate3d(0,-100%,0)
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=right]) {
    transform: translate3d(100%,0,0)
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=bottom]) {
    transform: translate3d(0,100%,0)
}

.a-off:where([data-off-breakpoint=all]):where(.active):is(.closing[data-off-position=left]) {
    transform: translate3d(-100%,0,0)
}

.a-off:where([data-off-breakpoint=all]):where(.active) .a-off__close {
    opacity: 1;
    pointer-events: auto
}

.a-off__trigger {
    display: none
}

.a-off__trigger:is([data-off-breakpoint=all]) {
    display: revert
}

.a-off__close {
    display: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(2.5rem / 2);
    top: var(--a--spacing--xs);
    right: calc(2.5rem / 2);
    right: var(--a--spacing--xs);
    align-items: center;
    justify-content: center
}

.a-off__close svg {
    pointer-events: none
}

.active .a-off__close {
    display: flex
}

.a-off__overlay {
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 125%;
    z-index: calc(190 - 1);
    z-index: calc(var(--off--z-index) - 1);
    transition: opacity calc(0.25s * 2) ease;
    transition: opacity var(--off--transition--duration) ease
}

.off-active .a-off__overlay {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0)
}

.off-active.off-closing .a-off__overlay {
    opacity: 0;
    transition-duration: calc(calc(0.25s * 2) / 2);
    transition-duration: calc(var(--off--transition--duration) / 2);
    transition-delay: calc(calc(0.25s * 2) / 2);
    transition-delay: calc(var(--off--transition--duration) / 2)
}

.a-off--dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(2.5rem / 2);
    padding: var(--off--dialog--spacing);
    pointer-events: none;
    overscroll-behavior: contain;
    overflow: hidden
}

.a-off--dialog .a-off__container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(90rem / 4 * 3);
    max-width: var(--off--dialog--width);
    height: calc(100vh - (calc(2.5rem / 2) * 2));
    height: calc(100vh - (var(--off--dialog--spacing) * 2));
    margin: 0 auto;
    pointer-events: auto;
    transition: transform 0.25s ease-in-out 0s;
    transition: transform var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

@supports (max-height: 100dvh) {
    .a-off--dialog .a-off__container {
        height:calc(100dvh - (calc(2.5rem / 2) * 2));
        height:calc(100dvh - (var(--off--dialog--spacing) * 2))
    }
}

.a-off--dialog .a-off__container--50 {
    max-width: calc(90rem / 2);
    max-width: var(--off--dialog--width--50)
}

.a-off--dialog .a-off__container--75 {
    max-width: calc(90rem / 4 * 3);
    max-width: var(--off--dialog--width--75)
}

.a-off--dialog .a-off__scroller {
    padding: calc(2.5rem / 2);
    padding: var(--off--dialog--spacing);
    overflow-x: hidden;
    overflow-y: auto
}

.a-off--dialog .a-off__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-inline:calc(2.5rem / 2);
    padding-inline:var(--off--dialog--spacing);margin-inline: calc(calc(2.5rem / 2) * -1);margin-inline: calc(var(--off--dialog--spacing) * -1);
    background-color: inherit
}

.a-off--dialog .a-off__close {
    top: calc(2.5rem / 8);
    top: var(--a--spacing--xxxs);
    right: calc(2.5rem / 8);
    right: var(--a--spacing--xxxs);
    z-index: 10;
    z-index: var(--a--layer--1)
}

@media (min-width: 1024px) {
    .a-off--dialog .a-off__close {
        top:calc(2.5rem / 2);
        top:var(--a--spacing--xs);
        right: calc(2.5rem / 2);
        right: var(--a--spacing--xs)
    }

    .f-form__terms {
        max-width: max(480px,75%)
    }
}

.a-off--dialog:not([data-off-position]) .a-off__container {
    transform: translateY(calc(2.5rem / 2));
    transform: translateY(var(--off--dialog--spacing))
}

.a-off--dialog:not([data-off-position]):where(.active) .a-off__container {
    transform: translateY(0)
}

.a-off--dialog:not([data-off-position]):where(.closing) .a-off__container {
    transform: translateY(calc(2.5rem / 2));
    transform: translateY(var(--off--dialog--spacing))
}

details.is-style-plus summary {
    -webkit-padding-end:calc(var(--details--icon--size) + calc(2.5rem / 4 * 2) + calc(2.5rem / 4 * 2));
            padding-inline-end:calc(var(--details--icon--size) + calc(2.5rem / 4 * 2) + calc(2.5rem / 4 * 2));
    -webkit-padding-end:calc(var(--details--icon--size) + var(--details--icon--spacing,var(--a--spacing--s)) + var(--a--spacing--s));
            padding-inline-end:calc(var(--details--icon--size) + var(--details--icon--spacing,var(--a--spacing--s)) + var(--a--spacing--s))}

details.is-style-plus summary: after,details.is-style-plus summary:before {
    content:'';
    position: absolute;
    top: 50%;
    right: calc(2.5rem / 4 * 2);
    right: var(--details--icon--spacing,var(--a--spacing--s));
    width: 1rem;
    width: var(--details--icon--size,1rem);
    height: max(calc(1px * 2), 2px);
    height: var(--details--icon--thickness,var(--a--border--width--l));
    transform-origin: 50% 50%;
    background-color: currentColor;
    border-radius: 4px;
    border-radius: var(--details--icon--radius,var(--a--border--radius));
    transition: transform calc(0.25s / 2) ease-in-out;
    transition: transform var(--a--transition--duration--half) var(--a--transition--timing-function--ease-in-out)
}

details.is-style-plus summary:before {
    transform: translateY(-50%)
}

details.is-style-plus summary:after {
    margin-top: 0;
    transform: translateY(-50%) rotate(90deg);
    border: none
}

details.is-style-plus[open] summary:before {
    transform: translateY(-50%) rotate(180deg)
}

details.is-style-plus[open] summary:after {
    transform: translateY(-50%) rotate(360deg)
}

p[style*='text-decoration:none'] a {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

p[style*='text-decoration:none'] a:focus,p[style*='text-decoration:none'] a:hover {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

svg.icon [stroke]:not([stroke=none]) {
    stroke: currentColor
}

svg.icon [fill]:not([fill=none]) {
    fill: currentColor
}

svg.icon .accent {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

svg.icon .highlight {
    color: #fadcc8;
    color: var(--a--color--highlight)
}

svg.defs {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden
}

summary {
    text-wrap: balance
}

summary :where(h2,h3,h4) {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit
}

body {
    max-width: 1920px;
    margin-inline:auto;overflow-x: hidden
}

.f-skiplink {
    position: absolute;
    top: 0;
    left: -10000px
}

.f-skiplink:focus {
    top: 0;
    padding: calc(2.5rem / 4) 2.5rem;
    padding: var(--a--spacing--xxs) var(--a--spacing);
    z-index: 900;
    z-index: var(--a--layer--top);
    text-align: center;
    color: #ffffff;
    color: var(--a--color);
    background-color: #01031c;
    background-color: var(--a--color--background);
    border-radius: 0;
    outline-offset: 0;
    --shadow--size: var(--a--spacing);
    --shadow--color: rgba(var(--a--color--shadow-rgb), 5%);
    box-shadow: 0 0 calc(var(--shadow--size)/ 4) var(--shadow--color),0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 2) var(--shadow--color),0 calc(var(--shadow--size)/ 2) var(--shadow--size) var(--shadow--color);
    transition: none
}

.admin-bar .f-skiplink:focus {
    top: 32px
}

:where(html:not(.no-js)) .f-lazy {
    opacity: 0;
    transition: opacity calc(0.25s * 2) linear;
    transition: opacity var(--f--lazy--transition-duration, var(--a--transition--duration--double)) var(--f--lazy--transition-timing-function, linear)
}

:where(html:not(.no-js)) .f-lazy+.f-lazy__loading {
    opacity: 1
}

:where(html:not(.no-js)) .f-lazy.lazy-loaded {
    opacity: 1
}

:where(html:not(.no-js)) .f-lazy.lazy-loaded+.f-lazy__loading {
    opacity: 0
}

.f-icon svg {
    display: block
}

.f-icon--highlight {
    color: #fadcc8;
    color: var(--a--color--highlight)
}

.f-gallery figure {
    -webkit-margin-after:0;
            margin-block-end:0}

.f-alert {
    --alert--border-width: var(--a--border--width);
    box-shadow: 0 var(--alert--border-width) 0 0 var(--alert--border-color)
}

.f-alert p {
    text-wrap: balance
}

.f-form__loading {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0,-100%,0);
    position: absolute;
    inset: 0;
    z-index: 50;
    z-index: var(--a--layer--5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    color: var(--a--color);
    background-color: rgba(50,50,125,50%);
    background-color: rgba(var(--a--color--background-rgb),50%);
    transition-property: opacity,visibility;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-form__loading.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    pointer-events: auto
}

.f-form__loading.closing {
    opacity: 0
}

.f-label--terms {
    display: flex;
    align-items: center;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs)
}

.f-label--terms>input {
    margin: 0;
    flex-shrink: 0
}

.f-form__terms {
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs)
}

.f-form__submit {
    position: relative;
    margin-top: calc(2.5rem / 4 * 2);
    margin-top: var(--form--spacing,var(--a--spacing--s))
}

.f-form__submit--center {
    text-align: center
}

.f-form__note {
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    text-wrap: pretty
}

.f-form__response {
    scroll-margin-top: calc(calc(32px + (calc(2.5rem / 2) * 2)) + calc(2.5rem / 4 * 2));
    scroll-margin-top: var(--a--anchor--gutter,var(--a--spacing--xl))
}

.f-form__alert {
    -webkit-user-select: none;
            user-select: none;
    cursor: pointer
}

.f-form__alert>* {
    pointer-events: none
}

.f-search__field {
    position: relative;
    margin: 0
}

.f-search__input {
    margin: 0
}

.f-search__button {
    --button--spacing--h: var(--a--spacing--xxs);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 0 4px 4px 0;
    border-radius: 0 var(--a--field--border-radius) var(--a--field--border-radius) 0
}

.f-form {
    position: relative
}

.f-form__header {
    margin-bottom: 2.5rem;
    margin-bottom: var(--form--spacing,var(--a--spacing))
}

.f-button--secret {
    padding: 0;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-button--secret:focus,.f-button--secret:hover {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-breadcrumbs {
    --breadcrumbs--gap: var(--a--spacing--xxs);
    position: relative;
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs)
}

.f-breadcrumbs ol {
    display: flex;
    align-items: baseline;
    gap: var(--breadcrumbs--gap);
    padding: 0;
    margin: 0;
    overflow-x: auto;
    --scrollbar--width: 6px
}

.f-breadcrumbs ol:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: rgba(255,255,255,0.2) transparent;
    scrollbar-color: rgba(var(--a--color-rgb),0.2) transparent;
    scrollbar-width: thin
}

.f-breadcrumbs ol:-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 6px
}

.f-breadcrumbs ol:-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
    background-color: rgba(var(--a--color-rgb),.2);
    background-clip: content-box
}

.f-breadcrumbs ol:-webkit-scrollbar-track {
    background-color: transparent
}

@media (max-width: 767px) {
    .f-breadcrumbs ol {
        font-size:0.875rem;
        font-size:var(--a--font-size--xs)
    }
}

.f-breadcrumbs li {
    display: inline-flex;
    align-items: center;
    gap: var(--breadcrumbs--gap);
    padding: 0;
    white-space: nowrap
}

.f-breadcrumbs a {
    padding: 0;
    margin: 0;
    -webkit-text-decoration: revert;
            text-decoration: revert;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
    line-height: inherit
}

.f-breadcrumbs a:where([aria-current]):not(:hover,:focus) {
    --link--color: inherit
}

.f-breadcrumbs a:where(:hover,:focus) {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-breadcrumbs__separator {
    line-height: inherit
}

.f-pagination {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs);
    margin: 2.5rem auto 0;
    margin: var(--a--spacing) auto 0
}

.f-pagination li {
    display: inline-block
}

.f-pagination :is(a,span) {
    display: inline-block;
    padding: calc(2.5rem / 4) calc(2.5rem / 2);
    padding: var(--a--spacing--xxs) var(--a--spacing--xs);
    text-align: center;
    background-color: transparent;
    border-radius: 4px;
    border-radius: var(--a--button--border-radius)
}

.f-pagination a:active,.f-pagination a:focus,.f-pagination a:hover {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-pagination span.current {
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

.f-pagination .next,.f-pagination .prev {
    width: 100%
}

.f-content {
    --content--spacing: var(--a--spacing--m);
    display: flow-root
}

.f-content>:where(:not(p,h1,h2,h3,h4,h5,h6,figure)) {
    margin-block:var(--content--spacing)}

.f-content>: where(:not(p,h1,h2,h3,h4,h5,h6,figure)):first-child {
    -webkit-margin-before:0;
            margin-block-start:0
}

.f-content>:where(:not(p,h1,h2,h3,h4,h5,h6,figure)):last-child {
    -webkit-margin-after:0;
            margin-block-end:0}

.f-avatar {
    --avatar--size: var(--f--avatar--size, 40px);
    --avatar--border-width: var(--a--border--width--l);
    --avatar--border-color: currentColor;
    position: relative;
    display: inline-flex;
    place-content: center;
    margin: 0;
    overflow: hidden;
    width: var(--avatar--size);
    height: var(--avatar--size);
    border-radius: 50%;
    box-shadow: 0 0 0 var(--avatar--border-width) var(--avatar--border-color);
    --avatar--border-width: var(--a--border--width--l);
    --avatar--border-color: var(--a--color)
}

.f-avatar img {
    width: var(--avatar--size);
    height: var(--avatar--size);
    border-radius: inherit
}

.f-avatar--placeholder {
    border: none
}

.f-avatar--placeholder svg {
    width: inherit;
    height: inherit
}

.f-avatar--placeholder svg [stroke-width] {
    stroke-width: 1px
}

.f-avatar--s {
    --avatar--size: calc(var(--f--avatar--size, 40px) / 2)
}

.f-avatar--l {
    --avatar--size: calc(var(--f--avatar--size, 40px) * 1.5)
}

.f-avatar--xl {
    --avatar--size: calc(var(--f--avatar--size, 40px) * 2)
}

.f-avatar--xxl {
    --avatar--size: calc(var(--f--avatar--size, 40px) * 3)
}

.f-author {
    line-height: normal
}

.f-author__name {
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl);
    font-weight: 700;
    font-weight: var(--a--font-weight--bold)
}

.f-author__position {
    opacity: .8;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

.f-section__container {
    padding-top: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding-top: var(--section--spacing,var(--a--spacing--m));
    padding-bottom: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding-bottom: var(--section--spacing,var(--a--spacing--m))
}

.f-section__container:where(:not(.a-stack))>:where(:not(.screen-reader-text))+* {
    margin-top: max(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem),calc(2.5rem / 4 * 2));
    margin-top: max(var(--section--spacing--inner,var(--section--spacing,var(--a--spacing--m)),var(--a--spacing--s)))
}

.f-section__footer--center,.f-section__header--center {
    text-align: center
}

.f-section__footer--end,.f-section__header--end {
    text-align: end
}

.f-section__actions {
    display: flex;
    align-items: center
}

.f-section__actions--center {
    justify-content: center
}

.f-section__actions--end {
    justify-content: flex-end
}

.f-metas {
    --gap--col: 0;
    --gap--row: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gap--row) var(--gap--col);
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    .f-pagination .next,.f-pagination .prev {
        width:auto
    }

    .f-metas {
        --gap--col: var(--a--spacing--xs);
        --gap--row: var(--a--spacing--xs);
        flex-direction: row;
        align-items: flex-start;
        gap: var(--gap--row) var(--gap--col)
    }

    .f-metas--align-center {
        align-items: center
    }
}

@media (min-width: 1024px) {
    .f-metas {
        --gap--row:var(--a--spacing)
    }
}

@media (min-width: 768px) {
    .f-metas--justify-center {
        justify-content:center
    }
}

.f-meta {
    --gap--row: var(--a--spacing--xxs);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap--row) var(--gap--col);
    padding: calc(2.5rem / 8) 0;
    padding: var(--a--spacing--xxxs) 0
}

.f-meta:not(:last-child) {
    border: solid rgba(255,255,255,20%);
    border: solid var(--meta--border-color,rgba(var(--a--color-rgb),20%));
    border-width: 0 0 1px 0;
    border-width: 0 0 var(--meta--border-width,var(--a--border--width)) 0
}

@media (min-width: 768px) {
    .f-meta:not(:last-child) {
        padding-right:calc(2.5rem / 4 * 2);
        padding-right:var(--meta--border-spacing,var(--a--spacing--s));
        border-width: 0 1px 0 0;
        border-width: 0 var(--meta--border-width,var(--a--border--width)) 0 0
    }
}

.f-meta--center {
    align-items: center
}

.f-meta--end {
    align-items: flex-end
}

.f-meta--row {
    flex-direction: row
}

.f-meta__label {
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: calc(0em + 0.1em);
    letter-spacing: var(--a--letter-spacing--xxl);
    text-transform: uppercase
}

.f-meta__value {
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs)
}

.f-metas--vertical {
    --gap--col: 0;
    --gap--row: 0;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gap--col) var(--gap--row);
    width: 100%
}

.f-metas--vertical .f-meta {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 0 calc(2.5rem / 2);
    padding: 0 0 0 var(--meta--border-spacing,var(--a--spacing--xs));
    border-width: 0 0 0 1px;
    border-width: 0 0 0 var(--meta--border-width,var(--a--border--width))
}

@media (min-width: 768px) {
    .f-metas--vertical .f-meta {
        flex-direction:row
    }
}

.f-tags {
    --tag--border-radius: var(--a--border--radius)
}

.f-tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(2.5rem / 8);
    gap: var(--tags--gap,var(--a--spacing--xxxs));
    padding: 0;
    margin: 0;
    list-style: none
}

.f-tags a {
    display: block;
    padding: calc(2.5rem / 8) calc(2.5rem / 2);
    padding: var(--tags--spacing--v,var(--a--spacing--xxxs)) var(--tags--spacing--h,var(--a--spacing--xs));
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    text-decoration: none;
    background-color: rgba(255,255,255,5%);
    background-color: rgba(var(--a--color-rgb),5%);
    border-radius: calc(calc(2.5rem / 2) * 2);
    border-radius: var(--tag--border-radius,calc(var(--tags--spacing--h,var(--a--spacing--xs)) * 2));
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset)
}

.f-tags a:is(:hover,:focus) {
    background-color: rgba(220,200,250,10%);
    background-color: rgba(var(--a--color--accent-rgb),10%)
}

.f-tags h3 {
    font-size: 1.0625rem;
    font-size: var(--a--font-size--l)
}

.f-tags--center ul {
    justify-content: center
}

#wpadminbar {
    z-index: 60;
    z-index: var(--a--adminbar--layer,var(--a--layer--6))
}

.alignnone {
    margin: 0 0 2.5rem 0;
    margin: 0 0 var(--spacing,var(--a--spacing)) 0
}

.aligncenter {
    margin: 0 auto 2.5rem auto;
    margin: 0 auto var(--spacing,var(--a--spacing)) auto;
    text-align: center
}

.alignright {
    float: right;
    margin: 0 0 2.5rem 2.5rem;
    margin: 0 0 var(--spacing,var(--a--spacing)) var(--spacing,var(--a--spacing))
}

.alignleft {
    float: left;
    margin: 0 2.5rem 2.5rem 0;
    margin: 0 var(--spacing,var(--a--spacing)) var(--spacing,var(--a--spacing)) 0
}

mark[style*='background-color:rgba(0, 0, 0, 0)'] {
    padding: 0
}

[class*='.has-h-'] {
    --line-height: var(--a--heading--line-height, 1.3);
    line-height: var(--line-height)
}

.has-text-color :where(a) {
    --color: currentColor
}

.alignwide {
    --spacing: var(--a--container--spacing);
    min-width: calc(100% + (var(--spacing) * 2));
    margin-inline:calc(var(--spacing) * -1)}

.alignwide .alignwide {
    min-width: 100%;
    margin-inline:0}

.alignfull {
    margin-inline:calc(-100vw / 2 + 100% / 2)}

@media (max-width: 479px) {
    [class*=a-container] .alignfull {
        margin-inline:calc(calc(2.5rem / 2) * -1);
        margin-inline:calc(var(--a--container--spacing) * -1)
    }
}

.alignfull .alignfull {
    margin-inline:0}

.wp-block-heading mark[style*='background-color:rgba(0, 0, 0, 0)'] {
    padding: 0;
    margin: 0
}

.wp-block-columns {
    flex-wrap: wrap!important;
    margin-bottom: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin-bottom: var(--wp--style--block-gap,var(--a--spacing--m))
}

@media (min-width: 1024px) {
    .wp-block-columns {
        flex-wrap:nowrap!important
    }
}

.wp-block-columns:where(:last-child) {
    margin-bottom: 0
}

@media (max-width: 1023px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:100%!important
    }

    .wp-block-media-text.is-stacked-on-mobile.wp-block-media-text {
        grid-template-columns: 100%!important
    }

    .wp-block-media-text.is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
}

.wp-block-columns .wp-block-column {
    margin: 0
}

.wp-block-button .wp-block-button__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(2.5rem/ 4);
    gap: calc(var(--button--spacing--h,var(--a--button--spacing--horizontal))/ 4);
    padding: 0.625em 2.5rem;
    padding: var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal));
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--button--font-family, var(--a--button--font-family, sans-serif));
    font-size: 1.1rem;
    font-size: var(--button--font-size, var(--a--button--font-size, 1rem));
    font-weight: 600;
    font-weight: var(--button--font-weight,var(--a--button--font-weight,700));
    letter-spacing: 0.005em;
    letter-spacing: var(--button--letter-spacing, var(--a--button--letter-spacing, 0));
    text-transform: none;
    text-transform: var(--button--text-transform,var(--a--button--text-transform,none));
    line-height: 1.5em;
    line-height: var(--button--line-height, var(--a--button--line-height, 1.5rem));
    text-decoration: none;
    text-align: center;
    -webkit-user-select: none;
            user-select: none;
    color: #202020;
    color: var(--button--color,var(--a--button--color));
    background-color: #ffffff;
    background-color: var(--button--background-color,var(--a--button--background-color));
    border: 1px solid transparent;
    border: var(--button--border-width,var(--a--button--border-width)) solid var(--button--border-color,var(--a--button--border-color,transparent));
    border-radius: 4px;
    border-radius: var(--button--border-radius,var(--a--button--border-radius));
    box-shadow: 0 0 0 0 transparent;
    box-shadow: var(--button--box-shadow,var(--a--button--shadow));
    outline: transparent solid 2px;
    outline: var(--button--outline-color,transparent) var(--a--outline--style,solid) var(--a--outline--width,2px);
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset,2px);
    transition-property: transform,color,background,border,box-shadow,outline,-webkit-text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration;
    transition-property: transform,color,background,border,box-shadow,outline,text-decoration,-webkit-text-decoration;
    transition-timing-function: 0.25s;
    transition-timing-function: var(--button--transition--timing-function,var(--a--transition--duration));
    transition-duration: 0.25s;
    transition-duration: var(--button--transition--duration, var(--a--transition--duration))
}

.wp-block-button .wp-block-button__link svg {
    position: relative;
    display: block;
    pointer-events: none;
    color: currentColor
}

.wp-block-button .wp-block-button__link:where(:hover,:focus) {
    --button--color: var(--a--button--color--active);
    --button--background-color: var(--a--button--background-color--active)
}

.wp-block-button .wp-block-button__link:where(:focus) {
    --button--box-shadow: var(--a--button--shadow--active)
}

.wp-block-button .wp-block-button__link:where(:focus-visible) {
    --button--outline-color: var(--a--button--background-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-primary-background-color) {
    --button--color: var(--a--button--color);
    --button--background-color: var(--a--button--background-color);
    --button--border-color: var(--a--button--border-color);
    --button--box-shadow: var(--a--button--shadow)
}

.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:hover,:focus) {
    --button--color: var(--a--button--color--active);
    --button--background-color: var(--a--button--background-color--active);
    --button--border-color: var(--a--button--border-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:focus) {
    --button--box-shadow: var(--a--button--shadow--active)
}

.wp-block-button .wp-block-button__link:where(.has-primary-background-color):where(:focus-visible) {
    --button--outline-color: var(--a--button--background-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-primary-background-color):is(:hover,:focus) {
    background-color: var(--button--background-color)!important
}

.wp-block-button .wp-block-button__link:where(.has-accent-background-color) {
    --button--color: var(--a--button--accent--color);
    --button--background-color: var(--a--button--accent--background-color);
    --button--border-color: var(--a--button--accent--border-color);
    --button--box-shadow: var(--a--button--accent--shadow)
}

.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:hover,:focus) {
    --button--color: var(--a--button--accent--color--active);
    --button--background-color: var(--a--button--accent--background-color--active);
    --button--border-color: var(--a--button--accent--border-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:focus) {
    --button--box-shadow: var(--a--button--accent--shadow--active)
}

.wp-block-button .wp-block-button__link:where(.has-accent-background-color):where(:focus-visible) {
    --button--outline-color: var(--a--button--accent--background-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-accent-background-color):is(:hover,:focus) {
    background-color: var(--button--background-color)!important
}

.wp-block-button .wp-block-button__link:where(.has-highlight-background-color) {
    --button--color: var(--a--button--highlight--color);
    --button--background-color: var(--a--button--highlight--background-color);
    --button--border-color: var(--a--button--highlight--border-color);
    --button--box-shadow: var(--a--button--highlight--shadow)
}

.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:hover,:focus) {
    --button--color: var(--a--button--highlight--color--active);
    --button--background-color: var(--a--button--highlight--background-color--active);
    --button--border-color: var(--a--button--highlight--border-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:focus) {
    --button--box-shadow: var(--a--button--highlight--shadow--active)
}

.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):where(:focus-visible) {
    --button--outline-color: var(--a--button--highlight--background-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-highlight-background-color):is(:hover,:focus) {
    background-color: var(--button--background-color)!important
}

.wp-block-button .wp-block-button__link:where(.has-contrast-background-color) {
    --button--color: var(--a--button--contrast--color);
    --button--background-color: var(--a--button--contrast--background-color);
    --button--border-color: var(--a--button--contrast--border-color);
    --button--box-shadow: var(--a--button--contrast--shadow)
}

.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:hover,:focus) {
    --button--color: var(--a--button--contrast--color--active);
    --button--background-color: var(--a--button--contrast--background-color--active);
    --button--border-color: var(--a--button--contrast--border-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:focus) {
    --button--box-shadow: var(--a--button--contrast--shadow--active)
}

.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):where(:focus-visible) {
    --button--outline-color: var(--a--button--contrast--background-color--active)
}

.wp-block-button .wp-block-button__link:where(.has-contrast-background-color):is(:hover,:focus) {
    background-color: var(--button--background-color)!important
}

.wp-block-button.is-style-outline>.wp-block-button__link {
    --button--color: var(--a--button--outline--color);
    --button--background-color: var(--a--button--outline--background-color, transparent);
    --button--border-color: var(--a--button--outline--border-color);
    --button--box-shadow: var(--a--button--outline--shadow);
    padding: 0.625em 2.5rem;
    padding: var(--button--spacing--v,var(--a--button--spacing--vertical)) var(--button--spacing--h,var(--a--button--spacing--horizontal))
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(:hover,:focus) {
    --button--color: var(--a--button--outline--color--active);
    --button--background-color: var(--a--button--outline--background-color--active, transparent);
    --button--border-color: var(--a--button--outline--border-color--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(:focus) {
    --button--box-shadow: var(--a--button--outline--shadow--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(:focus-visible) {
    --button--outline-color: var(--a--button--outline--color--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: var(--button--color)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-text-color):is(:hover,:focus) {
    --button--color: var(--a--button--outline--color--active);
    --button--background-color: var(--a--button--outline--background-color--active);
    --button--border-color: var(--a--button--outline--border-color--active);
    color: var(--button--color)!important
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-accent-color) {
    --button--border-color: var(--a--color--accent)
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-highlight-color) {
    --button--border-color: var(--a--color--highlight)
}

.wp-block-button.is-style-outline>.wp-block-button__link:where(.has-contrast-color) {
    --button--border-color: var(--a--color--contrast)
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:hover,:focus) {
    --button--color: var(--a--button--outline--color--active);
    --button--background-color: var(--a--button--outline--background-color--active);
    --button--border-color: var(--a--button--outline--border-color--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:focus) {
    --button--box-shadow: var(--a--button--outline--shadow--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):where(:focus-visible) {
    --button--outline-color: var(--a--button--outline--border-color--active)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-background) {
    --button--background-color: var(--a--button--outline--background-color);
    background-color: var(--button--background-color)!important
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-accent-background-color):not(:hover,:focus) {
    --button--border-color: var(--a--color--accent)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-highlight-background-color):not(:hover,:focus) {
    --button--border-color: var(--a--color--highlight)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-contrast-background-color):not(:hover,:focus) {
    --button--border-color: var(--a--color--contrast)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color) {
    border-color: var(--button--border-color)
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color):is(:hover,:focus) {
    --button--box-shadow: none;
    border-color: currentColor
}

.wp-block-button.is-style-outline>.wp-block-button__link:is(.has-border-color):is(:focus-visible) {
    --button--outline-color: currentColor
}

.wp-block-buttons .wp-block-button {
    margin: 0
}

.wp-block-social-link a {
    transition-property: color,background-color,outline,transform;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.wp-block-cover {
    min-height: 22.5rem;
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) calc(2.5rem / 2);
    padding: var(--cover--spacing--v,var(--a--spacing--m)) var(--cover--spacing--h,var(--a--container--spacing))
}

.wp-block-cover:last-child {
    -webkit-margin-after:0;
            margin-block-end:0}

.wp-block-cover:is(.is-light):not(.has-text-color) {
    color: #ffffff;
    color: var(--a--color)
}

[data-scheme=light] .wp-block-cover:is(.is-light):not(.has-text-color) {
    color: #ffffff;
    color: var(--a--color)
}

[data-scheme=dark] .wp-block-cover:is(.is-light):not(.has-text-color) {
    color: #202020;
    color: var(--a--color--contrast)
}

.wp-block-image {
    -webkit-margin-after:2.5rem;
            margin-block-end:2.5rem;
    -webkit-margin-after:var(--spacing,var(--wp--style--block-gap,var(--a--spacing)));
            margin-block-end:var(--spacing,var(--wp--style--block-gap,var(--a--spacing)))}

.wp-block-image img {
    vertical-align: middle
}

.wp-block-image figcaption {
    color: inherit
}

.wp-block-image.aligncenter {
    margin-right: auto;
    margin-left: auto
}

.wp-block-embed,.wp-block-gallery,.wp-block-video {
    --spacing: var(--a--spacing--m);
    margin-block:var(--spacing)}

.wp-block-media-text .wp-block-media-text__content {
    --spacing: calc(var(--a--container--spacing) / 2);
    padding: max(var(--spacing),2.5rem) var(--spacing);
    padding: max(var(--spacing),var(--a--spacing)) var(--spacing)
}

@media (min-width: 768px) {
    .wp-block-media-text .wp-block-media-text__content {
        --spacing:calc(var(--a--container--spacing) / 4 * 3)
    }
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    min-height: 420px
}

.wp-block-table {
    --table--spacing--v: var(--a--spacing--xxs);
    --table--spacing--h: var(--a--spacing--xs);
    --table--border-width: var(--a--table--border-width, var(--a--border--width--s));
    --table--border-color: var(--a--table--border-color, rgba(var(--a--color-rgb), 0.2));
    -webkit-margin-after:2.5rem;
            margin-block-end:2.5rem;
    -webkit-margin-after:var(--wp--style--block-gap,var(--a--spacing));
            margin-block-end:var(--wp--style--block-gap,var(--a--spacing))}

.wp-block-table table {
    -webkit-margin-after: 2.5rem;
            margin-block-end: 2.5rem;
    -webkit-margin-after: var(--wp--style--block-gap,var(--a--spacing));
            margin-block-end: var(--wp--style--block-gap,var(--a--spacing))
}

.wp-block-table table:last-child {
    -webkit-margin-after:0;
            margin-block-end:0}

.wp-block-table td,.wp-block-table th {
    padding: var(--table--spacing--v) var(--table--spacing--h)
}

.wp-block-table td:where(:first-child),.wp-block-table th:where(:first-child) {
    -webkit-padding-start:0;
            padding-inline-start:0}

.wp-block-table td:where(:last-child),.wp-block-table th:where(:last-child) {
    -webkit-padding-end:0;
            padding-inline-end:0}

.wp-block-table th {
    text-align: inherit
}

.wp-block-table :is(figcaption) {
    --caption--spacing--v: 0;
    font-size: small;
    text-align: inherit;
    color: inherit
}

.wp-block-table:not(.is-style-stripes) td,.wp-block-table:not(.is-style-stripes) th {
    border-bottom: solid var(--table--border-color);
    border-width: 0 0 var(--table--border-width)
}

.wp-block-table.is-style-stripes {
    margin-inline:calc(var(--table--spacing--h) * -1);border: none
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--a--table--stripe-background-color);
    background-image: var(--a--table--stripe-background-image)
}

.wp-block-table.is-style-stripes td:where(:first-child),.wp-block-table.is-style-stripes th:where(:first-child) {
    -webkit-padding-start:var(--table--spacing--h);
            padding-inline-start:var(--table--spacing--h)}

.wp-block-table.is-style-stripes td: where(:last-child),.wp-block-table.is-style-stripes th:where(:last-child) {
    -webkit-padding-end:var(--table--spacing--h);
            padding-inline-end:var(--table--spacing--h)
}

.wp-block-quote {
    padding-block:max(calc(2.5rem / 4 * 2),clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem));
    padding-block:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)));-webkit-margin-after: calc(2.5rem / 4 * 2);margin-block-end: calc(2.5rem / 4 * 2);-webkit-margin-after: var(--quote--spacing,var(--a--spacing--s));margin-block-end: var(--quote--spacing,var(--a--spacing--s));
    border: medium none currentColor;
    border: initial
}

@media (min-width: 1024px) {
    .wp-block-quote {
        padding:max(calc(2.5rem / 4 * 2),clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem));
        padding:max(var(--quote--spacing,var(--a--spacing--s)),var(--quote--spacing--max,var(--a--spacing--m)))
    }
}

.wp-block-quote cite {
    display: block;
    font-size: 1rem;
    font-size: var(--a--font-size);
    line-height: normal
}

.wp-block-details {
    padding: 0;
    overflow: visible;
    overflow: initial
}

.wp-block-details>:not(summary) {
    -webkit-margin-before:0;
            margin-block-start:0}

.wp-block-details+.wp-block-details {
    -webkit-margin-before:calc(var(--spacing)/ 2 * -1);
            margin-block-start:calc(var(--spacing)/ 2 * -1)}

.wp-block-separator {
    --separator--size: var(--a--border--width--1);
    width: 100%;
    border-bottom-width: var(--separator--size)
}

.wp-block-separator:not(.has-background) {
    border-color: rgba(255,255,255,20%);
    border-color: rgba(var(--a--color-rgb),20%)
}


:root {
    --f--block--spacing--gap: var(--a--spacing--m);
    --f--block--columns--spacing--gap: var(--a--spacing--m);
    --f--block--buttons--spacing--gap: var(--a--spacing--xs);
    --f--block--gallery--spacing--gap: var(--a--spacing--xs);
    --device--color: var(--a--color--contrast);
    --device--border: clamp(0.75rem, 0.75rem, 2.5rem);
    --device--border-radius: clamp(0.25rem, 0.5rem, 0.5rem);
    --device--depth--step: clamp(0.5rem, 0.75rem, 1rem);
    --device--table--color: rgba(var(--a--color--background--down-rgb), 100%);
    --f--color--web-design: #faafc8;
    --f--color--web-design--rgb: 250,175,200;
    --f--color--web-development: #afc8fa;
    --f--color--web-development--rgb: 175,200,250;
    --f--color--web-design-and-development: #dcc8fa;
    --f--color--web-design-and-development--rgb: 220,200,250;
    --f--gradient--web-design-and-development: linear-gradient(to right, var(--f--color--web-design), var(--f--color--web-development));
    --f--gradient--color--1--rgb: var(--a--color--background-rgb);
    --f--gradient--color--2--rgb: var(--a--color--background--down-rgb);
    --f--gradient--main: radial-gradient(circle, rgba(var(--a--color--background-rgb), 50%), rgba(var(--a--color--background-rgb), 0%)),radial-gradient(farthest-corner at 25% 100%, rgba(var(--f--gradient--color--2--rgb), 75%), rgba(var(--f--gradient--color--2--rgb), 0%)),radial-gradient(farthest-corner at 75% 0%, rgba(var(--f--gradient--color--1--rgb), 75%), rgba(var(--f--gradient--color--1--rgb), 0%));
    --f--anchor--gutter: calc(var(--f--header--height) + var(--a--spacing--s));
    --f--anchor--gutter--section: var(--f--header--height);
    --f--line--size--s: var(--a--border--width--l);
    --f--line--size: var(--a--border--width--xxl);
    --f--filter--blur--xs: 3px;
    --f--filter--blur--s: 5px;
    --f--filter--blur: 10px;
    --f--filter--blur--l: 20px;
    --f--filter--blur--xl: 30px;
    --f--transition--timing-function--cb: cubic-bezier(0, 0, 0.5, 1);
    --f--transition--timing-function--cb--fast: cubic-bezier(0, 0.5, 0.25, 1);
    --f--transition--timing-function--cb--bounce: cubic-bezier(0, 1, 0.5, 1.25);
    --f--transition--timing-function--cb--gradual: cubic-bezier(0.5, 1, 0.5, 1);
    --f--transition--timing-function--cb--inout: cubic-bezier(0.9, 0, 0.1, 1);
    --f--transition--timing-function--cb--puff: cubic-bezier(0, 0.25, 0.5, 1);
    --f--transition--timing-function--cb--count: cubic-bezier(0.5, 0.5, 0.25, 1);
    --f--transition--timing-function--cb--carousel: cubic-bezier(0.5, 1, 0.5, 1);
    --f--scroll--animation-timing-function: linear;
    --f--overlay--color--rgb: var(--a--color--dark-rgb);
    --f--overlay--color--opacity: 25%;
    --f--logo--spacing--v: var(--a--spacing--xxs);
    --f--logo--spacing--h: calc(var(--a--container--spacing) / 2);
    --f--logo--height: 32px;
    --f--header--spacing--v: var(--a--container--spacing);
    --f--header--spacing--h: calc(var(--a--container--spacing) / 2);
    --f--header--height: calc(var(--f--logo--height) + (var(--f--header--spacing--v) * 2));
    --f--header--color: var(--a--color);
    --f--header--color-rgb: var(--a--color-rgb);
    --f--header--color-opacity: 0.8;
    --f--header--color--accent: var(--a--color--accent);
    --f--header--color--background: var(--a--color--background);
    --f--header--color--background-rgb: var(--a--color--background-rgb);
    --f--navigation--font-family: var(--a--font-family--secondary);
    --f--navigation--font-size: var(--a--font-size);
    --f--navigation--font-weight: var(--a--font-weight);
    --f--navigation--letter-spacing: var(--a--letter-spacing);
    --f--navigation--text-transform: none;
    --f--navigation--line-height: var(--a--button--line-height);
    --f--content--gradient: linear-gradient(to bottom, rgba(var(--a--color--background--down-rgb), 100%) 0%, rgba(var(--a--color--background--down-rgb), 0%) 100%);
    --f--listing--transition-timing-function: var(--f--transition--timing-function--cb--inout);
    --f--listing--transition-delay: 0s;
    --f--footer--color: var(--a--color);
    --f--footer--color-rgb: var(--a--color-rgb);
    --f--footer--color-opacity: 100%;
    --f--footer--color--accent: var(--a--color--accent);
    --f--footer--color--background: var(--a--color--background--down);
    --f--status--waiting: var(--a--color--significant);
    --f--status--incomplete: var(--a--color--warning);
    --f--status--trialing: var(--a--color);
    --f--status--active: var(--a--color--accent);
    --f--status--inactive: var(--a--color--warning);
    --f--status--paused: var(--a--color--warning);
    --f--status--unpaid: var(--a--color--warning);
    --f--status--queued: var(--a--color--significant);
    --f--status--closed: var(--a--color--success);
    --f--status--stopped: var(--a--color--error);
    --f--status--canceled: var(--a--color--error);
    --f--status--rejected: var(--a--color--error);
    --f--status--past-due: var(--a--color--error);
    --f--progress--0: #f0faf0;
    --f--progress--20: #e1f5e6;
    --f--progress--40: #cdf0dc;
    --f--progress--60: #beebcd;
    --f--progress--80: #afebc3;
    --f--progress--100: var(--a--color--success);
    --f--progress--done: var(--a--color--success);
    --f--partnership--available: var(--a--color--significant);
    --f--partnership--limited: var(--a--color--warning);
    --f--partnership--last: var(--a--color--error);
    --f--layout--radius: var(--a--spacing--xs);
    --off--width: 100%;
    --off--color: var(--a--color);
    --off--color-rgb: var(--a--color-rgb);
    --off--color--accent: var(--a--color--accent);
    --off--color--background: var(--a--color--background);
    --off--color--overlay: rgba(var(--a--color--background--down-rgb), 85%);
    --off--transition--duration: var(--a--transition--duration--double);
    --off--transition--timing-function: var(--f--transition--timing-function--cb--inout);
    --off--container--spacing: var(--a--spacing--m);
    --off--dialog--width: calc(var(--a--container--width) / 4 * 3);
    --off--dialog--spacing: var(--a--container--spacing);
    --off--dialog--radius: var(--f--layout--radius);
    --f--badges--gap: var(--a--border--width--l)
}

@media (min-width: 1024px) {
    :root {
        --f--layout--radius:var(--a--spacing--m)
    }
}

@media (min-width: 1280px) {
    .wp-block-cover {
        --cover--spacing--v:var(--a--spacing--l);
        min-height: 30rem
    }

    .wp-block-media-text .wp-block-media-text__content {
        --spacing: var(--a--container--spacing)
    }

    :root {
        --f--logo--spacing--h: var(--a--spacing--xs);
        --f--header--spacing--h: var(--a--container--spacing);
        --f--layout--radius: var(--a--spacing--l)
    }
}

:is(.ewww_webp,.ewww_webp_loaded) {
    transition: opacity calc(0.25s * 2) linear;
    transition: opacity var(--f--lazy--transition-duration, var(--a--transition--duration--double)) var(--f--lazy--transition-timing-function, linear)
}

.ewww_webp {
    opacity: 0
}

.ewww_webp_loaded {
    opacity: 1
}

.f-off[data-off-breakpoint=all] {
    color: #ffffff;
    color: var(--off--color);
    background-color: #01031c;
    background-color: var(--off--color--background)
}

.f-off[data-off-breakpoint=all]:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: #ffffff #01031c;
    scrollbar-color: var(--a--color) var(--a--color--background)
}

.f-off[data-off-breakpoint=all]:-webkit-scrollbar {
    background-color: #01031c;
    background-color: var(--a--color--background)
}

.f-off[data-off-breakpoint=all]:-webkit-scrollbar-thumb {
    background-color: #ffffff;
    background-color: var(--a--color);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

.f-off[data-off-breakpoint=all]:-webkit-scrollbar-track {
    background-color: #01031c;
    background-color: var(--a--color--background)
}

.f-off[data-off-breakpoint=all]:-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

.f-off[data-off-breakpoint=all].active {
    --box-shadow--size: var(--a--spacing--xxxl);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

@media (max-width: 1279px) {
    .f-off[data-off-breakpoint='1280'] {
        color:#ffffff;
        color:var(--off--color);
        background-color: #01031c;
        background-color: var(--off--color--background)
    }

    .f-off[data-off-breakpoint='1280']:not(:-webkit-scrollbar) {
        scrollbar-width: 15px;
        scrollbar-width: var(--scrollbar--width,15px);
        scrollbar-color: #ffffff #01031c;
        scrollbar-color: var(--a--color) var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1280']:-webkit-scrollbar {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1280']:-webkit-scrollbar-thumb {
        background-color: #ffffff;
        background-color: var(--a--color);
        background-clip: content-box;
        border: 5px solid transparent;
        border-radius: 10px
    }

    .f-off[data-off-breakpoint='1280']:-webkit-scrollbar-track {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1280']:-webkit-scrollbar-thumb:hover {
        background-color: #dcc8fa;
        background-color: var(--a--color--accent)
    }

    .f-off[data-off-breakpoint='1280'].active {
        --box-shadow--size: var(--a--spacing--xxxl);
        --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
        box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
    }
}

@media (max-width: 1023px) {
    .wp-block-media-text.is-stacked-on-mobile.wp-block-text-media {
        grid-template-columns:100%!important
    }

    .wp-block-media-text.is-stacked-on-mobile.wp-block-text-media .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 2
    }

    .wp-block-media-text.is-stacked-on-mobile.wp-block-text-media .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 1
    }

    :root {
        --f--navigation--font-size: var(--a--heading--font-size--h5--fluid)
    }

    .f-off[data-off-breakpoint='1024'] {
        color: #ffffff;
        color: var(--off--color);
        background-color: #01031c;
        background-color: var(--off--color--background)
    }

    .f-off[data-off-breakpoint='1024']:not(:-webkit-scrollbar) {
        scrollbar-width: 15px;
        scrollbar-width: var(--scrollbar--width,15px);
        scrollbar-color: #ffffff #01031c;
        scrollbar-color: var(--a--color) var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1024']:-webkit-scrollbar {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1024']:-webkit-scrollbar-thumb {
        background-color: #ffffff;
        background-color: var(--a--color);
        background-clip: content-box;
        border: 5px solid transparent;
        border-radius: 10px
    }

    .f-off[data-off-breakpoint='1024']:-webkit-scrollbar-track {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='1024']:-webkit-scrollbar-thumb:hover {
        background-color: #dcc8fa;
        background-color: var(--a--color--accent)
    }

    .f-off[data-off-breakpoint='1024'].active {
        --box-shadow--size: var(--a--spacing--xxxl);
        --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
        box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
    }
}

@media (max-width: 767px) {
    .f-off[data-off-breakpoint='768'] {
        color:#ffffff;
        color:var(--off--color);
        background-color: #01031c;
        background-color: var(--off--color--background)
    }

    .f-off[data-off-breakpoint='768']:not(:-webkit-scrollbar) {
        scrollbar-width: 15px;
        scrollbar-width: var(--scrollbar--width,15px);
        scrollbar-color: #ffffff #01031c;
        scrollbar-color: var(--a--color) var(--a--color--background)
    }

    .f-off[data-off-breakpoint='768']:-webkit-scrollbar {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='768']:-webkit-scrollbar-thumb {
        background-color: #ffffff;
        background-color: var(--a--color);
        background-clip: content-box;
        border: 5px solid transparent;
        border-radius: 10px
    }

    .f-off[data-off-breakpoint='768']:-webkit-scrollbar-track {
        background-color: #01031c;
        background-color: var(--a--color--background)
    }

    .f-off[data-off-breakpoint='768']:-webkit-scrollbar-thumb:hover {
        background-color: #dcc8fa;
        background-color: var(--a--color--accent)
    }

    .f-off[data-off-breakpoint='768'].active {
        --box-shadow--size: var(--a--spacing--xxxl);
        --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
        box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
    }

    .f-button--main {
        --button--spacing--v: calc(var(--a--button--spacing--vertical) * 1.25);
        --button--spacing--h: calc(var(--a--button--spacing--horizontal) * 1.25);
        --button--font-size: calc(var(--a--button--font-size, 1rem) * 1.25)
    }
}

.f-off .f-form {
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing)
}

.f-off .f-off__close {
    position: absolute
}

.f-off__container {
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding: var(--off--container--spacing)
}

.f-off__header :is(h2,h3) {
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid)
}

.f-off__header small {
    font-size: 1.0625rem;
    font-size: var(--a--font-size--l)
}

.f-off__close {
    --button--color: var(--off--color);
    position: absolute;
    top: calc(2.5rem / 2);
    top: var(--a--spacing--xs);
    right: calc(2.5rem / 2);
    right: var(--a--spacing--xs);
    z-index: 30;
    z-index: var(--a--layer--3);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur))
}

.f-off__close:focus,.f-off__close:hover {
    --button--color: var(--off--color--accent)
}

.f-off__close:focus-visible {
    --button--outline-color: var(--off--color--accent)
}

.f-off__overlay {
    background-color: rgba(25,25,100, 85%);
    background-color: var(--off--color--overlay);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--l));
            backdrop-filter: blur(var(--f--filter--blur--l))
}

.f-off--dialog {
    background-color: transparent!important
}

.f-off--dialog .f-off__scroller {
    padding: calc(2.5rem / 2);
    padding: var(--off--dialog--spacing);
    overscroll-behavior: contain;
    border-radius: inherit
}

.f-off--dialog .f-off__scroller:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: rgba(255,255,255,25%) transparent;
    scrollbar-color: rgba(var(--a--color-rgb),25%) transparent
}

.f-off--dialog .f-off__scroller:-webkit-scrollbar {
    background-color: transparent
}

.f-off--dialog .f-off__scroller:-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,25%);
    background-color: rgba(var(--a--color-rgb),25%);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

.f-off--dialog .f-off__scroller:-webkit-scrollbar-track {
    background-color: transparent
}

.f-off--dialog .f-off__scroller:-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

@media (min-width: 1280px) {
    .f-off--dialog .f-off__scroller {
        padding:calc(2.5rem / 2) calc(calc(2.5rem / 2) * 2);
        padding:var(--off--dialog--spacing) calc(var(--off--dialog--spacing) * 2)
    }
}

.f-off--dialog .f-off__container {
    max-height: calc(100vh - (calc(2.5rem / 2) * 2));
    max-height: calc(100vh - (var(--off--dialog--spacing) * 2));
    padding: 0;
    background-color: #01031c;
    background-color: var(--off--color--background);
    background-image: none;
    --box-shadow--size: var(--a--spacing--xxxl);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

html:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: #ffffff #01031c;
    scrollbar-color: var(--a--color) var(--a--color--background)
}

html:-webkit-scrollbar {
    background-color: #01031c;
    background-color: var(--a--color--background)
}

html:-webkit-scrollbar-thumb {
    background-color: #ffffff;
    background-color: var(--a--color);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

html:-webkit-scrollbar-track {
    background-color: #01031c;
    background-color: var(--a--color--background)
}

html:-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

strong {
    font-weight: 600;
    font-weight: var(--a--font-weight--bold-semi)
}

blockquote {
    --quote--spacing: var(--a--spacing--s);
    position: relative;
    padding-inline:0;font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));font-size: var(--a--heading--font-size--h6--fluid);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    color: #dcc8fa;
    color: var(--a--color--accent)
}

blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2));
    width: var(--a--spacing--xl);
    height: max(calc(1px * 3), 3px);
    height: var(--a--border--width--xl);
    background-color: currentColor;
    border-radius: max(calc(4px * 2), 6px);
    border-radius: var(--a--border--radius--l);
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: currentColor;
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

details.is-style-plus {
    --details--icon--size: 1.25rem
}

details summary {
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl);
    font-weight: 500;
    font-weight: var(--a--font-weight--medium)
}

details>summary {
    outline-offset: calc(4px * 2 * -1);
    outline-offset: calc(var(--a--outline--offset) * 2 * -1)
}

details>summary:-webkit-details-marker {
    display: none
}

:is(h1,h2,h3,h4,h5,h6) small {
    display: block;
    text-wrap: balance
}

:is(h1,h2,h3,h4,h5,h6) small:not(:first-child) {
    -webkit-margin-before:calc(2.5rem / 2);
            margin-block-start:calc(2.5rem / 2);
    -webkit-margin-before:var(--a--spacing--xs);
            margin-block-start:var(--a--spacing--xs)}

figcaption {
    padding: calc(2.5rem / 2);
    padding: var(--a--spacing--xs);
    text-align: center
}

.f-hidden {
    position: absolute;
    visibility: hidden
}

.f-skiplink:focus {
    position: fixed;
    top: calc(2.5rem / 2);
    top: var(--a--spacing--xs);
    left: 50%;
    width: auto;
    transform: translate3d(-50%,0,0);
    background-color: rgba(50,50,125,20%);
    background-color: rgba(var(--a--color--background-rgb),20%);
    border-radius: 4px;
    border-radius: var(--a--button--border-radius)
}

.f-icon--accent {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-icon--web-design {
    color: #faafc8;
    color: var(--f--color--web-design)
}

.f-icon--web-development {
    color: #afc8fa;
    color: var(--f--color--web-development)
}

.f-icon--fake {
    display: inline-block
}

.f-icon--24 {
    width: 24px;
    height: 24px
}

.f-aurora {
    --aurora--color--1: var(--a--color--accent);
    --aurora--color--2: var(--a--color--accent);
    position: relative;
    display: inline-flex
}

.f-aurora__content {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;
    z-index: 30;
    z-index: var(--a--layer--3);
    isolation: isolate;
    transition: text-shadow calc(0.25s * 2) ease-in-out 0s;
    transition: text-shadow var(--a--transition--duration--double) var(--a--transition--timing-function) 0s
}

.f-aurora__background {
    position: absolute;
    inset: 0;
    inset: var(--aurora--inset,0);
    z-index: 20;
    z-index: var(--a--layer--2);
    overflow: hidden;
    contain: paint;
    will-change: filter;
    pointer-events: none;
    opacity: 40%;
    opacity: var(--aurora--opacity, 40%);
    filter: blur(30px);
    filter: blur(var(--aurora--blur, var(--f--filter--blur--xl)));
    transition: opacity calc(0.25s * 2) ease-in-out 0s;
    transition: opacity var(--a--transition--duration--double) var(--a--transition--timing-function) 0s
}

.f-aurora__background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400%;
    will-change: transform;
    transform: translate3d(0,25%,0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-image: repeating-linear-gradient(calc(12deg * -1),transparent 0,transparent calc(2em * 2),var(--aurora--color--1) calc(2em * 2),var(--aurora--color--1) calc(2em * 3),transparent calc(2em * 3),transparent calc(2em * 4),var(--aurora--color--2) calc(2em * 4),var(--aurora--color--2) calc(2em * 5),transparent calc(2em * 5),transparent calc(2em * 6));
    background-image: repeating-linear-gradient(calc(var(--aurora--angle,12deg) * -1),transparent 0,transparent calc(var(--aurora--size,2em) * 2),var(--aurora--color--1) calc(var(--aurora--size,2em) * 2),var(--aurora--color--1) calc(var(--aurora--size,2em) * 3),transparent calc(var(--aurora--size,2em) * 3),transparent calc(var(--aurora--size,2em) * 4),var(--aurora--color--2) calc(var(--aurora--size,2em) * 4),var(--aurora--color--2) calc(var(--aurora--size,2em) * 5),transparent calc(var(--aurora--size,2em) * 5),transparent calc(var(--aurora--size,2em) * 6));
    animation: auroraMove 8s linear infinite;
    animation: auroraMove var(--aurora--animation-duration,8s) linear infinite;
    animation-delay: 0s;
    animation-delay: var(--aurora--animation-delay, 0s);
    animation-play-state: play;
    animation-play-state: var(--aurora--animation-state,play);
    transition: background 0.25s ease-in-out 0s;
    transition: background var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-aurora--accent {
    --aurora--color--1: var(--a--color--accent);
    --aurora--color--2: transparent
}

.f-aurora--web-design {
    --aurora--color--1: var(--f--color--web-design);
    --aurora--color--2: transparent
}

.f-aurora--web-development {
    --aurora--color--1: var(--f--color--web-development);
    --aurora--color--2: transparent
}

.f-aurora--web-design-and-development {
    --aurora--color--1: var(--f--color--web-design);
    --aurora--color--2: var(--f--color--web-development)
}

.f-aurora:is(:hover,:focus) {
    --aurora--opacity: 60%;
    --aurora--animation-state: play
}

.f-aurora:focus-visible {
    outline-color: currentColor
}

.f-aurora--hidden:not(:hover,:focus),.f-aurora[disabled] {
    --aurora--animation-state: paused;
    --aurora--opacity: 0
}

.f-aurora.a-button--icon-start .f-aurora__content {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    gap: inherit
}

@keyframes auroraMove {
    0% {
        transform: translate3d(0,25%,0)
    }

    100% {
        transform: translate3d(0,-100%,0)
    }
}

.f-button {
    position: relative;
    transition-timing-function: cubic-bezier(0.3,0.7,0.4,1);
    transform-style: preserve-3d
}

.f-button span {
    pointer-events: none
}

.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])) {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

@media (min-width: 1024px) {
    blockquote:before {
        --box-shadow--size:var(--a--spacing--l)
    }

    .f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])) {
        --box-shadow--size: var(--a--spacing--s)
    }
}

.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:hover,:focus) {
    transform: translate3d(0,-3px,0);
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 40%)
}

@media (min-width: 1024px) {
    .f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:hover,:focus) {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-button:where(:not(.f-button--outline):not(.f-button--deboss):not(.f-button--puff):not([disabled])):is(:active):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--xs));
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    transform: translate3d(0,0,0)
}

.f-button.f-depth--down {
    --button--border-width: 0;
    box-shadow: none
}

.f-button--emboss {
    --button--color: var(--a--color);
    --button--background-color: rgba(var(--a--color--background-rgb), 25%);
    --button--background-image: linear-gradient(177deg, rgba(var(--a--color-rgb), 20%) 0%, rgba(var(--a--color-rgb), 5%) 75%);
    --button--border-width: 0;
    --text-shadow-size: var(--a--spacing--s);
    --text-shadow-color: rgba(var(--a--color--shadow-rgb), 10%);
    text-shadow: 0 calc(var(--text-shadow-size)/ 10) calc(var(--text-shadow-size)/ 10) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 8) calc(var(--text-shadow-size)/ 8) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 4) calc(var(--text-shadow-size)/ 4) var(--text-shadow-color);
    --border--opacity: 1;
    --border--width: var(--a--border--width--1);
    --border--angle: 165deg;
    --border--color--start: rgba(var(--a--color-rgb), 16%);
    --border--color--end: rgba(var(--a--color-rgb), 0%);
    --border--mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
    isolation: isolate
}

.f-button--emboss:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 30;
    z-index: var(--a--layer--3);
    pointer-events: none;
    touch-action: none;
    opacity: var(--border--opacity);
    border: var(--border--width) solid transparent;
    border-radius: inherit;
    background: linear-gradient(var(--border--angle),var(--border--color--start),var(--border--color--end) 60%) border-box;
    -webkit-mask: var(--border--mask);
    mask: var(--border--mask);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    transition: background-image 0.25s ease-in-out 0s;
    transition: background-image var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-button--emboss:not([disabled]) {
    background-image: var(--button--background-image);
    background-size: 100% 100%;
    border: none
}

.f-button--emboss:not([disabled]):is(:hover,:focus) {
    --button--color: var(--a--color--accent);
    background-size: 100% 150%
}

.f-button--emboss:not([disabled]):is(:active) {
    background-size: 100% 100%
}

.f-button--emboss.f-button--accent {
    --button--background-image: linear-gradient(177deg, rgba(var(--a--color--accent-rgb), 50%) 0%, rgba(var(--a--color--accent-rgb), 10%) 67%);
    --border--color--start: rgba(var(--a--color--accent-rgb), 50%);
    --border--color--end: rgba(var(--a--color--accent-rgb), 0%)
}

.f-button--emboss.f-button--accent svg {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-button--emboss.f-button--accent:not([disabled]):is(:hover,:focus) {
    --button--color: var(--a--color)
}

.f-button--emboss[disabled]:before {
    display: none
}

.f-button--deboss {
    --button--color: var(--a--color);
    --button--background-color: transparent;
    --button--background-image: radial-gradient(120% 100% at 50% 0%, rgba(var(--a--color--background--down-rgb), 100%), rgba(var(--a--color--background--down-rgb), 50%));
    --button--box-shadow: none;
    --button--border-width: 0;
    --box-shadow--inset--size: var(--a--border--width--xl);
    --box-shadow--inset--color: rgba(var(--a--color--shadow-rgb), 10%);
    box-shadow: inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}

.f-button--deboss:not([disabled]) {
    background-image: var(--button--background-image);
    background-size: 100% 100%;
    background-position: 0 0;
    border: none
}

.f-button--deboss:not([disabled]):is(:hover,:focus) {
    --button--color: var(--a--color--accent);
    background-size: 100% 150%;
    --box-shadow--inset--size: var(--a--border--width--xxl);
    --box-shadow--inset--color: rgba(var(--a--color--shadow-rgb), 10%);
    box-shadow: inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}

.f-button--deboss:not([disabled]):active {
    background-size: 100% 300%;
    --box-shadow--inset--size: var(--a--border--width--xxxl);
    --box-shadow--inset--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: inset 0 0 var(--box-shadow--inset--size) var(--box-shadow--inset--size) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 2) calc(var(--box-shadow--inset--size) * 2) var(--box-shadow--inset--color),inset 0 0 calc(var(--box-shadow--inset--size) * 4) calc(var(--box-shadow--inset--size) * 4) var(--box-shadow--inset--color)
}

.f-button--deboss.f-button--accent {
    --button--color: var(--a--color--accent)
}

.f-button--deboss.f-button--accent:not([disabled]):is(:hover,:focus) {
    --button--color: var(--a--color)
}

.f-button--main {
    --aurora--opacity: 100%;
    --aurora--color--1: var(--f--color--web-design);
    --aurora--color--2: var(--f--color--web-development)
}

.f-button--main:not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--xl) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 40%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-button--main:not([disabled]):is(:hover,:focus) {
    --aurora--color--1: var(--a--color--accent);
    --aurora--color--2: var(--a--color--accent);
    --button--color: var(--a--color--accent);
    --box-shadow--size: calc(var(--a--spacing--xxl) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 60%)
}

@media (min-width: 1024px) {
    .f-button--main:not([disabled]) {
        --box-shadow--size:var(--a--spacing--xl)
    }

    .f-button--main:not([disabled]):is(:hover,:focus) {
        --box-shadow--size: var(--a--spacing--xxl)
    }
}

.f-button--main:not([disabled]):is(:active) {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-button--puff {
    --button--color: var(--a--color);
    --button--background-color: transparent;
    --button--border-color: transparent;
    --button--box-shadow: none;
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-button--puff:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-button--puff:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-button--puff:is(:disabled) {
    --decoration--opacity: 0
}

.f-button--puff:is(:hover,:focus):not([disabled]) {
    --button--color: var(--a--color--accent);
    --button--box-shadow: none
}

.f-button--brick {
    --button--spacing--h: calc(var(--a--button--spacing--horizontal) / 2);
    --button--color: var(--a--color);
    --button--background-color: transparent;
    --button--border-width: 0;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--f--navigation--font-family);
    font-size: var(--a--font--size);
    font-weight: 400;
    font-weight: var(--f--navigation--font-weight);
    letter-spacing: 0em;
    letter-spacing: var(--f--navigation--letter-spacing);
    text-transform: none;
    text-transform: var(--f--navigation--text-transform)
}

.f-button--brick:is(:hover,:focus) {
    --button--color: var(--a--color--accent)
}

.f-button--web-design {
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #faafc8;
    background-color: var(--f--color--web-design);
    border: none;
    text-shadow: none
}

.f-button--web-design:is(:hover,:focus):not([disabled]) {
    background-color: #ffffff;
    background-color: var(--a--color)
}

.f-button--web-design:focus-visible {
    outline-color: #ffffff;
    outline-color: var(--a--color)
}

.f-button--web-development {
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #afc8fa;
    background-color: var(--f--color--web-development);
    border: none;
    text-shadow: none
}

.f-button--web-development:is(:hover,:focus):not([disabled]) {
    background-color: #ffffff;
    background-color: var(--a--color)
}

.f-button--web-development:focus-visible {
    outline-color: #ffffff;
    outline-color: var(--a--color)
}

.f-button--web-design-and-development {
    --gradient-angle: 90deg;
    position: relative;
    overflow: hidden;
    color: #202020;
    color: var(--a--color--contrast);
    background-color: transparent;
    border: none;
    text-shadow: none
}

.f-button--web-design-and-development:not([disabled]):after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(var(--gradient-angle),#faafc8,#afc8fa);
    background-image: linear-gradient(var(--gradient-angle),var(--f--color--web-design),var(--f--color--web-development))
}

.f-button--web-design-and-development:is(:hover,:focus):not([disabled]) {
    background-color: #ffffff;
    background-color: var(--a--color)
}

.f-button--web-design-and-development:focus-visible {
    outline-color: #ffffff;
    outline-color: var(--a--color)
}

.f-button--disabled {
    pointer-events: none;
    touch-action: none;
    background-color: transparent
}

.f-text--balance {
    text-wrap: balance
}

.f-text--gradient {
    --text--shadow--size: 0.1em;
    padding-bottom: .5em;
    margin-bottom: -.5em;
    background-color: currentColor;
    color: currentColor;
    background-image: radial-gradient(12em at calc(50% - 6em) 40%,#dcc8fa 0,currentColor 100%);
    background-image: radial-gradient(var(--text--gradient--size,12em at calc(50% - 6em) 40%),var(--text--gradient--color,var(--a--color--accent)) 0,currentColor 100%);
    background-clip: text;
    background-size: 100% 140%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.f-text--gradient:selection {
    background-image: none;
    -webkit-background-clip: revert;
    -webkit-text-fill-color: currentColor
}

.f-text--gradient--flip-x {
    --text--gradient--size: 12em at calc(50% + 6em) 40%
}

.f-text--shadow {
    --text--shadow--size: 0.2em;
    --text--shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    filter: drop-shadow(0 var(--text--shadow--size) var(--text--shadow--size) var(--text--shadow--color)) drop-shadow(0 var(--text--shadow--size) var(--text--shadow--size) var(--text--shadow--color)) drop-shadow(0 calc(var(--text--shadow--size) * 2) calc(var(--text--shadow--size) * 2) var(--text--shadow--color)) drop-shadow(0 calc(var(--text--shadow--size) * 4) calc(var(--text--shadow--size) * 4) var(--text--shadow--color))
}

.f-link--puff {
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-link--puff:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-link--puff:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-link--puff:is(:disabled) {
    --decoration--opacity: 0
}

abbr {
    outline-offset: 4px;
    outline-offset: var(--a--outline--offset);
    outline: 2px solid transparent;
    outline: var(--a--outline--width) var(--a--outline--style) transparent
}

abbr:focus-visible {
    outline-color: currentColor
}

abbr.secret {
    -webkit-text-decoration: underline dotted currentColor;
            text-decoration: underline dotted currentColor;
    text-underline-offset: 0.5ch;
    text-underline-offset: var(--abbr--text-underline-offset,0.5ch);
    border: none;
    transition: -webkit-text-decoration 0.25s ease-in-out 0s;
    transition: text-decoration 0.25s ease-in-out 0s;
    transition: text-decoration 0.25s ease-in-out 0s, -webkit-text-decoration 0.25s ease-in-out 0s;
    transition: -webkit-text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition: text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition: text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s, -webkit-text-decoration var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

abbr.secret:not(:hover,:focus) {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-price {
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs);
    color: inherit
}

.f-price small {
    display: block;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs)
}

.f-price__value {
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family);
    font-size: clamp(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25), calc(1.8rem + 0.8vw), calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h2--fluid);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing);
    text-transform: var(--a--heading--text-transform)
}

.f-price__value .suffix {
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid)
}

.f-price__vat {
    display: block;
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    transition: all 0.25s ease-in-out 0s;
    transition: all var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-price__vat:not(:hover,:focus) {
    opacity: .8
}

.f-color--accent {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-color--significant {
    color: #c8fafa;
    color: var(--a--color--significant)
}

.f-color--success {
    color: rgba(150,225,175, 1);
    color: var(--a--color--success)
}

.f-color--warning {
    color: rgba(225,175,150, 1);
    color: var(--a--color--warning)
}

.f-color--error {
    color: rgba(225,150,175, 1);
    color: var(--a--color--error)
}

.f-color--waiting {
    color: #c8fafa;
    color: var(--f--status--waiting)
}

.f-color--web-design {
    color: #faafc8;
    color: var(--f--color--web-design)
}

.f-color--web-development {
    color: #afc8fa;
    color: var(--f--color--web-development)
}

.f-color--web-design-and-development {
    background-color: currentColor;
    background-image: linear-gradient(to right,#faafc8 25%,#afc8fa 75%);
    background-image: linear-gradient(to right,var(--f--color--web-design) 25%,var(--f--color--web-development) 75%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.f-color--web-design-and-development:selection {
    background-image: none;
    -webkit-background-clip: revert;
    -webkit-text-fill-color: currentColor
}

.f-color--web-design-and-development>:selection {
    background-image: none;
    -webkit-background-clip: revert;
    -webkit-text-fill-color: currentColor
}

.f-border {
    position: relative;
    --border--opacity: 1;
    --border--width: var(--a--border--width--1);
    --border--angle: 165deg;
    --border--color--start: rgba(var(--a--color-rgb), 16%);
    --border--color--end: rgba(var(--a--color-rgb), 0%);
    --border--mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
    isolation: isolate
}

.f-border:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 30;
    z-index: var(--a--layer--3);
    pointer-events: none;
    touch-action: none;
    opacity: var(--border--opacity);
    border: var(--border--width) solid transparent;
    border-radius: inherit;
    background: linear-gradient(var(--border--angle),var(--border--color--start),var(--border--color--end) 60%) border-box;
    -webkit-mask: var(--border--mask);
    mask: var(--border--mask);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    transition: background-image 0.25s ease-in-out 0s;
    transition: background-image var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-border--accent {
    --border--color--start: rgba(var(--a--color--accent-rgb), 48%);
    --border--color--end: rgba(var(--a--color--accent-rgb), 4%)
}

.f-shadow {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-shadow--active:is(:hover,:focus):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 40%)
}

@media (min-width: 1024px) {
    .f-button--main:not([disabled]):is(:active) {
        --box-shadow--size:var(--a--spacing--s)
    }

    li:hover .f-button--puff,li:hover .f-link--puff {
        --decoration--opacity: 1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }

    .f-shadow {
        --box-shadow--size: var(--a--spacing--s)
    }

    .f-shadow--active:is(:hover,:focus):not([disabled]) {
        --box-shadow--size: var(--a--spacing--l)
    }
}

.f-shadow--active.f-shadow--web-design:is(:hover,:focus):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: rgba(var(--f--color--web-design--rgb), 40%)
}

@media (min-width: 1024px) {
    .f-shadow--active.f-shadow--web-design:is(:hover,:focus):not([disabled]) {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-shadow--active.f-shadow--web-design:is(:active):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--xxs))
}

.f-shadow--active.f-shadow--web-development:is(:hover,:focus):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: rgba(var(--f--color--web-development--rgb), 40%)
}

@media (min-width: 1024px) {
    .f-shadow--active.f-shadow--web-development:is(:hover,:focus):not([disabled]) {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-shadow--active.f-shadow--web-development:is(:active):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--xxs))
}

.f-shadow--active.f-shadow--web-design-and-development:is(:hover,:focus):not([disabled]) {
    --box-shadow--size: var(--a--spacing--l);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) rgba(250,175,200,40%),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) rgba(250,175,200,40%),0 var(--box-shadow--size) var(--box-shadow--size) rgba(175,200,250,40%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) rgba(var(--f--color--web-design--rgb),40%),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) rgba(var(--f--color--web-design--rgb),40%),0 var(--box-shadow--size) var(--box-shadow--size) rgba(var(--f--color--web-development--rgb),40%)
}

.f-shadow--active.f-shadow--web-design-and-development:is(:active):not([disabled]) {
    --box-shadow--size: calc(var(--a--spacing--xxs))
}

.f-metas {
    --gap--row: var(--a--spacing--xxxs);
    --gap--col: var(--a--spacing--xs);
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .f-metas {
        --gap--col:var(--a--spacing--s)
    }
}

.f-meta {
    --gap--row: 0;
    --gap--col: var(--a--spacing--xxs);
    align-items: flex-start;
    padding: calc(2.5rem / 4) 0;
    padding: var(--a--spacing--xxs) 0
}

.f-meta ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.75;
    line-height: var(--a--line-height)
}

.f-meta--status .f-meta__value {
    display: flex;
    align-items: center;
    gap: calc(2.5rem / 8);
    gap: var(--a--spacing--xxxs)
}

.f-meta--list li {
    display: inline-flex
}

.f-meta--list li:not(:last-child):after {
    content: ','
}

.f-meta--badges {
    --badges--gap: var(--a--spacing--xxxs)
}

.f-meta__label {
    opacity: 75%;
    white-space: nowrap
}

.f-meta__value {
    padding: calc(2.5rem / 8) 0;
    padding: var(--a--spacing--xxxs) 0
}

.f-meta__value ul {
    padding: 0;
    list-style: none
}

.f-meta__value small {
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    letter-spacing: calc(0em + 0.1em);
    letter-spacing: var(--a--letter-spacing--xxl);
    text-transform: uppercase
}

.f-tags a {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-status {
    --pin--size: 6px;
    --pin--spacing: var(--a--spacing--xs);
    position: relative;
    display: inline-flex;
    padding-left: var(--pin--spacing);
    color: currentColor;
    color: var(--color,currentColor);
    border-radius: var(--pin--size)
}

.f-status:after,.f-status:before {
    content: '';
    position: absolute;
    top: 50%;
    top: var(--pin--position--top,50%);
    left: 0;
    left: var(--pin--position--left,0);
    width: var(--pin--size);
    height: var(--pin--size);
    margin-top: calc((var(--pin--size)/ 2) * -1);
    -webkit-user-select: none;
            user-select: none;
    pointer-events: none;
    background-color: currentColor;
    border-radius: inherit
}

.f-status:after {
    z-index: -1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    filter: opacity(50%);
    animation: 3s ease-in-out infinite statusPulse
}

.f-status--warning {
    --color: var(--a--color--warning)
}

.f-status--none {
    --color: var(--f--status--inactive)
}

.f-status--waiting {
    --color: var(--f--status--waiting)
}

.f-status--incomplete {
    --color: var(--f--status--incomplete)
}

.f-status--trialing {
    --color: var(--f--status--trialing)
}

.f-status--active {
    --color: var(--f--status--active)
}

.f-status--inactive {
    --color: var(--f--status--inactive)
}

.f-status--paused {
    --color: var(--f--status--paused)
}

.f-status--unpaid {
    --color: var(--f--status--unpaid)
}

.f-status--queued {
    --color: var(--f--status--queued)
}

.f-status--closed {
    --color: var(--f--status--closed)
}

.f-status--canceled {
    --color: var(--f--status--canceled)
}

.f-status--rejected {
    --color: var(--f--status--rejected)
}

.f-status--past_due {
    --color: var(--f--status--past-due)
}

.f-status--l {
    --pin--size: 10px;
    --pin--spacing: var(--a--spacing--s)
}

.f-status--closed:after {
    display: none
}

.f-status--pin {
    width: var(--pin--size);
    height: var(--pin--size);
    padding: 0
}

@keyframes statusPulse {
    0% {
        opacity: 1;
        transform: scale(1,1)
    }

    100%,50% {
        opacity: 0;
        transform: scale(5,5)
    }
}

.f-tooltip {
    --tooltip--popup--opacity: 0;
    position: relative
}

.f-tooltip__popup {
    opacity: 0;
    opacity: var(--tooltip--popup--opacity, 0);
    position: absolute;
    bottom: calc(100% + calc(2.5rem / 4));
    bottom: calc(100% + var(--a--spacing--xxs));
    left: 50%;
    transform: translate3d(-50%,0,0);
    width: 50ch;
    max-width: 75vw;
    padding: calc(2.5rem / 2);
    padding: var(--a--spacing--xs);
    white-space: wrap;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    text-align: center;
    content-visibility: auto;
    pointer-events: none;
    color: #ffffff;
    color: var(--a--color);
    background-image: linear-gradient(180deg,rgba(255,255,255,10%) 25%,rgba(255,255,255,5%) 75%);
    background-image: linear-gradient(180deg,rgba(var(--a--color-rgb),10%) 25%,rgba(var(--a--color-rgb),5%) 75%);
    border-radius: max(calc(4px * 2), 6px);
    border-radius: var(--a--border--radius--l);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur));
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
    transition: opacity 0.25s ease-in-out 0s;
    transition: opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-tooltip:focus-visible {
    --tooltip--popup--opacity: 1
}

@media (pointer: coarse) {
    .f-tooltip:focus {
        --tooltip--popup--opacity:1
    }
}

.f-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: max(calc(1px * 2), 2px)
;
    gap: var(--badges--gap,var(--f--badges--gap));
    padding: 0;
    margin: 0
}

.f-badges--center {
    justify-content: center
}

.f-badges--available {
    --badges--border-color: rgba(var(--a--color--success-rgb), 20%)
}

.f-badges--limited {
    --badges--border-color: rgba(var(--a--color--warning-rgb), 20%)
}

.f-badges--unavailable {
    --badges--border-color: rgba(var(--a--color--error-rgb), 20%)
}

.f-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(2.5rem / 2);
    gap: var(--badge--spacing--h,var(--a--spacing--xs));
    padding: calc(2.5rem / 8) calc(2.5rem / 4);
    padding: var(--badge--spacing--v,var(--a--spacing--xxxs)) var(--badge--spacing--h,var(--a--spacing--xxs));
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: calc(0em + 0.025em);
    letter-spacing: var(--a--letter-spacing--l);
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs);
    -webkit-user-select: none;
            user-select: none;
    color: rgba(255,255,255,100%);
    color: var(--badge--color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),100%));
    background-color: rgba(255,255,255,10%);
    background-color: var(--badge--background-color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),10%));
    border: 1px solid transparent;
    border: var(--a--border--width--1) solid var(--badge--border-color,transparent);
    border-radius: 4px;
    border-radius: var(--a--border--radius)
}

@media (min-width: 1024px) {
    .f-tags a,.f-tooltip__popup {
        --box-shadow--size:var(--a--spacing--s)
    }

    .f-badge {
        --badge--spacing--h: var(--a--spacing--xs)
    }
}

.f-badge>a {
    display: contents
}

.f-badge--xs {
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs)
}

.f-badge--s {
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs)
}

.f-badge--l {
    --badge--spacing--v: var(--a--spacing--xxs);
    --badge--spacing--h: var(--a--spacing--s);
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

@media (min-width: 1024px) {
    .f-badge--l {
        font-size:1rem;
        font-size:var(--a--font-size)
    }
}

.f-badge--xl {
    --badge--spacing--v: var(--a--spacing--xxs);
    --badge--spacing--h: var(--a--spacing--s);
    font-size: 1rem;
    font-size: var(--a--font-size)
}

.f-badge--outline {
    --badge--background-color: transparent;
    --badge--border-color: currentColor;
    border-width: 1px;
    border-width: var(--a--border--width--1)
}

.f-badge--outline.f-badge--xl {
    border-width: max(calc(1px * 2), 2px);
    border-width: var(--a--border--width--l)
}

.f-badge--pin {
    --badge--spacing--h: var(--a--spacing--xs);
    --badge--marker-size: var(--a--border--width--l);
    display: flex;
    align-items: center
}

.f-badge--pin:before {
    content: '';
    width: calc(var(--badge--marker-size) * 3);
    height: var(--badge--marker-size);
    -webkit-margin-start:calc(var(--badge--marker-size) * -1);
            margin-inline-start:calc(var(--badge--marker-size) * -1);background-color: currentColor;
    background-image: linear-gradient(to bottom,rgba(255,255,255,40%),rgba(255,255,255,0%));
    background-image: linear-gradient(to bottom,rgba(var(--a--color-rgb),40%),rgba(var(--a--color-rgb),0%));
    border-radius: var(--badge--marker-size)
}

.f-badge--list {
    --badge--marker-size: var(--a--border--width);
    --badge--spacing--h: var(--a--spacing--xs);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    text-align: start;
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s)
}

.f-badge--list:before {
    content: '\2014';
    line-height: 2.25ch;
    color: currentColor
}

.f-badge--transparent {
    --badge--background-color: transparent;
    --badge--border-color: transparent
}

.f-badge--to-transparent {
    --badge--border-color: transparent;
    background-image: linear-gradient(to bottom,rgba(255,255,255,10%),transparent);
    background-image: linear-gradient(to bottom,var(--badge--background-color,rgba(var(--badge--color--rgb,var(--a--color-rgb)),10%)),transparent);
    background-color: transparent;
    background-clip: padding-box
}

.f-badge--success {
    --badge--color--rgb: var(--a--color--success-rgb)
}

.f-badge--warning {
    --badge--color--rgb: var(--a--color--warning-rgb)
}

.f-badge--error {
    --badge--color--rgb: var(--a--color--error-rgb)
}

.f-badge--accent {
    --badge--color--rgb: var(--a--color--accent-rgb)
}

.f-badge--significant {
    --badge--color--rgb: var(--a--color--significant-rgb)
}

.f-badge--web-design {
    --badge--color--rgb: var(--f--color--web-design--rgb)
}

.f-badge--web-development {
    --badge--color--rgb: var(--f--color--web-development--rgb)
}

.f-badge--web-design-and-development {
    --badge--color--rgb: var(--f--color--web-design-and-development--rgb)
}

.f-badge--available {
    --badge--color--rgb: var(--a--color--significant-rgb);
    --badge--border-color: rgba(var(--a--color--significant-rgb), 20%)
}

.f-badge--limited {
    --badge--color--rgb: var(--a--color--warning-rgb);
    --badge--border-color: rgba(var(--a--color--warning-rgb), 20%)
}

.f-badge--unavailable {
    --badge--color--rgb: var(--a--color--error-rgb);
    --badge--border-color: rgba(var(--a--color--error-rgb), 20%)
}

.f-badge--secret {
    --badge--spacing--v: var(--a--spacing--xxs);
    --badge--spacing--h: var(--a--spacing--s);
    --badge--background-color: transparent;
    --badge--border-color: transparent;
    background-color: transparent;
    box-shadow: none
}

.f-badge--secure {
    --badge--spacing--v: var(--a--spacing--xxxs);
    --badge--spacing--h: var(--a--spacing--xxxs)
}

.f-badge.f-status {
    padding-left: calc(var(--pin--size) + calc(2.5rem / 2));
    padding-left: calc(var(--pin--size) + var(--badge--spacing--h,var(--a--spacing--xs)))
}

.f-badge.f-status:after,.f-badge.f-status:before {
    left: calc(calc(2.5rem / 2)/ 2);
    left: calc(var(--badge--spacing--h,var(--a--spacing--xs))/ 2)
}

.f-badge svg.icon [fill] {
    fill: currentColor
}

p>.f-badge {
    --badge--spacing--h: var(--a--spacing--xxs);
    font-size: inherit
}

.f-carousel {
    --carousel--items: 1;
    --carousel--gap: 0rem;
    position: relative
}

@media (min-width: 768px) {
    .f-badge.f-status {
        padding-left:calc(var(--pin--size) * 2 + calc(2.5rem / 2));
        padding-left:calc(var(--pin--size) * 2 + var(--badge--spacing--h,var(--a--spacing--xs)))
    }

    .f-carousel {
        --carousel--items: 2
    }
}

@media (min-width: 1024px) {
    .f-carousel {
        --carousel--items:2
    }
}

@media (min-width: 1280px) {
    .f-carousel {
        --carousel--items:3
    }
}

.f-carousel__viewport {
    overflow: hidden
}

.f-carousel__viewport[tabindex] {
    outline: 2px solid transparent;
    outline: var(--a--outline--width) solid transparent;
    outline-offset: min(calc(2px * 2), 4px);
    outline-offset: var(--a--outline--offset--l);
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    transition: outline 0.25s ease-in-out 0s;
    transition: outline var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-carousel__viewport[tabindex]:focus-visible {
    outline-color: #dcc8fa;
    outline-color: var(--a--color--accent)
}

.f-carousel__container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0;
    margin-right: calc(var(--carousel--gap) * -1);
    transform: translate3d(0,0,0);
    touch-action: pan-y pinch-zoom;
    will-change: transform;
    list-style: none
}

.f-carousel__item {
    flex: 0 0 calc(100% / var(--carousel--items));
    min-width: 0;
    transform: translate3d(0,0,0);
    padding: 0 var(--carousel--gap) 0 0;
    margin: 0
}

.f-carousel__controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 1px calc(2.5rem / 4);
    padding: 0 var(--a--border--width--1) var(--a--spacing--xxs);
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs);
    z-index: 60;
    z-index: var(--a--layer--6)
}

@media (min-width: 1024px) {
    .f-carousel__controls {
        gap:calc(2.5rem / 2);
        gap:var(--a--spacing--xs)
    }

    li:hover .f-carousel__page {
        --decoration--opacity: 1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }
}

.f-carousel__viewport+.f-carousel__controls {
    padding: calc(2.5rem / 4) 0 0;
    padding: var(--a--spacing--xxs) 0 0
}

.f-carousel__control {
    --button--spacing--v: var(--a--spacing--xxs);
    --button--spacing--h: var(--a--spacing--xs);
    pointer-events: auto;
    touch-action: auto;
    outline-offset: 0
}

.f-carousel__control:is(:hover,:focus) {
    --button--color: var(--a--color--accent)
}

.f-carousel__control:not(:focus-visible) {
    outline-color: transparent
}

.f-carousel__control:disabled {
    color: rgba(255,255,255,20%);
    color: rgba(var(--a--color-rgb),20%);
    background-image: none
}

.f-carousel__pagination {
    --carousel--page--width: 2.5rem;
    --carousel--page--height: 2.5rem;
    --carousel--page--line--width: var(--a--border--width);
    --carousel--page--line--height: var(--a--border--width);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1px;
    gap: var(--a--border--width);
    max-width: 100%;
    padding: calc(2.5rem / 4);
    padding: var(--a--spacing--xxs);
    margin: calc(calc(2.5rem / 4) * -1) 0;
    margin: calc(var(--a--spacing--xxs) * -1) 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.f-carousel__pagination:-webkit-scrollbar {
    display: none
}

.f-carousel__page {
    --button--color: var(--a--color);
    --button--background-color: transparent;
    --button--box-shadow: none;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--carousel--page--width);
    height: var(--carousel--page--height);
    padding: 0;
    margin: 0;
    text-decoration: none;
    touch-action: manipulation;
    border: 0;
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    outline-offset: 0;
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-carousel__page:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-carousel__page:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-carousel__page:is(:disabled) {
    --decoration--opacity: 0
}

.f-carousel__page:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: var(--carousel--page--line--width);
    height: var(--carousel--page--line--height);
    pointer-events: none;
    opacity: 1;
    opacity: var(--carousel--page--line--opacity, 1);
    background-color: currentColor;
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    transition-property: width,height,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-carousel__page:is(:hover,:focus) {
    --carousel--page--line--width: 30%;
    --carousel--page--line--opacity: 1
}

.f-carousel__page.current {
    --carousel--page--line--width: 60%;
    --button--color: var(--a--color--accent)
}

.f-carousel__page.next {
    --carousel--page--line--opacity: 0.75
}

.f-carousel__page.next-next {
    --carousel--page--line--opacity: 0.5
}

.f-carousel__page.hidden {
    --carousel--page--line--opacity: 0.25
}

.f-carousel--marquee {
    overflow: hidden
}

.f-carousel--marquee .f-carousel__container {
    align-items: center
}

.f-carousel--marquee .f-carousel__item {
    flex-basis: auto
}

.f-marquee {
    --marquee--animation-state: play;
    --marquee--gap: 0rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    contain: content;
    overflow: hidden
}

.f-marquee__list {
    opacity: 0;
    opacity: var(--marquee--opacity, 0);
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    min-width: 100%;
    padding: 0 calc(var(--marquee--gap)/ 2);
    margin: 0;
    list-style: none;
    transform: translate3d(-100%,0,0);
    will-change: opacity,transform;
    animation: marqueeMoveForward 3s linear 0s infinite;
    animation: var(--marquee--animation,marqueeMoveForward) var(--marquee--animation--duration,3s) linear var(--marquee--animation--delay,0s) infinite;
    animation-play-state: paused;
    animation-play-state: var(--marquee--animation-state,paused);
    transition: opacity 0.25s ease-in-out 0s;
    transition: opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s;
    transition-delay: 0s;
    transition-delay: var(--marquee--delay, 0s)
}

.f-marquee__list li {
    flex: 1 0 auto;
    text-align: center
}

.f-marquee__list .f-badge {
    width: 100%;
    padding-right: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
    color: currentColor;
    background-color: transparent
}

@keyframes marqueeMoveForward {
    from {
        transform: translate3d(0,0,0)
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}

@keyframes marqueeMoveBackward {
    from {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.f-services {
    --marquee--gap: 0;
    --badge--color: currentColor;
    max-width: 100%;
    align-items: center;
    overflow: visible;
    -webkit-user-select: none;
            user-select: none;
    transition-property: background-size,box-shadow;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-services li {
    display: flex;
    align-items: center
}

.f-services--bevel {
    background-image: radial-gradient(150% 100% at 50% 0,rgba(var(--gradient-color--rgb),20%) 0,rgba(var(--gradient-color--rgb),0) 75%);
    background-size: 100% 100%;
    border: solid;
    border-width: 1px 0;
    border-width: var(--a--border--width--1) 0;
    border-color: rgba(255,255,255,20%) transparent transparent;
    border-color: rgba(var(--a--color-rgb),20%) transparent transparent;
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-services--bevel:is(:hover,:focus-within) {
    background-size: 100% 200%;
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%)
}

@media (min-width: 1024px) {
    .f-carousel__page {
        --carousel--page--line--width:var(--a--border--width--l);
        --carousel--page--line--height: var(--a--border--width--l);
        --button--spacing--v: var(--a--spacing--xs);
        --button--spacing--h: var(--a--spacing--xs)
    }

    .f-services--bevel {
        --box-shadow--size: var(--a--spacing--s)
    }

    .f-services--bevel:is(:hover,:focus-within) {
        --box-shadow--size: var(--a--spacing--s)
    }
}

.f-services--default {
    --depth--border-radius: 0;
    border-radius: 0
}

.f-services--web-design {
    --gradient-color--rgb: var(--f--color--web-design--rgb);
    color: #faafc8;
    color: var(--f--color--web-design)
}

.f-services--web-development {
    --gradient-color--rgb: var(--f--color--web-development--rgb);
    color: #afc8fa;
    color: var(--f--color--web-development)
}

.f-services--tech-stack {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-services__container {
    padding: calc(2.5rem / 4 * 2) 0;
    padding: var(--a--spacing--s) 0;
    margin: 0;
    gap: calc(2.5rem / 4 * 2);
    gap: var(--a--spacing--s);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    list-style: none
}

.f-services__header {
    padding: 0 clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) 0 clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2));
    padding: 0 var(--a--spacing--m) 0 var(--a--spacing--xl);
    margin: 0
}

.f-services__item {
    width: auto;
    flex-basis: auto
}

.f-services__item ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0;
    margin: 0
}

.f-services__item ul:before {
    margin-right: calc(2.5rem / 2);
    margin-right: var(--badge--spacing--h,var(--a--spacing--xs))
}

.f-services__item li {
    padding-inline:0;gap: 0;
    white-space: nowrap
}

.f-services__item li:not(:last-child):after {
    content: '\00a0/\00a0'
}

.f-site {
    position: relative;
    z-index: 20;
    z-index: var(--a--layer--2);
    overflow-x: clip;
    background-color: #01031c;
    background-color: var(--a--color--background);
    border-bottom-right-radius: calc(2.5rem / 2);
    border-bottom-right-radius: var(--f--layout--radius);
    border-bottom-left-radius: calc(2.5rem / 2);
    border-bottom-left-radius: var(--f--layout--radius);
    --box-shadow--size: var(--a--spacing--xxxl);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
    box-shadow: none;
}

.f-main {
    --main--spacing: var(--a--spacing--xxl);
    position: relative;
    padding-bottom: var(--main--spacing);
    z-index: 10;
    z-index: var(--a--layer--1)
}

.f-main+.f-section {
    margin-top: calc(var(--section--spacing) * 2 * -1)
}

.f-main--homepage,.f-main--single {
    --main--spacing: var(--a--spacing)
}

.f-btt {
    --btt--spacing: var(--a--spacing--xxxs);
    position: absolute;
    top: 150vh;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 60;
    z-index: var(--a--layer--6);
    padding: var(--btt--spacing);
    pointer-events: none;
    touch-action: none
}

.f-btt .f-btt__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: var(--btt--spacing);
    pointer-events: auto;
    touch-action: auto
}

.f-btt__button {
    background-color: transparent;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur));
    border-radius: calc(calc(2.5rem / 2) - var(--btt--spacing));
    border-radius: calc(var(--f--layout--radius) - var(--btt--spacing))
}

.f-section>.f-btt__button {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%,50%,0);
    z-index: 30;
    z-index: var(--a--layer--3);
    content-visibility: auto;
    pointer-events: none;
    color: #ffffff;
    color: var(--a--color);
    border-radius: 2.5rem;
    border-radius: var(--a--spacing)
}

.f-section>.f-btt__button:is(:hover,:focus) {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-section>.f-btt__button:focus {
    opacity: 1;
    pointer-events: auto
}

.f-section:has(:target)>.f-btt__button,.f-section:target>.f-btt__button {
    opacity: 1;
    pointer-events: auto
}

.f-depth {
    border-radius: max(calc(4px * 3), 9px);
    border-radius: var(--depth--border-radius,var(--a--border--radius--xl))
}

.f-depth--up {
    background-image: linear-gradient(177deg,rgba(255,255,255,10%),rgba(255,255,255,0%));
    background-image: linear-gradient(177deg,rgba(var(--depth--up--gradient--color--rgb,var(--a--color-rgb)),var(--depth--up--gradient--color--opacity,10%)),rgba(var(--depth--up--gradient--color--rgb,var(--a--color-rgb)),0%));
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-depth--down {
    --border--angle: 180deg;
    --border--color--start: rgba(var(--a--color--background--down-rgb), 50%);
    --border--color--end: rgba(var(--a--color--background--down-rgb), 0%);
    background-image: radial-gradient(140% 120% at 50% 100%,transparent 25%,rgba(25,25,100,0) 35%,rgba(25,25,100,calc(100%/ 4)) 50%,rgba(25,25,100,100%) 90%,rgba(25,25,100,100%) 95%);
    background-image: radial-gradient(var(--depth--gradient--position,140% 120% at 50% 100%),transparent 25%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),0) 35%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),calc(var(--depth--down--gradient--color--opacity,100%)/ 4)) 50%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),var(--depth--down--gradient--color--opacity,100%)) 90%,rgba(var(--depth--down--gradient--color--rgb,var(--a--color--background--down-rgb)),var(--depth--down--gradient--color--opacity,100%)) 95%)
}

.f-depth--down-top {
    --depth--gradient--position: 140% 120% at 50% 0%;
    --border--angle: 0deg
}

.f-section__container.f-depth--down {
    --depth--border-radius: var(--f--layout--radius)
}

.f-alert {
    --alert--spacing--v: var(--a--spacing--xs);
    --alert--spacing--h: var(--a--spacing--s);
    --alert--background-color: var(--a--color--layer-up);
    --alert--border-color: transparent;
    border-left: max(calc(1px * 3), 3px) solid currentColor;
    border-left: var(--a--border--width--xl) solid currentColor;
    box-shadow: none
}

.f-alert:where(:not(.f-alert--secret)) {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-alert--incomplete {
    --alert--color: var(--a--color--warning);
    --alert--background-color: rgba(var(--a--color--warning-rgb), 0.05);
    --alert--border-color: transparent
}

.f-alert--center {
    text-align: center
}

.f-alert--simple {
    --alert--spacing--v: 0;
    --alert--spacing--h: 0;
    background-color: transparent;
    border: none;
    box-shadow: none
}

.f-avatar--s {
    --avatar--size: var(--a--spacing--s)
}

.f-gallery {
    --carousel--items: 1;
    --carousel--gap: var(--a--spacing--m);
    -webkit-user-select: none;
            user-select: none
}

@media (min-width: 1024px) {
    .f-btt {
        --btt--spacing:var(--a--spacing--xs)
    }

    .f-depth--up {
        --box-shadow--size: var(--a--spacing--m)
    }

    .f-alert:where(:not(.f-alert--secret)) {
        --box-shadow--size: var(--a--spacing--s)
    }

    .f-gallery {
        --carousel--items: 2;
        --carousel--gap: var(--a--spacing--xl)
    }
}

.f-gallery .f-carousel__viewport {
    width: 100%;
    overflow: visible;
    outline-offset: calc(clamp(0.75rem, 0.75rem, 2.5rem) + min(calc(2px * 2), 4px));
    outline-offset: calc(var(--device--border) + var(--a--outline--offset--l))
}

.f-gallery .f-carousel__container {
    align-items: flex-end;
    justify-content: flex-start;
    padding-inline:calc(calc(2.5rem / 2) - clamp(0.75rem, 0.75rem, 2.5rem));
    padding-inline:calc(var(--a--container--spacing) - var(--device--border))}

.f-gallery .f-carousel__item {
    flex: 0 0 auto;
    max-width: 100%
}

.f-gallery .f-gallery__image {
    padding: clamp(0.75rem, 0.75rem, 2.5rem);
    padding: var(--device--border);
    background-color: #202020;
    background-color: var(--device--color);
    border-radius: calc(clamp(0.75rem, 0.75rem, 2.5rem) + clamp(0.25rem, 0.5rem, 0.5rem));
    border-radius: calc(var(--device--border) + var(--device--border-radius));
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 35%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-gallery .f-gallery__image img {
    border-radius: clamp(0.25rem, 0.5rem, 0.5rem);
    border-radius: var(--device--border-radius)
}

.f-gallery .f-gallery__image figcaption {
    bottom: calc(clamp(0.75rem, 0.75rem, 2.5rem)/ 2);
    bottom: calc(var(--device--border)/ 2);
    right: calc(clamp(0.75rem, 0.75rem, 2.5rem)/ 2);
    right: calc(var(--device--border)/ 2);
    background-color: #202020;
    background-color: var(--device--color);
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    border-bottom-right-radius: inherit
}

.f-gallery__image {
    position: relative;
    text-align: center
}

.f-gallery__image img {
    margin: 0 auto
}

.f-gallery__image figcaption {
    position: absolute;
    bottom: calc(2.5rem / 4);
    bottom: var(--a--spacing--xxs);
    right: calc(2.5rem / 4);
    right: var(--a--spacing--xxs);
    margin: 0;
    z-index: 10;
    z-index: var(--a--layer--1);
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: rgba(0,0,50,75%);
    background-color: rgba(var(--a--color--dark-rgb),75%);
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--s));
            backdrop-filter: blur(var(--f--filter--blur--s))
}

.f-bricks {
    --brick--spacing: var(--a--spacing--xs)
}

.f-brick {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.75rem;
    padding-inline:0;
    padding-inline:var(--brick--spacing,0);border-radius: 4px;border-radius: var(--a--button--border-radius)
}

.f-brick--marquee {
    --marquee--opacity: 0;
    --marquee--gap: 0px;
    --marquee--delay: 0s;
    --marquee--animation--delay: calc(var(--a--transition--duration) * 2);
    position: relative;
    pointer-events: auto
}

.f-brick--marquee .f-brick__container {
    position: relative;
    display: block;
    width: 100%;
    margin-inline:calc(var(--brick--spacing) * -1);overflow: hidden
}

.f-brick--marquee .f-brick__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    opacity: var(--brick--content--opacity, 1);
    transform: translate3d(0,0,0);
    transition: transform calc(0.25s * 2) ease-in-out 0s;
    transition: transform calc(var(--a--transition--duration) * 2) var(--a--transition--timing-function, ease-in-out) 0s;
    transition-delay: 0s;
    transition-delay: var(--brick--delay, 0s)
}

.f-brick--marquee .f-marquee {
    position: absolute;
    inset: 0;
    content-visibility: auto;
    transition: transform calc(0.25s * 3) ease-in-out 0s;
    transition: transform calc(var(--a--transition--duration) * 3) var(--a--transition--timing-function, ease-in-out) 0s;
    transition-delay: 0s;
    transition-delay: var(--brick--delay, 0s)
}

.f-brick--marquee:is(:hover,:focus) {
    --brick--delay: 0.15s;
    --marquee--opacity: 1;
    --marquee--delay: calc(var(--brick--delay, 0s) * 3)
}

.f-brick--marquee:is(:hover,:focus) .f-brick__content {
    transform: translate3d(-100%,0,0)
}

.f-brick--web-design {
    --aurora--color--1: var(--f--color--web-design);
    --aurora--color--2: var(--f--color--web-design);
    --depth--up--gradient--color--rgb: var(--f--color--web-design--rgb);
    --depth--up--gradient--color--opacity: 30%;
    color: #faafc8;
    color: var(--f--color--web-design)
}

.f-brick--web-development {
    --aurora--color--1: var(--f--color--web-development);
    --aurora--color--2: var(--f--color--web-development);
    --depth--up--gradient--color--rgb: var(--f--color--web-development--rgb);
    --depth--up--gradient--color--opacity: 30%;
    color: #afc8fa;
    color: var(--f--color--web-development)
}

a.f-brick {
    text-decoration: none
}

.f-window {
    --glasses--columns: 10;
    --glasses--gap: 0px;
    --glasses--mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%) border-box;
    display: grid;
    grid-template-columns: repeat(calc(var(--glasses--columns) + 4),1fr);
    grid-template-rows: 1fr;
    grid-gap: 0;
    gap: 0;
    z-index: -1;
    position: absolute;
    top: -50%;
    left: calc(((100% / var(--glasses--columns) * 2) + (var(--glasses--gap)/ 4)) * -1);
    right: calc(((100% / var(--glasses--columns) * 2) + (var(--glasses--gap)/ 4)) * -1);
    height: 150%
}

.f-glass {
    --glass--mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) var(--glass--mask--top, 0%), #000000 var(--glass--mask--center, 50%), rgba(0, 0, 0, 0) var(--glass--mask--bottom, 100%)) border-box;
    --glass--color: rgba(var(--a--color-rgb), 10%);
    --glass--color--background: rgba(var(--a--color--background--down-rgb), 40%);
    --glass--color--border: rgba(var(--a--color-rgb), 25%);
    background-image: linear-gradient(to right,var(--glass--color--background) 0,var(--glass--color--background) max(calc(1px * 2), 2px),var(--glass--color) calc(100% - max(calc(1px * 2), 2px)),var(--glass--color--border) 100%);
    background-image: linear-gradient(to right,var(--glass--color--background) 0,var(--glass--color--background) var(--a--border--width--l),var(--glass--color) calc(100% - var(--a--border--width--l)),var(--glass--color--border) 100%);
    -webkit-mask: var(--glass--mask);
    -webkit-mask-composite: xor;
    -webkit-mask: var(--glass--mask);
            mask: var(--glass--mask);
    -webkit-mask-composite: source-out;
            mask-composite: subtract
}

.f-glass--web-design {
    --glass--color: rgba(var(--f--color--web-design--rgb), 40%);
    --glass--color--border: rgba(var(--f--color--web-design--rgb), 60%)
}

.f-glass--web-design-soft {
    --glass--color: rgba(var(--f--color--web-design--rgb), 20%);
    --glass--color--border: rgba(var(--f--color--web-design--rgb), 40%)
}

.f-glass--web-development {
    --glass--color: rgba(var(--f--color--web-development--rgb), 40%);
    --glass--color--border: rgba(var(--f--color--web-development--rgb), 60%)
}

.f-glass--web-development-soft {
    --glass--color: rgba(var(--f--color--web-development--rgb), 20%);
    --glass--color--border: rgba(var(--f--color--web-development--rgb), 40%)
}

fieldset[role] {
    padding-bottom: calc(2.5rem / 2);
    padding-bottom: var(--a--spacing--xs)
}

select option {
    background-color: #01031c;
    background-color: var(--a--color--background)
}

select option.f-select__placeholder {
    background-color: #ff0
}

.f-form__header--plan h2 {
    line-height: calc(1.75 - 0.6);
    line-height: var(--a--line-height--xxs)
}

.f-form__header--plan small {
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight)
}

.f-form__content {
    display: block;
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing)
}

.f-form__loading {
    background-color: rgba(50,50,125,50%);
    background-color: rgba(var(--a--color--background-rgb),50%)
}

.f-form__response:not(:empty) {
    margin-bottom: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin-bottom: var(--a--spacing--m)
}

.f-field__error {
    display: block;
    padding: 0;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    color: rgba(225,150,175, 1);
    color: var(--a--color--error)
}

.f-field__error:not(.active) {
    display: none
}

.f-field__valid {
    color: rgba(150,225,175, 1);
    color: var(--a--color--success)
}

.f-form__switch {
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) calc(2.5rem / 2);
    padding: var(--a--spacing--m) var(--a--spacing--xs);
    margin-top: clamp(calc(2.5rem * 1.5), calc(1.5rem + 7.5vw), calc(2.5rem * 3));
    margin-top: var(--a--spacing--xxl)
}

.f-form__switch header {
    --section--spacing: 0;
    --section--header--font-size: var(--a--heading--font-size--h3--fluid)
}

.f-form__switch .f-icon {
    margin-bottom: calc(2.5rem / 4);
    margin-bottom: var(--a--spacing--xxs)
}

label small {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

label abbr.info {
    -webkit-margin-start:calc(2.5rem / 8);
            margin-inline-start:calc(2.5rem / 8);
    -webkit-margin-start:var(--a--spacing--xxxs);
            margin-inline-start:var(--a--spacing--xxxs);vertical-align: super
}

.f-label--radios {
    display: block;
    margin-bottom: calc(2.5rem / 2);
    margin-bottom: var(--a--spacing--xs)
}

.f-label--button {
    --button--color: var(--a--button--color);
    --button--background-color: var(--a--button--background-color)
}

.f-label--button:focus,.f-label--button:hover {
    --button--color: var(--a--button--color--active);
    --button--background-color: var(--a--button--background-color--active)
}

[type=file]:focus+.f-label--button {
    --button--color: var(--a--button--color--active)!important;
    --button--background-color: var(--a--button--background-color--active);
    --button--box-shadow: var(--a--button--shadow--active)
}

[type=file]:focus-visible+.f-label--button {
    --button--outline-color: var(--a--button--background-color--active)
}

.f-field small {
    text-wrap: balance
}

.f-field--robot {
    position: absolute;
    opacity: 0
}

.f-field__container {
    position: relative
}

.f-field--checkbox {
    margin-top: calc(2.5rem / 2);
    margin-top: var(--a--spacing--xs)
}

.f-field--checkbox label {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1rem;
    font-size: var(--a--font-size);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: 0em;
    letter-spacing: var(--a--letter-spacing);
    text-transform: none
}

.f-field--checkbox label:focus-within a {
    --link--color: currentColor
}

.f-form__submit .f-field--checkbox {
    margin: 0
}

.f-form--signin {
    --section--spacing: var(--a--spacing--l)
}

.f-form--signin .f-form__container {
    width: min(100% - calc(2.5rem / 2),30rem);
    width: min(100% - var(--a--spacing--xs),30rem);
    margin: 0 auto
}

.f-form--signin .f-alert {
    --alert--spacing: var(--a--spacing)
}

.f-form--signup {
    --section--spacing: var(--a--spacing--l)
}

.f-form--signup .f-form__container {
    width: min(100% - calc(2.5rem / 2),30rem);
    width: min(100% - var(--a--spacing--xs),30rem);
    margin: 0 auto
}

.f-form--signup .f-alert {
    --alert--spacing: var(--a--spacing)
}

.f-form--signup .f-content {
    --p--spacing: var(--a--spacing--xxs)
}

.f-logo {
    --logo--spacing--v: var(--a--spacing--xxs);
    --logo--spacing--h: calc(var(--a--container--spacing) / 2);
    display: flex;
    align-items: center;
    min-width: 160px;
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight);
    font-size: clamp(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25), calc(1.5rem + 0.7vw), calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h3--fluid);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing);
    text-transform: var(--a--heading--text-transform);
    color: #dcc8fa;
    color: var(--f--header--color--accent)
}

.f-logo a {
    padding: calc(2.5rem / 4) calc(calc(2.5rem / 2) / 2);
    padding: var(--f--logo--spacing--v) var(--f--logo--spacing--h);
    margin: calc(calc(2.5rem / 4) * -1) 0;
    margin: calc(var(--f--logo--spacing--v) * -1) 0;
    color: currentColor;
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    outline-offset: 0;
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-logo a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-logo a:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-logo a:is(:disabled) {
    --decoration--opacity: 0
}

.f-logo :is(svg,img) {
    display: block
}

@media (max-width: 767px) {
    .f-form--signin .f-form__submit button,.f-form--signup .f-form__submit button {
        width:100%
    }

    .f-logo :is(svg,img) {
        max-width: 46vw;
        min-width: 156px;
        height: auto
    }
}

.f-header {
    --header--mask: linear-gradient(to bottom, #000000 25%, rgba(0, 0, 0, 0.05) 84%, rgba(0, 0, 0, 0.01) 92%, rgba(0, 0, 0, 0) 100%) border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    z-index: 40;
    z-index: var(--a--layer--4);
    color: #ffffff;
    color: var(--f--header--color)
}

.f-header--sticky {
    position: fixed;
    transition: transform ease-in-out calc(0.25s * 2) 0s;
    transition: transform var(--a--transition--timing-function) var(--a--transition--duration--double) 0s
}

@media (prefers-reduced-transparency:reduce) {
    .f-header--sticky {
        position: absolute
    }
}

.f-header--sticky:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: -2;
    pointer-events: none;
    touch-action: none;
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--xl));
            backdrop-filter: blur(var(--f--filter--blur--xl));
    -webkit-mask: var(--header--mask);
    -webkit-mask-composite: xor;
    -webkit-mask: var(--header--mask);
            mask: var(--header--mask);
    -webkit-mask-composite: source-out;
            mask-composite: subtract
}

.admin-bar .f-header--sticky {
    top: 32px
}

@media (max-width: 782px) {
    .admin-bar .f-header--sticky,.admin-bar .f-skiplink:focus {
        top:46px
    }
}

.f-header__container {
    min-width: 320px;
    padding: calc(2.5rem / 2) calc(calc(2.5rem / 2) / 2);
    padding: var(--f--header--spacing--v) var(--f--header--spacing--h);
    transition: padding 0.25s ease-in-out 0s;
    transition: padding var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-header__partnership {
    display: flex;
    align-items: center
}

.f-header .f-navigation a {
    --link--color: var(--f--header--color)
}

.f-header .f-navigation a:is(:hover,:focus) {
    --link--color: var(--f--header--color--accent)
}

.f-header .f-navigation li[class*=current]>a {
    --link--color: var(--f--header--color--accent)
}

@media (min-width: 1600px) {
    .f-header .f-navigation {
        margin-right:2.5rem;
        margin-right:var(--a--spacing)
    }
}

.f-user {
    --nav--spacing--v: var(--a--border--width--l);
    --nav--spacing--h: var(--a--spacing--xs);
    --nav--sub--spacing: var(--a--spacing--xxs);
    --nav--sub--border-radius: var(--a--border--radius);
    width: 100%
}

.f-user>ul {
    gap: 1px;
    gap: var(--a--border--width)
}

.f-user>ul>li {
    padding-right: 0;
    padding-left: 0
}

.f-user>ul>li>a {
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    border-bottom-right-radius: calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2))
}

.f-user a {
    outline-offset: 0
}

.f-user li ul {
    --nav--spacing--v: var(--a--spacing--xxs);
    position: absolute;
    left: auto;
    right: 0;
    min-width: 16rem;
    gap: calc(var(--nav--sub--spacing)/ 2);
    padding: 0;
    background-color: transparent;
    border-radius: 4px calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2)) calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2));
    border-radius: var(--a--border--radius) calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2)) calc(var(--nav--sub--border-radius) + (var(--nav--sub--spacing)/ 2));
    box-shadow: none
}

@media (min-width: 1024px) {
    .f-gallery .f-gallery__image {
        --box-shadow--size:var(--a--spacing--m)
    }

    li:hover .f-logo a {
        --decoration--opacity: 1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }

    .f-header__user {
        display: flex;
        justify-content: flex-end
    }

    .f-header__notifications {
        display: none
    }

    .f-header .f-navigation {
        justify-content: end
    }

    .f-user li ul {
        padding: var(--nav--sub--spacing);
        background-image: linear-gradient(170deg,rgba(220,200,250,5%),40%,rgba(220,200,250,7.5%));
        background-image: linear-gradient(170deg,rgba(var(--a--color--accent-rgb),5%),40%,rgba(var(--a--color--accent-rgb),7.5%));
        -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(var(--f--filter--blur--l));
                backdrop-filter: blur(var(--f--filter--blur--l));
        --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
        --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
        box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
    }

    li:hover .f-user li ul a {
        --decoration--opacity: 1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    .f-user li ul {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-user li ul li {
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    font-weight: var(--f--navigation--font-weight)
}

@media (max-width: 1023px) {
    .f-user li ul {
        opacity:1;
        pointer-events: auto;
        position: relative;
        width: 100%;
        margin: var(--nav--sub--spacing) 0 0;
        border-radius: calc(var(--nav--sub--border-radius) + var(--nav--sub--spacing))
    }

    .f-user li ul li {
        font-size: 1rem;
        font-size: var(--a--font-size);
        margin: 0
    }
}

.f-user li ul a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    gap: var(--nav--spacing--h);
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.5em;
    line-height: var(--f--navigation--line-height);
    color: #ffffff;
    color: var(--a--color);
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: var(--nav--sub--border-radius);
    box-shadow: none;
    --decoration--color: rgba(var(--a--color-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative;
    --decoration--scale--x: 1;
    --decoration--scale--y: 0.25
}

.f-user li ul a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-user li ul a:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-user li ul a:is(:disabled) {
    --decoration--opacity: 0
}

.f-user li ul a:focus,.f-user li ul a:hover {
    color: #dcc8fa;
    color: var(--a--color--accent);
    box-shadow: none
}

.f-user li ul a:focus-visible {
    outline-color: currentColor
}

@media (max-width: 1023px) {
    .f-user li ul a {
        color:#ffffff;
        color:var(--off--color)
    }

    .f-user li ul a:focus,.f-user li ul a:hover {
        color: #dcc8fa;
        color: var(--off--color--accent)
    }

    .f-user li:focus-within>a,.f-user li:hover>a {
        --link--color: currentColor
    }
}

.f-user li>a:focus,.f-user li>a:hover {
    --link--color: var(--off--color--accent)
}

.f-user .f-status--pin {
    position: relative;
    top: -1px
}

.f-user__button {
    --button--spacing--v: var(--a--spacing--xxs);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--button--spacing--h);
    margin: 0;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--f--navigation--font-family);
    font-weight: 400;
    font-weight: var(--f--navigation--font-weight);
    font-size: 1rem;
    font-size: var(--f--navigation--font-size);
    letter-spacing: 0em;
    letter-spacing: var(--f--navigation--letter-spacing);
    text-transform: none;
    text-transform: var(--f--navigation--text-transform);
    color: #ffffff;
    color: var(--a--color);
    background-color: transparent;
    border: none;
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    outline-offset: 0;
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-user__button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-user__button:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-user__button:is(:disabled) {
    --decoration--opacity: 0
}

@media (min-width: 1024px) {
    li:hover .f-user__button {
        --decoration--opacity:1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }

    .f-user__button {
        --button--spacing--h: var(--a--spacing--xs)
    }

    li:hover .f-navigation a {
        --decoration--opacity: 1;
        --decoration--scale--x: 1;
        --decoration--scale--y: 1
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .f-user__button .f-user__label {
        display:none
    }
}

.f-user__button .f-user__avatar {
    --avatar--size: 40px;
    margin: -10px calc(calc(2.5rem / 4) * -1) -10px 0;
    margin: -10px calc(var(--a--spacing--xxs) * -1) -10px 0
}

.f-user__button .f-user__status {
    top: 0
}

@media (max-width: 1279px) {
    .f-user__button .f-user__status {
        display:none
    }
}

.f-user__button.current {
    color: #dcc8fa;
    color: var(--f--header--color--accent)
}

.f-user__button:focus,.f-user__button:hover {
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-user__button:focus {
    box-shadow: none
}

.f-user__name {
    display: flex;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs)
}

@media (max-width: 1023px) {
    .f-off :where(.f-user__button) {
        --decoration--scale--x:1;
        --decoration--scale--y: 0.25;
        --button--spacing--v: var(--a--spacing--xs);
        --button--spacing--h: var(--a--spacing--xs);
        width: 100%
    }

    .f-user__name {
        font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
        font-family: var(--f--navigation--font-family);
        font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
        font-size: var(--a--heading--font-size--h6--fluid);
        font-weight: 400;
        font-weight: var(--f--navigation--font-weight)
    }
}

.f-user__partnership {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs)
}

.f-user__notifications {
    --indicator-size: 1.5rem;
    position: relative
}

.f-user__notifications .f-indicator {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: calc(24px + var(--button--spacing--h));
    min-width: var(--indicator-size);
    padding: max(calc(1px * 2), 2px) calc(2.5rem / 8);
    padding: var(--a--border--width--l) var(--a--spacing--xxxs);
    font-size: 0.625rem;
    font-size: var(--a--font-size--xxxs);
    font-weight: 600;
    font-weight: var(--a--font-weight--bold-semi);
    line-height: normal;
    pointer-events: none;
    touch-action: none;
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #dcc8fa;
    background-color: var(--a--color--accent);
    border-radius: calc(2.5rem / 4 * 2) calc(2.5rem / 4 * 2) calc(2.5rem / 4 * 2) 0;
    border-radius: var(--a--spacing--s) var(--a--spacing--s) var(--a--spacing--s) 0
}

.f-partnership {
    --badge--border-color: transparent;
    vertical-align: bottom
}

@media (max-width: 767px) {
    .f-partnership {
        height:calc((calc(1.75 - 0.4) * 14px) + (calc(2.5rem / 8) * 2));
        height:calc((var(--a--line-height--xs) * var(--a--font-size--base)) + (var(--badge--spacing--v,var(--a--spacing--xxxs)) * 2));
        padding-right: 0
    }

    .f-partnership span {
        display: none;
        content-visibility: hidden
    }

    .f-heading__buttons .f-button {
        width: 100%
    }
}

.f-navigation {
    --nav--spacing--v: var(--a--spacing--xxs);
    --nav--spacing--h: var(--a--spacing--xs);
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 10;
    z-index: var(--a--layer--1);
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--f--navigation--font-family);
    font-size: 1rem;
    font-size: var(--f--navigation--font-size);
    font-weight: 400;
    font-weight: var(--f--navigation--font-weight);
    letter-spacing: 0em;
    letter-spacing: var(--f--navigation--letter-spacing);
    text-transform: none;
    text-transform: var(--f--navigation--text-transform);
    -webkit-user-select: none;
            user-select: none
}

.f-navigation a {
    line-height: 1.5em;
    line-height: var(--f--navigation--line-height);
    border-radius: 4px;
    border-radius: var(--a--border--radius);
    outline-offset: 0;
    --decoration--color: rgba(var(--a--color--accent-rgb), 5%);
    --decoration--opacity: 0;
    --decoration--scale--x: 0.5;
    --decoration--scale--y: 0.5;
    position: relative
}

.f-navigation a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(var(--decoration--scale--x),var(--decoration--scale--y));
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: var(--decoration--opacity);
    background-color: var(--decoration--color);
    border-radius: inherit;
    transition-property: transform,opacity;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb--puff)
}

.f-navigation a:is(:hover,:focus,:focus-within) {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-navigation a:is(:disabled) {
    --decoration--opacity: 0
}

.f-navigation a:is(:hover,:focus) {
    --link--color: var(--a--color--accent)
}

.f-navigation li {
    position: relative
}

.f-navigation li[class*=current]>a {
    --link--color: var(--f--header--color--accent);
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-navigation li.active a {
    --decoration--opacity: 1;
    --decoration--scale--x: 1;
    --decoration--scale--y: 1
}

.f-navigation li.inactive {
    opacity: .3;
    transition: opacity 0.25s ease-in-out 0s;
    transition: opacity var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-navigation li.inactive:is(:hover,:focus-within) {
    opacity: 1
}

.f-navigation>ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: max(calc(1px * 2), 2px);
    gap: var(--a--border--width--l)
}

@media (min-width: 1024px) {
    .f-navigation>ul {
        flex-direction:row;
        align-items: flex-start
    }
}

.f-navigation>ul>li .f-description {
    display: none
}

.f-navigation>ul>li[class*=current] .f-description {
    display: block
}

.f-navigation li ul {
    --nav--spacing--v: var(--a--spacing--xxs);
    --nav--spacing--h: var(--a--spacing--xxs);
    opacity: 1;
    pointer-events: auto;
    position: relative;
    align-items: center;
    justify-content: inherit;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    gap: max(calc(1px * 2), 2px);
    gap: var(--a--border--width--l);
    padding: calc(var(--nav--spacing--v) + max(calc(1px * 2), 2px)) 0 0;
    padding: calc(var(--nav--spacing--v) + var(--a--border--width--l)) 0 0;
    font-size: 1rem;
    font-size: var(--a--font-size);
    text-align: inherit;
    background-color: transparent;
    box-shadow: none
}

@media (min-width: 1024px) {
    .f-navigation li ul {
        flex-direction:row;
        padding: 0;
        margin: calc(calc(2.5rem / 2) + max(calc(1px * 2), 2px)) -200px calc(calc(2.5rem / 2) * -1);
        margin: calc(var(--a--spacing--xs) + var(--a--border--width--l)) -200px calc(var(--a--spacing--xs) * -1)
    }
}

.f-navigation li ul a {
    --nav--spacing--v: var(--a--spacing--xxxs);
    justify-content: center
}

.f-navigation .f-description {
    min-width: -webkit-max-content;
    min-width: max-content;
    padding: calc(2.5rem / 2) 0 calc(2.5rem / 8);
    padding: var(--a--spacing--xs) 0 var(--a--spacing--xxxs);
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1rem;
    font-size: var(--a--font-size);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs);
    text-align: center
}

@media (min-width: 1024px) {
    .f-navigation .f-description {
        position:absolute;
        top: 100%;
        padding-top: calc(2.5rem / 4);
        padding-top: var(--a--spacing--xxs)
    }
}

.f-navigation .f-count {
    position: absolute;
    top: calc(var(--nav--spacing--v)/ 2);
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--nav--spacing--h)/ 4);
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs);
    font-size: 0.625rem;
    font-size: var(--a--font-size--xxxs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    line-height: normal;
    text-decoration: none;
    pointer-events: none;
    touch-action: none
}

.f-navigation__trigger {
    --button--color: var(--f--header--color);
    --button--background-color: transparent;
    --button--box-shadow: none;
    outline-offset: 0
}

.f-navigation__trigger:is(:hover,:focus) {
    --button--color: var(--f--header--color--accent)
}

.f-navigation__trigger:focus-visible {
    outline-color: currentColor
}

aside .f-navigation {
    --nav--spacing--v: var(--a--spacing--xxs);
    --nav--spacing--h: var(--a--spacing--xs);
    display: block;
    padding: 0;
    margin: 0 calc(var(--nav--spacing--h) * -1) 2.5rem;
    margin: 0 calc(var(--nav--spacing--h) * -1) var(--a--spacing)
}

aside .f-navigation:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: rgba(255,255,255,20%) transparent;
    scrollbar-color: rgba(var(--a--color-rgb),20%) transparent
}

aside .f-navigation:-webkit-scrollbar {
    background-color: transparent
}

aside .f-navigation:-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,20%);
    background-color: rgba(var(--a--color-rgb),20%);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

aside .f-navigation:-webkit-scrollbar-track {
    background-color: transparent
}

aside .f-navigation:-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

@media (min-width: 1024px) {
    .f-navigation .f-count {
        font-size:0.75rem;
        font-size:var(--a--font-size--xxs)
    }

    aside .f-navigation {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 2.5rem 0;
        padding: var(--a--spacing) 0;
        margin: 0;
        height: 100vh;
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto
    }
}

aside .f-navigation--s {
    --nav--spacing--v: var(--a--spacing--xxxs)
}

aside .f-navigation ul {
    align-self: flex-start;
    align-items: flex-start;
    border-radius: 4px;
    border-radius: var(--a--border--radius)
}

aside .f-navigation li {
    width: 100%
}

aside .f-navigation a {
    --decoration--scale--x: 1;
    --decoration--scale--y: 0.25;
    display: flex
}

aside .f-navigation li ul {
    --nav--spacing--v: var(--a--spacing--xxxs);
    --nav--spacing--h: var(--a--spacing--xs);
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    transform: none;
    transform: initial;
    align-items: flex-start;
    padding: var(--nav--spacing--h) 0 var(--nav--spacing--h) var(--nav--spacing--h);
    margin: 0;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

aside .f-navigation li ul a {
    position: relative;
    justify-content: flex-start
}

.f-navigation--off:where([data-off-breakpoint='1024']).active {
    transform: translate3d(calc(calc(2.5rem / 2) * -1),0,0);
    transform: translate3d(calc(var(--a--spacing--xs) * -1),0,0)
}

.f-heading {
    --heading--spacing--top: var(--a--spacing--m);
    --heading--spacing: var(--a--spacing--xxl);
    position: relative;
    padding: calc(calc(32px + (calc(2.5rem / 2) * 2)) + var(--heading--spacing--top)) 0 clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) 0;
    padding: calc(var(--f--header--height) + var(--heading--spacing--top)) 0 var(--heading--spacing,var(--a--spacing--m)) 0
}

.f-heading h1 {
    font-size: clamp(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25), calc(1.8rem + 2.2vw), calc(calc(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--title--font-size--m--fluid);
    text-wrap: balance
}

.f-heading h1 a {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-heading h1 a:is(:hover,:focus) {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-heading h1 small {
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid);
    line-height: calc(2ex + 0.2em);
    line-height: var(--a--heading--line-height)
}

.f-heading h2 {
    text-wrap: balance;
    font-size: clamp(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25), calc(1.5rem + 0.7vw), calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h3--fluid)
}

.f-heading__title {
    position: relative
}

@media (max-width: 1023px) {
    aside .f-navigation--hide-s {
        display:none;
        content-visibility: hidden
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) {
        --off--width-max: calc(50vw - (var(--a--spacing--xs) * 2));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        top: calc(2.5rem / 2);
        top: var(--a--spacing--xs);
        height: auto;
        max-height: calc(100vh - (calc(2.5rem / 2) * 2));
        max-height: calc(100vh - (var(--a--spacing--xs) * 2));
        gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
        gap: var(--a--spacing--m);
        border-radius: calc(calc(2.5rem / 2)/ 2);
        border-radius: calc(var(--off--dialog--radius)/ 2)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) nav {
        --nav--spacing--v: var(--a--spacing--xs);
        --nav--spacing--h: var(--a--spacing--s);
        padding: calc(2.5rem / 2);
        padding: var(--a--spacing--xs)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) nav li {
        width: 100%
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) nav a {
        margin: 0
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation {
        align-items: center;
        padding-block:calc(2.5rem * 3);
        padding-block:calc(var(--a--spacing) * 3)}

    .f-navigation--off: where([data-off-breakpoint='1024']) .f-navigation ul {
        width:100%
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li {
        padding: 0;
        margin: 0
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation a {
        --decoration--scale--x: 1;
        --decoration--scale--y: 0.25;
        display: flex;
        line-height: normal;
        white-space: normal;
        color: #ffffff;
        color: var(--off--color);
        outline-offset: 4px;
        outline-offset: var(--a--outline--offset)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation a:is(:hover,:focus) {
        --decoration--scale--y: 1;
        color: #dcc8fa;
        color: var(--off--color--accent)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li[class*=current]>a {
        color: #dcc8fa;
        color: var(--off--color--accent)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation>ul {
        flex-direction: column;
        align-items: stretch
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li ul {
        display: block;
        position: relative;
        top: auto;
        pointer-events: auto;
        opacity: 1;
        background-color: transparent;
        box-shadow: none
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation li ul li>a {
        font-size: 1rem;
        font-size: var(--a--font-size)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user {
        display: flex
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user li {
        padding: 0
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user {
        --nav--spacing--v: var(--a--spacing--xs);
        --nav--spacing--h: var(--a--spacing--s);
        padding-inline:calc(2.5rem / 2);
        padding-inline:var(--a--spacing--xs)}

    .f-navigation--off: where([data-off-breakpoint='1024']) .f-navigation__user .f-user__avatar {
        --avatar--size:48px
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user__notifications {
        display: none
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-navigation__user .f-user__partnership {
        flex-direction: column;
        align-items: flex-end;
        gap: calc(2.5rem / 8);
        gap: var(--a--spacing--xxxs)
    }

    .f-navigation--off:where([data-off-breakpoint='1024']) .f-user__button {
        --button--spacing--v: var(--nav--spacing--v);
        --button--spacing--h: var(--nav--spacing--h);
        width: 100%
    }

    .f-heading__title-sub {
        text-align: center
    }
}

.f-heading__badges {
    display: flex;
    padding: calc(2.5rem / 4) 0;
    padding: var(--a--spacing--xxs) 0;
    vertical-align: middle;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    font-weight: 400
}

.f-heading__buttons {
    position: relative
}

.f-heading__button {
    --button--background-image: linear-gradient(177deg, rgba(var(--a--color-rgb), 30%) 0%, rgba(var(--a--color-rgb), 0) 75%)
}

.f-heading--center {
    text-align: center
}

.f-heading--center .f-heading__content {
    max-width: 100%
}

.f-heading--center .f-heading__badges {
    justify-content: center
}

.f-heading--archive {
    --heading--spacing: var(--a--spacing--l)
}

.f-heading--none {
    padding: calc(32px + (calc(2.5rem / 2) * 2)) 0 0;
    padding: var(--f--header--height) 0 0
}

.f-heading--404 {
    padding-bottom: calc(2.5rem / 4 * 2);
    padding-bottom: var(--a--spacing--s)
}

.f-heading .f-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: min(95vh,840px);
    margin: 0;
    z-index: -1;
    pointer-events: none;
    overflow: clip;
    background-color: #01031c;
    background-color: var(--a--color--background);
    border-bottom-right-radius: calc(2.5rem / 2);
    border-bottom-right-radius: var(--f--layout--radius);
    border-bottom-left-radius: calc(2.5rem / 2);
    border-bottom-left-radius: var(--f--layout--radius)
}

.f-heading .f-background:before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom,rgba(var()))
}

.f-heading .f-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: top center;
    object-fit: cover;
    filter: opacity(25%) grayscale(75%);
    mix-blend-mode: soft-light
}

.f-heading__subtitle {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--sub--font-family);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--sub--font-size);
    font-weight: 400;
    font-weight: var(--a--heading--sub--font-weight);
    letter-spacing: 0;
    letter-spacing: var(--a--heading--sub--letter-spacing);
    text-transform: none;
    text-transform: var(--a--heading--sub--text-transform)
}

.f-heading__note {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    color: rgba(255,255,255,75%);
    color: rgba(var(--a--color-rgb),75%)
}

.f-heading__buttons .f-heading__note {
    position: absolute;
    top: 100%
}

.f-heading__navigation {
    --nav--spacing--v: var(--a--spacing--xxs);
    --nav--spacing--h: var(--a--spacing--xs);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid);
    font-weight: 500;
    font-weight: var(--a--font-weight--medium);
    text-align: center
}

.f-heading__navigation ul {
    flex-wrap: nowrap;
    gap: var(--nav--spacing--v)
}

@media (min-width: 1024px) {
    .f-heading h2 {
        font-size:clamp(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25), calc(1.8rem + 0.8vw), calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
        font-size:var(--a--heading--font-size--h2--fluid)
    }

    .f-heading__navigation {
        --nav--spacing--v: var(--a--spacing--xs);
        --nav--spacing--h: var(--a--spacing--s);
        font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
        font-size: var(--a--heading--font-size--h5--fluid)
    }

    .f-heading__navigation ul {
        gap: max(calc(1px * 2), 2px);
        gap: var(--a--border--width--l)
    }
}

.f-heading__navigation li {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.f-heading__navigation li.web-design li.current a {
    --link--color: var(--f--color--web-design)
}

.f-heading__navigation li.web-development li.current a {
    --link--color: var(--f--color--web-development)
}

.f-heading__navigation li.web-design-and-development li.current a {
    background-color: currentColor;
    background-image: linear-gradient(to right,#faafc8 20%,#afc8fa 80%);
    background-image: linear-gradient(to right,var(--f--color--web-design) 20%,var(--f--color--web-development) 80%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.f-heading__navigation li.web-design-and-development li.current a:selection {
    background-image: none;
    -webkit-background-clip: revert;
    -webkit-text-fill-color: currentColor
}

.f-heading__navigation li ul {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center
}

.f-heading__navigation li:not(.has-current) ul {
    display: none
}

.f-heading__navigation a {
    justify-content: center;
    line-height: 1.2;
    outline-offset: 0
}

.f-heading--hero {
    --heading--columns: 10;
    --heading--columns--gap: 2px;
    --heading--spacing--top: var(--a--spacing--m);
    --heading--spacing: var(--a--spacing--m);
    color: #ffffff;
    color: var(--a--color);
    background-color: transparent
}

@media (min-width: 1280px) {
    .f-heading--hero {
        --heading--spacing--top:var(--a--spacing--xxl);
        --heading--spacing: var(--a--spacing--l);
    }
}

@media (min-height: 960px) {
    .f-heading--hero {
        --heading--spacing--top:var(--a--spacing--xxl);
        --heading--spacing: var(--a--spacing--xl)
    }
}

.f-hero__container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    gap: var(--a--spacing--m)
}

@media (min-width: 1280px) {
    .f-hero__container {
        display:grid;
        grid-template-columns: repeat(var(--heading--columns),1fr);
        grid-template-rows: auto;
        align-items: stretch;
        grid-gap: var(--heading--columns--gap);
        gap: var(--heading--columns--gap)
    }

    .f-hero__container .f-hero__headline {
        grid-column: 1/6
    }

    .f-hero__container .f-hero__bricks {
        grid-column: 7/11
    }
}

.f-hero__headline {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-basis: 60%;
    align-items: center;
    justify-content: center;
    gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    gap: var(--a--spacing--m);
    z-index: 20;
    z-index: var(--a--layer--2);
    text-align: center
}

@media (min-width: 1280px) {
    .f-hero__headline {
        justify-content:flex-start;
        align-items: flex-start;
        text-align: start
    }
}

.f-hero__title {
    display: flex;
    flex-direction: column;
    align-items: inherit;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    margin: 0
}

.f-hero__subtitle {
    margin: 0;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1.0625rem;
    font-size: var(--a--font-size--l);
    text-wrap: balance;
    padding-inline:calc(2.5rem / 8);
    padding-inline:var(--a--spacing--xxxs)}

.f-hero__buttons {
    margin-top: calc(2.5rem / 4);
    margin-top: var(--a--spacing--xxs)
}

.f-hero__button {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--s));
            backdrop-filter: blur(var(--f--filter--blur--s))
}

.f-hero__window {
    height: 150%
}

@media (min-width: 768px) {
    .f-hero__subtitle {
        font-size:1.125rem;
        font-size:var(--a--font-size--xl)
    }

    .f-hero__window {
        top: -75%;
        height: 200%
    }
}

.f-hero__window:before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    width: 40vw;
    height: 40vw;
    z-index: -3;
    background-color: rgba(220,200,250,20%);
    background-color: rgba(var(--a--color--accent-rgb),20%);
    border-radius: 50%;
    filter: blur(calc(30px * 4));
    filter: blur(calc(var(--f--filter--blur--xl) * 4));
    transform: translate3d(0,0,0);
    will-change: transform
}

.f-hero__window .f-glass {
    position: relative;
    z-index: 1
}

.f-hero__window .f-glass--1 {
    --glass--mask--top: 30%;
    --glass--mask--center: 50%;
    --glass--mask--bottom: 70%;
    --glass--color: rgba(var(--a--color-rgb), 5%)
}

.f-hero__window .f-glass--2 {
    --glass--mask--top: 30%;
    --glass--mask--center: 50%;
    --glass--mask--bottom: 70%;
    --glass--color: transparent;
    --glass--color--background: transparent;
    --glass--color--border: transparent
}

.f-hero__window .f-glass--3 {
    --glass--mask--top: 55%;
    --glass--mask--center: 85%;
    --glass--mask--bottom: 100%;
    --glass--color--background: transparent
}

.f-hero__window .f-glass--4,.f-hero__window .f-glass--5 {
    --glass--mask--center: 25%;
    --glass--mask--bottom: 75%;
    --glass--color: rgba(var(--a--color--background-rgb), 50%);
    --glass--color--background: transparent;
    --glass--color--border: rgba(var(--a--color--background-rgb), 50%)
}

.f-hero__window .f-glass--6 {
    --glass--mask--top: -10%;
    --glass--mask--center: 20%;
    --glass--mask--bottom: 35%;
    --glass--color--background: transparent
}

.f-hero__window .f-glass--7 {
    --glass--mask--top: 25%;
    --glass--mask--center: 40%;
    --glass--mask--bottom: 65%;
    --glass--color: rgba(var(--a--color--accent-rgb), 20%);
    --glass--color--background: transparent
}

.f-hero__window .f-glass--8 {
    --glass--mask--top: 0%;
    --glass--mask--center: 30%;
    --glass--mask--bottom: 60%;
    --glass--color: rgba(var(--a--color--accent-rgb), 20%);
    --glass--color--background: transparent
}

.f-hero__window .f-glass--9 {
    --glass--mask--top: 25%;
    --glass--mask--center: 45%;
    --glass--mask--bottom: 65%
}

.f-hero__window .f-glass--10 {
    --glass--mask--top: 25%;
    --glass--mask--bottom: 90%
}

.f-hero__window .f-glass--11 {
    --glass--mask--top: 30%;
    --glass--mask--bottom: 85%
}

.f-hero__window .f-glass--12 {
    --glass--mask--top: 35%;
    --glass--mask--bottom: 80%
}

.f-hero__window .f-glass--13 {
    --glass--mask--top: 25%;
    --glass--mask--bottom: 70%
}

.f-hero__window .f-glass--14 {
    --glass--mask--top: 10%;
    --glass--mask--bottom: 60%
}

@media (max-width: 1023px) {
    .f-hero__buttons {
        justify-content:center
    }

    .f-hero__window {
        --glasses--columns: 5
    }

    .f-hero__window .f-glass {
        --glass--color--background: transparent
    }

    .f-hero__window .f-glass--1,.f-hero__window .f-glass--13,.f-hero__window .f-glass--14,.f-hero__window .f-glass--2,.f-hero__window .f-glass--3,.f-hero__window .f-glass--6,.f-hero__window .f-glass--7 {
        display: none
    }
}

.f-heading--hero:has(a:hover,a:focus,a:active) {
    --circle--animation-state: paused
}

@keyframes windowCircle {
    0%,100% {
        transform: translate3d(0,0,0)
    }

    25% {
        transform: translate3d(100%,-50%,0)
    }

    50% {
        transform: translate3d(250%,0,0)
    }

    75% {
        transform: translate3d(100%,50%,0)
    }
}

.f-hero__bricks {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    grid-gap: inherit;
    gap: inherit;
    padding: 0;
    order: -1
}

@media (min-width: 1280px) {
    .f-hero__window {
        gap:inherit;
        top: -100%;
        height: 300%
    }

    .f-hero__window>* {
        margin-inline:-1px}

    .f-hero__bricks {
        order: initial
    }
}

@media (min-width: 1600px) {
    .f-hero__bricks {
        margin:calc(var(--heading--spacing) * -1) 0 0
    }
}

.f-hero__bricks .f-brick {
    position: relative;
    z-index: 20;
    z-index: var(--a--layer--2)
}

@media (max-width: 1279px) {
    .f-hero__bricks .f-brick {
        display:none
    }
}

.f-hero__bricks .f-brick:first-child {
    grid-column: 2/3;
    grid-row: 2/3
}

.f-hero__bricks .f-brick:nth-child(2) {
    grid-column: 1/2;
    grid-row: 3/4
}

.f-hero__bricks .f-brick:nth-child(3) {
    grid-column: 4/5;
    grid-row: 3/4
}

.f-hero__bricks .f-brick:nth-child(4) {
    grid-column: 3/4;
    grid-row: 4/5
}

.f-hero__bricks .f-brick:nth-child(5) {
    grid-column: 2/3;
    grid-row: 5/6
}

.f-hero__bricks .f-brick:nth-child(6) {
    grid-column: 4/5;
    grid-row: 5/6
}

@media (min-width: 1024px) {
    .f-content {
        --content--spacing:var(--a--spacing--l);
        font-size: 1.0625rem;
        font-size: var(--a--font-size--l)
    }

    .f-content--p-t {
        padding-top: 2.5rem;
        padding-top: var(--a--spacing)
    }
}

.f-footer {
    --link--color: currentColor;
    --section--spacing: var(--a--spacing--xs);
    --section--container--spacing: var(--a--spacing--xs);
    --footer--spacing: var(--a--spacing--m);
    position: relative;
    padding: calc(var(--footer--spacing) * 2) 0 var(--footer--spacing);
    margin-top: calc(calc(2.5rem / 2) * -1);
    margin-top: calc(var(--f--layout--radius) * -1);
    z-index: 0;
    overflow: hidden;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    color: rgba(255,255,255,100%);
    color: rgba(var(--f--footer--color-rgb),var(--f--footer--color-opacity));
    background-color: #080e1a;
    background-color: var(--f--footer--color--background);
    background-image: linear-gradient(to bottom,#080e1a 60%,#01031c 100%);
    background-image: linear-gradient(to bottom,var(--f--footer--color--background) 60%,var(--a--color--background) 100%)
}

.f-footer :where(a):not(.f-button) {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-footer :where(a):not(.f-button):is(:hover,:focus) {
    color: #dcc8fa;
    color: var(--f--footer--color--accent);
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-footer__container {
    position: relative;
    z-index: 20;
    z-index: var(--a--layer--2)
}

.f-footer__navigation {
    --nav--spacing--v: var(--a--spacing--xxs);
    --nav--spacing--h: var(--a--spacing--xs);
    font-size: inherit
}

.f-footer__navigation ul {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.f-footer__neons {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden
}

.f-footer__neons .f-neon {
    --neon--color: rgba(var(--a--color--accent-rgb), 30%);
    --neon--shadow--color--rgb: var(--a--color--accent-rgb);
    --neon--shadow--color--opacity: 20%
}

.f-footer__neons .f-neon--01 {
    width: 220%;
    top: 85%;
    left: -130%;
    rotate: 155deg;
    transform: translateX(50%)
}

.f-footer__neons .f-neon--02 {
    top: 110%;
    left: -85%;
    rotate: 135deg;
    transform: translateX(100%)
}

@media (min-width: 1024px) {
    .f-footer {
        --footer--spacing:var(--a--spacing--l)
    }

    .f-footer__neons .f-neon--02 {
        top: 140%;
        left: -150%
    }
}

.f-footer__neons .f-neon--03 {
    top: 40%;
    left: auto;
    right: -125%;
    rotate: 150deg;
    transform: translateX(25%)
}

@keyframes neonAppearView {
    to {
        transform: translateX(0)
    }
}

.f-footer__window {
    --glasses--gap: var(--a--spacing--xs);
    top: 50%;
    height: 50%;
    gap: var(--glasses--gap)
}

.f-footer__window .f-glass {
    --glass--color--background: transparent
}

.f-footer__window .f-glass--1 {
    --glass--mask--top: 20%;
    --glass--mask--bottom: 80%
}

.f-footer__window .f-glass--2 {
    --glass--mask--top: 5%;
    --glass--mask--bottom: 95%;
    translate: 0 50%
}

.f-footer__window .f-glass--3 {
    --glass--mask--top: 10%;
    --glass--mask--bottom: 90%;
    translate: 0 75%
}

.f-footer__window .f-glass--4 {
    --glass--mask--top: 5%;
    --glass--mask--bottom: 85%;
    translate: 0 85%
}

.f-footer__window .f-glass--5 {
    --glass--mask--top: 30%;
    --glass--mask--bottom: 100%
}

.f-footer__window .f-glass--6 {
    --glass--mask--top: 15%;
    --glass--mask--bottom: 85%
}

.f-footer__window .f-glass--7 {
    --glass--mask--top: 25%;
    --glass--mask--center: 40%;
    --glass--mask--bottom: 55%
}

.f-footer__window .f-glass--8 {
    --glass--mask--top: 30%;
    --glass--mask--bottom: 80%
}

.f-footer__window .f-glass--9 {
    --glass--mask--top: 10%;
    --glass--mask--bottom: 75%
}

.f-footer__window .f-glass--10 {
    --glass--mask--top: 10%;
    --glass--mask--bottom: 90%;
    translate: 0 85%
}

.f-footer__window .f-glass--11 {
    --glass--mask--top: 25%;
    --glass--mask--bottom: 75%;
    translate: 0 75%
}

.f-footer__window .f-glass--12 {
    --glass--mask--top: 20%;
    --glass--mask--bottom: 80%;
    translate: 0 60%
}

.f-footer__window .f-glass--13 {
    --glass--mask--top: 20%;
    --glass--mask--bottom: 100%
}

.f-footer__window .f-glass--14 {
    --glass--mask--top: 20%;
    --glass--mask--bottom: 80%
}

.f-section {
    position: relative;
    scroll-margin-top: calc(32px + (calc(2.5rem / 2) * 2));
    scroll-margin-top: var(--f--anchor--gutter--section)
}

@media (min-width: 1024px) {
    .f-footer__neons .f-neon--03 {
        top:175%;
        right: -85%
    }

    .f-footer__window {
        top: -50%;
        height: 200%
    }

    .f-section {
        --section--header--font-size: var(--a--heading--font-size--h1--fluid)
    }
}

.f-section--sub .f-section__container {
    padding: var(--section--container--spacing) calc(2.5rem / 2);
    padding: var(--section--container--spacing) var(--a--container--spacing)
}

@media (min-width: 1280px) {
    .f-footer__navigation ul {
        justify-content:flex-start
    }

    .f-section--sub .f-section__container {
        padding-inline:clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
        padding-inline:var(--a--spacing--l)}
}

.f-section__header : is(h2,h3) {
    margin:0;
    font-size: clamp(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25), calc(1.8rem + 0.8vw), calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--section--header--font-size, var(--a--heading--font-size--h2--fluid));
    text-wrap: balance;
    color: currentColor;
    color: var(--section--header--color,currentColor)
}

.f-section__header :is(h2,h3) :is(a) {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-section__header :is(h2,h3) :is(a):is(:hover,:focus) {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-section__header small+:is(h2,h3) {
    margin-top: calc(calc(2.5rem / 4 * 2)/ 2 * -1);
    margin-top: calc(var(--gap-row,var(--a--spacing--s))/ 2 * -1)
}

.f-section__header small {
    text-wrap: balance
}

.f-section__header p {
    max-inline-size: 75ch;
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl);
    text-wrap: balance
}

.f-section__header p strong {
    font-weight: 400;
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-section__header--center>* {
    margin-inline:auto}

.f-section__header--xs {
    --section--header--font-size: var(--a--heading--font-size--h4--fluid)
}

.f-section__header--xs p {
    font-size: 1rem;
    font-size: var(--a--font-size);
    line-height: 1.75;
    line-height: var(--a--line-height)
}

.f-section__icon {
    color: var(--section--header--color)
}

.f-section__box {
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding: var(--a--spacing--m)
}

@media (min-width: 1024px) {
    .f-section__box {
        padding:clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
        padding:var(--a--spacing--l)
    }
}

.f-section__footer {
    margin-top: calc(2.5rem / 4 * 2);
    margin-top: var(--section--spacing,var(--a--spacing--s))
}

.f-section__footer p {
    opacity: 75%
}

.f-section__footer--center {
    text-align: center
}

.f-section--tip {
    --section--spacing: var(--a--spacing--xs);
    --section--header--font-size: var(--a--heading--font-size--h6--fluid);
    --section--header--color: var(--a--color--highlight);
    padding-block:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding-block:var(--section--spacing,var(--a--spacing--m))}

.f-section--tip .f-section__icon {
    padding: calc(2.5rem / 4);
    padding: var(--a--spacing--xxs);
    margin-top: calc((clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) + 12px) * -1);
    margin-top: calc((var(--a--spacing--m) + 12px) * -1);
    color: #fadcc8;
    color: var(--a--color--highlight);
    background-image: linear-gradient(177deg,rgba(255,255,255,15%) 0,rgba(255,255,255,5%) 75%);
    background-image: linear-gradient(177deg,rgba(var(--a--color-rgb),15%) 0,rgba(var(--a--color-rgb),5%) 75%);
    border-radius: 2.5rem;
    border-radius: var(--a--spacing);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--l));
            backdrop-filter: blur(var(--f--filter--blur--l));
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 10%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-section--tip .f-section__content {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    line-height: 1.75;
    line-height: var(--a--line-height);
    text-wrap: balance
}

.f-section--tip .f-section__tip--up {
    bottom: 0
}

.f-section--tip .f-section__tip--down {
    top: 0
}

.f-section__tip {
    max-width: 48ch;
    padding: calc(2.5rem / 4 * 2);
    padding: var(--a--spacing--s);
    text-align: center
}

.f-section__tip--start {
    margin-inline:auto}

@media (min-width: 1024px) {
    .f-section--tip {
        --section--spacing:0
    }

    .f-section--tip .f-section__icon {
        --box-shadow--size: var(--a--spacing--s);
        margin-top: calc((clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5)) + 12px) * -1);
        margin-top: calc((var(--a--spacing--l) + 12px) * -1)
    }

    .f-section__tip {
        position: absolute;
        bottom: 0;
        padding: 2.5rem;
        padding: var(--a--spacing)
    }

    .f-section__tip--start {
        margin-inline:0 auto}
}

.f-section__tip--center,.f-section__tip--end {
    margin-inline:auto}

.f-section--archive:last-child {
    margin-bottom: calc(var(--main--spacing) * -1)
}

.f-section--benefits .f-section__header {
    margin: 0
}

.f-section--how {
    overflow-x: clip
}

.f-section--ready {
    --section--container--spacing: var(--a--spacing--xl)
}

.f-section--ready .f-section__header small {
    display: block;
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--primary);
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: calc(0em + 0.025em);
    letter-spacing: var(--a--letter-spacing--l);
    text-align: center
}

.f-section--ready .f-section__header span {
    width: -webkit-fit-content;
    width: fit-content;
    margin-inline:auto}

.f-section--ready .f-section__title {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    gap: calc(2.5rem / 8) calc(2.5rem / 4);
    gap: var(--a--spacing--xxxs) var(--a--spacing--xxs);
    justify-content: center;
    justify-items: start;
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid);
    text-align: start
}

@media (min-width: 1024px) {
    .f-section__tip--end {
        margin-inline:auto 0
    }

    .f-section--ready .f-section__title {
        display: inline-flex;
        font-size: clamp(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25), calc(2.2rem + 1vw), calc(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
        font-size: var(--a--heading--font-size--h1--fluid);
        gap: 0 calc(2.5rem / 2);
        gap: 0 var(--a--spacing--xs)
    }
}

.f-section--ready .f-section__title span {
    line-height: 1.15
}

.f-section--ready .f-section__title small {
    margin-left: 3px
}

.f-section--ready .f-section__title .f-plus {
    align-self: center;
    justify-self: end;
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-section--ready .f-section__title .f-plus svg {
    display: block;
    margin-block:-0.5em;width: auto;
    max-height: 1.4em
}

.f-section--contact {
    --section--header--color: var(--a--color--accent);
    --section--container--spacing: var(--a--spacing);
    text-align: center
}

.f-section--contact .f-section__icon svg {
    display: inline-flex
}

.f-section--contact .f-section__header {
    margin: 0
}

.f-section--contact p {
    margin: 0;
    text-wrap: balance
}

.f-section--gallery .f-section__container {
    padding-block:0}

.f-section--gallery .f-section__header {
    margin-bottom: calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) * -1);
    margin-bottom: calc(var(--a--spacing--m) * -1)
}

.f-section--copyright {
    --section--spacing: var(--a--spacing--xs);
    text-align: center;
    color: rgba(255,255,255,60%);
    color: rgba(var(--f--footer--color-rgb),60%)
}

.f-listings__header {
    margin: 0
}

.f-listings__header :is(h2,h3) {
    margin: 0
}

.f-listings__actions {
    margin-block:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin-block:var(--a--spacing--m)}

.f-listing {
    --listing--spacing--v: var(--a--spacing--s);
    --listing--spacing--h: var(--a--spacing--xs);
    --image--scale: 1;
    --overlay--opacity: 0;
    --overlay--delay: 0s;
    --header--font-size: var(--a--heading--font-size--h4--fluid);
    --header--color: inherit;
    position: relative;
    transform: translate3d(0,0,0);
    contain: layout;
    color: #ffffff;
    color: var(--listing--color,var(--a--color));
    background-color: transparent;
    background-color: var(--listing--color--background,transparent);
    background-image: linear-gradient(175deg,rgba(255,255,255,10%) 25%,rgba(255,255,255,2.5%) 75%);
    background-image: var(--listing--image--background,linear-gradient(var(--gradient--angle,175deg),var(--gradient--color--start,rgba(var(--a--color-rgb),10%)) 25%,var(--gradient--color--end,rgba(var(--a--color-rgb),2.5%)) 75%));
    border-radius: max(calc(4px * 3), 9px);
    border-radius: var(--listing--border-radius,var(--a--border--radius--xl));
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
    transition-property: color,background,box-shadow,opacity,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-listing:is(:hover,:focus-within) {
    --image--scale: 1.1;
    --overlay--opacity: 1;
    --overlay--delay: var(--f--listing--transition-delay)
}

@media (prefers-reduced-motion:no-preference) {
    .f-hero__window:before {
        animation: 30s linear infinite windowCircle;
        animation-play-state: running;
        animation-play-state: var(--circle--animation-state,running)
    }

    .f-listing--active:is(:hover,:focus-within) {
        --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
        --box-shadow--color: rgba(var(--a--color--shadow-rgb), 40%)
    }
}

@media (prefers-reduced-motion:no-preference) and (min-width: 1024px) {
    .f-listing--active:is(:hover,:focus-within) {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-listing__container {
    position: relative;
    padding: var(--listing--spacing--v) var(--listing--spacing--h)
}

.f-listing__image {
    position: relative;
    margin: 0;
    z-index: 10;
    z-index: var(--a--layer--1);
    border-radius: max(calc(4px * 3), 9px);
    border-radius: var(--listing--border-radius,var(--a--border--radius--xl))
}

.f-listing__image>a {
    display: block;
    height: 100%;
    border-radius: inherit
}

.f-listing__image img {
    object-position: left top;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform: scale(1,1) translate3d(0,0,0);
    transform: scale(var(--image--scale,1),var(--image--scale,1)) translate3d(0,0,0);
    transform-origin: top center;
    transition: transform 0.25s ease,opacity 0.25s ease-in-out;
    transition: transform var(--a--transition--duration) var(--a--transition--timing-function--ease),opacity var(--a--transition--duration) var(--a--transition--timing-function)
}

.f-listing__image .f-image {
    position: relative;
    display: block
}

.f-listing__image .f-image--placeholder {
    display: block;
    margin: 0;
    background-image: linear-gradient(135deg,#01031c,rgba(255,255,255,5%));
    background-image: linear-gradient(135deg,var(--a--color--background),rgba(var(--a--color-rgb),5%));
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.f-listing__overlay {
    position: absolute;
    inset: 1px;
    inset: var(--a--border--width--1);
    z-index: 30;
    z-index: var(--a--layer--3);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-color: rgba(0,0,50,25%);
    background-color: rgba(var(--f--overlay--color--rgb),var(--f--overlay--color--opacity));
    border-radius: inherit;
    outline-offset: calc(4px * -1);
    outline-offset: calc(var(--a--outline--offset) * -1);
    opacity: var(--overlay--opacity);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--xs));
            backdrop-filter: blur(var(--f--filter--blur--xs));
    transition-property: opacity,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function);
    transition-delay: var(--overlay--delay)
}

.f-listing__overlay a,.f-listing__overlay--link {
    pointer-events: auto
}

.f-listing__header {
    margin: 0;
    text-wrap: balance;
    color: inherit
}

.f-listing__header :where(h2,h3,h4) {
    margin: 0;
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--header--font-size, var(--a--heading--font-size--h4--fluid))
}

.f-listing__header a {
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-listing__header a:focus,.f-listing__header a:hover {
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-listing__labels {
    padding: calc(var(--gap) * 2) calc(2.5rem / 2);
    padding: calc(var(--gap) * 2) var(--a--spacing--xs)
}

.f-listing__labels li {
    color: #01031c;
    color: var(--a--color--background);
    background-color: rgba(0,0,50,80%);
    background-color: rgba(var(--a--color--dark-rgb),80%);
    border-color: transparent;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur))
}

.f-listing__excerpt {
    opacity: .8;
    margin: 0;
    font-size: 1rem;
    font-size: var(--a--font-size);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s)
}

.f-listing__metas .f-meta {
    line-height: normal
}

.f-listing__metas .f-meta__value {
    color: rgba(255,255,255,80%);
    color: rgba(var(--a--color-rgb),80%)
}

.f-listing__date {
    opacity: .8;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs)
}

.f-listing--link {
    --listing--spacing--v: var(--a--spacing--s);
    --listing--spacing--h: var(--a--spacing--s);
    justify-content: end;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    padding: var(--listing--spacing--v) var(--listing--spacing--h);
    text-decoration: none;
    transition-property: color,outline,box-shadow;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-listing--link h2 {
    margin: 0;
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid);
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent;
    transition-property: color,-webkit-text-decoration;
    transition-property: color,text-decoration;
    transition-property: color,text-decoration,-webkit-text-decoration;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-listing--link p {
    margin: 0
}

.f-listing--link:is(:hover,:focus) h2 {
    color: currentColor;
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-listing--link:focus-visible {
    outline-color: #ffffff;
    outline-color: var(--a--color)
}

.f-single__image {
    border-radius: max(calc(4px * 4), 12px);
    border-radius: var(--a--border--radius--xxl)
}

.f-single__image img {
    border-radius: inherit
}

.f-single__description {
    margin: 0;
    text-wrap: balance;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--sub--font-family);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid);
    font-weight: 400;
    font-weight: var(--a--heading--sub--font-weight);
    letter-spacing: 0;
    letter-spacing: var(--a--heading--sub--letter-spacing);
    text-transform: none;
    text-transform: var(--a--heading--sub--text-transform)
}

.f-single__container {
    position: relative
}

.f-single__navigation {
    font-weight: 600;
    font-weight: var(--a--heading--font-weight)
}

.f-single__navigation .f-button {
    --button--spacing--v: var(--a--spacing--xxs);
    --button--spacing--h: var(--a--spacing--xs);
    --button--color: var(--a--color);
    --button--background-color: rgba(var(--a--color--contrast-rgb), 0%);
    width: 100%;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs);
    align-items: center;
    justify-content: space-between;
    margin: 0;
    overflow: hidden;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    border: none;
    outline-offset: calc(4px * -1);
    outline-offset: calc(var(--a--outline--offset) * -1);
    box-shadow: none
}

@media (min-width: 768px) {
    .f-section--ready .f-section__header small {
        font-size:clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
        font-size:var(--a--heading--font-size--h6--fluid)
    }

    .f-single__navigation .f-button {
        --button--spacing--v: var(--a--spacing--xs);
        font-size: 1.125rem;
        font-size: var(--a--font-size--xl)
    }

    .f-single__navigation .f-button--prev {
        justify-content: flex-start;
        text-align: start
    }

    .f-single__navigation .f-button--prev small:after {
        content: '';
        display: inline-block;
        width: calc(2.5rem / 4 * 2);
        width: var(--a--spacing--s);
        height: 1px;
        height: var(--a--border--width--1);
        background-color: currentColor
    }

    .f-single__navigation .f-button--next {
        justify-content: flex-end;
        text-align: end
    }

    .f-single__navigation .f-button--next small:before {
        content: '';
        display: inline-block;
        width: calc(2.5rem / 4 * 2);
        width: var(--a--spacing--s);
        height: 1px;
        height: var(--a--border--width--1);
        background-color: currentColor
    }
}

.f-single__navigation .f-button span {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: calc(2.5rem / 8);
    gap: var(--a--spacing--xxxs);
    font-weight: 400;
    font-weight: var(--a--font-weight)
}

@media (min-width: 768px) {
    .f-single__navigation .f-button span {
        flex-direction:row;
        gap: inherit
    }
}

.f-single__navigation .f-button small {
    display: inline-flex;
    align-items: center;
    gap: inherit;
    order: -1;
    opacity: .8;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-weight: 400;
    font-weight: var(--a--font-weight)
}

.f-single__navigation .f-button:is(:hover,:focus) {
    --button--color: var(--a--color--contrast);
    --button--background-color: var(--a--color--accent)
}

.f-single__navigation .f-button:focus-visible {
    outline-color: currentColor
}

.f-pagination {
    --pagination--spacing: var(--a--spacing--xxxs);
    --pagination--border-width: var(--a--border--width--1);
    --pagination--border-radius: calc(var(--f--layout--radius) - var(--pagination--spacing));
    display: flex;
    justify-content: center;
    max-width: calc(90rem + (var(--pagination--spacing) * 2));
    max-width: calc(var(--a--container--width) + (var(--pagination--spacing) * 2));
    gap: 0;
    padding: var(--pagination--spacing);
    margin: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5)) auto 0;
    margin: var(--a--spacing--l) auto 0;
    z-index: 60;
    z-index: var(--a--layer--6);
    -webkit-user-select: none;
            user-select: none;
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--button--font-family);
    font-size: 1.1rem;
    font-size: var(--a--button--font-size);
    font-weight: 600;
    font-weight: var(--a--button--font-weight);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--button--letter-spacing);
    text-transform: none;
    text-transform: var(--a--button--text-transform)
}

.f-pagination:last-child {
    margin-bottom: calc(var(--main--spacing) * -1)
}

.f-pagination:not(:last-child) {
    margin-bottom: var(--main--spacing)
}

.f-pagination ul {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--pagination--border-width);
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: var(--pagination--border-radius)
}

@media (min-width: 768px) {
    .f-single__navigation .f-button small {
        opacity:1;
        order: initial
    }

    .f-pagination ul {
        flex-direction: row;
        justify-content: center;
        align-items: stretch
    }

    .f-pagination li {
        min-height: 100%
    }
}

.f-pagination li {
    position: relative;
    flex: 1 1;
    width: 100%;
    padding: 0
}

.f-pagination li:first-child {
    border-radius: var(--pagination--border-radius) var(--pagination--border-radius) 0 0
}

@media (min-width: 768px) {
    .f-pagination li:first-child {
        border-radius:var(--pagination--border-radius) 0 0 var(--pagination--border-radius)
    }
}

.f-pagination li:last-child {
    border-radius: 0 0 var(--pagination--border-radius) var(--pagination--border-radius)
}

@media (min-width: 768px) {
    .f-pagination li:last-child {
        border-radius:0 var(--pagination--border-radius) var(--pagination--border-radius) 0
    }
}

.f-pagination li:first-child:last-child {
    border-radius: var(--pagination--border-radius)
}

.f-pagination :is(a,span) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    gap: calc(2.5rem / 4 * 2);
    gap: var(--a--spacing--s);
    padding: calc(2.5rem / 2);
    padding: var(--a--spacing--xs);
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    text-decoration: none;
    color: #ffffff;
    color: var(--a--color);
    border-radius: inherit;
    border: none;
    outline-offset: calc(4px * -1);
    outline-offset: calc(var(--a--outline--offset) * -1)
}

@media (min-width: 768px) {
    .f-pagination :is(a,span) {
        padding-block:calc(2.5rem / 4);
        padding-block:var(--a--spacing--xxs)
    }

    .f-pagination span.current {
        --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
        --box-shadow--color: rgba(var(--a--color--accent-rgb), 35%);
        box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
    }
}

.f-pagination :is(a,span) span {
    padding: 0;
    margin: 0;
    color: inherit
}

.f-pagination a {
    transition: all 0.25s ease-in-out 0s;
    transition: all var(--a--transition--duration, .25s) var(--a--transition--timing-function, ease-in-out) 0s
}

.f-pagination a svg {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    color: currentColor
}

.f-pagination a:is(:hover,:active,:focus) {
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

.f-pagination a:is(:hover,:focus) {
    transform: translate3d(0,-3px,0)
}

.f-pagination a:active {
    transform: translate3d(0,0,0)
}

.f-pagination span.dots {
    opacity: .5;
    padding-right: calc(2.5rem / 2);
    padding-right: var(--a--spacing--xs);
    padding-left: calc(2.5rem / 2);
    padding-left: var(--a--spacing--xs)
}

.f-pagination span.current {
    --background-color: transparent;
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

@media (min-width: 768px) and (min-width:1024px) {
    .f-pagination span.current {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-pagination .prev {
    min-width: 16ch
}

.f-pagination .next {
    min-width: 16ch
}

@media (max-width: 767px) {
    .f-pagination .prev {
        gap:0
    }

    .f-pagination .prev svg {
        position: absolute;
        left: calc(2.5rem / 2);
        left: var(--a--spacing--xs)
    }

    .f-pagination .next {
        gap: 0
    }

    .f-pagination .next svg {
        position: absolute;
        right: calc(2.5rem / 2);
        right: var(--a--spacing--xs)
    }
}

@media (min-width: 768px) {
    .f-pagination .prev {
        justify-content:flex-start
    }

    .f-pagination .next {
        justify-content: flex-end
    }

    .f-features {
        grid-template-columns: repeat(2,1fr)
    }
}

.f-pagination span.next,.f-pagination span.prev {
    opacity: .3
}

.f-section+.f-pagination {
    margin-top: calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) * -1);
    margin-top: calc(var(--a--spacing--m) * -1)
}

.f-terms__navigation {
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid)
}

.f-or {
    --or--spacing--v: var(--a--spacing--l);
    --or--spacing--h: var(--a--spacing--xl);
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    gap: calc(2.5rem / 8);
    gap: var(--a--spacing--xxxs);
    min-width: 280px;
    padding: var(--or--spacing--v) var(--or--spacing--h) calc(var(--or--spacing--v) * 2);
    margin: 0 0 calc(var(--or--spacing--v) * 2 * -1);
    z-index: -1;
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family);
    text-transform: uppercase;
    background-image: linear-gradient(to bottom,rgba(0,0,50,25%),transparent 50%);
    background-image: linear-gradient(to bottom,rgba(var(--a--color--dark-rgb),25%),transparent 50%);
    -webkit-clip-path: polygon(50% 100%,0 0,100% 0);
            clip-path: polygon(50% 100%,0 0,100% 0)
}

.f-or--s {
    --or--spacing--v: var(--a--spacing--s);
    --or--spacing--h: var(--a--spacing--s)
}

.f-buttons .f-or {
    margin-top: calc(var(--gap--row) * -1);
    z-index: -1
}

.wp-block-heading {
    text-wrap: balance
}

.wp-block-image figcaption {
    padding-inline:calc(2.5rem / 2);
    padding-inline:var(--a--container--spacing);font-size: 1rem;font-size: var(--a--font-size);
    text-align: end
}

.wp-block-cover {
    --cover--spacing--v: var(--a--spacing--m);
    overflow: visible
}

.wp-block-cover:not(.alignfull) {
    border-radius: max(calc(4px * 4), 12px);
    border-radius: var(--a--border--radius--xxl)
}

.wp-block-cover .wp-block-image {
    border-radius: 4px;
    border-radius: var(--a--border--radius)
}

.wp-block-cover .wp-block-cover__background {
    border-radius: inherit
}

.wp-block-cover .wp-block-cover__background.has-contrast-background-color {
    background-color: transparent!important;
    background-image: linear-gradient(to bottom, rgba(25,25,100, 100%) 0%, rgba(25,25,100, 0%) 100%);
    background-image: var(--f--content--gradient);
    border-radius: calc(2.5rem / 2);
    border-radius: var(--f--layout--radius)
}

.wp-block-columns.has-background {
    border-radius: max(calc(4px * 4), 12px);
    border-radius: var(--a--border--radius--xxl)
}

@media (max-width: 480px) {
    .wp-block-spacer {
        height:2.5rem!important;
        height:var(--a--spacing)!important
    }
}

.wp-block-quote {
    --quote--spacing: var(--a--spacing--xs);
    padding-inline:0;font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));font-size: var(--a--heading--font-size--h5--fluid);
    color: #dcc8fa;
    color: var(--a--color--accent)
}

p.is-style-pretty {
    text-wrap: pretty
}

p.is-style-balance {
    text-wrap: balance
}

p.is-style-lead {
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--primary);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    text-wrap: pretty
}

p.is-style-lead--l {
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--primary);
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid);
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s);
    text-wrap: pretty
}

p.is-style-description {
    max-width: 56ch;
    text-wrap: balance
}

.wp-block-heading.is-style-label {
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: calc(0em + 0.1em);
    letter-spacing: var(--a--letter-spacing--xxl);
    text-transform: uppercase;
    opacity: .75;
    white-space: nowrap
}

.wp-block-group.is-style-color {
    position: relative;
    padding: calc(2.5rem / 4 * 2);
    padding: var(--a--spacing--s);
    gap: clamp(calc(2.5rem * 2), calc(2rem + 10vw), calc(2.5rem * 4));
    gap: var(--a--spacing--xxxl);
    border-radius: max(calc(4px * 4), 12px);
    border-radius: var(--color--radius,var(--a--border--radius--xxl))
}

@media (min-width: 1024px) {
    .f-listing {
        --box-shadow--size:var(--a--spacing--s);
        --listing--spacing--h: var(--a--spacing--s)
    }

    .f-pagination {
        --pagination--spacing: var(--a--spacing--xs)
    }

    .f-terms__navigation,p.is-style-lead {
        font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
        font-size: var(--a--heading--font-size--h5--fluid)
    }

    p.is-style-lead--l {
        font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
        font-size: var(--a--heading--font-size--h4--fluid)
    }

    .wp-block-group.is-style-color {
        padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
        padding: var(--a--spacing--m)
    }
}

.wp-block-group.is-style-color:before {
    content: '';
    position: absolute;
    display: block;
    top: calc(2.5rem / 2);
    top: var(--a--spacing--xs);
    right: calc(2.5rem / 2);
    right: var(--a--spacing--xs);
    width: calc(max(calc(4px * 4), 12px) * 4);
    width: calc(var(--color--radius,var(--a--border--radius--xxl)) * 4);
    height: calc(max(calc(4px * 4), 12px) * 4);
    height: calc(var(--color--radius,var(--a--border--radius--xxl)) * 4);
    border-radius: calc(max(calc(4px * 4), 12px) * 2);
    border-radius: calc(var(--color--radius,var(--a--border--radius--xxl)) * 2);
    border: 1px solid currentColor;
    border: var(--a--border--width--1) solid currentColor;
    opacity: 50%
}

.wp-block-group.is-style-color h3.wp-block-heading {
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid)
}

.wp-block-cover.is-style-container {
    padding-inline:0}

.wp-block-cover.is-style-container .wp-block-cover__inner-container,.wp-block-cover.is-style-container.has-custom-content-position .wp-block-cover__inner-container {
    width: min(calc(100% - (calc(2.5rem / 2) * 2)),90rem);
    width: min(var(--container--width-min,calc(100% - (var(--container--spacing,var(--a--container--spacing)) * 2))),var(--container--width-max,var(--a--container--width)));
    max-width: 90rem;
    max-width: var(--container--width-max,var(--a--container--width));
    margin-inline:auto}

.wp-block-cover.is-style-container .alignfull {
    margin-inline:calc(-100vw / 2 + 100% / 2)}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default) {
    background-color: #202020;
    background-color: var(--device--color);
    border: clamp(0.75rem, 0.75rem, 2.5rem) solid #202020;
    border: var(--device--border) solid var(--device--color);
    border-radius: calc(clamp(0.75rem, 0.75rem, 2.5rem) + clamp(0.25rem, 0.5rem, 0.5rem));
    border-radius: calc(var(--device--border) + var(--device--border-radius));
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 35%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

@media (min-width: 1024px) {
    .wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default) {
        --box-shadow--size:var(--a--spacing--m)
    }
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default):not(.alignwide):not(.alignfull) {
    margin-inline:calc(clamp(0.75rem, 0.75rem, 2.5rem) * -1);
    margin-inline:calc(var(--device--border) * -1)}

.wp-block-image: is(.is-style-scrollable,.is-style-scrollable-4-3,.is-style-preview--default) img {
    border-radius:clamp(0.25rem, 0.5rem, 0.5rem);
    border-radius:var(--device--border-radius)
}

.wp-block-image.is-style-sharp {
    border-radius: 0
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3) {
    aspect-ratio: 16/9;
    overflow-y: auto;
    pointer-events: auto
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: #ffffff #202020;
    scrollbar-color: var(--a--color) var(--device--color)
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):-webkit-scrollbar {
    background-color: #202020;
    background-color: var(--device--color)
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):-webkit-scrollbar-thumb {
    background-color: #ffffff;
    background-color: var(--a--color);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):-webkit-scrollbar-track {
    background-color: #202020;
    background-color: var(--device--color)
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3):-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

.wp-block-image:is(.is-style-scrollable,.is-style-scrollable-4-3) img {
    position: relative;
    width: 100%;
    height: auto;
    object-position: center top;
    object-fit: cover
}

.wp-block-image.is-style-scrollable-4-3 {
    aspect-ratio: 4/3
}

.wp-block-image.is-style-preview--default {
    display: inline-block
}

.wp-block-image.is-style-drop-shadow {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%);
    filter: drop-shadow(0 calc(var(--box-shadow--size) / 4) calc(var(--box-shadow--size) / 4) var(--box-shadow--color)) drop-shadow(0 calc(var(--box-shadow--size) / 2) calc(var(--box-shadow--size) / 2) var(--box-shadow--color)) drop-shadow(0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color))
}

@media (min-width: 1024px) {
    .wp-block-image.is-style-drop-shadow {
        --box-shadow--size:var(--a--spacing--s)
    }
}

@media (min-width: 1360px) {
    :not(.block-editor-block-list__layout) .wp-block-media-text.alignfull.is-style-container:not(.has-media-on-the-right) .wp-block-media-text__content {
        padding-right:calc(((100vw - 90rem - calc(2.5rem / 2))/ 2) + calc(2.5rem / 2));
        padding-right:calc(((100vw - var(--a--container--width) - var(--a--container--spacing))/ 2) + var(--a--spacing--xs))
    }

    :not(.block-editor-block-list__layout) .wp-block-media-text.alignfull.is-style-container.has-media-on-the-right .wp-block-media-text__content {
        padding-left: calc(((100vw - 90rem - calc(2.5rem / 2))/ 2) + calc(2.5rem / 2));
        padding-left: calc(((100vw - var(--a--container--width) - var(--a--container--spacing))/ 2) + var(--a--spacing--xs))
    }
}

@media (max-width: 1023px) {
    .wp-block-columns.is-style-s-max--2 .wp-block-column {
        flex-basis:auto!important
    }
}

.wp-block-columns.is-style-colors {
    --colors--spacing: var(--device--border);
    --colors--background-color: var(--a--color--contrast);
    --color--radius: var(--device--border-radius);
    gap: var(--colors--spacing);
    padding: var(--colors--spacing);
    border-radius: calc(var(--colors--spacing) + var(--color--radius));
    background-image: linear-gradient(to bottom,rgba(0,0,50,100%),rgba(0,0,50,75%));
    background-image: linear-gradient(to bottom,rgba(var(--a--color--contrast-rgb),100%),rgba(var(--a--color--contrast-rgb),75%));
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 35%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

:not(.alignfull) .wp-block-columns.is-style-colors {
    min-width: calc(100% + (var(--colors--spacing) * 2));
    margin-inline:calc(var(--colors--spacing) * -1)!important}

.wp-block-columns.is-style-colors.alignfull {
    --colors--spacing: var(--a--spacing--xs)
}

@media (max-width: 767px) {
    .has-title-font-size {
        font-size:clamp(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25), calc(2.2rem + 1vw), calc(calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25) * 1.25))!important;
        font-size:var(--a--heading--font-size--h1--fluid)!important
    }
}

.has-xxl-font-size {
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s)
}

:is( .has-title-font-size,.has-h-1-font-size,.has-h-2-font-size,.has-h-3-font-size,.has-h-4-font-size,.has-h-5-font-size,.has-h-6-font-size ) {
    line-height: calc(2ex + 0.2em);
    line-height: var(--a--heading--line-height)
}

.f-features {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: dense;
    gap: calc(2.5rem / 2);
    grid-gap: calc(2.5rem / 2);
    grid-gap: var(--a--spacing--xs);
    gap: var(--a--spacing--xs)
}

@media (min-width: 1024px) {
    .wp-block-columns.is-style-colors {
        --box-shadow--size:var(--a--spacing--m)
    }

    .f-features {
        grid-template-columns: repeat(3,1fr);
        gap: calc(2.5rem / 4 * 2);
        gap: var(--a--spacing--s)
    }

    .f-feature--header {
        grid-column: span 2
    }
}

.f-feature {
    grid-row: span 2;
    position: relative;
    padding: calc(2.5rem / 4 * 2) calc(2.5rem / 2);
    padding: var(--a--spacing--s) var(--a--spacing--xs);
    text-align: center;
    contain: layout;
    border-radius: max(calc(4px * 3), 9px);
    border-radius: var(--a--border--radius--xl)
}

@media (min-width: 768px) {
    .f-feature {
        padding:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) calc(2.5rem / 4 * 2);
        padding:var(--a--spacing--m) var(--a--spacing--s)
    }
}

.f-feature--header {
    grid-row: span 2;
    align-items: center;
    justify-content: center
}

.f-feature--number {
    --content--font-size: var(--a--font-size--l);
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center
}

.f-feature--number .f-feature__header {
    --header--font-size: calc(var(--a--heading--font-size--h1--fluid) * 1.6);
    -webkit-user-select: none;
            user-select: none
}

.f-feature--number .f-feature__header h3 {
    white-space: nowrap;
    color: #dcc8fa;
    color: var(--a--color--accent);
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    letter-spacing: calc(0em - 0.025em);
    letter-spacing: var(--a--letter-spacing--s)
}

.f-feature--number .f-feature__content {
    line-height: calc(1.75 - 0.2);
    line-height: var(--a--line-height--s)
}

.f-feature--space {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: max(calc(4px * 3), 9px);
    border-radius: var(--a--border--radius--xl)
}

@media (min-width: 1024px) {
    .f-feature--space {
        display:revert
    }

    .f-procedure {
        max-width: 36ch
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .f-feature--header {
        grid-row:span 1;
        grid-column: 1/4
    }

    .f-feature:nth-child(20n+2) {
        grid-row: 3/5
    }

    .f-feature:nth-child(20n+4) {
        grid-column: 3/4;
        grid-row: 3/5
    }

    .f-feature:nth-child(20n+13),.f-feature:nth-child(20n+7),.f-feature:nth-child(20n+8) {
        grid-column: 2/3
    }

    .f-feature:nth-child(20n+14) {
        display: none
    }

    .f-feature:nth-child(20n+15) {
        grid-row: 10/12;
        grid-column: 2/3
    }
}

@media (min-width: 1280px) {
    .f-features {
        grid-template-columns:repeat(4,1fr)
    }

    .f-feature--header {
        grid-column: 2/span 2
    }

    .f-feature:nth-child(20n+2) {
        grid-row: 2/4
    }

    .f-feature:nth-child(20n+6) {
        grid-row: 4/6;
        grid-column: 3/4
    }

    .f-feature:nth-child(20n+13) {
        grid-column: 3/4
    }

    .f-feature:nth-child(20n+16) {
        grid-row: 9/11;
        grid-column: 4/5
    }
}

.f-feature__image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #dcc8fa;
    color: var(--a--color--accent);
    border-radius: max(calc(4px * 2), 6px);
    border-radius: var(--a--border--radius--l)
}

.f-feature__header {
    --header--font-size: var(--a--heading--font-size--h6--fluid);
    margin: 0;
    text-wrap: balance
}

.f-feature__header h3 {
    font-size: var(--header--font-size);
    line-height: 1.5
}

.f-feature__header h3 small {
    margin: 0
}

.f-feature__content {
    margin: 0;
    font-size: 0.9375rem;
    font-size: var(--content--font-size, var(--a--font-size--s));
    text-wrap: balance;
    color: rgba(255,255,255,80%);
    color: rgba(var(--a--color-rgb),80%)
}

.f-feature__content a {
    color: currentColor;
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-feature__content a:is(:hover,:focus) {
    color: rgba(220,200,250
, 1)
;
    color: var(--a--link--color--active);
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-procedures {
    --procedures--gap: var(--a--spacing--s);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: var(--procedures--gap);
    padding: 0;
    margin-block:var(--procedures--gap) clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2));
    margin-block:var(--procedures--gap) var(--a--spacing--xl);text-align: center;
    list-style: none
}

@media (min-width: 768px) {
    .f-procedures {
        flex-direction:row;
        align-items: flex-end
    }
}

.f-procedure {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding: var(--a--spacing--m);
    text-decoration: none;
    background-image: linear-gradient(to bottom,rgba(255,255,255,10%),rgba(50,50,125,0%)),radial-gradient(100% 100% at 50% 100%,rgba(220,200,250,25%) 0,rgba(220,200,250,0) 75%);
    background-image: linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--a--color--accent-rgb),25%) 0,rgba(var(--a--color--accent-rgb),0) 75%);
    background-size: 100% 100%,100% 100%
}

.f-procedure--1 {
    z-index: 2
}

.f-procedure--2 {
    z-index: 1
}

.f-procedure--3 {
    z-index: 0
}

.f-procedure .f-number {
    position: relative;
    display: block;
    align-self: center;
    padding: calc(2.5rem / 4);
    padding: var(--a--spacing--xxs);
    aspect-ratio: 1/1;
    z-index: 30;
    z-index: var(--a--layer--3);
    font-family: "Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--heading--font-family);
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight);
    letter-spacing: 0.005em;
    letter-spacing: var(--a--heading--letter-spacing);
    text-transform: var(--a--heading--text-transform);
    color: #fadcc8;
    color: var(--a--color--highlight);
    background-image: linear-gradient(177deg,rgba(255,255,255,15%) 0,rgba(255,255,255,5%) 75%);
    background-image: linear-gradient(177deg,rgba(var(--a--color-rgb),15%) 0,rgba(var(--a--color-rgb),5%) 75%);
    border-radius: 2.5rem;
    border-radius: var(--a--spacing);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur));
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 10%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-procedure h3 {
    margin: 0;
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid);
    color: #fadcc8;
    color: var(--a--color--highlight)
}

.f-procedure p {
    margin: 0;
    text-wrap: balance;
    opacity: .8
}

.f-procedure .f-icon {
    position: absolute;
    top: 100%;
    left: 50%;
    padding: calc(2.5rem / 2);
    padding: var(--a--spacing--xs);
    transform: translate3d(-50%,calc((50% - (var(--procedures--gap)/ 2)) * -1),0) rotate(90deg);
    border-radius: calc(2.5rem / 2);
    border-radius: var(--a--spacing--xs)
}

.f-processes {
    --step--height: 60px;
    position: relative;
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content;
    grid-gap: 0;
    gap: 0
}

@media (min-width: 1024px) {
    .f-procedure .f-number {
        --box-shadow--size:var(--a--spacing--s);
        margin-top: calc(clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5)) * -1);
        margin-top: calc(var(--a--spacing--l) * -1)
    }

    .f-processes {
        grid-template-columns: 1fr 1fr;
        margin-bottom: calc(2.5rem * 6);
        margin-bottom: calc(var(--a--spacing) * 6)
    }
}

.f-processes__link {
    position: relative;
    width: calc(2.5rem / 4 * 2);
    width: var(--a--spacing--s);
    height: calc(2.5rem / 4 * 2);
    height: var(--a--spacing--s);
    margin: 0 auto;
    z-index: -1;
    content-visibility: hidden;
    pointer-events: none;
    touch-action: none;
    grid-row: 2/3
}

.f-processes__plus {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    z-index: var(--a--layer--2);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0) scale(1,1) rotate(0turn);
    transform-origin: 50% 50%;
    animation: processesPlus calc(0.25s * 15) cubic-bezier(0.9, 0, 0.1, 1) infinite;
    animation: processesPlus calc(var(--a--transition--duration) * 15) var(--f--transition--timing-function--cb--inout) infinite;
    animation-delay: calc(0.25s * 5);
    animation-delay: calc(var(--a--transition--duration) * 5)
}

@keyframes processesPlus {
    50% {
        transform: translate3d(-50%,-50%,0) scale(1,1) rotate(0turn)
    }

    75% {
        transform: translate3d(-50%,-50%,0) scale(1.25,1.25) rotate(2turn)
    }

    100% {
        transform: translate3d(-50%,-50%,0) scale(1,1) rotate(3turn)
    }
}

.f-processes__ellipse {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    z-index: 10;
    z-index: var(--a--layer--1);
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform-origin: 50% 50%;
    background-image: radial-gradient(farthest-corner,rgba(0,0,50,5%),transparent);
    background-image: radial-gradient(farthest-corner,rgba(var(--a--color--contrast-rgb),5%),transparent);
    border: 1px solid rgba(255,255,255,10%);
    border: var(--a--border--width--1) solid rgba(var(--a--color-rgb),10%);
    border-radius: 60rem 60rem 60rem 0
}

.f-processes__ellipse--1 {
    width: 20rem;
    height: 20rem;
    border-bottom-left-radius: 30rem
}

.f-processes__ellipse--2 {
    width: 40rem;
    height: 40rem;
    border-bottom-left-radius: 20rem
}

.f-processes__ellipse--3 {
    width: 60rem;
    height: 60rem;
    border-bottom-left-radius: 10rem
}

.f-process {
    --step--gap: var(--a--spacing--xs);
    position: relative;
    align-self: start;
    padding: 0
}

@media (min-width: 768px) {
    .f-procedure .f-icon {
        top:50%;
        left: 100%;
        transform: translate3d(calc((50% - (var(--procedures--gap)/ 2)) * -1),-50%,0)
    }

    .f-process {
        padding: 0 clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2));
        padding: 0 var(--a--spacing--xl)
    }

    .f-process__header h3 br {
        display: none
    }
}

.f-process--web-design {
    --process--color: var(--f--color--web-design);
    --process--color--rgb: var(--f--color--web-design--rgb)
}

.f-process--web-design .f-badge {
    --badge--color: var(--f--color--web-design);
    --badge--background-color: rgba(var(--f--color--web-design--rgb), 5%)
}

.f-process--web-development {
    --process--color: var(--f--color--web-development);
    --process--color--rgb: var(--f--color--web-development--rgb)
}

@media (min-width: 1024px) {
    .f-processes__link {
        grid-column:2;
        margin: calc(((calc(2.5rem / 4 * 2)/ 2) + (var(--step--height)/ 2)) * -1) 0 0 calc(calc(2.5rem / 4 * 2)/ 2 * -1);
        margin: calc(((var(--a--spacing--s)/ 2) + (var(--step--height)/ 2)) * -1) 0 0 calc(var(--a--spacing--s)/ 2 * -1);
        content-visibility: visible
    }

    .f-process--web-design {
        grid-row: 1/2
    }

    .f-process--web-development {
        grid-row: 2/3;
        grid-column: 2/3;
        margin-top: calc((calc(2.5rem / 2) + var(--step--height)) * -1);
        margin-top: calc((var(--a--spacing--xs) + var(--step--height)) * -1)
    }

    .f-process--web-development .f-process__header {
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%
    }
}

@media (min-width: 1024px) and (min-width:768px) {
    .f-process--web-development .f-process__header {
        padding-inline:clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2));
        padding-inline:var(--a--spacing--xl)
    }
}

.f-process--web-development .f-badge {
    --badge--color: var(--f--color--web-development);
    --badge--background-color: rgba(var(--f--color--web-development--rgb), 5%)
}

.f-process__header {
    padding: 0 0 calc(2.5rem / 2);
    padding: 0 0 var(--a--spacing--xs);
    margin: 0
}

.f-process__header h3 {
    font-size: clamp(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25), calc(1.8rem + 0.8vw), calc(calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h2--fluid);
    color: var(--process--color)
}

.f-process__subtitle small {
    font-size: 1.0625rem;
    font-size: var(--a--font-size--l)
}

.f-process__subtitle p {
    opacity: .6;
    font-size: 1rem;
    font-size: var(--a--font-size)
}

.f-process__goal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    padding: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5)) 0 calc(2.5rem / 4 * 2);
    padding: var(--a--spacing--l) 0 var(--a--spacing--s);
    margin: 0;
    text-align: center;
    text-wrap: balance
}

.f-process__goal svg {
    color: var(--process--color)
}

.f-process__goal h4 {
    margin: 0;
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: 0em;
    letter-spacing: var(--a--letter-spacing);
    line-height: 1.75;
    line-height: var(--a--line-height);
    text-transform: none
}

.f-process__goal strong {
    font-weight: 400;
    font-weight: var(--a--font-weight);
    color: var(--process--color)
}

.f-steps {
    --steps--spacing: var(--a--spacing--xs);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media (min-width: 1024px) {
    .f-process__goal {
        position:absolute;
        top: 100%;
        left: 0;
        padding-inline:inherit}

    .f-steps {
        --steps--spacing: var(--a--spacing--m)
    }
}

@media (min-width: 1280px) {
    .f-steps {
        --steps--spacing:var(--a--spacing--xl)
    }
}

@media (min-width: 1600px) {
    .f-steps {
        --steps--spacing:var(--a--spacing--xxxl)
    }
}

.f-steps .f-step:nth-child(5n+2) {
    margin-inline:auto calc(var(--steps--spacing) * -1)}

.f-steps .f-step: nth-child(5n+3) {
    margin-inline:auto calc(var(--steps--spacing)/ 2 * -1)
}

.f-steps .f-step:nth-child(5n+5) {
    margin-inline:calc(var(--steps--spacing)/ 2 * -1) auto}

.f-step {
    --details--icon--spacing: var(--a--spacing--xs);
    --border--angle: 175deg;
    --border--radius: var(--a--border--radius--l);
    --gradient--angle: 175deg;
    width: 100%;
    margin: 0;
    background-image: linear-gradient(to bottom,rgba(255,255,255,10%),rgba(50,50,125,0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--process--color--rgb),40%) 0,rgba(var(--process--color--rgb),0) 75%);
    background-image: linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--process--color--rgb),40%) 0,rgba(var(--process--color--rgb),0) 75%);
    background-size: 100% 100%,100% 100%;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--xs));
            backdrop-filter: blur(var(--f--filter--blur--xs));
    transition-property: color,background,boxéshadow;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
    transition-timing-function: var(--f--transition--timing-function--cb)
}

.f-step:is(:hover,:focus-within) {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%)
}

@media (min-width: 1024px) {
    .f-step:is(:hover,:focus-within) {
        --box-shadow--size:var(--a--spacing--s)
    }
}

.f-step[open] {
    --summary--color: var(--process--color);
    background-size: 100% 150%,100% 100%;
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%)
}

.f-step[open] .f-step__summary {
    margin-bottom: 0
}

.f-step__summary {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    min-height: var(--step--height);
    padding-block:calc(2.5rem / 2);
    padding-block:var(--a--spacing--xs)}

.f-step__summary .f-badge {
    --badge--spacing--v: 0;
    --badge--spacing--h: var(--a--spacing--xxs);
    margin: calc(calc(2.5rem / 8) * -1);
    margin: calc(var(--a--spacing--xxxs) * -1);
    white-space: nowrap
}

.f-step__summary:is(:hover,:focus) {
    --summary--color: var(--process--color)
}

.f-step__content {
    font-size: 1rem;
    font-size: var(--a--font-size)
}

@supports (animation-timeline:view()) {
    @media (prefers-reduced-motion:no-preference) {
        .f-scroll--toX0 {
            transform: translate3d(clamp(calc(2.5rem * 1.5), calc(1.5rem + 7.5vw), calc(2.5rem * 3)),0,0);
            transform: translate3d(var(--a--spacing--xxl),0,0);
            will-change: transform;
            animation: toX0 linear forwards;
            animation: toX0 var(--f--scroll--animation-timing-function) forwards;
            animation-timeline: view();
            animation-range: entry 10% cover 25%
        }

        .f-scroll--toY0 {
            transform: translate3d(0,calc(clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5)) * 1),0);
            transform: translate3d(0,calc(var(--a--spacing--l) * var(--i,1)),0);
            will-change: transform;
            animation: toY0 linear forwards;
            animation: toY0 var(--f--scroll--animation-timing-function) forwards;
            animation-timeline: view();
            animation-range: entry 15% cover 35%
        }

        .f-scroll--toYN {
            transform: translate3d(0,0,0);
            will-change: transform;
            animation: toYN linear forwards;
            animation: toYN var(--f--scroll--animation-timing-function) forwards;
            animation-timeline: view();
            animation-range: 0 100vh
        }

        .f-scroll--device {
            animation: device linear forwards;
            animation: device var(--f--scroll--animation-timing-function) forwards;
            animation-timeline: view();
            animation-range: entry 25% cover 50%
        }

        .f-faq:not([open]) {
            transform: translate3d(calc(calc(2.5rem / 2) * 3),0,0);
            transform: translate3d(calc(var(--a--container--spacing) * 3),0,0);
            will-change: transform;
            animation: toX0 linear forwards;
            animation: toX0 var(--f--scroll--animation-timing-function) forwards;
            animation-timeline: view();
            animation-range: entry 10% cover 25%
        }

        .f-faq:not([open]):nth-child(4n+1) {
            transform: translate3d(calc(2.5rem / 2),0,0);
            transform: translate3d(var(--a--container--spacing),0,0)
        }

        .f-faq:not([open]):nth-child(4n+2) {
            transform: translate3d(calc(calc(2.5rem / 2) * -1),0,0);
            transform: translate3d(calc(var(--a--container--spacing) * -1),0,0)
        }

        .f-faq:not([open]):nth-child(4n+3) {
            transform: translate3d(calc(calc(2.5rem / 2)/ 2),0,0);
            transform: translate3d(calc(var(--a--container--spacing)/ 2),0,0)
        }

        .f-faq:not([open]):nth-child(4n+4) {
            transform: translate3d(calc(calc(2.5rem / 2)/ 2 * -1),0,0);
            transform: translate3d(calc(var(--a--container--spacing)/ 2 * -1),0,0)
        }
    }

    @media (prefers-reduced-motion:no-preference) and (min-width: 1024px) {
        .f-faq:not([open]):nth-child(4n+3) {
            transform:translate3d(calc(calc(2.5rem / 2) * 2),0,0);
            transform:translate3d(calc(var(--a--container--spacing) * 2),0,0)
        }
    }

    @media (prefers-reduced-motion:no-preference) and (min-width: 1280px) {
        .f-faq:not([open]):nth-child(4n+4) {
            transform:translate3d(calc(calc(2.5rem / 2) * 2 * -1),0,0);
            transform:translate3d(calc(var(--a--container--spacing) * 2 * -1),0,0)
        }
    }
}

@keyframes toX0 {
    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes toY0 {
    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes toYN {
    to {
        transform: translate3d(0,calc(clamp(2.5rem, calc(1rem + 5vw), calc(2.5rem * 2)) * -1),0);
        transform: translate3d(0,calc(var(--a--spacing--xl) * -1),0)
    }
}

@keyframes device {
    to {
        --device--rotate--x: 0deg;
        --device--rotate--y: 0deg;
        --device--rotate--z: 0deg;
        --device--depth--scale: 1
    }
}

.f-count {
    --count--animation--state: paused;
    --count--transition--duration: 0.6s;
    display: inline-flex;
    height: 1em;
    max-height: 1em;
    overflow: hidden;
    overflow: clip;
    -webkit-user-select: none;
            user-select: none
}

@media (prefers-reduced-motion:reduce) {
    .f-count {
        --count--transition--duration: 0s
    }
}

.f-count>span {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: translateY(0);
    animation: countDigit var(--count--transition--duration) cubic-bezier(0.5, 0.5, 0.25, 1) forwards;
    animation: countDigit var(--count--transition--duration) var(--f--transition--timing-function--cb--count) forwards;
    animation-play-state: var(--count--animation--state)
}

.f-count>span>span {
    text-align: center;
    line-height: 1em
}

.f-count--down>span {
    flex-direction: column-reverse;
    justify-content: flex-end
}

.f-count.active,html.no-js .f-count {
    --count--animation--state: play
}

@keyframes countDigit {
    to {
        transform: translateY(calc((100% * var(--i)) * -1))
    }
}

.f-device {
    --device--delay: 0s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 280px;
    perspective: 1600px;
    overflow: visible;
    -webkit-user-select: none;
            user-select: none;
    isolation: isolate;
    transform-style: preserve-3d;
    background-image: linear-gradient(to bottom,rgba(25,25,100, 100%),transparent),radial-gradient(50% 100% at 50% 0,rgba(0,0,50,100%),rgba(0,0,50,30%) 50%,rgba(0,0,50,0%) 90%);
    background-image: linear-gradient(to bottom,var(--device--table--color),transparent),radial-gradient(50% 100% at 50% 0,rgba(var(--a--color--dark-rgb),100%),rgba(var(--a--color--dark-rgb),30%) 50%,rgba(var(--a--color--dark-rgb),0%) 90%);
    background-size: 100% 25%,100% 25%;
    background-size: var(--device--table-size--x,100%) 25%,100% 25%;
    background-position: 100% 100%;
    background-position: var(--device--table-position--x,100%) 100%
}

.f-device--active:is(:hover,:focus-within) {
    --device--scale: 1;
    --device--delay: var(--f--listing--transition-delay);
    --device--rotate--x: 0deg;
    --device--rotate--y: 0deg;
    --device--rotate--z: 0deg;
    --device--depth--scale: 1.5!important
}

.f-device__figure {
    margin: 0
}

.f-device__case {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    width: var(--device--size,90%);
    padding: clamp(0.75rem, 0.75rem, 2.5rem);
    padding: var(--device--border);
    margin: 0;
    transform-style: preserve-3d;
    transform: scale(.9,.9);
    transform: scale(var(--device--scale,.9),var(--device--scale,.9));
    background-color: #202020;
    background-color: var(--device--color,var(--a--color--contrast));
    outline: transparent solid 1px;
    border-radius: clamp(0.25rem, 0.5rem, 0.5rem);
    border-radius: var(--device--border-radius);
    --box-shadow--size: calc(var(--a--spacing--m) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 50%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
    transition: transform calc(0.25s * 2) cubic-bezier(0.9, 0, 0.1, 1) 0s,box-shadow 0.25s cubic-bezier(0.9, 0, 0.1, 1) 0s;
    transition: transform var(--a--transition--duration--double) var(--f--listing--transition-timing-function) var(--device--delay, 0s),box-shadow var(--a--transition--duration) var(--f--listing--transition-timing-function) var(--device--delay, 0s)
}

@supports (animation-timeline:view()) {
    .f-device__case {
        transform: scale(.9,.9) rotateX(15deg) rotateY(-25deg) rotateZ(10deg);
        transform: scale(var(--device--scale,.9),var(--device--scale,.9)) rotateX(var(--device--rotate--x,15deg)) rotateY(var(--device--rotate--y,-25deg)) rotateZ(var(--device--rotate--z,10deg))
    }

    @media (prefers-reduced-motion:no-preference) {
        .f-listings--plans-partnerships .f-plan:nth-child(3n) {
            transform: translateY(calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)));
            transform: translateY(calc(var(--a--spacing--m)))
        }
    }
}

.f-device__depth {
    position: absolute;
    inset: 1px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: scale(1.015,1.01) translateZ(calc(clamp(0.5rem, 0.75rem, 1rem) * -1));
    transform: scale(var(--device--depth--scale,1.015),var(--device--depth--scale,1.01)) translateZ(calc(var(--device--depth--step) * -1));
    transform-origin: 50% 50%;
    background-color: #202020;
    background-color: var(--device--color,var(--a--color--contrast));
    background-image: linear-gradient(to bottom,rgba(220,200,250,50%),#202020);
    background-image: linear-gradient(to bottom,var(--device--depth-color,rgba(var(--a--color--accent-rgb),50%)),var(--device--color,var(--a--color--contrast)));
    border-radius: calc(clamp(0.25rem, 0.5rem, 0.5rem) + .3rem);
    border-radius: calc(var(--device--border-radius) + .3rem);
    transition: transform 0.25s cubic-bezier(0.9, 0, 0.1, 1) 0s;
    transition: transform var(--a--transition--duration) var(--f--listing--transition-timing-function) var(--device--delay, 0s);
    --shadow--size: var(--a--spacing--xxxs);
    --shadow--color: rgba(var(--a--color--contrast-rgb), 5%);
    box-shadow: inset 0 0 calc(var(--shadow--size)/ 4) calc(var(--shadow--size)/ 4) var(--shadow--color),inset 0 0 calc(var(--shadow--size)/ 2) calc(var(--shadow--size)/ 2) var(--shadow--color),inset 0 0 var(--shadow--size) var(--shadow--size) var(--shadow--color)
}

.f-device__screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    aspect-ratio: var(--device--aspect-ratio,16/9);
    transform: translate3d(0,0,0);
    background-color: #202020;
    background-color: var(--device--screen-color,var(--a--color--contrast));
    background-image: none;
    background-image: var(--device--screen-gradient,none);
    outline: transparent solid 1px
}

.f-device__screen img {
    width: 100%;
    height: 100%;
    object-position: center top;
    object-fit: cover;
    border-radius: 0
}

.f-device__screen--scrollable {
    overflow-y: auto;
    pointer-events: auto
}

.f-device__screen--scrollable:not(:-webkit-scrollbar) {
    scrollbar-width: 15px;
    scrollbar-width: var(--scrollbar--width,15px);
    scrollbar-color: #ffffff #202020;
    scrollbar-color: var(--a--color) var(--device--color,var(--a--color--contrast))
}

.f-device__screen--scrollable:-webkit-scrollbar {
    background-color: #202020;
    background-color: var(--device--color,var(--a--color--contrast))
}

.f-device__screen--scrollable:-webkit-scrollbar-thumb {
    background-color: #ffffff;
    background-color: var(--a--color);
    background-clip: content-box;
    border: 5px solid transparent;
    border-radius: 10px
}

.f-device__screen--scrollable:-webkit-scrollbar-track {
    background-color: #202020;
    background-color: var(--device--color,var(--a--color--contrast))
}

.f-device__screen--scrollable:-webkit-scrollbar-thumb:hover {
    background-color: #dcc8fa;
    background-color: var(--a--color--accent)
}

.f-device__screen--scrollable img {
    position: relative;
    width: 100%;
    height: auto
}

.f-about {
    --about--gap: var(--a--spacing--xs);
    position: relative
}

.f-about__items {
    display: flex;
    flex-direction: column;
    gap: var(--about--gap)
}

@media (min-width: 768px) {
    .f-about__items {
        display:grid;
        grid-template-columns: repeat(10,1fr);
        align-items: stretch
    }

    .f-about__item--contact {
        grid-column: span 5
    }
}

.f-about__item {
    --aurora--opacity: 20%;
    --aurora--size: 4em;
    --aurora--animation-duration: 12s;
    display: inline-flex;
    flex-direction: column;
    padding: calc(2.5rem / 4 * 2);
    padding: var(--a--spacing--s)
}

@media (min-width: 1024px) {
    .f-device__case,.f-step[open] {
        --box-shadow--size:var(--a--spacing--m)
    }

    .f-about__item {
        padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
        padding: var(--a--spacing--m)
    }
}

.f-about__item--button {
    gap: 0;
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid);
    white-space: nowrap;
    line-height: calc(1.75 - 0.6);
    line-height: var(--a--line-height--xxs);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--l));
            backdrop-filter: blur(var(--f--filter--blur--l))
}

.f-about__item--button:is(:hover,:focus) {
    --aurora--opacity: 25%
}

.f-about__item--button small {
    display: block;
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

@media (min-width: 1280px) {
    .f-about__item--contact {
        grid-column:span 3
    }

    .f-about__item--contact:first-child {
        grid-column: span 2
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .f-about__item--account {
        grid-column:span 4
    }

    .f-about__item--account.f-about__item--l {
        grid-column: span 6
    }
}

@media (min-width: 1280px) {
    .f-about__item--account,.f-about__item--account.f-about__item--l {
        grid-column:span 2
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .f-about__item--cta {
        grid-column:span 6
    }
}

@media (min-width: 1280px) {
    .f-about__item--cta {
        grid-column:span 3
    }
}

.f-about__item--socials {
    padding: 0
}

@media (min-width: 768px) {
    .f-about__item--socials {
        grid-column:3/span 6
    }
}

@media (min-width: 1280px) {
    .f-about__item--socials {
        grid-column:1/span 4
    }
}

.f-about__item--socials ul {
    gap: var(--about--gap)
}

.f-about__item--socials li {
    flex: 1 1
}

.f-about__item--socials a {
    min-height: 4em;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--s));
            backdrop-filter: blur(var(--f--filter--blur--s))
}

.f-about__item--nav {
    display: flex;
    justify-content: flex-end;
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) 0 0;
    padding: var(--a--spacing--m) 0 0;
    font-size: 1rem;
    font-size: var(--a--font-size);
    text-align: center
}

@media (min-width: 768px) {
    .f-about__item--nav {
        grid-column:span 10
    }
}

@media (min-width: 1280px) {
    .f-about__item--nav {
        grid-column:span 6;
        align-items: flex-end;
        padding: 0
    }
}

.f-about__item--nav ul {
    flex-direction: row;
    flex-wrap: wrap
}

.f-about__item>.f-aurora__content {
    display: flex;
    flex-direction: column
}

.f-about__item>.f-badge {
    margin-top: calc(calc(2.5rem / 4) * -1);
    margin-top: calc(var(--a--spacing--xxs) * -1)
}

.f-about__logo {
    display: flex;
    justify-content: center;
    margin: 0
}

.f-about__subtitle {
    max-width: 40ch;
    margin-inline:auto;font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));font-size: var(--a--heading--font-size--h5--fluid);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    line-height: calc(1.75 - 0.4);
    line-height: var(--a--line-height--xs);
    text-align: center
}

@media (min-width: 1024px) {
    .f-about__logo {
        justify-content:flex-start
    }

    .f-about__subtitle {
        text-align: end
    }
}

.f-about__contacts {
    display: flex;
    flex-direction: column;
    gap: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    gap: var(--a--spacing--m);
    width: -webkit-max-content;
    width: max-content;
    margin: 0 auto
}

@media (min-width: 1280px) {
    .f-about__contacts {
        flex-direction:row;
        align-items: flex-start;
        gap: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
        gap: var(--a--spacing--l);
        margin: 0
    }

    .f-listing--project .f-listing__container {
        -webkit-padding-start:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
                padding-inline-start:clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
        -webkit-padding-start:var(--a--spacing--m);
                padding-inline-start:var(--a--spacing--m)}
}

.f-about__contact {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    padding: calc(2.5rem / 8) 0;
    padding: var(--a--spacing--xxxs) 0;
    text-align: start
}

.f-about__contact svg {
    min-width: -webkit-max-content;
    min-width: max-content;
    margin-top: calc(calc(2.5rem / 8)/ 2 * -1);
    margin-top: calc(var(--a--spacing--xxxs)/ 2 * -1);
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-about__contact ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.f-about__contact small {
    display: block;
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: calc(0em + 0.1em);
    letter-spacing: var(--a--letter-spacing--xxl);
    text-transform: uppercase;
    text-wrap: balance;
    opacity: .5
}

.f-about__contact h3 {
    margin: 0;
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl)
}

.f-about__contact--support {
    padding: calc(2.5rem / 4 * 2);
    padding: var(--a--spacing--s);
    gap: calc(2.5rem / 4 * 2);
    gap: var(--a--spacing--s);
    flex-direction: column;
    align-items: center
}

@media (min-width: 1024px) {
    .f-about__contact--support {
        flex-direction:row
    }
}

.f-about__creds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .f-about__creds {
        text-align:start
    }
}

.f-about__creds a {
    --link--color: var(--a--color--accent);
    -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
}

.f-about__creds a:is(:hover,:focus) {
    --link--color: var(--a--color);
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor
}

.f-about__logo a {
    border-radius: 4px;
    border-radius: var(--a--border--radius)
}

.f-about__name {
    margin: 0;
    font-size: 1.125rem;
    font-size: var(--a--font-size--xl)
}

.f-about__position {
    opacity: .8;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs)
}

.f-about__registration {
    max-width: 40ch
}

@media print {
    .f-footer,.f-header {
        display: none
    }

    .f-main {
        box-shadow: none
    }
}

.f-notifications {
    margin: calc(calc(2.5rem / 4) * -1) 0;
    margin: calc(var(--a--spacing--xxs) * -1) 0
}

.f-notifications .f-notifications__empty {
    display: none
}

.f-notifications.empty .f-notifications__empty {
    display: block
}

.f-notification {
    position: relative;
    padding: calc(2.5rem / 2) 0;
    padding: var(--a--spacing--xs) 0
}

.f-notification:not(:last-of-type) {
    border-bottom: 1px solid rgba(255,255,255,20%);
    border-bottom: var(--a--border--width) solid rgba(var(--a--color-rgb),20%)
}

.f-notification h3 {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--a--font-family--secondary);
    font-size: 1rem;
    font-size: var(--a--font-size);
    font-weight: 400;
    font-weight: var(--a--font-weight)
}

.f-notification p {
    margin: 0;
    text-wrap: balance
}

.f-notification__date {
    font-size: 0.75rem;
    font-size: var(--a--font-size--xxs);
    line-height: 1;
    opacity: .6
}

.f-notification__view {
    font-size: 1rem;
    font-size: var(--a--font-size);
    line-height: 27px
}

.f-form--notification {
    display: flex;
    align-items: center;
    gap: calc(2.5rem / 4);
    gap: var(--a--spacing--xxs)
}

.f-notifications--off {
    --off--width-max: 80vw;
    top: calc(2.5rem / 2);
    top: var(--a--spacing--xs);
    height: auto;
    max-height: calc(100vh - (calc(2.5rem / 2) * 2));
    max-height: calc(100vh - (var(--a--spacing--xs) * 2));
    border-radius: calc(calc(2.5rem / 2)/ 2);
    border-radius: calc(var(--off--dialog--radius)/ 2)
}

.f-notifications--off.active {
    transform: translate3d(calc(calc(2.5rem / 2) * -1),0,0);
    transform: translate3d(calc(var(--a--spacing--xs) * -1),0,0)
}

.f-notifications__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(2.5rem / 2);
    gap: var(--a--spacing--xs);
    padding: calc(2.5rem / 2);
    padding: var(--a--spacing--xs);
    margin: 0;
    text-align: center;
    color: rgba(150,225,175, 1);
    color: var(--a--color--success);
    background-color: transparent;
    border: none;
    box-shadow: none
}

.f-listings--plans {
    --grid--columns: 1;
    --grid--column-min: min(280px, 100%)
}

@media (min-width: 1024px) {
    .f-listings--plans {
        --grid--columns:2;
        --grid--third--column: 1/4
    }

    .f-listings--plans-sprints {
        --grid--columns: 4
    }
}

.f-listings--plans .f-plan:nth-child(3n) {
    grid-column: auto;
    grid-column: var(--grid--third--column,auto)
}

.f-listings--plans-sprints {
    --grid--third--column: auto
}

.f-plan {
    --header--color: var(--a--color);
    --line--color: none;
    --line--gradient: none;
    --gradient--angle: 180deg;
    --gradient--color--start: rgba(var(--a--color-rgb), 10%);
    --gradient--color--end: rgba(var(--a--color-rgb), 0%);
    --container--gradient-color--rgb: none;
    padding: 0;
    justify-content: space-between;
    text-align: center;
    background-color: #01031c;
    background-color: var(--a--color--background)
}

.f-plan--web-design {
    --header--color: var(--f--color--web-design);
    --line--color: var(--f--color--web-design);
    --container--gradient-color--rgb: var(--f--color--web-design--rgb)
}

.f-plan--web-development {
    --header--color: var(--f--color--web-development);
    --line--color: var(--f--color--web-development);
    --container--gradient-color--rgb: var(--f--color--web-development--rgb)
}

.f-plan--web-design-and-development {
    --line--gradient: var(--f--gradient--web-design-and-development);
    --container--gradient-color--rgb: var(--f--color--web-design-and-development--rgb)
}

.f-plan__container {
    position: relative;
    padding-top: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding-top: var(--a--spacing--m);
    padding-bottom: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
    padding-bottom: var(--a--spacing--l);
    min-height: 100%;
    justify-content: space-between;
    z-index: 1;
    background-image: linear-gradient(var(--gradient--angle),var(--gradient--color--start),25%,var(--gradient--color--end) 75%),radial-gradient(100% 75% at 50% 100%,rgba(var(--container--gradient-color--rgb),40%) 0,rgba(var(--container--gradient-color--rgb),0) 75%);
    border-radius: inherit
}

.f-plan__container:before {
    content: '';
    position: absolute;
    bottom: calc(2.5rem / 4);
    bottom: var(--a--spacing--xxs);
    left: calc(2.5rem / 4);
    left: var(--a--spacing--xxs);
    width: calc(100% - (calc(2.5rem / 4) * 2));
    width: calc(100% - (var(--a--spacing--xxs) * 2));
    height: max(calc(1px * 4), 4px);
    height: var(--f--line--size);
    pointer-events: none;
    background-color: var(--line--color);
    background-image: var(--line--gradient);
    border-radius: var(--border-radius)
}

.f-plan__header {
    --header--small--size: var(--a--font-size--xl);
    --header--strong--size: var(--a--heading--font-size--h2--fluid);
    position: relative
}

.f-plan__header small {
    display: block;
    font-size: var(--header--small--size);
    font-weight: 600;
    font-weight: var(--a--heading--font-weight)
}

.f-plan__header strong {
    font-size: var(--header--strong--size)
}

.f-plan__header :is(h3,h4) {
    line-height: calc(1.75 - 0.6);
    line-height: var(--a--line-height--xxs);
    --text-shadow-size: var(--a--spacing--xxl);
    --text-shadow-color: rgba(var(--a--color--shadow-rgb), 10%);
    text-shadow: 0 calc(var(--text-shadow-size)/ 10) calc(var(--text-shadow-size)/ 10) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 8) calc(var(--text-shadow-size)/ 8) var(--text-shadow-color),0 calc(var(--text-shadow-size)/ 4) calc(var(--text-shadow-size)/ 4) var(--text-shadow-color)
}

.f-plan__header h4 {
    --header--small--size: var(--a--font-size--l);
    --header--strong--size: var(--a--heading--font-size--h3--fluid)
}

.f-plan__footer {
    margin-top: calc(2.5rem / 4 * 2);
    margin-top: var(--a--spacing--s)
}

.f-plan__description {
    margin: 0
}

.f-plan__features {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    color: rgba(255,255,255,75%);
    color: rgba(var(--a--color-rgb),75%)
}

@media (min-width: 768px) {
    .f-plan__features {
        flex-direction:row
    }
}

.f-plan__features li {
    --badge--spacing--v: 0;
    --badge--spacing--h: var(--a--spacing--xxxs);
    flex-direction: column;
    gap: 0;
    -webkit-user-select: auto;
            user-select: auto;
    text-align: center;
    color: currentColor
}

@media (max-width: 767px) {
    .f-process+.f-process {
        padding-top:clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
        padding-top:var(--a--spacing--l)
    }

    .f-plan__features li:before {
        content: normal;
        content: initial
    }
}

@media (min-width: 768px) {
    .f-plan__features li {
        flex-direction:row;
        gap: calc(2.5rem / 4);
        gap: var(--a--spacing--xxs);
        text-align: start
    }
}

.f-plan__features li:first-child:before {
    content: normal;
    content: initial
}

.f-plan__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 180px;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: overlay
}

.f-plan__spots {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    grid-gap: 0;
    gap: 0;
    padding: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem) 0 calc(2.5rem / 2);
    padding: var(--a--spacing--m) 0 var(--a--spacing--xs)
}

.f-plan__spots:after,.f-plan__spots:before {
    content: '';
    align-self: center;
    height: 1px;
    height: var(--a--border--width--1)
}

.f-plan__spots:before {
    background-image: linear-gradient(to right,transparent,currentColor 50%);
    background-image: linear-gradient(to right,transparent,var(--badges--border-color,currentColor) 50%)
}

.f-plan__spots:after {
    background-image: linear-gradient(to left,transparent,currentColor 50%);
    background-image: linear-gradient(to left,transparent,var(--badges--border-color,currentColor) 50%)
}

.f-plan__spots .f-badge {
    background-color: transparent;
    background-image: linear-gradient(177deg,rgba(var(--badge--color--rgb),10%),transparent)
}

.f-plan__actions {
    margin-top: calc(2.5rem / 2);
    margin-top: var(--a--spacing--xs)
}

.f-section--plans {
    --section--spacing--inner: var(--a--spacing)
}

.f-section--plans .f-section__container:not(:last-child) {
    padding-bottom: 0
}

.f-section--plans .f-section--sub {
    -webkit-padding-before:0;
            padding-block-start:0}

.f-section--plans .f-section--sub:not(:last-of-type) {
    -webkit-padding-after:0;
            padding-block-end:0}

.f-section--quote .f-section__header p {
    max-inline-size: none
}

.f-heading--projects {
    --heading--spacing: var(--a--spacing--m)
}

.f-section--projects {
    --section--spacing: var(--a--spacing--s)
}

.f-section--projects .f-section__footer {
    margin-top: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin-top: var(--a--spacing--m)
}

@media (min-width: 1024px) {
    .f-main--account-partnership .f-listings--plans-sprints {
        --columns:2
    }

    .f-main--account-partnership .f-listings--plans-sprints .f-plan:nth-child(3n) {
        grid-column: 1/4
    }

    .f-plan__header {
        --header--small--size: var(--a--heading--font-size--h6--fluid);
        --header--strong--size: var(--a--heading--font-size--h1--fluid)
    }

    .f-heading--projects .f-heading__badge {
        align-self: flex-end
    }

    .f-section--projects .f-section__footer {
        margin-top: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
        margin-top: var(--a--spacing--l)
    }
}

.f-section--projects-by-status .f-section__header h3 {
    font-size: clamp(calc(1.2rem * 1.25), calc(1.1rem + 0.5vw), calc(calc(1.2rem * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h5--fluid)
}

.f-project--closed .f-progress--100:after {
    display: none;
    color: #01031c;
    color: var(--a--color--background)
}

.f-project__status {
    min-width: 100px
}

.f-project__status .f-status:after,.f-project__status .f-status:before {
    top: 55%
}

.f-listing--project--closed .f-progress--100 {
    --progress--color: var(--f--progress--done)
}

.f-listing--project .f-project__type {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

.f-listing--project .f-listing__description {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    color: rgba(255,255,255,75%);
    color: rgba(var(--a--color-rgb),75%)
}

.f-project__header {
    position: relative
}

.f-project__header :is(h2,h3) {
    font-size: clamp(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25), calc(1.5rem + 0.7vw), calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h3--fluid)
}

.f-project__header .f-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(calc((50% + var(--listing--spacing--h)) * -1),-50%,0);
    border: 1px solid;
    border: var(--a--border--width) solid;
    border-radius: 2.5rem;
    border-radius: var(--a--spacing);
    z-index: 30;
    z-index: var(--a--layer--3)
}

.f-project__header .f-icon--closed {
    color: rgba(150,225,175, 1);
    color: var(--f--status--closed);
    border-color: rgba(255,255,255,25%);
    border-color: rgba(var(--a--color-rgb),25%);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur))
}

.f-project__header .f-icon--stopped {
    color: rgba(225,150,175, 1);
    color: var(--f--status--stopped);
    border-color: rgba(255,255,255,25%);
    border-color: rgba(var(--a--color-rgb),25%);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur));
            backdrop-filter: blur(var(--f--filter--blur))
}

.f-single--project .f-content {
    --content--spacing: var(--a--spacing--xxs)
}

.f-single--project .f-content h2 {
    --h--font-size: var(--a--heading--font-size--h4--fluid)
}

.f-project__section {
    --section--spacing: var(--a--spacing--xxs)
}

.f-project--closed .f-progress--100 {
    --progress--color: var(--f--progress--done)
}

.f-form--project {
    --fieldset--spacing--v: var(--a--spacing--l)
}

.f-form--project legend {
    font-size: clamp(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25), calc(1.5rem + 0.7vw), calc(calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h3--fluid)
}

.f-form--project .f-content p {
    --p--spacing: var(--a--spacing--xxs)
}

.f-form--project .f-field--checkbox {
    padding: calc(2.5rem / 4 * 2) calc(2.5rem / 2);
    padding: var(--a--spacing--s) var(--a--spacing--xs);
    margin: 0
}

.f-form--project .f-field--checkbox label {
    font-weight: 600;
    font-weight: var(--a--label--font-weight)
}

.f-form--project .f-field--checkbox small {
    margin-top: calc(2.5rem / 4);
    margin-top: var(--a--spacing--xxs);
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    font-weight: 400;
    font-weight: var(--a--font-weight);
    opacity: 60%
}

.f-section--project-assets {
    --section--spacing: var(--a--spacing--xxs)
}

.f-section--project-assets .f-section__header h3 {
    font-size: clamp(calc(calc(1.2rem * 1.25) * 1.25), calc(1.3rem + 0.6vw), calc(calc(calc(1.2rem * 1.25) * 1.25) * 1.25));
    font-size: var(--a--heading--font-size--h4--fluid)
}

.f-listing--asset {
    --listing--spacing--v: var(--a--spacing--xxs);
    --header--font-size: var(--a--font-size--l)
}

.f-listing--asset .f-listing__header {
    margin: 0
}

.f-listing--asset .f-listing__header h4 {
    font-weight: 400;
    font-weight: var(--a--font-weight);
    letter-spacing: 0em;
    letter-spacing: var(--a--letter-spacing)
}

.f-main--works {
    padding-top: 2.5rem;
    padding-top: var(--a--spacing)
}

.f-listings--works {
    --grid--column-min: min(580px, 100%);
    gap: 0
}

@media (min-width: 1280px) {
    .f-project__header .f-icon {
        transform:translate3d(calc((50% + clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)) * -1),-50%,0);
        transform:translate3d(calc((50% + var(--a--spacing--m)) * -1),-50%,0)
    }

    .f-listings--works {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: auto;
        grid-auto-flow: dense
    }
}

.f-listings--works .f-work:first-child {
    --device--table-size--x: 50%;
    --device--table-position--x: 100%
}

.f-listings--works .f-work:last-child {
    --device--table-size--x: 50%;
    --device--table-position--x: 0%
}

.f-work__terms {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: max(calc(1px * 3), 3px);
    gap: var(--a--border--width--xl);
    padding: 0;
    margin: 0;
    list-style: none
}

.f-work__terms a {
    text-decoration: none
}

.f-work__term {
    min-width: 16px;
    min-height: max(calc(1px * 4), 4px);
    min-height: var(--f--line--size);
    font-size: 0.875rem;
    font-size: var(--a--font-size--xs);
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #ffffff;
    background-color: var(--a--color);
    border-radius: 2.5rem;
    border-radius: var(--a--spacing);
    border: none
}

.f-work__term--web-design {
    background-color: #faafc8;
    background-color: var(--f--color--web-design)
}

.f-work__term--web-development {
    background-color: #afc8fa;
    background-color: var(--f--color--web-development)
}

.f-work__term--web-design-and-development {
    position: relative;
    min-width: 32px;
    background-color: transparent
}

.f-work__term--web-design-and-development:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(to right, #faafc8, #afc8fa);
    background-image: var(--f--gradient--web-design-and-development);
    border-radius: inherit
}

.f-work__term--type {
    color: #ffffff;
    color: var(--a--color);
    background-color: #01031c;
    background-color: var(--a--color--background)
}

a.f-work__term:is(:hover,:focus) {
    color: #202020;
    color: var(--a--color--contrast);
    background-color: #ffffff;
    background-color: var(--a--color)
}

a.f-work__term:focus-visible {
    outline-color: #ffffff;
    outline-color: var(--a--color)
}

.f-work--listing {
    --device--scale: 1;
    --device--size: 100%;
    --work--spacing: var(--a--spacing--xxs);
    --border--radius: calc(var(--device--border-radius) + (var(--work--spacing) / 2));
    --header--font-size: var(--a--heading--font-size--h4--fluid);
    --overlay--opacity: 0;
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    padding: 0;
    border-radius: var(--border--radius)
}

@media (max-width: 767px) {
    .f-work--listing {
        --work--spacing:var(--a--border--width)
    }

    .f-work--single .f-single__device {
        --container--spacing: 0
    }
}

@media (max-width: 1023px) {
    .f-work--listing {
        --device--rotate--x:0deg!important;
        --device--rotate--y: 0deg!important;
        --device--rotate--z: 0deg!important;
        --work--spacing: var(--a--border--width--xl)
    }

    .f-work__buttons:empty {
        display: none
    }
}

.f-work--listing .f-listing__overlay {
    z-index: 0
}

.f-work--listing .f-listing__container {
    justify-content: space-between;
    padding: calc(2.5rem / 4 * 2) calc(2.5rem / 4 * 2) clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    padding: var(--a--spacing--s) var(--a--spacing--s) var(--a--spacing--m);
    z-index: 20;
    z-index: var(--a--layer--2);
    text-align: center
}

.f-work--listing .f-device {
    position: relative;
    padding: var(--work--spacing) var(--work--spacing) 0;
    margin: 0;
    overflow: visible;
    pointer-events: none
}

.f-work--listing .f-device__case {
    margin: 0 auto;
    max-width: calc(560px + (clamp(0.75rem, 0.75rem, 2.5rem) * 2));
    max-width: calc(560px + (var(--device--border) * 2))
}

.f-work--listing:is(:hover,:focus-within) {
    --header--color: var(--a--color--accent);
    --image--scale: 1;
    --overlay--opacity: 1;
    --overlay--delay: var(--f--listing--transition-delay);
    --button--scale: 1,1;
    --button--delay: var(--f--listing--transition-delay)
}

.f-work--listing:is(:hover,:focus-within) .f-device {
    --device--scale: 1;
    --device--delay: var(--f--listing--transition-delay);
    --device--rotate--x: 0deg;
    --device--rotate--y: 0deg;
    --device--rotate--z: 0deg;
    --device--depth--scale: 0.9
}

.f-work--listing:is(:hover,:focus-within) .f-device__case {
    --box-shadow--size: calc(var(--a--spacing--xl) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 75%)
}

@media (min-width: 1024px) {
    .f-work--listing {
        --device--scale:0.9;
        --work--spacing: var(--a--spacing--xs)
    }

    .f-work--listing:is(:hover,:focus-within) .f-device__case {
        --box-shadow--size: var(--a--spacing--xl)
    }
}

.f-work__description {
    max-width: 48ch;
    text-wrap: balance
}

.f-work__years {
    --badges--gap: var(--a--border--width)
}

.f-work--single {
    --work--spacing: var(--a--spacing--xs);
    --border--radius: var(--a--border--radius--xl);
    --gradient--scale: 1.5;
    --device--scale: 1;
    --device--aspect-ratio: 4/3;
    --device--rotate--x: 0deg;
    --device--rotate--y: 25deg;
    --device--rotate--z: 0deg;
    --device--size: 100%;
    --device--depth--scale: 1.005
}

.f-work--single .f-single__heading {
    --heading--spacing: var(--a--spacing--xl);
    position: relative;
    overflow: hidden;
    view-timeline: --single-heading
}

.f-work--single .f-single__heading .f-badges {
    margin-bottom: calc(2.5rem * -1);
    margin-bottom: calc(var(--a--spacing) * -1)
}

.f-work--single .f-single__description {
    max-width: 56ch;
    margin-inline:auto}

.f-work--single .f-single__device {
    position: relative;
    margin: 2.5rem auto 0;
    margin: var(--a--spacing) auto 0;
    animation: linear both singleWorkDevice
}

@supports (animation-timeline:view()) {
    @media (prefers-reduced-motion:no-preference) {
        .f-main--account-partnership .f-listings--plans-sprints .f-plan:nth-child(3n) {
            transform: translateY(calc(clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem)));
            transform: translateY(calc(var(--a--spacing--m)))
        }
    }

    .f-work--single .f-single__device {
        animation-timeline: --single-heading;
        animation-range: entry -25% exit 100%
    }
}

.f-work--single .f-single__device .f-device {
    perspective: 3200px;
    background-image: none
}

.f-work--single .f-single__background {
    --single--bg--mask: linear-gradient(to bottom, black 15%, transparent 50%, black 85%) border-box;
    --box-shadow--size: var(--a--spacing--xxxl);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 25%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color)
}

.f-work--single .f-single__background:not(.f-background--placeholder):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    touch-action: none;
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(var(--f--filter--blur--xl));
            backdrop-filter: blur(var(--f--filter--blur--xl));
    -webkit-mask: var(--single--bg--mask);
    -webkit-mask-composite: xor;
    -webkit-mask: var(--single--bg--mask);
            mask: var(--single--bg--mask);
    -webkit-mask-composite: source-out;
            mask-composite: subtract
}

.f-work--single .f-single__content {
    margin-block:0}

.f-work--single .f-single__buttons {
    width: 100%
}

@media (max-width: 767px) {
    .f-work--single .f-single__button {
        flex:1 1;
        white-space: nowrap
    }
}

.f-work--single .f-single__metas {
    --meta--border-width: 0;
    --meta--border-spacing: 0
}

.f-work--single .f-single__metas .f-metas {
    display: grid;
    grid-template-columns: max(160px,35%) auto;
    align-items: start
}

@media (min-width: 768px) {
    .f-work--single {
        --device--aspect-ratio:16/9
    }

    .f-work--single .f-single__device .f-device {
        width: calc(100% + (clamp(0.75rem, 0.75rem, 2.5rem) * 2));
        width: calc(100% + (var(--device--border) * 2));
        margin-inline:calc(clamp(0.75rem, 0.75rem, 2.5rem) * -1);
        margin-inline:calc(var(--device--border) * -1)}

    .f-work--single .f-single__metas .f-metas {
        grid-template-columns: max(160px,30%) 1fr 1fr
    }
}

.f-work--single .f-single__metas .f-metas--col-1 {
    grid-template-columns: 1fr
}

.f-work__content {
    --single-content--spacing: var(--a--spacing--m);
    padding: var(--single-content--spacing) 0 0;
    background-image: linear-gradient(to bottom, rgba(25,25,100, 100%) 0%, rgba(25,25,100, 0%) 100%);
    background-image: var(--f--content--gradient);
    border-radius: calc(2.5rem / 2);
    border-radius: var(--f--layout--radius)
}

@media (min-width: 768px) {
    .f-work__content {
        --single-content--spacing:var(--a--spacing--l)
    }
}

@media (min-width: 1024px) {
    .f-work__content {
        --single-content--spacing:var(--a--spacing--xl)
    }
}

.f-work__content--empty {
    padding: 0;
    background-image: none
}

.f-work__content .f-content:last-child {
    padding-bottom: var(--single-content--spacing)
}

.f-work__buttons {
    margin-bottom: clamp(calc(2.5rem / 4 * 4), calc(1.5rem + 1.25vw), 2.5rem);
    margin-bottom: var(--a--spacing--m)
}

@keyframes singleWorkDevice {
    100% {
        --device--rotate--x: 0deg;
        --device--rotate--y: 0deg;
        --device--rotate--z: 0deg;
        --device--depth--scale: 1
    }
}

.f-section--works {
    --section--spacing: var(--a--spacing--xxs);
    position: relative;
    padding-bottom: clamp(2.5rem, calc(2.75rem + 2.5vw), calc(2.5rem * 1.5));
    padding-bottom: var(--a--spacing--l);
    z-index: 30;
    z-index: var(--a--layer--3);
    border-bottom-right-radius: calc(2.5rem / 2);
    border-bottom-right-radius: var(--f--layout--radius);
    border-bottom-left-radius: calc(2.5rem / 2);
    border-bottom-left-radius: var(--f--layout--radius)
}

.f-carousel--works .f-carousel__container {
    align-items: stretch
}

.f-carousel--works .f-device {
    background-image: none
}

.f-listings--testimonials {
    --grid--columns: 1;
    --grid--column-min: min(280px, 100%)
}

@media (min-width: 1280px) {
    .f-work__content {
        --single-content--spacing:var(--a--spacing--xxl)
    }

    .f-listings--testimonials {
        --grid--columns: 3
    }
}

.f-listing--testimonial {
    --listing--spacing--v: var(--a--spacing--m);
    --listing--spacing--h: var(--a--spacing--m);
    --listing--image--scale: 1;
    --listing--header--font-size: var(--a--heading--font-size--h6--fluid);
    text-align: center
}

.f-listing--testimonial .f-listing__quote {
    padding-inline:0;margin: 0;
    text-wrap: balance
}

.f-listing--testimonial .f-listing__quote:before {
    top: calc((var(--listing--spacing--v) + (max(calc(1px * 3), 3px)/ 2)) * -1);
    top: calc((var(--listing--spacing--v) + (var(--a--border--width--xl)/ 2)) * -1);
    left: 50%;
    transform: translateX(-50%)
}

.f-listing--testimonial .f-listing__container {
    height: 100%;
    justify-content: space-between
}

.f-listing--testimonial .f-listing__image {
    max-width: 80px
}

.f-listing--testimonial .f-listing__image img {
    border-radius: 40px
}

.f-listing--testimonial .f-listing__position {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s);
    color: #dcc8fa;
    color: var(--a--color--accent)
}

.f-listing--testimonial .f-listing__company {
    font-size: 0.9375rem;
    font-size: var(--a--font-size--s)
}

.f-listing--testimonial:is(:hover,:focus-within) {
    --image-scale: 1
}

.f-section--testimonials {
    --section--spacing: var(--a--spacing--l)
}

.f-section--testimonials .f-section__container {
    padding-inline:calc(2.5rem / 2);
    padding-inline:var(--a--container--spacing)}

.f-listings--faqs: has(:hover,:focus,[open]) .f-faq:not(:hover,:focus,[open]) {
    opacity:80%
}

.f-faq {
    --listing--border-radius: var(--a--border--radius--l);
    --p--spacing: var(--a--spacing--s);
    --content--spacing: 0px;
    --border--angle: 175deg;
    margin: 0;
    background-image: linear-gradient(to bottom,rgba(255,255,255,10%),rgba(50,50,125,0%)),radial-gradient(100% 100% at 50% 100%,rgba(255,255,255,20%) 0,rgba(255,255,255,0) 75%);
    background-image: linear-gradient(to bottom,rgba(var(--a--color-rgb),10%),rgba(var(--a--color--background-rgb),0%)),radial-gradient(100% 100% at 50% 100%,rgba(var(--a--color-rgb),20%) 0,rgba(var(--a--color-rgb),0) 75%);
    background-size: 100% 100%,100% 100%;
    --box-shadow--size: calc(var(--a--spacing--xs) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 10%);
    box-shadow: 0 calc(var(--box-shadow--size)/ 4) calc(var(--box-shadow--size)/ 4) var(--box-shadow--color),0 calc(var(--box-shadow--size)/ 2) calc(var(--box-shadow--size)/ 2) var(--box-shadow--color),0 var(--box-shadow--size) var(--box-shadow--size) var(--box-shadow--color);
    transition-property: color,box-shadow,opacity,grid-template-rows;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-faq summary {
    position: relative;
    border-radius: inherit;
    transition-property: color,outline;
    transition-duration: 0.25s;
    transition-duration: var(--a--transition--duration, .25s);
    transition-timing-function: ease-in-out;
    transition-timing-function: var(--a--transition--timing-function,ease-in-out)
}

.f-faq summary:marker {
    content: '';
    display: none
}

.f-faq summary :-webkit-details-marker {
    display: none
}

.f-faq summary:is(:hover,:focus) {
    --summary--color: var(--a--color--accent)
}

.f-faq summary:is(:focus-visible) {
    outline-color: currentColor
}

.f-faq:is(:hover,:focus-within) {
    --box-shadow--size: calc(var(--a--spacing--s) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 20%)
}

@media (min-width: 1024px) {
    .f-work__buttons {
        order:2;
        margin: 0
    }

    .f-faq {
        --box-shadow--size: var(--a--spacing--xs);
        --content--spacing: var(--a--spacing--xs)
    }

    .f-faq summary {
        font-size: 1.25rem;
        font-size: var(--a--font-size--xxl)
    }

    .f-faq:is(:hover,:focus-within) {
        --box-shadow--size: var(--a--spacing--s)
    }
}

.f-faq:is([open]) {
    --summary--color: var(--a--color--accent);
    background-size: 100% 150%,100% 100%;
    --box-shadow--size: calc(var(--a--spacing--l) / 4 * 3);
    --box-shadow--color: rgba(var(--a--color--shadow-rgb), 30%)
}

@media (min-width: 1024px) {
    .f-faq:is([open]) {
        --box-shadow--size:var(--a--spacing--l)
    }
}

.f-faq:is([open]) .f-faq__content {
    content-visibility: visible
}

.f-faq__content {
    padding: var(--content--spacing);
    content-visibility: hidden
}

.f-faq__content .f-content>:last-child {
    margin-bottom: 0
}

.f-faq__content .f-gallery {
    margin: 0 calc((var(--content--spacing) + calc(2.5rem / 4 * 2)) * -1);
    margin: 0 calc((var(--content--spacing) + var(--details--spacing--h,var(--a--spacing--s))) * -1);
    overflow: hidden
}

.f-faq__content .f-gallery__controls {
    padding-inline:var(--content--spacing)}

.f-faq__image {
    width: calc(100% + (var(--content--spacing) * 2));
    margin: 0 calc(var(--content--spacing) * -1)
}

.f-faq__image img {
    border-radius: var(--content--spacing)
}

.f-section--faqs {
    overflow-x: clip
}

.f-summary {
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing)
}

.f-summary__item {
    padding: 0;
    margin-bottom: 2.5rem;
    margin-bottom: var(--a--spacing)
}

.f-summary__item header {
    margin-bottom: calc(2.5rem / 2);
    margin-bottom: var(--a--spacing--xs)
}

.f-summary__item h3 {
    margin-bottom: calc(2.5rem / 4);
    margin-bottom: var(--a--spacing--xxs);
    padding-bottom: calc(2.5rem / 4);
    padding-bottom: var(--a--spacing--xxs);
    color: #dcc8fa;
    color: var(--a--color--accent);
    border-bottom: 1px solid rgba(255,255,255,.2);
    border-bottom: var(--a--border--width--1) solid rgba(var(--a--color-rgb),.2)
}

.f-summary__item h4 {
    --spacing-top: var(--a--spacing--xs);
    --spacing-bottom: var(--a--spacing--xxs);
    font-size: clamp(1.2rem, calc(0.9rem + 0.4vw), calc(1.2rem * 1.25));
    font-size: var(--a--heading--font-size--h6--fluid)
}

.f-summary__item ul {
    list-style-position: inside;
    padding: 0 0 0 2px;
    margin: 0
}

.f-summary__label {
    text-align: right
}

.f-off--contact {
    content-visibility: hidden
}

.f-off--contact .f-form__note {
    text-align: center
}

.f-off--contact .f-form {
    max-width: min(100%,35rem)
}

.f-off--contact blockquote {
    padding: 0;
    margin: 0;
    text-align: inherit
}

.f-off--contact blockquote:before {
    display: none
}

.f-off--contact.active {
    content-visibility: auto
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    .main-wrapper {
        overflow: hidden;
}
.f-logo :is(svg,img) {
    max-width: 25vw;
    min-width: 106px;
    height: auto;
}
.f-partnership span {
    display: block;
    content-visibility:visible;
}
}


.f-footer-glow {
  background: #0c0b22;
  color: #fff;
  padding: 3rem 2rem;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.05);
  font-family: 'Inter', sans-serif;
}

.footer-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}

.footer-newsletter h4,
.footer-links h4,
.footer-contact h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.newsletter-input {
  display: flex;
  gap: 0.5rem;
}

.newsletter-input input {
  padding: 0.6rem 1rem;
  border-radius: 6px;
  border: none;
  background: #1c1b3a;
  color: #fff;
  outline: none;
}

.subscribe-btn {
  background: #00e676;
  color: #000;
  border: none;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.subscribe-btn:hover {
  background: #00c853;
}

.footer-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 3rem;
}

.btn-outline-glow {
  background: #fff;
  color: #0c0b22;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 40px;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}

.btn-outline-glow:hover {
  background: #e0e0e0;
  transform: translateY(-2px);
}

.btn-glow {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  color: #fff;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 40px;
  font-weight: bold;
  box-shadow: 0 0 15px rgba(255, 64, 129, 0.5);
  transition: all 0.3s ease;
}

.btn-glow:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 25px rgba(255, 64, 129, 0.6);
}

.social-icons i {
  margin-right: 10px;
  font-size: 1.2rem;
  cursor: pointer;
  transition: color 0.3s;
}

.social-icons i:hover {
  color: #00e5ff;
}
.social-icons-svg {
  display: flex;
  gap: 1.2rem;
  margin-top: 1rem;
}

.social-icon svg {
  width: 32px;
  height: 32px;
  fill: #bbb;
  transition: transform 0.3s ease, fill 0.3s ease, filter 0.4s ease-in-out;
}

.social-icon:hover svg {
  transform: scale(1.2);
  fill: #00e5ff;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.6));
}


/*# sourceMappingURL=main.5c3abf9b.css.map*/