/* Hero */
.heroSectionZ8v3T6w9 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: min(92vh, 52rem);
  padding-block-start: var(--headerHA4b5C6d7);
  position: relative;
  overflow: hidden;
}

.heroBgV1w2X3y4 {
  position: absolute;
  inset: -8% 0 0;
  z-index: 0;
  will-change: transform;
}

.heroBgV1w2X3y4 img {
  width: 100%;
  height: 115%;
  object-fit: cover;
}

.heroOverlayZ5a6B7c8 {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    160deg,
    rgba(26, 15, 26, 0.98) 0%,
    rgba(70, 29, 85, 0.45) 45%,
    rgba(15, 26, 26, 0.9) 100%
  );
}

.heroContentD9e0F1g2 {
  position: relative;
  z-index: 2;
  max-width: 48rem;
  margin-inline: auto;
  text-align: center;
  padding-block: var(--spaceXlQ8r9S0t1);
}

.heroTextH3i4J5k6 h1 {
  color: var(--textHeadingR1s2T3u4);
  text-shadow: 0 4px 32px rgba(0, 255, 157, 0.25);
  margin-bottom: var(--spaceMdI0j1K2l3);
}

.heroTextH3i4J5k6 h1 span {
  display: block;
  margin-top: 0.35rem;
  background: var(--gradientAccent);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  font-size: 0.55em;
  letter-spacing: 0.12em;
}

.heroDescL7m8N9o0 {
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--textMainM3n4O5p6);
  margin-inline: auto;
  margin-bottom: var(--spaceLgM4n5O6p7);
  max-width: 52ch;
}

.heroActionsP1q2R3s4 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaceSmE6f7G8h9);
  justify-content: center;
}

.heroSocialT5u6V7w8 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaceSmE6f7G8h9);
  margin-top: var(--spaceMdI0j1K2l3);
  justify-content: center;
}

.socialPillV2w3X4y5 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: var(--radiusPillK8l9M0n1);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: var(--glassBlurQ0r1S2t3);
  border: var(--glassBorderM6n7O8p9);
  color: var(--textMainM3n4O5p6);
  font-size: 0.8rem;
  font-weight: 600;
}

.socialPillV2w3X4y5 svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--accentPrimaryI9j0K1l2);
}

/* Social hub */
.socialHubA4b5C6d7 {
  position: relative;
}

.socialHubA4b5C6d7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(184, 78, 224, 0.08) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.socialHubGridE8f9G0h1 {
  display: grid;
  gap: var(--spaceLgM4n5O6p7);
  grid-template-columns: 1fr;
}

@media (min-width: 40rem) {
  .socialHubGridE8f9G0h1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64rem) {
  .socialHubGridE8f9G0h1 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.socialHubItemI2j3K4l5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spaceMdI0j1K2l3);
  padding: var(--spaceLgM4n5O6p7);
  text-align: center;
  transition:
    transform var(--transitionI2j3K4l5),
    box-shadow var(--transitionI2j3K4l5);
}

.socialHubItemI2j3K4l5:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadowGlowO2p3Q4r5);
}

.socialHubIconM6n7O8p9 {
  width: clamp(6.5rem, 12vw, 8.5rem);
  height: clamp(6.5rem, 12vw, 8.5rem);
  border-radius: var(--radiusMdC0d1E2f3);
  overflow: hidden;
  box-shadow: var(--shadowGlowO2p3Q4r5);
  border: 2px solid rgba(0, 255, 157, 0.35);
  background: rgba(26, 15, 26, 0.5);
}

.socialHubIconM6n7O8p9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.socialHubLabelQ0r1S2t3 {
  font-family: var(--fontDisplayS4t5U6v7);
  font-size: clamp(0.85rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--textHeadingR1s2T3u4);
}

/* About */
.aboutSectionU4v5W6x7 {
  position: relative;
  min-height: 28rem;
  display: flex;
  align-items: center;
  background-image: url("../assets/img/a_Fantasy_library_inte.webp");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.aboutSectionU4v5W6x7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(26, 15, 26, 0.88) 0%,
    rgba(184, 78, 224, 0.55) 50%,
    rgba(0, 255, 157, 0.35) 100%
  );
}

.aboutSectionU4v5W6x7 .containerInnerQ7m2N4p8 {
  z-index: 2;
  display: flex;
  justify-content: center;
}

.aboutFrameY8z9A0b1 {
  max-width: 60rem;
  padding: var(--spaceLgM4n5O6p7);
  text-align: center;
}

.aboutFrameY8z9A0b1.glassCardP2q3R4s5 {
  background: rgba(26, 15, 26, 0.55);
}

.aboutFrameY8z9A0b1 .sectionTitleE4f5G6h7 {
  -webkit-text-fill-color: var(--textHeadingR1s2T3u4);
  color: var(--textHeadingR1s2T3u4);
  background: none;
}

.aboutFrameY8z9A0b1 .sectionEyebrowA0b1C2d3 {
  color: var(--accentPrimaryI9j0K1l2);
}

.aboutFrameY8z9A0b1 .sectionLeadI8j9K0l1,
.aboutFrameY8z9A0b1 p {
  color: var(--textMainM3n4O5p6);
  margin-inline: auto;
}

/* Advantages */
.advantagesSectionC2d3E4f5 {
  position: relative;
}

.advantagesSectionC2d3E4f5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 20% 50%,
    rgba(0, 255, 157, 0.06) 0%,
    transparent 50%
  );
  pointer-events: none;
}

.advantagesGridG6h7I8j9 {
  display: grid;
  gap: var(--spaceLgM4n5O6p7);
  grid-template-columns: 1fr;
}

@media (min-width: 48rem) {
  .advantagesGridG6h7I8j9 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1024px) and (min-width: 480px) {
  .advantagesGridG6h7I8j9 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.advantageCardK0l1M2n3 {
  padding: var(--spaceXlQ8r9S0t1);
  text-align: center;
  transition:
    transform var(--transitionI2j3K4l5),
    box-shadow var(--transitionI2j3K4l5);
  padding: 20px;
}

.advantageCardK0l1M2n3:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadowGlowO2p3Q4r5);
}

.advantageCardIconO4p5Q6r7 {
  width: clamp(5rem, 12vw, 6.5rem);
  height: clamp(5rem, 12vw, 6.5rem);
  margin-inline: auto;
  margin-bottom: var(--spaceMdI0j1K2l3);
  display: grid;
  place-items: center;
}

.featureIconSvgX5y6Z7a8 {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform var(--transitionI2j3K4l5);
}

.advantageCardK0l1M2n3:hover .featureIconSvgX5y6Z7a8 {
  animation: iconPulseSwirlA1b2 1.4s ease-in-out;
}

@keyframes iconPulseSwirlA1b2 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  40% {
    transform: scale(1.08) rotate(6deg);
  }
  70% {
    transform: scale(1.04) rotate(-4deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .advantageCardK0l1M2n3:hover .featureIconSvgX5y6Z7a8 {
    animation: none;
  }
}

.advantageCardK0l1M2n3 h3 {
  margin-bottom: var(--spaceSmE6f7G8h9);
  color: var(--accentPrimaryI9j0K1l2);
  font-size: 1.15rem;
}

.advantageCardK0l1M2n3 p {
  color: rgba(224, 224, 224, 0.85);
}

/* Games */
.gamesSectionJ2k3L4m5 {
  position: relative;
}

.gamesSectionJ2k3L4m5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 255, 157, 0.04) 0%,
    transparent 50%,
    rgba(184, 78, 224, 0.06) 100%
  );
  pointer-events: none;
}

.gamesGridM2n3O4p5 {
  display: grid;
  gap: var(--spaceLgM4n5O6p7);
  grid-template-columns: 1fr;
}

@media (min-width: 48rem) {
  .gamesGridM2n3O4p5 {
    grid-template-columns: repeat(6, 1fr);
  }

  .gamesGridM2n3O4p5 .gameCardB2h5Y9j4:nth-child(1),
  .gamesGridM2n3O4p5 .gameCardB2h5Y9j4:nth-child(2) {
    grid-column: span 3;
  }

  .gamesGridM2n3O4p5 .gameCardB2h5Y9j4:nth-child(3),
  .gamesGridM2n3O4p5 .gameCardB2h5Y9j4:nth-child(4),
  .gamesGridM2n3O4p5 .gameCardB2h5Y9j4:nth-child(5) {
    grid-column: span 2;
  }
}

.gameCardB2h5Y9j4 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition:
    transform var(--transitionI2j3K4l5),
    box-shadow var(--transitionI2j3K4l5);
  height: 100%;
}

.gameCardB2h5Y9j4:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadowGlowO2p3Q4r5);
}

.gameCardMediaC6d7E8f9 {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.gameCardMediaC6d7E8f9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.gameCardB2h5Y9j4:hover .gameCardMediaC6d7E8f9 img {
  transform: scale(1.05);
}

.gameCardBodyG0h1I2j3 {
  padding: var(--spaceMdI0j1K2l3);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spaceSmE6f7G8h9);
}

.gameCardBodyG0h1I2j3 h3 {
  color: var(--textHeadingR1s2T3u4);
}

.gameCardBodyG0h1I2j3 p {
  font-size: 0.95rem;
  color: rgba(224, 224, 224, 0.8);
  flex: 1;
}

.gameCardFooterK4l5M6n7 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--spaceSmE6f7G8h9);
  margin-top: auto;
}

.ratingBadgeM7c1F8s6.gameCardRatingP8q9R0s1 {
  position: absolute;
  inset-block-start: var(--spaceSmE6f7G8h9);
  inset-inline-end: var(--spaceSmE6f7G8h9);
}

/* Reviews */
.reviewsSectionC4d5E6f7 {
  background: rgba(0, 255, 157, 0.04);
}

.reviewsGridG8h9I0j1 {
  display: grid;
  gap: var(--spaceLgM4n5O6p7);
  grid-template-columns: 1fr;
}

@media (min-width: 48rem) {
  .reviewsGridG8h9I0j1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64rem) {
  .reviewsGridG8h9I0j1 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 90rem) {
  .reviewsGridG8h9I0j1 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.reviewCardGameTagU2v3W4x5 {
  display: inline-block;
  margin-bottom: 0.35rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accentPrimaryI9j0K1l2);
}

/* Quiz */
.quizSectionH1i2J3k4 {
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(184, 78, 224, 0.08) 0%,
    transparent 55%,
    rgba(0, 255, 157, 0.05) 100%
  );
}

.quizPanelL5m6N7o8 {
  padding: var(--spaceLgM4n5O6p7);
}

.quizProgressWrapE3f4G5h6 {
  margin-bottom: var(--spaceLgM4n5O6p7);
}

.quizProgressTrackI7j8K9l0 {
  height: 0.45rem;
  border-radius: var(--radiusPillK8l9M0n1);
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.quizProgressBarT3u4V5w6 {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: var(--gradientBtnPrimary);
  transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.quizProgressLabelD5e6F7g8 {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: rgba(224, 224, 224, 0.75);
}

.quizQuestionsWrapH9i0J1k2 {
  position: relative;
  min-height: 14rem;
}

.quizQuestionsWrapH9i0J1k2.isHiddenC3d4E5f6 {
  display: none;
}

.quizStepX7y8Z9a0 {
  opacity: 0;
  transform: translateX(1.25rem);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.quizStepX7y8Z9a0.isActiveY4z5A6b7 {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
  position: relative;
  border: none;
}

.quizQuestionB1c2D3e4 {
  font-family: var(--fontDisplayS4t5U6v7);
  font-size: clamp(1.05rem, 2vw + 0.4rem, 1.35rem);
  color: var(--textHeadingR1s2T3u4);
  margin-bottom: var(--spaceMdI0j1K2l3);
}

.quizOptionsF5g6H7i8 {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.quizOptionJ9k0L1m2 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: var(--radiusMdC0d1E2f3);
  border: var(--glassBorderM6n7O8p9);
  background: rgba(26, 15, 26, 0.45);
  cursor: pointer;
  transition:
    border-color var(--transitionI2j3K4l5),
    background var(--transitionI2j3K4l5),
    box-shadow var(--transitionI2j3K4l5);
}

.quizOptionJ9k0L1m2:hover {
  border-color: rgba(0, 255, 157, 0.35);
  background: rgba(0, 255, 157, 0.06);
}

.quizOptionJ9k0L1m2:has(input:checked) {
  border-color: rgba(0, 255, 157, 0.55);
  box-shadow: 0 0 20px rgba(0, 255, 157, 0.12);
  background: rgba(0, 255, 157, 0.08);
}

.quizOptionJ9k0L1m2 input {
  margin-top: 0.2rem;
  accent-color: var(--accentPrimaryI9j0K1l2);
  flex-shrink: 0;
}

.quizOptionJ9k0L1m2 span {
  color: rgba(224, 224, 224, 0.92);
  line-height: 1.5;
  font-size: 0.95rem;
}

.quizNavN3o4P5q6 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spaceSmE6f7G8h9);
  margin-top: var(--spaceLgM4n5O6p7);
}

.quizResultR7s8T9u0 {
  margin-top: var(--spaceMdI0j1K2l3);
}

.quizResultTitleP7q8R9s0 {
  font-family: var(--fontDisplayS4t5U6v7);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.45rem);
  color: var(--accentPrimaryI9j0K1l2);
  margin-bottom: var(--spaceMdI0j1K2l3);
  text-align: center;
}

.quizResultHintY8z9A0b1 {
  text-align: center;
  margin-top: var(--spaceMdI0j1K2l3);
  font-size: 0.95rem;
  color: rgba(224, 224, 224, 0.8);
}

.quizResultSlotL3m4N5o6 {
  max-width: 42rem;
  margin-inline: auto;
}

.quizResultSlotL3m4N5o6 .quizResultCardV1w2X3y4 {
  opacity: 0;
  transform: translateY(28px) scale(0.97);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

.quizResultSlotL3m4N5o6 .quizResultCardV1w2X3y4.isShownW2x3Y4z5 {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.gamesGridM2n3O4p5 .gameCardB2h5Y9j4.quizHighlightA1b2C3d4 {
  box-shadow:
    0 0 0 2px rgba(0, 255, 157, 0.55),
    var(--shadowGlowO2p3Q4r5);
  transform: translateY(-4px);
}

@media (max-width: 47.9375rem) {
  .quizQuestionsWrapH9i0J1k2 {
    min-height: 18rem;
  }

  .quizNavN3o4P5q6 .btnBaseB8c9D0e1 {
    flex: 1 1 auto;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quizStepX7y8Z9a0,
  .quizProgressBarT3u4V5w6,
  .quizResultSlotL3m4N5o6 .quizResultCardV1w2X3y4 {
    transition: none;
  }

  .quizStepX7y8Z9a0 {
    transform: none;
  }
}

.reviewCardK2l3M4n5 {
  padding: var(--spaceLgM4n5O6p7);
  display: flex;
  flex-direction: column;
  gap: var(--spaceMdI0j1K2l3);
}

.reviewCardStarsO6p7Q8r9 {
  color: var(--accentGoldN7o8P9q0);
  font-size: 1.1rem;
  letter-spacing: 0.1em;
}

.reviewCardTextS0t1U2v3 {
  font-style: italic;
  color: rgba(224, 224, 224, 0.9);
  flex: 1;
  line-height: 1.7;
}

.reviewCardAuthorW4x5Y6z7 {
  display: flex;
  align-items: center;
  gap: var(--spaceSmE6f7G8h9);
  padding-top: var(--spaceSmE6f7G8h9);
  border-top: var(--glassBorderM6n7O8p9);
}

.reviewCardAvatarA8b9C0d1 {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--gradientBtnPrimary);
  display: grid;
  place-items: center;
  font-family: var(--fontDisplayS4t5U6v7);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--textHeadingR1s2T3u4);
}

.reviewCardNameE2f3G4h5 {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--textHeadingR1s2T3u4);
}

.reviewCardMetaI6j7K8l9 {
  font-size: 0.8rem;
  color: rgba(224, 224, 224, 0.65);
}

/* FAQ */
.faqSectionS8t9U0v1 {
  background: rgba(184, 78, 224, 0.06);
}

.faqPanelW2x3Y4z5 {
  padding: var(--spaceLgM4n5O6p7);
}

.faqGalleryU6v7W8x9 {
  display: grid;
  gap: var(--spaceMdI0j1K2l3);
  margin-top: var(--spaceXlQ8r9S0t1);
  grid-template-columns: 1fr;
}

@media (min-width: 40rem) {
  .faqGalleryU6v7W8x9 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.faqGalleryItemY0z1A2b3 {
  margin: 0;
  border-radius: var(--radiusLgG4h5I6j7);
  overflow: hidden;
  aspect-ratio: 16 / 10;
  box-shadow: var(--shadowCardS6t7U8v9);
  border: var(--glassBorderM6n7O8p9);
}

.faqGalleryItemY0z1A2b3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.faqGalleryItemY0z1A2b3:hover img {
  transform: scale(1.04);
}

/* Contact */
.contactLayoutM0n1O2p3 {
  display: grid;
  gap: var(--spaceXlQ8r9S0t1);
}

@media (min-width: 1025px) {
  .contactLayoutM0n1O2p3 {
    grid-template-columns: 1fr 1.2fr;
    align-items: start;
  }
}

.contactAsideQ4r5S6t7 {
  display: flex;
  flex-direction: column;
  gap: var(--spaceMdI0j1K2l3);
}

.contactBannerU8v9W0x1 {
  border-radius: var(--radiusLgG4h5I6j7);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  max-height: 14rem;
  border: var(--glassBorderM6n7O8p9);
}

.contactBannerU8v9W0x1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contactCardY2z3A4b5 {
  display: flex;
  gap: var(--spaceMdI0j1K2l3);
  padding: var(--spaceMdI0j1K2l3);
  align-items: flex-start;
}

.contactCardIconC6d7E8f9 {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radiusMdC0d1E2f3);
  background: var(--gradientBtnPrimary);
  display: grid;
  place-items: center;
}

.contactCardIconC6d7E8f9 svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--textHeadingR1s2T3u4);
}

.contactCardY2z3A4b5 h3 {
  margin-bottom: 0.25rem;
  color: var(--textHeadingR1s2T3u4);
}

.contactCardY2z3A4b5 p {
  max-width: none;
  font-size: 0.95rem;
  color: var(--textMainM3n4O5p6);
}

.contactFormK8m2N5p1 {
  display: grid;
  gap: var(--spaceMdI0j1K2l3);
  padding: var(--spaceLgM4n5O6p7);
}

.contactFormRowG0h1I2j3 {
  display: grid;
  gap: var(--spaceMdI0j1K2l3);
}

@media (min-width: 36rem) {
  .contactFormRow2K4l5M6n7 {
    grid-template-columns: 1fr 1fr;
  }
}

.contactFormK8m2N5p1 .btnBaseB8c9D0e1 {
  justify-self: start;
}

@media (max-width: 47.9375rem) {
  .aboutSectionU4v5W6x7 {
    background-attachment: scroll;
  }

  .heroSectionZ8v3T6w9 {
    align-items: flex-start;
    min-height: auto;
    padding-block-end: 0;
  }

  .heroContentD9e0F1g2 {
    padding-block: var(--spaceSmE6f7G8h9) var(--spaceXsA2b3C4d5);
  }

  .heroTextH3i4J5k6 .badgeBaseX1y2Z3a4 {
    padding: 0.2rem 0.55rem;
    font-size: 0.6rem;
    margin-bottom: 0.35rem;
  }

  .heroTextH3i4J5k6 h1 {
    font-size: 1.45rem;
    line-height: 1.15;
    margin-bottom: 0.35rem;
    letter-spacing: 0.03em;
  }

  .heroTextH3i4J5k6 h1 span {
    font-size: 0.65em;
  }

  .heroDescL7m8N9o0 {
    font-size: 0.8rem;
    line-height: 1.45;
    margin-bottom: var(--spaceSmE6f7G8h9);
  }

  .heroActionsP1q2R3s4 {
    gap: 0.4rem;
    flex-wrap: nowrap;
  }

  .heroActionsP1q2R3s4 .btnBaseB8c9D0e1 {
    padding: 0.5rem 0.85rem;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  .heroSocialT5u6V7w8 {
    margin-top: 0.4rem;
    gap: 0.3rem;
  }

  .heroSocialT5u6V7w8 .socialPillV2w3X4y5 {
    padding: 0.28rem 0.55rem;
    font-size: 0.62rem;
    gap: 0.3rem;
  }

  .heroSocialT5u6V7w8 .socialPillV2w3X4y5 svg {
    width: 0.85rem;
    height: 0.85rem;
  }
}

@media (max-width: 22.5rem) {
  .heroContentD9e0F1g2 {
    padding-block: 0.5rem 0.35rem;
  }

  .heroTextH3i4J5k6 h1 {
    font-size: 1.25rem;
  }

  .heroDescL7m8N9o0 {
    font-size: 0.72rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }

  .heroActionsP1q2R3s4 .btnBaseB8c9D0e1 {
    padding: 0.42rem 0.75rem;
    font-size: 0.52rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aboutSectionU4v5W6x7 {
    background-attachment: scroll;
  }

  .heroBgV1w2X3y4 {
    transform: none !important;
  }
}