@charset "UTF-8";
/* social-platform.scss - Organized Version */
.social-platform .tech-section .title-zone:has(.-number-02), .social-platform .tech-section .title-zone:has(.-number-05) {
  justify-content: space-between;
}
.social-platform .tech-section .tech-section-number-zone {
  /* Base Styles for each number variant */
}
.social-platform .tech-section .tech-section-number-zone.-number-01 .tech-section-number-container {
  opacity: 0.5;
}
.social-platform .tech-section .tech-section-number-zone.-number-01 .tech-section-number {
  margin-top: -1.8rem;
  font-size: clamp(148px, 15vw, 10rem);
}
.social-platform .tech-section .tech-section-number-zone.-number-02 .tech-section-number-container {
  margin-top: 40px;
  opacity: 0.3;
}
.social-platform .tech-section .tech-section-number-zone.-number-02 .tech-section-number {
  color: var(--color-text-secondary);
  font-size: clamp(120px, 20vw, 14rem);
}
.social-platform .tech-section .tech-section-number-zone.-number-03 .tech-section-number-container {
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0.3;
  margin-top: -20px;
}
.social-platform .tech-section .tech-section-number-zone.-number-03 .tech-section-number {
  color: var(--color-text-secondary);
  font-size: clamp(100px, 20vw, 13rem);
  width: -moz-fit-content;
  width: fit-content;
}
.social-platform .tech-section .tech-section-number-zone.-number-04 .tech-section-number-container {
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0.5;
  margin-top: -20px;
}
.social-platform .tech-section .tech-section-number-zone.-number-04 .tech-section-number {
  color: var(--color-neon);
  font-size: clamp(100px, 18vw, 10rem);
  width: -moz-fit-content;
  width: fit-content;
}
.social-platform .tech-section .tech-section-number-zone.-number-05 .tech-section-number-container {
  margin-top: 40px;
  opacity: 0.5;
}
.social-platform .tech-section .tech-section-number-zone.-number-05 .tech-section-number {
  color: var(--color-neon);
  font-size: clamp(120px, 20vw, 14rem);
}
.social-platform .tech-section .tech-section-number-zone.-number-06 .tech-section-number-container {
  margin-top: -55px;
  opacity: 0.4;
}
.social-platform .tech-section .tech-section-number-zone.-number-06 .tech-section-number {
  color: var(--color-neon);
  font-size: clamp(148px, 15vw, 10rem);
}
.social-platform .tech-section.ts-02 .holo-frame.small {
  margin-top: 30px;
}
.social-platform .tech-section.ts-02 .panel-body > .neon-subtitle {
  margin-top: 0;
}
.social-platform .tech-section.ts-02 .analysis-zone .neon-subtitle {
  margin-top: 0;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: clamp(16px, 3vw, 32px);
  display: flex;
  flex-direction: column;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .neon-subtitle {
  margin-top: 0;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container:nth-child(1) {
  padding-bottom: 40px;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container:nth-child(2) {
  padding-top: 40px;
  border-top: var(--border-tech);
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: auto;
  grid-auto-flow: row;
  gap: 30px;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container .visual-card {
  height: -moz-fit-content;
  height: fit-content;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container .article {
  padding: 0 1rem 1rem 1rem;
}
.social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container .list-container {
  gap: 20px;
}
.social-platform .tech-section.ts-05 .accent .conversation-header i {
  transform: scaleX(-1);
}

/* ==========================================================================
   ★ RWD MEDIA QUERIES (Organized at Bottom)
   ========================================================================== */
/* --- 991px --- */
@media (max-width: 991px) {
  .social-platform .tech-section .tech-section-number-zone.-number-02 .tech-section-number-container {
    margin-top: 0px;
  }
  .social-platform .tech-section.ts-02 .holo-frame.small {
    margin-top: 0;
  }
}
@media (max-width: 990px) {
  .ts-02 .visual-side {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .ts-02 .visual-side .img-container.flex-column {
    gap: 12px;
  }
  .social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container .article {
    padding: 0;
  }
  .social-platform .tech-section.ts-03 .logic-visuals-zone .logic-visuals-container .list-container {
    gap: 1rem;
  }
}
/* --- 640px --- */
@media (max-width: 640px) {
  .social-platform .tech-section .tech-section-number-zone.-number-01 .tech-section-number-container {
    margin-top: 40px;
  }
  .social-platform .tech-section .tech-section-number-zone.-number-01 .tech-section-number {
    font-size: clamp(98px, 15vw, 10rem);
  }
  .social-platform .tech-section .tech-section-number-zone.-number-02 .tech-section-number {
    font-size: clamp(130px, 20vw, 14rem);
    position: absolute;
    right: 0;
    top: -40px;
  }
  .social-platform .tech-section .tech-section-number-zone.-number-03 .tech-section-number-container {
    margin-top: -30px;
  }
  .social-platform .tech-section .tech-section-number-zone.-number-03 .tech-section-number {
    font-size: clamp(80px, 20vw, 14rem);
  }
  .social-platform .tech-section .tech-section-number-zone.-number-04 .tech-section-number-container {
    margin-top: -65px;
  }
  .social-platform .tech-section .tech-section-number-zone.-number-06 {
    width: -moz-fit-content;
    width: fit-content;
  }
  .social-platform .tech-section .tech-section-number-zone.-number-06 .tech-section-number {
    font-size: clamp(108px, 15vw, 10rem);
    width: 130px;
  }
}/*# sourceMappingURL=social-platform.css.map */