/* About v10 — tab visibility and active state (no palette in CSS) */

.guide-sq-8  { width: 2rem;   height: 2rem;   flex-shrink: 0; }
.guide-sq-12 { width: 3rem;   height: 3rem;   flex-shrink: 0; }
.guide-sq-16 { width: 4rem;   height: 4rem;   flex-shrink: 0; }
.guide-sq-20 { width: 5rem;   height: 5rem;   flex-shrink: 0; }

.guide-ab10-tab-panel.guide-ab10-tab-panel-hidden {
    display: none;
}

.guide-ab10-tab-btn.guide-ab10-tab-active {
    font-weight: 700;
    transform: translateY(-1px);
}

.guide-ab10-tab-btn.guide-ab10-tab-inactive {
    font-weight: 500;
    opacity: 0.9;
}

/* values v29 - retro neon grid card, layout/motion only, no colors */
.values-neon-grid__decor {
    z-index: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.values-neon-grid__card {
    z-index: 1;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.values-neon-grid__icon-box {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.values-neon-grid__card:hover {
    transition-duration: 300ms;
    transform: scale(1.05);
}

/* team v27 — alternating rows + morphing decor shapes */
.team-zigzag__scene {
  overflow: hidden;
}

.team-zigzag__morph {
  border-radius: 40% 60% 55% 45% / 50% 40% 60% 50%;
  transform-origin: center center;
  animation: team-zigzag-morph 11s ease-in-out infinite;
}

.team-zigzag__morph--a {
  animation-duration: 9s;
}

.team-zigzag__morph--b {
  animation-duration: 12s;
  animation-delay: 1.5s;
}

.team-zigzag__morph--c {
  animation-duration: 10s;
  animation-delay: 3s;
}

.team-zigzag__morph--d {
  animation-duration: 13s;
  animation-delay: 0.5s;
}

.team-zigzag__morph--e {
  animation-duration: 14s;
  animation-delay: 2s;
}

@keyframes team-zigzag-morph {
  0%,
  100% {
    border-radius: 40% 60% 55% 45% / 50% 40% 60% 50%;
    transform: scale(1) rotate(0deg);
  }
  33% {
    border-radius: 65% 35% 45% 55% / 42% 58% 38% 62%;
    transform: scale(1.06) rotate(4deg);
  }
  66% {
    border-radius: 52% 48% 62% 38% / 58% 42% 55% 45%;
    transform: scale(0.94) rotate(-3deg);
  }
}

/* Ambient layer — spin, float, pulse (distinct from morph blobs) */
.team-zigzag__ambient {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.team-zigzag__orbit {
  transform-origin: center center;
  animation: team-zigzag-orbit-spin 22s linear infinite;
}

.team-zigzag__orbit--rev {
  animation-direction: reverse;
  animation-duration: 30s;
}

.team-zigzag__orbit--lg {
  width: 11rem;
  height: 11rem;
  animation-duration: 26s;
}

.team-zigzag__orbit--sm {
  width: 7rem;
  height: 7rem;
}

.team-zigzag__spark {
  animation: team-zigzag-spark-float 5.5s ease-in-out infinite;
}

.team-zigzag__spark--b {
  animation-delay: 0.8s;
  animation-duration: 4.5s;
}

.team-zigzag__spark--c {
  animation-delay: 1.6s;
  animation-duration: 6s;
}

.team-zigzag__prism {
  width: 2.5rem;
  height: 2.5rem;
  transform-origin: center center;
  animation: team-zigzag-prism-pulse 7s ease-in-out infinite;
}

.team-zigzag__sweep {
  transform-origin: center center;
  width: 8rem;
  height: 2px;
  animation: team-zigzag-sweep-drift 9s ease-in-out infinite;
}

.team-zigzag__sweep--alt {
  width: 6rem;
  animation-delay: 2s;
  animation-duration: 11s;
}

@keyframes team-zigzag-orbit-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes team-zigzag-spark-float {
  0%,
  100% {
    transform: translateY(0) scale(1);
    opacity: 0.45;
  }
  50% {
    transform: translateY(-0.75rem) scale(1.35);
    opacity: 1;
  }
}

@keyframes team-zigzag-prism-pulse {
  0%,
  100% {
    transform: rotate(45deg) scale(1);
    opacity: 0.4;
  }
  50% {
    transform: rotate(52deg) scale(1.2);
    opacity: 0.85;
  }
}

@keyframes team-zigzag-sweep-drift {
  0%,
  100% {
    transform: rotate(-14deg) translateX(-0.5rem) scaleX(0.8);
    opacity: 0.2;
  }
  50% {
    transform: rotate(6deg) translateX(0.75rem) scaleX(1.15);
    opacity: 0.65;
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-zigzag__morph,
  .team-zigzag__orbit,
  .team-zigzag__spark,
  .team-zigzag__prism,
  .team-zigzag__sweep {
    animation: none;
  }
}

.team-zigzag__portrait {
  width: 5.5rem;
  height: 5.5rem;
}

.team-zigzag__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.team-zigzag__min-shrink {
  min-width: 0;
}

/* awards — animated SVG mesh card backgrounds */
.awards-mesh__canvas {
  isolation: isolate;
}

/* BS-only canvas gradient (TW uses @sem gradient layer) */
.awards-mesh__canvas-bg {
  background: linear-gradient(
    to bottom right,
    color-mix(in srgb, var(--bs-primary) 55%, black),
    color-mix(in srgb, var(--bs-primary) 42%, black),
    var(--bs-primary)
  );
}

.dark .awards-mesh__canvas-bg,
[data-bs-theme="dark"] .awards-mesh__canvas-bg {
  background: linear-gradient(
    to bottom right,
    color-mix(in srgb, var(--bs-primary) 10%, black),
    color-mix(in srgb, var(--bs-primary) 22%, black),
    color-mix(in srgb, var(--bs-primary) 38%, black)
  );
}

.awards-mesh__svg {
  display: block;
}

.awards-mesh__orb {
  transform-origin: center;
  transform-box: fill-box;
}

.awards-mesh__orb--a {
  animation: awards-mesh-orb-drift-a 9s ease-in-out infinite;
}

.awards-mesh__orb--b {
  animation: awards-mesh-orb-drift-b 11s ease-in-out infinite;
  animation-delay: 1.5s;
}

.awards-mesh__orb--c {
  animation: awards-mesh-orb-pulse 6s ease-in-out infinite;
  animation-delay: 0.8s;
}

.awards-mesh__wave {
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: center;
}

.awards-mesh__wave--a {
  animation: awards-mesh-wave-slide 14s linear infinite;
}

.awards-mesh__wave--b {
  animation: awards-mesh-wave-slide 18s linear infinite reverse;
  animation-delay: 2s;
}

.awards-mesh__svg--1 .awards-mesh__orb--a {
  animation-delay: 0.5s;
}

.awards-mesh__svg--1 .awards-mesh__wave--a {
  animation-duration: 16s;
}

.awards-mesh__svg--2 .awards-mesh__orb--b {
  animation-delay: 2.5s;
}

.awards-mesh__svg--2 .awards-mesh__wave--b {
  animation-duration: 12s;
}

.awards-mesh__svg--3 .awards-mesh__orb--c {
  animation-delay: 1.2s;
}

@keyframes awards-mesh-orb-drift-a {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(12px, -10px) scale(1.08);
  }
}

@keyframes awards-mesh-orb-drift-b {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-14px, 8px) scale(1.06);
  }
}

@keyframes awards-mesh-orb-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.75;
  }
}

@keyframes awards-mesh-wave-slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40px);
  }
}