.seo-text {
  position: relative;
  padding: 50px 40px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin: 20px auto 0 auto;
  width: 100%;
  font-family: 'Inter', sans-serif;
}

.seo-text::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: seoGlow 10s ease-in-out infinite;
  pointer-events: none;
}

@keyframes seoGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}

.seo-text h2 {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 25px 0;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  text-align: center;
}

.seo-text p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-secondary);
  margin: 0 0 18px 0;
  position: relative;
  z-index: 2;
}

.seo-text p:last-child {
  margin-bottom: 0;
}

.seo-text strong {
  color: var(--primary);
  font-weight: 600;
}

@media (max-width: 767px) {
  .seo-text {
    padding: 35px 25px;
    margin: 30px 0;
  }
  .seo-text h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .seo-text p {
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .seo-text::before {
    animation: none !important;
  }
}
.services-preview {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 25px;margin: 30px 0 0;}
.service-preview-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-surface);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: var(--transition-base);
  position: relative;
}
.service-preview-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  opacity: 0;
  transition: var(--transition-base);
}
.service-preview-card:hover {
  border-color: var(--primary);
  transform: translateY(-8px);
  box-shadow: 0 10px 40px rgba(255, 155, 66, 0.25);
}
.service-preview-card:hover::before {
  opacity: 1;
}
.service-preview-card__image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: var(--bg-body);
  overflow: hidden;
}
.service-preview-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
}
.service-preview-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(19, 21, 30, 0.8) 100%);
  opacity: 0;
  transition: var(--transition-base);
}
.service-preview-card:hover .service-preview-card__image img {
  transform: scale(1.05);
}
.service-preview-card:hover .service-preview-card__overlay {
  opacity: 1;
}
.service-preview-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 155, 66, 0.15);
  border: 1px solid var(--primary);
  border-radius: 50px;
  color: var(--primary);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.service-preview-card__badge i {
  font-size: 12px;
}
.service-preview-card__content {
  padding: 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.service-preview-card__title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px 0;
  font-family: 'Inter', sans-serif;
  line-height: 1.4;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}
.service-preview-card__title > span {
  flex-shrink: 0 !important;
  margin-top: 2px;
}
.service-preview-card__title > span + * {
  flex: 1;
  min-width: 0;
  word-break: normal;
}
.service-preview-card__desc {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0 0 20px 0;
  flex: 1;
}
.service-preview-card__price {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(255, 155, 66, 0.1);
  border: 1px solid rgba(255, 155, 66, 0.3);
  border-radius: 50px;
  margin-bottom: 20px;
  width: fit-content;
}
.service-preview-card__price-from {
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 400;
}
.service-preview-card__price-amount {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  font-family: 'Inter', sans-serif;
}
.service-preview-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--secondary);
  transition: var(--transition-base);
}
.service-preview-card__link i {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.service-preview-card:hover .service-preview-card__link {
  color: var(--primary);
}
.service-preview-card:hover .service-preview-card__link i {
  transform: translateX(4px);
}
.service-preview-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.15), rgba(15, 163, 177, 0.15));
  margin-right: 12px;
  flex-shrink: 0;
  transition: var(--transition-base);
}
.service-preview-card__icon i {
  font-size: 18px;
  color: var(--primary);
  transition: var(--transition-base);
}
.service-preview-card:hover .service-preview-card__icon {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  transform: scale(1.1) rotate(5deg);
}
.service-preview-card:hover .service-preview-card__icon i {
  color: #fff;
}
@media (max-width: 767px) {
  .services-preview {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .service-preview-card__content {
    padding: 20px;
  }
  .service-preview-card__title {
    font-size: 17px;
  }
  .service-preview-card__desc {
    font-size: 13px;
  }
  .service-preview-card__price-amount {
    font-size: 18px;
  }
  .service-preview-card__icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
  .service-preview-card__icon i {
    font-size: 16px;
  }
  .service-preview-card__title {
    align-items: flex-start !important;
    gap: 10px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-preview-card,
  .service-preview-card__image img,
  .service-preview-card__overlay,
  .service-preview-card::before {
    transition: none !important;
    transform: none !important;
  }
}

.blog-knowledge {
  width: 100%;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}
.blog-knowledge__card {
  position: relative;
  padding: 50px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  overflow: hidden;
  text-align: center;
}
.blog-knowledge__card::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: blogGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes blogGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.blog-knowledge__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(128, 81, 212, 0.15);
  border: 1px solid var(--purple);
  border-radius: 50px;
  color: var(--purple);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.blog-knowledge__title {
  font-size: clamp(22px, 4vw, 28px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.blog-knowledge__desc {
  font-size: 17px;
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0;
  position: relative;
  z-index: 2;
}
.blog-knowledge__topics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.blog-topic {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 15px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-align: center;
}
.blog-topic:hover {
  background: rgba(255, 155, 66, 0.1);
  border-color: var(--primary);
  transform: translateY(-3px);
}
.blog-topic__icon {
  font-size: 28px;
  line-height: 1;
  color: var(--primary);
}
.blog-topic__label {
  font-size: 13px;
  color: var(--text-secondary);
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}
@keyframes lineShine {
  0% { left: -100%; }
  50% { left: 100%; }
  100% { left: 100%; }
}
.blog-knowledge__line {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent);
  margin: 30px 0;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.blog-knowledge__line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: lineShine 3s ease-in-out infinite;
}
.blog-knowledge__stats {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.blog-stat {
  text-align: center;
}
.blog-stat__number {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
  margin-bottom: 5px;
  font-family: 'Inter', sans-serif;
  text-shadow: 0 0 20px rgba(255, 155, 66, 0.3);
}
.blog-stat__label {
  font-size: 13px;
  color: var(--text-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .blog-knowledge__card {
    padding: 35px 25px;
  }
  .blog-knowledge__topics {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-topic {
    padding: 15px 12px;
  }
  .blog-knowledge__stats {
    gap: 20px;
  }
  .blog-stat__number {
    font-size: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

.video-intro {
  width: 100%;
  margin: 0 auto 40px;
  font-family: 'Inter', sans-serif;
}
.video-intro__card {
  position: relative;
  padding: 50px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  overflow: hidden;
  text-align: center;
}
.video-intro__card::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: videoGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes videoGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.video-intro__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(128, 81, 212, 0.15);
  border: 1px solid var(--purple);
  border-radius: 50px;
  color: var(--purple);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.video-intro__badge i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.video-intro__badge:hover i {
  transform: scale(1.2) rotate(10deg);
}
.video-intro__title {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 10px rgba(255, 155, 66, 0.3);
}
.video-intro__desc {
  font-size: 17px;
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0 0 30px 0;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.video-intro__icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 35px 0 25px;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
.video-icon {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
  animation: iconFloat 3s ease-in-out infinite;
  position: relative;
  overflow: hidden;
}
.video-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.2), rgba(15, 163, 177, 0.2));
  opacity: 0;
  transition: var(--transition-base);
}
.video-icon:nth-child(2) { animation-delay: 0.3s; }
.video-icon:nth-child(3) { animation-delay: 0.6s; }
.video-icon:nth-child(4) { animation-delay: 0.9s; }
@keyframes iconFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.video-icon:hover {
  background: rgba(255, 155, 66, 0.15);
  border-color: var(--primary);
  transform: translateY(-8px) scale(1.1);
  box-shadow: 0 10px 30px rgba(255, 155, 66, 0.3);
}
.video-icon:hover::before {
  opacity: 1;
}
.video-icon i {
  font-size: 24px;
  color: var(--text-secondary);
  transition: var(--transition-base);
  position: relative;
  z-index: 2;
}
.video-icon:hover i {
  color: var(--primary);
  transform: scale(1.2) rotate(-10deg);
}
.video-intro__line {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent);
  margin: 30px 0;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.video-intro__line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: lineShine 3s ease-in-out infinite;
}
.video-intro__types {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-top: 35px;
  position: relative;
  z-index: 2;
}
.video-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 25px 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.video-type::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  opacity: 0;
  transition: var(--transition-base);
}
.video-type:hover {
  background: rgba(255, 155, 66, 0.1);
  border-color: var(--primary);
  transform: translateY(-5px);
  box-shadow: var(--shadow-glow-primary);
}
.video-type:hover::before {
  opacity: 1;
}
.video-type__icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-md);
  background: rgba(255, 155, 66, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
}
.video-type__icon i {
  font-size: 24px;
  color: var(--primary);
  transition: var(--transition-base);
}
.video-type:hover .video-type__icon {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  transform: scale(1.1) rotate(5deg);
}
.video-type:hover .video-type__icon i {
  color: #fff;
  transform: scale(1.2);
}
.video-type__label {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
}
.video-type:hover .video-type__label {
  color: #fff;
}
.video-intro__stats {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.video-stat {
  text-align: center;
}
.video-stat__number {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
  margin-bottom: 8px;
  font-family: 'Inter', sans-serif;
  text-shadow: 0 0 20px rgba(255, 155, 66, 0.4);
}
.video-stat__label {
  font-size: 13px;
  color: var(--text-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .video-intro {
    padding: 15px;
  }
  .video-intro__card {
    padding: 35px 25px;
  }
  .video-intro__icons {
    gap: 15px;
  }
  .video-icon {
    width: 50px;
    height: 50px;
  }
  .video-icon i {
    font-size: 20px;
  }
  .video-intro__types {
    grid-template-columns: repeat(2, 1fr);
  }
  .video-type {
    padding: 20px 15px;
  }
  .video-intro__stats {
    gap: 30px;
  }
  .video-stat__number {
    font-size: 32px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

.video-clips-intro {
  width: 100%;
  margin: 0 auto 40px;
  font-family: 'Inter', sans-serif;
}
.video-clips-card {
  position: relative;
  padding: 40px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  overflow: hidden;
  text-align: center;
}
.video-clips-card::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: videoClipsGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes videoClipsGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.video-clips-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(128, 81, 212, 0.15);
  border: 1px solid var(--purple);
  border-radius: 50px;
  color: var(--purple);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.video-clips-title {
  font-size: clamp(22px, 4vw, 28px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.video-clips-desc {
  font-size: 17px;
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0 0 25px 0;
  position: relative;
  z-index: 2;
}
.video-clips-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.video-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 15px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-align: center;
}
.video-feature:hover {
  background: rgba(255, 155, 66, 0.1);
  border-color: var(--primary);
  transform: translateY(-3px);
}
.video-feature__icon {
  font-size: 28px;
  line-height: 1;
  color: var(--primary);
  transition: var(--transition-base);
}
.video-feature:hover .video-feature__icon {
  transform: scale(1.1);
  color: var(--secondary);
}
.video-feature__label {
  font-size: 13px;
  color: var(--text-secondary);
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}
.video-clips-line {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent);
  margin: 30px 0;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.video-clips-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: lineShine 3s ease-in-out infinite;
}
.video-clips-stats {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .video-clips-card {
    padding: 35px 25px;
  }
  .video-clips-features {
    grid-template-columns: repeat(2, 1fr);
  }
  .video-feature {
    padding: 15px 12px;
  }
  .video-clips-stats {
    gap: 20px;
  }
  .video-stat__number {
    font-size: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

.investors-page {
  width: 100%;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.investors-page.visible {
  opacity: 1;
  transform: translateY(0);
}
.investors-hero {
  position: relative;
  padding: 50px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  margin-bottom: 40px;
  overflow: hidden;
  text-align: center;
}
.investors-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: investorsGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes investorsGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.investors-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(15, 163, 177, 0.15);
  border: 1px solid var(--secondary);
  border-radius: 50px;
  color: var(--secondary);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.investors-hero__title {
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.investors-hero__subtitle {
  font-size: 18px;
  color: var(--text-secondary);
  margin: 0 0 30px 0;
  line-height: 1.6;
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.investors-hero__cta {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.btn-investors-primary,
.btn-investors-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
  text-decoration: none;
  cursor: pointer;
}
.btn-investors-primary {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-glow-primary);
}
.btn-investors-primary:hover {
  background: var(--bg-surface);
  color: var(--primary);
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(255, 155, 66, 0.4);
}
.btn-investors-primary i {
  transition: transform 0.3s ease;
}
.btn-investors-primary:hover i {
  transform: translateX(3px);
}
.btn-investors-secondary {
  background: var(--bg-surface);
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
}
.btn-investors-secondary:hover {
  border-color: var(--secondary);
  color: #fff;
  transform: translateY(-2px);
}
.investors-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
.stat-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 30px 20px;
  text-align: center;
  transition: var(--transition-base);
  position: relative;
  overflow: hidden;
}
.stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  opacity: 0;
  transition: var(--transition-base);
}
.stat-card:hover {
  transform: translateY(-5px);
  border-color: var(--primary);
  box-shadow: var(--shadow-glow-primary);
}
.stat-card:hover::before {
  opacity: 1;
}
.stat-card__number {
  font-size: 36px;
  font-weight: 700;
  color: var(--primary);
  margin: 0 0 10px 0;
  font-family: 'Inter', sans-serif;
  text-shadow: 0 0 20px rgba(255, 155, 66, 0.3);
}
.stat-card__label {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.5;
}
.opportunity-section {
  margin-bottom: 40px;
  padding: 30px;
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
}
.opportunity-section__header {
  text-align: center;
  margin-bottom: 30px;
}
.opportunity-section__header h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px 0;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.opportunity-section__header h3 i {
  color: var(--primary);
}
.opportunity-section__header p {
  font-size: 16px;
  color: var(--text-secondary);
}
.opportunity-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.opportunity-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 25px;
  transition: var(--transition-base);
}
.opportunity-card:hover {
  border-color: var(--secondary);
  transform: translateX(5px);
}
.opportunity-card__icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-md);
  background: rgba(15, 163, 177, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.opportunity-card__icon i {
  font-size: 24px;
  color: var(--secondary);
}
.opportunity-card__title {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px 0;
  font-family: 'Inter', sans-serif;
}
.opportunity-card__desc {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
}
.traction-section {
  margin-bottom: 40px;
  padding: 30px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
}
.traction-section__header {
  text-align: center;
  margin-bottom: 30px;
}
.traction-section__header h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px 0;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.traction-section__header h3 i {
  color: var(--primary);
}
.traction-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.traction-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid var(--border-light);
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.6;
}
.traction-list li:last-child {
  border-bottom: none;
}
.traction-list li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 16px;
  color: var(--secondary);
  flex-shrink: 0;
  margin-top: 3px;
}
.investment-info {
  margin-bottom: 40px;
  padding: 30px;
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  border-left: 4px solid var(--primary);
}
.investment-info__header {
  margin-bottom: 25px;
}
.investment-info__header h3 {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px 0;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.investment-info__header h3 i {
  color: var(--primary);
}
.investment-info__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.investment-info__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.6;
}
.investment-info__list li::before {
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 14px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 4px;
}
.investors-cta {
  text-align: center;
  padding: 40px 30px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.15) 0%, rgba(15, 163, 177, 0.15) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
}
.investors-cta__title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px 0;
  font-family: 'Inter', sans-serif;
}
.investors-cta__text {
  font-size: 16px;
  color: var(--text-secondary);
  margin: 0 0 25px 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.investors-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: var(--primary);
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
  box-shadow: var(--shadow-glow-primary);
  text-decoration: none;
}
.investors-cta__btn:hover {
  background: var(--bg-surface);
  color: var(--primary);
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(255, 155, 66, 0.4);
}
.investors-cta__btn i {
  transition: transform 0.3s ease;
}
.investors-cta__btn:hover i {
  transform: translateX(3px);
}
.confidentiality-notice {
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  background: rgba(235, 87, 87, 0.1);
  border: 1px solid rgba(235, 87, 87, 0.3);
  border-radius: var(--radius-md);
}
.confidentiality-notice p {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.confidentiality-notice i {
  color: var(--danger);
}
@media (max-width: 767px) {
  .investors-hero {
    padding: 35px 25px;
  }
  .investors-hero__cta {
    flex-direction: column;
  }
  .btn-investors-primary,
  .btn-investors-secondary {
    width: 100%;
    justify-content: center;
  }
  .investors-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .stat-card__number {
    font-size: 28px;
  }
  .opportunity-grid {
    grid-template-columns: 1fr;
  }
  .opportunity-section,
  .traction-section,
  .investment-info,
  .investors-cta {
    padding: 25px 20px;
  }
  .investors-cta__btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
.investors-cta__text {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
.investors-cta {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.investors-cta > p {
  width: 100% !important;
  text-align: center !important;
}

.contact-collab {
  width: 100%;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}
.contact-collab__card {
  position: relative;
  padding: 50px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  overflow: hidden;
  text-align: center;
}
.contact-collab__card::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: contactGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes contactGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.contact-collab__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(128, 81, 212, 0.15);
  border: 1px solid var(--purple);
  border-radius: 50px;
  color: var(--purple);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.contact-collab__title {
  font-size: clamp(22px, 4vw, 28px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  display: block!important;
}
.contact-collab__desc {
  font-size: 17px;
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0;
  position: relative;
  z-index: 2;
}
.contact-collab__methods {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.contact-method {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 25px 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-align: center;
  text-decoration: none;
}
.contact-method:hover {
  background: rgba(255, 155, 66, 0.1);
  border-color: var(--primary);
  transform: translateY(-5px);
  box-shadow: var(--shadow-glow-primary);
}
.contact-method__icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.2), rgba(15, 163, 177, 0.2));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
}
.contact-method:hover .contact-method__icon {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  transform: scale(1.1);
}
.contact-method__icon i {
  font-size: 24px;
  color: var(--primary);
  transition: var(--transition-base);
}
.contact-method:hover .contact-method__icon i {
  color: #fff;
}
.contact-method__label {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}
.contact-method:hover .contact-method__label {
  color: #fff;
}
.contact-method__value {
  font-size: 13px;
  color: var(--text-muted);
  font-family: 'Inter', sans-serif;
}
.contact-collab__line {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent);
  margin: 30px 0;
  border-radius: 2px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.contact-collab__line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: lineShine 3s ease-in-out infinite;
}
.contact-collab__cta {
  margin-top: 30px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.contact-collab__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: var(--primary);
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
  box-shadow: var(--shadow-glow-primary);
  text-decoration: none;
}
.contact-collab__btn:hover {
  background: var(--bg-surface);
  color: var(--primary);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4);
}
.contact-collab__btn i {
  transition: transform 0.3s ease;
}
.contact-collab__btn:hover i {
  transform: translateX(5px);
}
@media (max-width: 767px) {
  .contact-collab__card {
    padding: 35px 25px;
  }
  .contact-collab__methods {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-method {
    padding: 20px 15px;
  }
  .contact-method__icon {
    width: 50px;
    height: 50px;
  }
  .contact-method__icon i {
    font-size: 20px;
  }
  .contact-collab__btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

.radio-host-page {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  font-family: 'Inter', sans-serif;
}
.radio-host-hero {
  position: relative;
  padding: 50px 35px;
  background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  margin-bottom: 40px;
  overflow: hidden;
  text-align: center;
}
.radio-host-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: hostGlow 10s ease-in-out infinite;
  pointer-events: none;
}
@keyframes hostGlow {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
  50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; }
}
.radio-host-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(235, 87, 87, 0.15);
  border: 1px solid var(--danger);
  border-radius: 50px;
  color: var(--danger);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  animation: pulseBadge 2s infinite;
}
@keyframes pulseBadge {
  0%, 100% { box-shadow: 0 0 0 0 rgba(235, 87, 87, 0.4); }
  50% { box-shadow: 0 0 0 10px rgba(235, 87, 87, 0); }
}
.radio-host-hero__title {
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.radio-host-hero__subtitle {
  font-size: 18px;
  color: var(--text-secondary);
  margin: 0 0 30px 0;
  line-height: 1.6;
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.radio-host-hero__cta {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.btn-host-primary,
.btn-host-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
  text-decoration: none;
  cursor: pointer;
}
.btn-host-primary {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-glow-primary);
}
.btn-host-primary:hover {
  background: var(--bg-surface);
  color: var(--primary);
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(255, 155, 66, 0.4);
}
.btn-host-primary i {
  transition: transform 0.3s ease;
}
.btn-host-primary:hover i {
  transform: translateX(3px);
}
.btn-host-secondary {
  background: var(--bg-surface);
  color: var(--text-secondary);
  border: 1px solid var(--border-light);
}
.btn-host-secondary:hover {
  border-color: var(--secondary);
  color: #fff;
  transform: translateY(-2px);
}
.formats-section { margin-bottom: 40px; }
.formats-section__header { text-align: center; margin-bottom: 30px; }
.formats-section__header h3 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.formats-section__header p { font-size: 16px; color: var(--text-secondary); }
.formats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.format-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); position: relative; overflow: hidden; }
.format-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.format-card:hover { transform: translateY(-5px); border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.format-card:hover::before { opacity: 1; }
.format-card__icon { width: 50px; height: 50px; border-radius: var(--radius-md); background: rgba(255, 155, 66, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: var(--transition-base); }
.format-card:hover .format-card__icon { background: linear-gradient(135deg, var(--primary), var(--secondary)); transform: scale(1.1) rotate(5deg); }
.format-card__icon i { font-size: 24px; color: var(--primary); transition: var(--transition-base); }
.format-card:hover .format-card__icon i { color: #fff; }
.format-card__title { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 12px 0; font-family: 'Inter', sans-serif; }
.format-card__list { list-style: none; padding: 0; margin: 0; }
.format-card__list li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.format-card__list li::before { content: '✓'; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: var(--secondary); color: #fff; border-radius: 50%; font-size: 10px; font-weight: 600; flex-shrink: 0; margin-top: 2px; }
.benefits-section { margin-bottom: 40px; }
.benefits-section__header { text-align: center; margin-bottom: 30px; }
.benefits-section__header h3 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 20px; }
.benefit-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); display: flex; gap: 15px; align-items: flex-start; }
.benefit-card:hover { border-color: var(--primary); transform: translateX(5px); box-shadow: var(--shadow-glow-primary); }
.benefit-card__icon { width: 40px; height: 40px; border-radius: var(--radius-sm); background: rgba(15, 163, 177, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.benefit-card__icon i { font-size: 20px; color: var(--secondary); }
.benefit-card__content h4 { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 8px 0; font-family: 'Inter', sans-serif; }
.benefit-card__content p { font-size: 14px; color: var(--text-secondary); margin: 0; line-height: 1.5; }
.stats-section { margin-bottom: 40px; }
.stats-section__header { text-align: center; margin-bottom: 30px; }
.stats-section__header h3 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.stats-grid .stat-card { background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 30px 20px; text-align: center; transition: var(--transition-base); }
.stats-grid .stat-card:hover { transform: translateY(-5px); border-color: var(--primary); box-shadow: var(--shadow-glow-primary); }
.stats-grid .stat-card__number { font-size: 36px; font-weight: 700; color: var(--primary); margin: 0 0 10px 0; font-family: 'Inter', sans-serif; text-shadow: 0 0 20px rgba(255, 155, 66, 0.3); }
.stats-grid .stat-card__label { font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.why-now-section { margin-bottom: 40px; padding: 30px; background: var(--bg-surface); border-radius: var(--radius-lg); border: 1px solid var(--border-light); }
.why-now-section__header { text-align: center; margin-bottom: 25px; }
.why-now-section__header h3 { font-size: 22px; font-weight: 700; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.why-now-list { list-style: none; padding: 0; margin: 0; }
.why-now-list li { display: flex; align-items: flex-start; gap: 15px; padding: 15px 0; border-bottom: 1px solid var(--border-light); font-size: 15px; color: var(--text-secondary); line-height: 1.6; }
.why-now-list li:last-child { border-bottom: none; }
.why-now-list li::before { content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 18px; color: var(--secondary); flex-shrink: 0; margin-top: 2px; }
.apply-section { margin-bottom: 40px; padding: 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); }
.apply-section__header { text-align: center; margin-bottom: 25px; }
.apply-section__header h3 { font-size: 22px; font-weight: 700; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.apply-steps { list-style: none; padding: 0; margin: 0 0 25px 0; }
.apply-steps li { padding: 15px 0; border-bottom: 1px solid var(--border-light); font-size: 16px; line-height: 1.6; font-weight: 400; color: var(--text-secondary); margin-bottom: 12px; position: relative; }
.apply-steps li:last-child { border-bottom: none; }
.apply-steps li::before { content: '\f054'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; color: var(--primary); flex-shrink: 0; margin-top: 3px; margin-right: 15px; }
.apply-requirements { background: rgba(255, 255, 255, 0.03); border-radius: var(--radius-md); padding: 20px; margin-top: 20px; }
.apply-requirements h4 { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 10px; }
.apply-requirements h4 i { color: var(--primary); }
.apply-requirements ul { list-style: none; padding: 0; margin: 0; }
.apply-requirements ul li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.apply-requirements ul li::before { content: '📎'; flex-shrink: 0; }
.in-air-section { margin-bottom: 40px; padding: 30px; background: var(--bg-surface); border-radius: var(--radius-lg); border: 1px solid var(--border-light); border-left: 4px solid var(--secondary); }
.in-air-section__header { margin-bottom: 20px; }
.in-air-section__header h3 { font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 10px; }
.in-air-section__header h3 i { color: var(--secondary); }
.in-air-list { list-style: none; padding: 0; margin: 0 0 20px 0; }
.in-air-list li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-light); font-size: 15px; color: var(--text-secondary); line-height: 1.5; }
.in-air-list li:last-child { border-bottom: none; }
.in-air-list li::before { content: '\f028'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; color: var(--secondary); flex-shrink: 0; margin-top: 2px; }
.in-air-links { display: flex; gap: 15px; flex-wrap: wrap; }
.in-air-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 14px; font-weight: 600; text-decoration: none; transition: var(--transition-base); }
.in-air-link:hover { background: var(--secondary); color: #fff; transform: translateY(-2px); }
.in-air-link i { font-size: 16px; }
.quote-section { padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15) 0%, rgba(15, 163, 177, 0.15) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); text-align: center; }
.quote-section__text { font-size: 20px; font-style: italic; color: #fff; margin: 0 0 20px 0; line-height: 1.6; font-weight: 500; }
.quote-section__author { font-size: 16px; color: var(--text-secondary); font-weight: 600; }
@media (max-width: 767px) {
  .radio-host-hero { padding: 35px 25px; }
  .radio-host-hero__cta { flex-direction: column; }
  .btn-host-primary, .btn-host-secondary { width: 100%; justify-content: center; }
  .formats-grid, .benefits-grid, .stats-grid { grid-template-columns: 1fr; }
  .why-now-section, .apply-section, .in-air-section, .quote-section { padding: 25px 20px; }
  .in-air-links { flex-direction: column; }
  .in-air-link { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

.about-hero {
  position: relative;
  padding: 60px 20px 40px;
  background: linear-gradient(135deg, rgba(15, 163, 177, 0.1) 0%, rgba(255, 155, 66, 0.1) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-light);
  margin-bottom: 40px;
  overflow: hidden;
}
.about-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%);
  animation: floatGlow 8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes floatGlow {
  0%, 100% { transform: translate(0, 0); opacity: 0.5; }
  50% { transform: translate(-10%, 10%); opacity: 0.8; }
}
.about-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.about-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(15, 163, 177, 0.15);
  border: 1px solid var(--secondary);
  border-radius: 50px;
  color: var(--secondary);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  animation: fadeInDown 0.6s ease;
}
.about-hero__badge i { font-size: 14px; }
.about-hero__title {
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.03em;
  line-height: 1.2;
  animation: fadeInUp 0.6s ease 0.1s both;
}
.about-hero__subtitle {
  font-size: 18px;
  color: var(--text-secondary);
  margin: 0 0 30px 0;
  font-weight: 400;
  line-height: 1.6;
  animation: fadeInUp 0.6s ease 0.2s both;
}
.about-hero__quote {
  font-size: 20px;
  font-style: italic;
  color: var(--primary);
  font-weight: 500;
  padding: 20px 30px;
  background: rgba(255, 155, 66, 0.1);
  border-left: 3px solid var(--primary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  margin: 0 auto 30px;
  max-width: 700px;
  animation: fadeInUp 0.6s ease 0.3s both;
}
.about-hero__cta {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  animation: fadeInUp 0.6s ease 0.4s both;
}
.btn-primary, .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  transition: var(--transition-base);
  text-decoration: none;
  cursor: pointer;
}
.btn-primary { background: var(--primary); color: #fff; box-shadow: var(--shadow-glow-primary); }
.btn-primary:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 5px 20px rgba(255, 155, 66, 0.4); }
.btn-primary i { transition: transform 0.3s ease; }
.btn-primary:hover i { transform: translateX(3px); }
.btn-secondary { background: var(--bg-surface); color: var(--text-secondary); border: 1px solid var(--border-light); }
.btn-secondary:hover { border-color: var(--secondary); color: #fff; transform: translateY(-2px); }
.btn-secondary i { transition: transform 0.3s ease; }
.btn-secondary:hover i { transform: translateX(3px); }
.about-section { padding: 30px 0; }
.about-section__header { text-align: center; margin-bottom: 40px; }
.about-section__header h2 {
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px 0;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.about-section__header h2 i { color: var(--primary); font-size: 28px; }
.about-section__header p { font-size: 16px; color: var(--text-secondary); max-width: 600px; margin: 0 auto; line-height: 1.6; }
.founder-story { display: grid; gap: 30px; align-items: center; }
@media (min-width: 992px) { .founder-story { grid-template-columns: 1fr 1.2fr; gap: 50px; } }
.founder-avatar { position: relative; text-align: center; }
.founder-avatar__wrap {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  padding: 4px;
  animation: rotateBorder 10s linear infinite;
}
@keyframes rotateBorder { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.founder-avatar__wrap::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary), var(--secondary), var(--purple), var(--primary));
  background-size: 300% 300%;
  animation: gradientShift 5s ease infinite;
  z-index: -1;
}
@keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.founder-avatar__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--bg-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.founder-avatar__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0 !important;
  margin-right: 50px !important;
  margin-top: 10px;
  box-shadow: none !important;
}
.founder-avatar__name { font-size: 22px; font-weight: 600; color: #fff; margin: 0 0 5px 0; font-family: 'Inter', sans-serif; }
.founder-avatar__role { font-size: 14px; color: var(--text-secondary); }
.founder-avatar__role a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); }
.founder-avatar__role a:hover { color: var(--primary); border-color: var(--primary); }
.founder-content p { font-size: 16px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 20px; }
.founder-content p:last-child { margin-bottom: 0; }
.founder-content strong { color: var(--primary); font-weight: 600; }
.founder-content a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); }
.founder-content a:hover { color: var(--primary); border-color: var(--primary); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 20px; margin-top: 30px; }
.service-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); position: relative; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.service-card:hover { transform: translateY(-5px); border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.service-card:hover::before { opacity: 1; }
.service-card__icon { font-size: 36px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; color: var(--primary); transition: var(--transition-base); }
.service-card__icon i { transition: transform 0.3s ease, color 0.3s ease; }
.service-card:hover .service-card__icon i { transform: scale(1.1); color: var(--secondary); }
.service-card__title { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 12px 0; font-family: 'Inter', sans-serif; line-height: 1.3; }
.service-card__desc { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; flex: 1; }
.service-card__link { display: inline-flex; align-items: center; gap: 5px; margin-top: 15px; font-size: 14px; color: var(--secondary); text-decoration: none; transition: var(--transition-fast); font-weight: 500; }
.service-card__link i { font-size: 12px; transition: transform 0.3s ease; }
.service-card__link:hover { color: var(--primary); gap: 8px; }
.service-card__link:hover i { transform: translateX(3px); }
.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; }
.team-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; text-align: center; transition: var(--transition-base); }
.team-card:hover { transform: translateY(-5px); border-color: var(--primary); box-shadow: var(--shadow-glow-primary); }
.team-card__avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, rgba(255, 155, 66, 0.2), rgba(15, 163, 177, 0.2)); margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; transition: var(--transition-base); }
.team-card__avatar i { font-size: 32px; color: var(--primary); transition: var(--transition-base); }
.team-card:hover .team-card__avatar { background: linear-gradient(135deg, var(--primary), var(--secondary)); transform: scale(1.05); }
.team-card:hover .team-card__avatar i { color: #fff; }
.team-card__name { font-size: 17px; font-weight: 600; color: #fff; margin: 0 0 5px 0; font-family: 'Inter', sans-serif; }
.team-card__role { font-size: 13px; color: var(--text-muted); margin-bottom: 12px; display: block; }
.team-card__desc { font-size: 14px; color: var(--text-secondary); line-height: 1.5; margin: 0 0 12px 0; }
.team-card__link { color: var(--secondary); text-decoration: none; font-size: 14px; transition: var(--transition-fast); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.team-card__link i { font-size: 12px; transition: transform 0.3s ease; }
.team-card__link:hover { color: var(--primary); }
.team-card__link:hover i { transform: translateX(3px); }
.journey-section { background: linear-gradient(135deg, rgba(128, 81, 212, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-lg); padding: 30px; margin: 0; border: 1px solid var(--border-light); }
.journey-section__header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.journey-section__icon { font-size: 40px; color: var(--primary); }
.journey-section__icon i { color: var(--primary); }
.journey-section__title { font-size: 22px; font-weight: 600; color: #fff; margin: 0; font-family: 'Inter', sans-serif; }
.journey-list { list-style: none; padding: 0; margin: 0 0 25px 0; }
.journey-list li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-light); font-size: 15px; color: var(--text-secondary); line-height: 1.5; word-wrap: break-word; overflow-wrap: break-word; }
.journey-list li:last-child { border-bottom: none; }
.journey-list li i { color: var(--primary); flex-shrink: 0; margin-top: 3px; font-size: 16px; line-height: 1; }
.journey-list li a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); word-break: break-word; }
.journey-list li a:hover { color: var(--primary); border-color: var(--primary); }
@media (max-width: 767px) {
  .journey-list li { gap: 10px; padding: 10px 0; font-size: 14px; line-height: 1.6; }
  .journey-list li i { margin-top: 4px; font-size: 15px; }
  .journey-list li a { word-break: break-word; hyphens: auto; }
}
.journey-cta { background: rgba(255, 155, 66, 0.1); border-left: 3px solid var(--primary); padding: 20px; border-radius: 0 var(--radius-md) var(--radius-md) 0; }
.journey-cta p { margin: 0 0 15px 0; font-size: 15px; color: var(--text-secondary); line-height: 1.6; }
.journey-cta strong { color: var(--primary); font-weight: 600; }
.journey-cta ul { list-style: none; padding: 0; margin: 0; }
.journey-cta li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 14px; color: var(--text-secondary); }
.journey-cta li::before { content: '\f054'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; color: var(--primary); font-size: 10px; top: 4px; }
.final-cta { text-align: center; padding: 50px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15) 0%, rgba(15, 163, 177, 0.15) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin: 30px 0 0px; }
.final-cta__title { font-size: clamp(24px, 4vw, 32px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; gap: 12px; }
.final-cta__title i { color: var(--primary); font-size: 28px; }
.final-cta__text { font-size: 18px; color: var(--text-secondary); margin: 0 0 30px 0; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.6; }
.final-cta__links { display: flex; flex-direction: column; gap: 15px; align-items: center; }
.cta-link { display: flex; align-items: center; gap: 12px; padding: 15px 25px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: 50px; color: var(--text-secondary); text-decoration: none; font-size: 15px; font-weight: 500; font-family: 'Inter', sans-serif; transition: var(--transition-base); max-width: 500px; width: 100%; }
.cta-link__icon { font-size: 20px; flex-shrink: 0; color: var(--primary); transition: var(--transition-base); }
.cta-link__icon i { transition: transform 0.3s ease, color 0.3s ease; }
.cta-link:hover { border-color: var(--primary); color: #fff; transform: translateY(-2px); box-shadow: var(--shadow-glow-primary); }
.cta-link:hover .cta-link__icon i { transform: scale(1.1); color: var(--secondary); }
.cta-link__text { flex: 1; text-align: left; line-height: 1.4; }
.cta-link__text strong { display: block; color: #fff; font-weight: 600; }
.cta-link__text small { color: var(--text-muted); font-size: 13px; }
.cta-link__arrow { transition: transform 0.3s ease; color: var(--primary); }
.cta-link:hover .cta-link__arrow { transform: translateX(5px); }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) {
  .about-hero { padding: 40px 20px 30px; }
  .about-hero__quote { font-size: 18px; padding: 15px 20px; }
  .btn-primary, .btn-secondary { width: 100%; justify-content: center; }
  .founder-avatar__wrap { width: 180px; height: 180px; }
  .services-grid, .team-grid { grid-template-columns: 1fr; }
  .service-card, .team-card { padding: 20px; }
  .journey-section { padding: 25px 20px; }
  .final-cta { padding: 40px 20px; }
  .cta-link { padding: 12px 20px; font-size: 14px; }
  .cta-link__text { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}
.partnership-hero {position: relative;padding: 40px 20px;background: linear-gradient(135deg, rgba(128, 81, 212, 0.12) 0%, rgba(15, 163, 177, 0.12) 50%, rgba(255, 155, 66, 0.12) 100%);border-radius: var(--radius-lg);border: 1px solid var(--border-light);overflow: hidden;}
.partnership-hero::before {content: '';position: absolute;top: -30%;left: -30%;width: 60%;height: 160%;background: radial-gradient(ellipse, rgba(128, 81, 212, 0.15) 0%, transparent 70%);animation: floatGlow 10s ease-in-out infinite;pointer-events: none;}
.partnership-hero::after {content: '';position: absolute;top: -30%;right: -30%;width: 60%;height: 160%;background: radial-gradient(ellipse, rgba(255, 155, 66, 0.15) 0%, transparent 70%);animation: floatGlow 12s ease-in-out infinite reverse;pointer-events: none;}
.partnership-hero__header { text-align: center; margin-bottom: 35px; position: relative; z-index: 2; }
.partnership-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 18px; background: linear-gradient(135deg, rgba(128, 81, 212, 0.2), rgba(15, 163, 177, 0.2)); border: 1px solid var(--purple); border-radius: 50px; color: var(--purple); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 15px; }
.partnership-hero__header h2 { font-size: clamp(24px, 5vw, 36px); font-weight: 700; color: #fff; margin: 0 0 12px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.partnership-x { color: var(--primary); font-weight: 800; font-size: 1.2em; animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(0.95); } }
.partnership-subtitle { font-size: 16px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.6; }
.partnership-visual { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 30px 0 40px; position: relative; z-index: 2; flex-wrap: wrap; }
.partner-circle { width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: var(--transition-base); }
.partner-circle--sh { background: linear-gradient(135deg, rgba(255, 155, 66, 0.2), rgba(15, 163, 177, 0.2)); border: 2px solid var(--secondary); }
.partner-circle--mx { background: linear-gradient(135deg, rgba(128, 81, 212, 0.25), rgba(15, 163, 177, 0.25)); border: 2px solid var(--purple); }
.partner-circle:hover { transform: translateY(-5px) scale(1.03); box-shadow: var(--shadow-glow-secondary); }
.partner-circle__inner { text-align: center; color: #fff; padding: 10px; }
.partner-circle__inner i { font-size: 32px; display: block; margin-bottom: 8px; color: var(--primary); }
.partner-circle--mx .partner-circle__inner i { color: var(--purple); }
.partner-circle__inner span { font-size: 13px; font-weight: 600; line-height: 1.3; }
.partner-connector { display: flex; flex-direction: column; align-items: center; gap: 5px; color: var(--text-muted); font-size: 12px; font-weight: 500; }
.partner-connector i { font-size: 24px; color: var(--primary); animation: linkPulse 2s ease-in-out infinite; }
@keyframes linkPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.partnership-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0; position: relative; z-index: 2; }
.partnership-benefits .benefit-card { display: flex;flex-direction: column;align-items: center;background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 22px; text-align: center; transition: var(--transition-base); }
.partnership-benefits .benefit-card:hover { transform: translateY(-4px); border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.partnership-benefits .benefit-card__icon { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15), rgba(15, 163, 177, 0.15)); margin-bottom: 15px;display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--primary); }
.partnership-benefits .benefit-card h4 { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; }
.partnership-benefits .benefit-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.partnership-cta { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 35px 0 25px; position: relative; z-index: 2; }
.cta-box { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; text-align: center; transition: var(--transition-base); }
.cta-box--sh { border-top: 3px solid var(--secondary); }
.cta-box--mx { border-top: 3px solid var(--purple); }
.cta-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-base); }
.cta-box h4 { font-size: 17px; font-weight: 600; color: #fff; margin: 0 0 8px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; justify-content: center; gap: 8px; }
.cta-box h4 i { color: var(--primary); }
.cta-box--mx h4 i { color: var(--purple); }
.cta-box p { font-size: 14px; color: var(--text-secondary); margin: 0 0 18px 0; line-height: 1.5; }
.cta-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; border-radius: 50px; font-size: 14px; font-weight: 600; text-decoration: none; transition: var(--transition-base); }
.cta-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(255, 155, 66, 0.35); }
.cta-box--mx .cta-btn { background: linear-gradient(135deg, var(--purple), #9b59b6); }
.cta-box--mx .cta-btn:hover { box-shadow: 0 5px 20px rgba(128, 81, 212, 0.35); }
.partnership-note { text-align: center; font-size: 15px; color: var(--text-secondary); margin: 25px 0 0; padding-top: 20px; border-top: 1px dashed var(--border-light); position: relative; z-index: 2; line-height: 1.6; }
@media (max-width: 767px) {
  .partnership-visual { gap: 10px; }
  .partner-circle { width: 110px; height: 110px; }
  .partner-circle__inner i { font-size: 24px; }
  .partner-circle__inner span { font-size: 12px; }
  .partner-connector { font-size: 11px; }
  .partner-connector i { font-size: 20px; }
  .partnership-hero__header h2 { font-size: 24px; }
  .cta-box { padding: 20px; }
}

.business-block {
  background: var(--bg-surface);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.business-block::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(15, 163, 177, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
.business-block__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 18px; background: rgba(255, 155, 66, 0.15); border: 1px solid var(--primary); border-radius: 50px; font-size: 13px; font-weight: 600; color: var(--primary); margin-bottom: 25px; letter-spacing: 0.05em; }
.business-block__header { text-align: center; margin-bottom: 35px; }
.business-block__title { font-size: clamp(28px, 5vw, 40px); font-weight: 700; color: #fff; margin-bottom: 15px; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; }
.gradient-text { background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.business-block__subtitle { font-size: 18px; color: var(--text-secondary); max-width: 700px; margin: 0 auto; line-height: 1.5; }
.business-block__intro { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid var(--border-light); }
.business-block__intro strong { color: var(--primary); }
.founders-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 40px; }
.founder-card { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px 20px; transition: var(--transition-base); }
.founder-card:hover { transform: translateY(-3px); border-color: var(--secondary); }
.founder-card__icon { width: 55px; height: 55px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15), rgba(15, 163, 177, 0.15)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.founder-card__icon i { font-size: 24px; color: var(--primary); }
.founder-card h4 { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 12px; }
.founder-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.formula-card { background: linear-gradient(135deg, rgba(255, 155, 66, 0.08), rgba(15, 163, 177, 0.08)); border-color: var(--primary); }
.formula { font-size: 18px; font-weight: 700; color: var(--primary); display: inline-block; margin-bottom: 10px; }
.info-panel { padding: 25px 30px; border-radius: var(--radius-md); margin: 30px 0; font-size: 16px; line-height: 1.6; }
.info-panel--clean { background: rgba(15, 163, 177, 0.08); border-left: 3px solid var(--secondary); color: var(--text-secondary); }
.info-panel--clean strong { color: var(--secondary); }
.info-panel--highlight { background: linear-gradient(135deg, rgba(255, 155, 66, 0.1), rgba(15, 163, 177, 0.1)); border: 1px solid rgba(255, 155, 66, 0.3); }
.info-panel--highlight i { color: var(--primary); margin-right: 10px; }
.formula-row { margin-top: 15px; padding-top: 15px; border-top: 1px dashed rgba(255, 155, 66, 0.3); font-weight: 600; color: #fff; }
.formula-row span { color: var(--primary); font-size: 18px; }
.business-block__section-title { display: flex; align-items: center; gap: 12px; margin: 45px 0 25px 0; }
.business-block__section-title i { font-size: 28px; color: var(--primary); }
.business-block__section-title h3 { font-size: 22px; font-weight: 600; color: #fff; margin: 0; font-family: 'Inter', sans-serif; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-bottom: 30px; }
.stats-grid .stat-card { text-align: center; padding: 25px 20px; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border-light); border-radius: var(--radius-md); }
.stat-number { font-size: 36px; font-weight: 800; background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 10px; }
.stat-label { font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; }
.stat-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; }
.token-system { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin: 25px 0 35px; }
.token-card { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; position: relative; }
.token-card i { font-size: 32px; color: var(--primary); margin-bottom: 15px; display: block; }
.token-name { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 12px; }
.token-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.token-card.premium { border-color: var(--primary); background: linear-gradient(135deg, rgba(255, 155, 66, 0.08), rgba(15, 163, 177, 0.05)); }
.premium-badge { position: absolute; top: -12px; right: 20px; background: var(--primary); color: #0a0a0a; font-size: 11px; font-weight: 700; padding: 4px 12px; border-radius: 50px; text-transform: uppercase; }
.business-points { display: flex; flex-direction: column; gap: 18px; margin: 20px 0 40px; }
.point-item { display: flex; align-items: flex-start; gap: 15px; padding: 15px 20px; background: rgba(255, 255, 255, 0.02); border-radius: var(--radius-md); transition: var(--transition-fast); }
.point-item:hover { background: rgba(255, 155, 66, 0.05); }
.point-item i { font-size: 20px; color: var(--primary); flex-shrink: 0; margin-top: 2px; }
.point-item span { font-size: 15px; color: var(--text-secondary); line-height: 1.6; }
.point-item strong { color: var(--secondary); }
.future-block { background: linear-gradient(135deg, rgba(15, 163, 177, 0.15), rgba(128, 81, 212, 0.1)); border-radius: var(--radius-lg); padding: 35px 30px; margin: 40px 0 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 30px; border: 1px solid rgba(15, 163, 177, 0.3); }
.future-icon i { font-size: 64px; color: var(--secondary); }
.future-content h4 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 12px 0; }
.future-content p { font-size: 16px; color: var(--text-secondary); margin: 0 0 10px 0; }
.future-links { display: flex; gap: 25px; margin-top: 15px; flex-wrap: wrap; }
.future-link { color: var(--primary); text-decoration: none; font-weight: 600; transition: var(--transition-fast); font-size: 15px; }
.future-link:hover { color: var(--secondary); gap: 8px; }
.future-link i { font-size: 12px; margin-left: 5px; }
.final-quote { margin-top: 40px; padding: 25px 30px; background: rgba(255, 155, 66, 0.08); border-radius: var(--radius-md); text-align: center; position: relative; }
.final-quote i { font-size: 32px; color: rgba(255, 155, 66, 0.3); position: absolute; top: 20px; left: 20px; }
.final-quote p { font-size: 18px; font-style: italic; color: #fff; line-height: 1.6; margin: 0; max-width: 800px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
@media (max-width: 767px) {
  .business-block { padding: 25px 20px; }
  .info-panel { padding: 20px; }
  .business-block__section-title h3 { font-size: 18px; }
  .future-block { flex-direction: column; text-align: center; }
  .final-quote p { font-size: 16px; }
  .final-quote i { font-size: 24px; top: 15px; left: 15px; }
}

.timeline-intro { width: 100%; margin: 0 auto 40px; }
.intro-header { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; overflow: hidden; text-align: center; }
.intro-header::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: introGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes introGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.intro-badge { position: relative; z-index: 2; display: inline-block; padding: 6px 16px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 15px; animation: fadeInDown 0.6s ease; }
.intro-badge i { margin-right: 6px; font-size: 14px; }
.feature-icon { font-size: 36px; margin-bottom: 15px; color: var(--primary); transition: var(--transition-base); }
.feature-card:hover .feature-icon i { transform: scale(1.1); color: var(--secondary); }
.cta-button i { margin-left: 8px; transition: transform 0.3s ease; }
.cta-button:hover i { transform: translateY(3px); }
.intro-header h1 { position: relative; z-index: 2; font-size: clamp(28px, 4vw, 36px); font-weight: 700; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.03em; line-height: 1.3; animation: fadeInUp 0.6s ease 0.1s both; }
.intro-subtitle { position: relative; z-index: 2; font-size: 18px; color: var(--text-secondary); margin: 0; font-weight: 400; animation: fadeInUp 0.6s ease 0.2s both; }
.intro-content { margin-bottom: 30px; }
.intro-text .lead { font-size: 17px; line-height: 1.7; color: var(--text-secondary); text-align: center; max-width: 700px; margin: 0 auto 30px; animation: fadeInUp 0.6s ease 0.3s both; }
.intro-stats { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin: 30px 0; padding: 30px; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-light); animation: fadeInUp 0.6s ease 0.4s both; }
.stat-item { text-align: center; }
.stat-number { display: block; font-size: 42px; font-weight: 700; color: var(--primary); line-height: 1; margin-bottom: 8px; font-family: 'Inter', sans-serif; text-shadow: 0 0 20px rgba(255, 155, 66, 0.3); }
.stat-label { font-size: 14px; color: var(--text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
.intro-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 40px 0; }
.feature-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px 20px; text-align: center; transition: var(--transition-base); animation: fadeInUp 0.6s ease both; position: relative; overflow: hidden; }
.feature-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.feature-card:hover { transform: translateY(-5px); border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.feature-card:hover::before { opacity: 1; }
.feature-card:nth-child(1) { animation-delay: 0.5s; }
.feature-card:nth-child(2) { animation-delay: 0.6s; }
.feature-card:nth-child(3) { animation-delay: 0.7s; }
.feature-card:nth-child(4) { animation-delay: 0.8s; }
.feature-card:nth-child(5) { animation-delay: 0.9s; }
.feature-card:nth-child(6) { animation-delay: 1.0s; }
.feature-card:nth-child(7) { animation-delay: 1.1s; }
.feature-card:nth-child(8) { animation-delay: 1.2s; }
.feature-icon { font-size: 40px; margin-bottom: 15px; display: block; }
.feature-card h3 { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 10px 0; font-family: 'Inter', sans-serif; display: block; }
.feature-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.intro-cta { text-align: center; padding: 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border: 1px solid var(--border-light); border-radius: var(--radius-md); animation: fadeInUp 0.6s ease 1.3s both; }
.intro-cta p { font-size: 16px; color: var(--text-secondary); margin: 0 0 20px 0; }
.cta-button { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); }
.cta-button:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 5px 20px rgba(255, 155, 66, 0.4); }
.cta-button svg { transition: transform 0.3s ease; }
.cta-button:hover svg { transform: translateX(5px); }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) {
  .intro-header { padding: 30px 20px; }
  .intro-header h1 { font-size: 28px; }
  .intro-subtitle { font-size: 16px; }
  .intro-stats { gap: 20px; padding: 20px; }
  .stat-number { font-size: 32px; }
  .intro-features { grid-template-columns: 1fr; }
  .feature-card { padding: 20px 15px; }
  .intro-cta { padding: 25px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .intro-header::before, .feature-card, .cta-button, .intro-badge, .intro-header h1, .intro-subtitle, .intro-text .lead, .intro-stats, .feature-card, .intro-cta { animation: none !important; transition: none !important; }
}

:root {
  --timeline-line: var(--border-light);
  --timeline-card-bg: var(--bg-surface);
  --timeline-card-hover: var(--bg-surface-hover);
  --status-done-bg: rgba(15, 163, 177, 0.15);
  --status-done-border: var(--secondary);
  --status-done-text: var(--secondary);
  --status-current-bg: rgba(255, 155, 66, 0.15);
  --status-current-border: var(--primary);
  --status-current-text: var(--primary);
  --status-planned-bg: rgba(128, 81, 212, 0.15);
  --status-planned-border: var(--purple);
  --status-planned-text: var(--purple);
  --badge-feature: rgba(47, 128, 237, 0.2);
  --badge-feature-text: var(--blue);
  --badge-fix: rgba(235, 87, 87, 0.2);
  --badge-fix-text: var(--danger);
  --badge-improvement: rgba(15, 163, 177, 0.2);
  --badge-improvement-text: var(--secondary);
}
.timeline-wrapper { position: relative; padding: 20px 0 0; width: 100%; margin: 0 auto; }
.timeline-legend { display: flex; gap: 20px; justify-content: center; padding: 15px 20px; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-light); margin-bottom: 30px; flex-wrap: wrap; }
.legend-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text-secondary); font-family: 'Inter', sans-serif; }
.legend-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
.legend-dot--done { background: var(--secondary); box-shadow: 0 0 8px var(--secondary); }
.legend-dot--current { background: var(--primary); box-shadow: 0 0 8px var(--primary); animation: pulse 2s infinite; }
.legend-dot--planned { background: var(--purple); opacity: 0.7; }
@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(0.9); } }
.timeline { position: relative; padding-left: 30px; }
.timeline::before { content: ''; position: absolute; left: 14px; top: 20px; bottom: 20px; width: 2px; background: var(--timeline-line); border-radius: 2px; }
.timeline-item { position: relative; margin-bottom: 25px; display: flex; gap: 20px; align-items: flex-start; }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-marker { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0; }
.marker-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: var(--bg-surface); border: 2px solid var(--border-color); border-radius: 50%; font-size: 14px; color: var(--text-secondary); transition: var(--transition-base); }
.timeline-marker .marker-icon i { font-size: 14px; color: var(--text-secondary); transition: var(--transition-base); }
.timeline-item--current .marker-icon i { color: var(--primary); }
.timeline-item--planned .marker-icon i { color: var(--purple); }
.timeline-item--done .marker-icon i { color: var(--secondary); }
.timeline-body h4 i { margin-right: 8px; color: var(--primary); }
.detail-block strong i { margin-right: 8px; color: var(--secondary); }
.changelog-section strong i { margin-right: 8px; }
.changelog-section strong i.fa-bug { color: var(--danger); }
.changelog-section strong i.fa-bolt { color: var(--primary); }
.timeline-toggle i { font-size: 12px; transition: transform 0.3s ease; }
.timeline-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.timeline-load-more i { font-size: 14px; transition: transform 0.3s ease; }
.timeline-load-more:hover i { transform: translateY(3px); }
@media (max-width: 767px) {
  .timeline-marker .marker-icon i { font-size: 12px; }
  .timeline-body h4 i { font-size: 14px; }
}
.marker-icon--pulse { position: relative; border-color: var(--primary); color: var(--primary); animation: markerPulse 2s infinite; }
.marker-glow { position: absolute; width: 38px; height: 38px; border-radius: 50%; background: radial-gradient(circle, rgba(255,155,66,0.4) 0%, transparent 70%); animation: glowPulse 2s infinite; pointer-events: none; }
@keyframes markerPulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,155,66,0.4); } 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255,155,66,0); } }
@keyframes glowPulse { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 0.3; transform: scale(1.2); } }
.timeline-card { flex: 1; background: var(--timeline-card-bg); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 20px; transition: var(--transition-base); position: relative; overflow: hidden; }
.timeline-card:hover { border-color: var(--secondary); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.timeline-item--current .timeline-card { border-color: var(--primary); box-shadow: var(--shadow-glow-primary); }
.timeline-item--planned .timeline-card { opacity: 0.85; }
.timeline-item--planned .timeline-card:hover { opacity: 1; }
.timeline-header { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--border-light); }
.timeline-version { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 18px; color: #fff; letter-spacing: -0.02em; }
.timeline-status { font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.05em; }
.status--done { background: var(--status-done-bg); color: var(--status-done-text); border: 1px solid var(--status-done-border); }
.status--current { background: var(--status-current-bg); color: var(--status-current-text); border: 1px solid var(--status-current-border); animation: statusPulse 3s infinite; }
.status--planned { background: var(--status-planned-bg); color: var(--status-planned-text); border: 1px dashed var(--status-planned-border); }
@keyframes statusPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,155,66,0.2); } 50% { box-shadow: 0 0 0 8px rgba(255,155,66,0); } }
.timeline-date { margin-left: auto; font-size: 13px; color: var(--text-muted); font-family: 'Inter', sans-serif; }
.timeline-body h4 { font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; color: #fff; margin: 0 0 12px 0; }
.timeline-list { list-style: none; padding: 0; margin: 0; }
.timeline-list li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.timeline-list li:first-child { padding-top: 0; }
.badge { display: inline-flex; align-items: center; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.03em; flex-shrink: 0; }
.badge--feature { background: var(--badge-feature); color: var(--badge-feature-text); }
.badge--fix { background: var(--badge-fix); color: var(--badge-fix-text); }
.badge--improvement { background: var(--badge-improvement); color: var(--badge-improvement-text); }
.progress-bar { position: relative; height: 6px; background: var(--bg-body); border-radius: 3px; margin: 15px 0 10px; overflow: hidden; }
.progress-fill { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, var(--primary), var(--primary-hover)); border-radius: 3px; transition: width 0.5s ease; }
.progress-text { position: absolute; right: 0; top: -20px; font-size: 11px; color: var(--text-muted); font-family: 'Inter', sans-serif; }
.timeline-toggle { display: flex; align-items: center; gap: 6px; background: transparent; border: none; color: var(--text-secondary); font-size: 13px; font-family: 'Inter', sans-serif; font-weight: 500; padding: 10px 0; cursor: pointer; transition: var(--transition-base); width: 100%; text-align: left; }
.timeline-toggle:hover { color: var(--primary); }
.timeline-toggle svg { transition: transform 0.3s ease; flex-shrink: 0; }
.timeline-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.timeline-details { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.3s ease; opacity: 0; }
.timeline-details.show { max-height: 2000px; opacity: 1; }
.details-inner { padding-top: 15px; border-top: 1px solid var(--border-light); }
.details-inner > p { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0 0 15px 0; }
.details-grid, .changelog-grid { display: grid; gap: 15px; margin-top: 15px; }
@media (min-width: 600px) { .details-grid, .changelog-grid { grid-template-columns: 1fr 1fr; } }
.detail-block, .changelog-section { background: var(--bg-body); padding: 15px; border-radius: var(--radius-sm); border: 1px solid var(--border-light); }
.detail-block strong, .changelog-section strong { display: block; font-size: 14px; color: #fff; margin-bottom: 10px; font-family: 'Inter', sans-serif; font-weight: 600; }
.detail-block p, .changelog-section ul { font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.changelog-section ul { list-style: none; padding: 0; margin-top: 8px; }
.changelog-section ul li { position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 13px; }
.changelog-section ul li::before { content: '•'; position: absolute; left: 0; color: var(--secondary); }
.timeline-load-more { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 300px; margin: 30px auto 0; padding: 12px 24px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: 50px; color: var(--text-secondary); font-size: 14px; font-family: 'Inter', sans-serif; font-weight: 500; cursor: pointer; transition: var(--transition-base); }
.timeline-load-more:hover { background: var(--bg-surface-hover); color: #fff; border-color: var(--secondary); transform: translateY(-2px); }
.timeline-load-more svg { transition: transform 0.3s ease; }
.timeline-load-more:hover svg { transform: translateY(2px); }
.timeline-load-more.hidden { display: none; }
.timeline-item.hidden { display: none; }
@media (max-width: 767px) {
  .timeline-wrapper { padding: 15px 0 30px; }
  .timeline-legend { padding: 12px 15px; gap: 15px; }
  .timeline { padding-left: 25px; }
  .timeline::before { left: 11px; }
  .marker-icon { width: 26px; height: 26px; font-size: 12px; }
  .timeline-card { padding: 16px; }
  .timeline-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  .timeline-date { margin-left: 0; }
  .timeline-list li { font-size: 13px; gap: 8px; }
  .badge { font-size: 10px; padding: 2px 6px; }
}
.timeline-item:target .timeline-card { animation: highlightCard 1.5s ease; }
@keyframes highlightCard { 0%, 100% { box-shadow: none; } 50% { box-shadow: 0 0 0 3px var(--primary), var(--shadow-glow-primary); } }

.partners-intro { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; }
.partners-intro__card { position: relative; padding: 50px 35px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); overflow: hidden; text-align: center; }
.partners-intro__card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: partnersGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes partnersGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.partners-intro__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(128, 81, 212, 0.15); border: 1px solid var(--purple); border-radius: 50px; color: var(--purple); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; }
.partners-intro__title { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; display: block!important; }
.partners-intro__desc { font-size: 17px; line-height: 1.8; color: var(--text-secondary); margin: 0; position: relative; z-index: 2; }
.partners-intro__values { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 30px; position: relative; z-index: 2; }
.partner-value { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 15px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); text-align: center; }
.partner-value:hover { background: rgba(255, 155, 66, 0.1); border-color: var(--primary); transform: translateY(-3px); }
.partner-value__icon { font-size: 28px; line-height: 1; color: var(--primary); }
.partner-value__label { font-size: 13px; color: var(--text-secondary); font-weight: 500; font-family: 'Inter', sans-serif; }
.partners-intro__line { height: 2px; background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), var(--primary), transparent); margin: 30px 0; border-radius: 2px; position: relative; z-index: 2; overflow: hidden; }
.partners-intro__line::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: lineShine 3s ease-in-out infinite; }
.partners-intro__logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; margin-top: 30px; position: relative; z-index: 2; }
.partner-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); text-decoration: none; min-height: 120px; }
.partner-logo:hover { background: rgba(255, 155, 66, 0.1); border-color: var(--primary); transform: translateY(-5px); box-shadow: var(--shadow-glow-primary); }
.partner-logo__icon { font-size: 36px; margin-bottom: 12px; color: var(--text-secondary); transition: var(--transition-base); }
.partner-logo:hover .partner-logo__icon { color: var(--primary); transform: scale(1.1); }
.partner-logo__name { font-size: 14px; color: var(--text-secondary); font-weight: 500; font-family: 'Inter', sans-serif; text-align: center; }
.partner-logo:hover .partner-logo__name { color: #fff; }
.partners-intro__cta { margin-top: 40px; padding: 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-md); border: 1px solid var(--border-light); text-align: center; }
.partners-intro__cta p { font-size: 16px; color: var(--text-secondary); margin: 0 0 20px 0; line-height: 1.6; }
.partners-intro__cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); text-decoration: none; }
.partners-intro__cta__btn:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4); }
.partners-intro__cta__btn i { transition: transform 0.3s ease; }
.partners-intro__cta__btn:hover i { transform: translateX(5px); }
@media (max-width: 767px) {
  .partners-intro__card { padding: 35px 25px; }
  .partners-intro__values { grid-template-columns: repeat(2, 1fr); }
  .partner-value { padding: 15px 12px; }
  .partners-intro__logos { grid-template-columns: repeat(2, 1fr); }
  .partner-logo { padding: 20px 15px; min-height: 100px; }
  .partners-intro__cta { padding: 25px 20px; }
  .partners-intro__cta__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.submit-cta { width: 100%; margin: 0 auto; padding-top: 30px; font-family: 'Inter', sans-serif; }
.submit-cta__card { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); overflow: hidden; text-align: center; }
.submit-cta__card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: ctaGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes ctaGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.submit-cta__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; position: relative; z-index: 2; }
.submit-cta__badge i { margin-right: 6px; font-size: 14px; }
.submit-cta__text { font-size: 17px; line-height: 1.7; color: var(--text-secondary); margin: 0; position: relative; z-index: 2; }
.submit-cta__text strong { color: var(--primary); font-weight: 600; }
.submit-cta__decor { display: flex; justify-content: center; gap: 10px; margin-top: 30px; position: relative; z-index: 2; }
.submit-cta__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--primary); animation: dotPulse 2s ease-in-out infinite; }
.submit-cta__dot:nth-child(2) { animation-delay: 0.3s; background: var(--secondary); }
.submit-cta__dot:nth-child(3) { animation-delay: 0.6s; background: var(--purple); }
@keyframes dotPulse { 0%, 100% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.3); opacity: 1; } }
.submit-cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); text-decoration: none; margin-top: 25px; position: relative; z-index: 2; }
.submit-cta__btn:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4); }
.submit-cta__btn svg { transition: transform 0.3s ease; }
.submit-cta__btn:hover svg { transform: translateX(5px); }
@media (max-width: 767px) {
  .submit-cta__card { padding: 30px 20px; }
  .submit-cta__text { font-size: 16px; }
  .submit-cta__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.radioshow-section { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; }
.radioshow-hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; overflow: hidden; text-align: center; }
.radioshow-hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: radioGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes radioGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.radioshow-live { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(235, 87, 87, 0.2); border: 1px solid var(--danger); border-radius: 50px; color: var(--danger); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; animation: pulseLive 2s infinite; }
@keyframes pulseLive { 0%, 100% { box-shadow: 0 0 0 0 rgba(235, 87, 87, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(235, 87, 87, 0); } }
.radioshow-live::before { content: ''; width: 8px; height: 8px; background: var(--danger); border-radius: 50%; animation: blinkLive 1s infinite; }
@keyframes blinkLive { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.radioshow-hero h3 { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; display: block; }
.radioshow-schedule { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 25px; position: relative; z-index: 2; justify-content: center; }
.schedule-item { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); font-size: 14px; color: var(--text-secondary); }
.schedule-item__icon { width: 20px; height: 20px; fill: var(--primary); flex-shrink: 0; }
.schedule-item strong { color: var(--primary); font-weight: 600; }
.radioshow-listen { display: inline-flex; align-items: center; gap: 12px; padding: 16px 28px; background: linear-gradient(135deg, var(--primary), var(--primary-hover)); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; text-decoration: none; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); margin-bottom: 25px; position: relative; z-index: 2; }
.radioshow-listen:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.5); color: #06070E; }
.radioshow-listen svg { width: 24px; height: 24px; fill: #fff; transition: transform 0.3s ease; }
.radioshow-listen:hover svg { transform: scale(1.1); }
.radioshow-listen__url { display: block; font-size: 12px; font-weight: 400; opacity: 0.9; margin-top: 2px; font-family: 'Inter', sans-serif; }
.radioshow-description { position: relative; z-index: 2; text-align: center; }
.radioshow-description p { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin-bottom: 20px; }
.radioshow-description p:last-child { margin-bottom: 0; }
.radioshow-description strong { color: var(--primary); font-weight: 600; }
.radioshow-description a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); font-weight: 500; }
.radioshow-description a:hover { color: var(--primary); border-color: var(--primary); }
.radioshow-submit { margin: 30px auto 0; padding: 25px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); border-left: 4px solid var(--secondary); transition: var(--transition-base); text-align: center; }
.radioshow-submit:hover { border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.radioshow-submit p { margin: 0; font-size: 15px; color: var(--text-secondary); line-height: 1.6; }
.radioshow-submit a { color: var(--secondary); font-weight: 600; text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); }
.radioshow-submit a:hover { color: var(--primary); border-color: var(--primary); }
.radioshow-visual { display: flex; justify-content: center; gap: 4px; margin: 25px 0; position: relative; z-index: 2; }
.radio-wave { width: 4px; height: 30px; background: linear-gradient(to top, var(--primary), transparent); border-radius: 2px; animation: radioWave 1.5s ease-in-out infinite; }
.radio-wave:nth-child(2) { animation-delay: 0.1s; height: 40px; }
.radio-wave:nth-child(3) { animation-delay: 0.2s; height: 50px; }
.radio-wave:nth-child(4) { animation-delay: 0.3s; height: 40px; }
.radio-wave:nth-child(5) { animation-delay: 0.4s; height: 30px; }
@keyframes radioWave { 0%, 100% { transform: scaleY(1); opacity: 0.7; } 50% { transform: scaleY(1.3); opacity: 1; } }
@media (max-width: 767px) {
  .radioshow-hero { padding: 30px 20px; }
  .radioshow-schedule { flex-direction: column; align-items: center; }
  .schedule-item { width: 100%; justify-content: center; }
  .radioshow-listen { width: 100%; justify-content: center; }
  .radioshow-submit { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.radio-info { width: 100%; margin: 0 auto; padding-top: 30px; font-family: 'Inter', sans-serif; }
.radio-info__hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; overflow: hidden; text-align: center; }
.radio-info__hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: radioInfoGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes radioInfoGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.radio-info__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; }
.radio-info__title { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; display: block!important; }
.radio-info__desc { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin: 0 0 25px 0; position: relative; z-index: 2; }
.radio-info__desc strong { color: var(--primary); font-weight: 600; }
.radio-waves { display: flex; justify-content: center; gap: 6px; margin: 30px 0; position: relative; z-index: 2; }
.radio-wave { width: 5px; background: linear-gradient(to top, var(--primary), var(--secondary)); border-radius: 3px; animation: wavePulse 1.5s ease-in-out infinite; }
.radio-wave:nth-child(1) { height: 30px; animation-delay: 0s; }
.radio-wave:nth-child(2) { height: 45px; animation-delay: 0.15s; }
.radio-wave:nth-child(3) { height: 60px; animation-delay: 0.3s; }
.radio-wave:nth-child(4) { height: 45px; animation-delay: 0.45s; }
.radio-wave:nth-child(5) { height: 30px; animation-delay: 0.6s; }
@keyframes wavePulse { 0%, 100% { transform: scaleY(1); opacity: 0.7; } 50% { transform: scaleY(1.3); opacity: 1; } }
.radio-info__cta { display: inline-flex; align-items: center; gap: 12px; padding: 14px 28px; background: linear-gradient(135deg, var(--primary), var(--primary-hover)); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; text-decoration: none; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); position: relative; z-index: 2; }
.radio-info__cta:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.5); color: #06070E; }
.radio-info__cta svg { width: 20px; height: 20px; fill: #fff; transition: transform 0.3s ease; }
.radio-info__cta:hover svg { transform: translateX(5px); }
.radio-info__secondary { font-size: 15px; color: var(--text-secondary); line-height: 1.6; margin-top: 25px; position: relative; z-index: 2; }
.radio-info__secondary a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); font-weight: 500; }
.radio-info__secondary a:hover { color: var(--primary); border-color: var(--primary); }
@media (max-width: 767px) {
  .radio-info__hero { padding: 30px 20px; }
  .radio-info__cta { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.services-page { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; }
.services-hero { text-align: center !important; padding: 50px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 50px; position: relative; overflow: hidden; }
.services-hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: servicesGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes servicesGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.services-hero h1 { font-size: clamp(28px, 5vw, 42px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.03em; line-height: 1.3; position: relative; z-index: 2; }
.services-hero__lead { font-size: 18px; color: var(--text-secondary); line-height: 1.7; max-width: 800px; margin: 0 auto 25px !important; text-align: center !important; position: relative; z-index: 2; }
.services-hero__highlight { display: inline-block; padding: 4px 12px; background: rgba(255, 155, 66, 0.2); border-radius: var(--radius-sm); color: var(--primary); font-weight: 600; }
.services-hero__select { display: block; text-align: center; font-size: 16px; color: var(--text-secondary); margin: 25px auto 0 !important; font-weight: 500; position: relative; padding-bottom: 10px; }
.services-hero__select::after { content: ''; display: block; width: 30px; height: 2px; background: var(--primary); margin: 10px auto 0; border-radius: 2px; animation: bounceArrow 1.5s infinite; }
@keyframes bounceArrow { 0%, 100% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(5px); opacity: 0.7; } }
.service-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 40px 35px; margin-bottom: 40px; position: relative; overflow: hidden; transition: var(--transition-base); }
.service-card:hover { border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); transform: translateY(-3px); }
.service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.service-card:hover::before { opacity: 1; }
.service-card__header { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid var(--border-light); }
.service-card__icon { width: 60px; height: 60px; border-radius: var(--radius-md); background: linear-gradient(135deg, rgba(255, 155, 66, 0.15), rgba(15, 163, 177, 0.15)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.service-card__icon i { font-size: 28px; color: var(--primary); }
.service-card__title { font-size: 24px; font-weight: 700; color: #fff; margin: 0; font-family: 'Inter', sans-serif; line-height: 1.3; }
.service-card__price { display: inline-flex !important; align-items: baseline !important; gap: 12px !important; padding: 8px 20px !important; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15), rgba(15, 163, 177, 0.15)) !important; border: 1px solid var(--primary) !important; border-radius: 50px !important; margin: 10px 0 20px 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
.service-card__price-amount { font-size: 24px !important; font-weight: 700 !important; color: var(--primary) !important; font-family: 'Inter', sans-serif !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: -0.02em !important; }
.service-card__price-desc { font-size: 14px !important; color: var(--text-secondary) !important; font-weight: 400 !important; line-height: 1.4 !important; flex-shrink: 1 !important; min-width: 0 !important; word-break: normal !important; }
@media (max-width: 767px) {
  .service-card__price { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; padding: 12px 16px !important; width: 100% !important; max-width: none !important; }
  .service-card__price-amount { font-size: 28px !important; white-space: nowrap !important; margin: 0 auto; }
  .service-card__price-desc { font-size: 13px !important; line-height: 1.5 !important; width: 100% !important; }
}
@media (max-width: 380px) {
  .service-card__price { padding: 10px 14px !important; }
  .service-card__price-amount { font-size: 24px !important; }
  .service-card__price-desc { font-size: 12px !important; }
}
.features-list { list-style: none; padding: 0; margin: 25px 0; display: grid; gap: 15px; }
.features-list li { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "icon title" "icon desc"; align-items: start; gap: 12px 15px; padding: 18px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); }
.features-list li:hover { background: rgba(255, 155, 66, 0.08); border-color: var(--primary); transform: translateX(5px); }
.features-list li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--secondary); font-size: 16px; grid-area: icon; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: rgba(15, 163, 177, 0.15); border-radius: 6px; flex-shrink: 0; margin-top: 2px; }
.features-list li strong { grid-area: title; color: #fff; font-weight: 600; font-size: 15px; line-height: 1.4; }
.features-list li .feature-desc, .features-list li > strong + text, .features-list li > strong + br + * { grid-area: desc; color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
.features-list li:hover::before { background: var(--secondary); color: #fff; transform: scale(1.1); }
.features-list--simple { list-style: none; padding: 0; margin: 25px 0; }
.features-list--simple li { display: flex; align-items: flex-start; gap: 14px; padding: 10px 0; font-size: 16px; color: var(--text-secondary); line-height: 1.6; position: relative; }
.features-list--simple li::before { content: ''; position: absolute; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary); left: 0; top: 50%; margin-top: -3px; box-shadow: 0 0 5px var(--primary); flex-shrink: 0; }
.features-list--simple li strong { color: #fff; font-weight: 600; }
.pricing-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 25px 0; }
.pricing-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); position: relative; overflow: hidden; }
.pricing-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.pricing-card:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: var(--shadow-glow-primary); }
.pricing-card:hover::before { opacity: 1; }
.pricing-card__title { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 10px; }
.pricing-card__title i { color: var(--primary); font-size: 20px; }
.pricing-card__price { font-size: 24px; font-weight: 700; color: var(--primary); margin: 0 0 15px 0; font-family: 'Inter', sans-serif; display: inline-block; padding: 8px 16px; background: rgba(255, 155, 66, 0.15); border-radius: 50px; border: 1px solid rgba(255, 155, 66, 0.3); }
.pricing-card__desc { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.pricing-card__features { list-style: none; padding: 0; margin: 15px 0 0 0; }
.pricing-card__features li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--text-secondary); line-height: 1.5; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.pricing-card__features li:last-child { border-bottom: none; }
.pricing-card__features li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--secondary); font-size: 12px; margin-top: 3px; flex-shrink: 0; }
.pricing-card--highlight { border-color: var(--secondary); background: linear-gradient(135deg, rgba(15, 163, 177, 0.08) 0%, transparent 100%); }
.pricing-card--highlight .pricing-card__title i { color: var(--secondary); }
.pricing-card--highlight .pricing-card__price { background: rgba(15, 163, 177, 0.15); border-color: rgba(15, 163, 177, 0.3); color: var(--secondary); }
.pricing-card__badge { position: absolute; top: 15px; right: 15px; padding: 4px 12px; background: var(--secondary); color: #fff; font-size: 11px; font-weight: 600; text-transform: uppercase; border-radius: 50px; letter-spacing: 0.05em; }
.pricing-cards--2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.pricing-cards--3 { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
@media (max-width: 767px) {
  .pricing-cards { grid-template-columns: 1fr; gap: 15px; }
  .pricing-card { padding: 20px; }
  .pricing-card__title { font-size: 17px; }
  .pricing-card__price { font-size: 20px; padding: 6px 14px; }
  .pricing-card__desc { font-size: 13px; }
  .pricing-card__features li { font-size: 13px; }
}
.steps-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; counter-reset: step; }
.step-item { text-align: center; padding: 20px; background: rgba(255, 255, 255, 0.03); border-radius: var(--radius-md); position: relative; }
.step-item::before { counter-increment: step; content: counter(step); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; font-weight: 700; font-size: 18px; margin: 0 auto 15px; }
.step-item__title { font-weight: 600; color: #fff; margin: 0 0 8px 0; font-size: 16px; }
.step-item__desc { font-size: 14px; color: var(--text-secondary); margin: 0; }
.accordion { border: 1px solid var(--border-light); border-radius: var(--radius-md); margin: 20px 0; overflow: hidden; }
.accordion-item { border-bottom: 1px solid var(--border-light); }
.accordion-item:last-child { border-bottom: none; }
.accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; background: rgba(255, 255, 255, 0.03); cursor: pointer; transition: var(--transition-base); }
.accordion-header:hover { background: rgba(255, 155, 66, 0.1); }
.accordion-header h4 { font-size: 16px; font-weight: 600; color: #fff; margin: 0; display: flex; align-items: center; gap: 10px; }
.accordion-header i { color: var(--primary); transition: transform 0.3s ease; }
.accordion-header.active i { transform: rotate(180deg); }
.accordion-body { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
.accordion-body.active { padding: 20px; max-height: 500px; }
.accordion-body p { margin: 0 0 15px 0; font-size: 14px; color: var(--text-secondary); line-height: 1.6; }
.accordion-body ul { list-style: none; padding: 0; margin: 0; }
.accordion-body ul li { padding: 5px 0; font-size: 14px; color: var(--text-secondary); }
.accordion-body ul li::before { content: '•'; color: var(--primary); margin-right: 8px; }
.publics-accordion { margin: 20px 0; }
.publics-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 14px; font-weight: 600; cursor: pointer; transition: var(--transition-base); }
.publics-toggle:hover { background: var(--secondary); color: #fff; }
.publics-list { display: none; margin-top: 20px; padding: 20px; background: rgba(255, 255, 255, 0.03); border-radius: var(--radius-md); max-height: 400px; overflow-y: auto; }
.publics-list.active { display: block; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.publics-list a { display: block; padding: 8px 0; color: var(--text-secondary); text-decoration: none; border-bottom: 1px solid var(--border-light); font-size: 13px; transition: var(--transition-fast); }
.publics-list a:last-child { border-bottom: none; }
.publics-list a:hover { color: var(--primary); padding-left: 5px; }
.website-examples { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin: 30px 0; }
.website-example { background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); overflow: hidden; transition: var(--transition-base); }
.website-example:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: var(--shadow-glow-primary); }
.website-example__image { position: relative; width: 100%; padding-top: 56.25%; background: var(--bg-body); overflow: hidden; }
.website-example__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-base); }
.website-example:hover .website-example__image img { transform: scale(1.05); }
.website-example__content { padding: 20px; }
.website-example__title { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 8px 0; font-family: 'Inter', sans-serif; }
.website-example__url { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--secondary); text-decoration: none; transition: var(--transition-fast); }
.website-example__url:hover { color: var(--primary); }
.website-example__url i { font-size: 12px; }
.studio-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: rgba(128, 81, 212, 0.15); border: 1px solid var(--purple); border-radius: 50px; color: var(--purple); font-size: 14px; font-weight: 600; text-decoration: none; transition: var(--transition-base); margin: 20px auto 0 !important; width: fit-content; }
.studio-link:hover { background: var(--purple); color: #fff; }
.studio-link i { font-size: 16px; }
.services-cta { text-align: center; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15) 0%, rgba(15, 163, 177, 0.15) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin: 50px 0 0; }
.services-cta__title { display:block!important; font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; }
.services-cta__text { font-size: 16px; color: var(--text-secondary); margin: 0 auto 25px !important; max-width: 600px; text-align: center !important; }
.services-cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 16px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base, all 0.3s ease); box-shadow: var(--shadow-glow-primary); text-decoration: none; }
.services-cta__btn:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.5); }
.services-cta__btn i { transition: transform 0.3s ease; }
.services-cta__btn:hover i { transform: translateX(5px); }
.services-cta__contacts { margin-top: 25px; font-size: 14px; color: var(--text-secondary); text-align: center; }
.services-cta__contacts a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); }
.services-cta__contacts a:hover { color: var(--primary); border-color: var(--primary); }
@media (max-width: 767px) {
  .services-hero { padding: 35px 20px; }
  .service-card { padding: 30px 25px; }
  .service-card__header { flex-direction: column; text-align: center; }
  .pricing-table { font-size: 13px; }
  .pricing-table th, .pricing-table td { padding: 12px 10px; }
  .steps-list { grid-template-columns: 1fr; }
  .website-examples { grid-template-columns: 1fr; }
  .services-cta { padding: 30px 20px; }
  .services-cta__btn { width: 100%; justify-content: center; }
  .features-list li { padding: 15px 18px; gap: 10px 12px; }
  .features-list li::before { font-size: 14px; width: 22px; height: 22px; }
  .features-list li strong { font-size: 14px; }
  .features-list li .feature-desc { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.custom-track-card { position: relative; background: linear-gradient(135deg, rgba(255, 155, 66, 0.08) 0%, rgba(15, 163, 177, 0.08) 100%); border: 2px solid rgba(255, 155, 66, 0.3); border-radius: var(--radius-lg); padding: 40px 35px; margin: 40px 0; text-align: center; overflow: hidden; transition: var(--transition-base); box-shadow: 0 0 30px rgba(255, 155, 66, 0.15); }
.custom-track-card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.2) 0%, transparent 60%); animation: customTrackGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes customTrackGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.custom-track-card:hover { border-color: var(--primary); transform: translateY(-8px); box-shadow: 0 10px 40px rgba(255, 155, 66, 0.3); }
.custom-track-card__badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, var(--primary), var(--primary-hover)); border-radius: 50px; color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 25px; position: relative; z-index: 2; box-shadow: 0 4px 15px rgba(255, 155, 66, 0.4); animation: badgePulse 2s ease-in-out infinite; }
@keyframes badgePulse { 0%, 100% { box-shadow: 0 4px 15px rgba(255, 155, 66, 0.4); } 50% { box-shadow: 0 4px 25px rgba(255, 155, 66, 0.6); } }
.custom-track-card__badge i { font-size: 14px; animation: starSpin 3s linear infinite; }
@keyframes starSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.custom-track-card__icon { width: 80px; height: 80px; margin: 0 auto 25px; border-radius: 50%; background: linear-gradient(135deg, rgba(255, 155, 66, 0.2), rgba(15, 163, 177, 0.2)); display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; transition: var(--transition-base); }
.custom-track-card:hover .custom-track-card__icon { background: linear-gradient(135deg, var(--primary), var(--secondary)); transform: scale(1.1) rotate(5deg); }
.custom-track-card__icon i { font-size: 36px; color: var(--primary); transition: var(--transition-base); }
.custom-track-card:hover .custom-track-card__icon i { color: #fff; }
.custom-track-card__title { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; position: relative; z-index: 2; display: block!important; }
.custom-track-card__desc { font-size: 16px; color: var(--text-secondary); margin: 0 0 25px 0; line-height: 1.6; position: relative; z-index: 2; }
.custom-track-card__price { display: inline-flex; align-items: baseline; gap: 8px; padding: 15px 30px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 155, 66, 0.3); border-radius: 50px; margin: 0 0 20px 0; position: relative; z-index: 2; }
.custom-track-card__price-from { font-size: 14px; color: var(--text-muted); font-weight: 400; }
.custom-track-card__price-amount { font-size: 32px; font-weight: 700; color: var(--primary); font-family: 'Inter', sans-serif; text-shadow: 0 0 20px rgba(255, 155, 66, 0.5); letter-spacing: -0.02em; }
.custom-track-card__note { font-size: 13px; color: var(--text-muted); margin: 0 0 25px 0; line-height: 1.5; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 8px; }
.custom-track-card__note i { color: var(--secondary); font-size: 14px; }
.custom-track-card__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 0 0 30px 0; position: relative; z-index: 2; }
.feature-item { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); }
.feature-item:hover { background: rgba(15, 163, 177, 0.1); border-color: var(--secondary); transform: translateX(5px); }
.feature-item i { color: var(--secondary); font-size: 14px; }
.feature-item span { font-size: 14px; color: var(--text-secondary); font-weight: 500; }
.custom-track-card__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 40px; background: linear-gradient(135deg, var(--primary), var(--primary-hover)); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; text-decoration: none; transition: var(--transition-base); box-shadow: 0 4px 20px rgba(255, 155, 66, 0.4); position: relative; z-index: 2; overflow: hidden; }
.custom-track-card__btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: var(--transition-base); }
.custom-track-card__btn:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(255, 155, 66, 0.5); color: var(--bg-surface); }
.custom-track-card__btn:hover::before { left: 100%; }
.custom-track-card__btn i { transition: transform 0.3s ease; }
.custom-track-card__btn:hover i { transform: translateX(5px); }
@media (max-width: 767px) {
  .custom-track-card { padding: 30px 25px; margin: 30px 0; }
  .custom-track-card__icon { width: 70px; height: 70px; }
  .custom-track-card__icon i { font-size: 30px; }
  .custom-track-card__title { font-size: 20px; }
  .custom-track-card__price-amount { font-size: 26px; }
  .custom-track-card__btn { width: 100%; padding: 14px 30px; }
  .feature-item { padding: 8px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .custom-track-card::before, .custom-track-card__badge, .custom-track-card__badge i, .custom-track-card__btn::before { animation: none !important; }
}

.checklist { list-style: none; padding: 0; margin: 25px 0; display: flex; flex-direction: column; gap: 12px; }
.checklist__item { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); position: relative; overflow: hidden; opacity: 1; transform: none; animation: none; }
.checklist__item::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: linear-gradient(180deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.checklist__item:hover { background: rgba(255, 155, 66, 0.08); border-color: var(--primary); transform: translateX(5px); }
.checklist__item:hover::before { opacity: 1; }
.checklist__icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, rgba(15, 163, 177, 0.15), rgba(255, 155, 66, 0.15)); flex-shrink: 0; margin-top: 2px; transition: var(--transition-base); }
.checklist__item:hover .checklist__icon { background: linear-gradient(135deg, var(--primary), var(--secondary)); transform: scale(1.1) rotate(5deg); }
.checklist__icon i { font-size: 14px; color: var(--secondary); transition: var(--transition-base); }
.checklist__item:hover .checklist__icon i { color: #fff; }
.checklist__text { font-size: 15px; color: var(--text-secondary); line-height: 1.6; flex: 1; word-break: break-word; }
.checklist__text strong { color: #fff; font-weight: 600; }
.checklist--gradient .checklist__item { background: linear-gradient(135deg, rgba(255, 155, 66, 0.05), rgba(15, 163, 177, 0.05)); border-color: rgba(255, 155, 66, 0.2); }
.checklist--gradient .checklist__item:hover { background: linear-gradient(135deg, rgba(255, 155, 66, 0.12), rgba(15, 163, 177, 0.12)); border-color: var(--secondary); }
@media (max-width: 767px) {
  .checklist { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  .checklist__item { display: flex !important; opacity: 1 !important; transform: none !important; padding: 14px 18px !important; gap: 12px !important; }
  .checklist__icon { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; }
  .checklist__icon i { font-size: 12px !important; }
  .checklist__text { font-size: 14px !important; line-height: 1.5 !important; word-break: break-word !important; }
}
@media (prefers-reduced-motion: reduce) {
  .checklist__item { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}

.fab { font-family: "Font Awesome 6 Brands"; font-weight: 400; }
@media (max-width: 767px) {
  #ecosystem-title { justify-content: center !important; text-align: center !important; }
  .formula-grid { grid-template-columns: 1fr !important; gap: 15px !important; }
  .formula-grid p, .formula-grid h4 { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; max-width: 100% !important; }
  .formula-grid h4 { flex-wrap: wrap !important; gap: 8px 12px !important; }
  .formula-grid > div { min-width: 0 !important; width: 100% !important; }
}

.event-cards-list { display: flex; flex-direction: column; gap: 24px; width: 100%; }
.event-card { position: relative; background: linear-gradient(135deg, rgba(255, 155, 66, 0.08) 0%, rgba(15, 163, 177, 0.08) 100%); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 24px; overflow: hidden; transition: var(--transition-base); backdrop-filter: blur(10px); margin-bottom: 30px; }
.event-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.event-card:hover { border-color: var(--secondary); transform: translateY(-4px); box-shadow: var(--shadow-glow-secondary); }
.event-card:hover::before { opacity: 1; }
.event-card:last-child { margin-bottom: 0; }
.event-card__glow { position: absolute; top: -50%; right: -50%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; opacity: 0; transition: var(--transition-slow); }
.event-card:hover .event-card__glow { opacity: 1; animation: pulse 4s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 0.8; } }
.event-card__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px dashed var(--border-light); }
.event-card__title { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 700; color: #fff; margin: 0; line-height: 1.3; letter-spacing: -0.02em; }
.event-card__badge { flex-shrink: 0; padding: 6px 14px; background: rgba(15, 163, 177, 0.2); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1; }
.event-card__meta { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.event-card__meta-item { display: flex; align-items: center; gap: 10px; color: var(--text-secondary); font-size: 14px; line-height: 1.5; transition: var(--transition-fast); }
.event-card__meta-item:hover { color: #fff; }
.event-card__meta-item.open-map { color: var(--text-secondary); text-decoration: none; }
.event-card__meta-item.open-map:hover { color: var(--primary); }
.event-card__icon { flex-shrink: 0; width: 18px; height: 18px; fill: var(--text-secondary); transition: var(--transition-base); }
.event-card__meta-item:hover .event-card__icon, .event-card__meta-item.open-map:hover .event-card__icon { fill: var(--primary); }
.event-card__meta-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-card__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.event-card__btn { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 22px; border-radius: 50px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; text-decoration: none; transition: var(--transition-base); border: 1px solid transparent; white-space: nowrap; }
.event-card__btn--primary { background: var(--secondary); color: #fff; box-shadow: var(--shadow-glow-secondary); }
.event-card__btn--primary:hover { background: var(--bg-surface); color: var(--primary); border-color: var(--secondary); transform: translateY(-2px); }
.event-card__btn--secondary { background: transparent; color: var(--text-secondary); border-color: var(--border-color); }
.event-card__btn--secondary:hover { background: var(--bg-surface); color: #fff; border-color: #fff; transform: translateY(-2px); }
.event-cards-list .event-card:not(:last-child)::after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 80%; max-width: 400px; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--border-light) 20%, var(--secondary) 50%, var(--border-light) 80%, transparent 100%); opacity: 0.6; }
@media (max-width: 767px) {
  .event-card { padding: 20px; }
  .event-card__title { font-size: 18px; }
  .event-card__header { flex-direction: column; align-items: flex-start; gap: 10px; }
  .event-card__badge { padding: 5px 12px; font-size: 10px; }
  .event-card__meta-text { white-space: normal; }
  .event-card__actions { flex-direction: column; }
  .event-card__btn { width: 100%; }
}
@media (min-width: 1200px) {
  .event-card { padding: 28px 32px; }
  .event-card__title { font-size: 22px; }
}
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.event-cards-list .event-card { animation: fadeInUp 0.4s ease forwards; animation-delay: calc(var(--i, 0) * 0.1s); }
.event-card__price-wrap { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 8px 0 20px; padding: 12px 18px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.15) 0%, rgba(15, 163, 177, 0.15) 100%); border: 1px solid var(--border-light); border-radius: var(--radius-md); position: relative; overflow: hidden; }
.event-card__price-wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0.8; }
.event-card__price { display: flex; align-items: center; gap: 8px; font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -0.02em; }
.event-card__price .icon { font-size: 26px; line-height: 1; color: var(--primary); width: auto !important; height: auto !important; margin: 0 !important; display: inline-block; transition: var(--transition-base); flex-shrink: 0; }
.event-card__price-wrap:hover .icon { color: var(--secondary); transform: scale(1.1); }
.event-card__price-label { font-size: 11px; font-weight: 500; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.9; }
.event-card__price--free .icon { color: var(--success); }
.event-card__price--free { color: var(--success) !important; }
@media (max-width: 767px) {
  .event-card__price-wrap { margin: 8px 0 16px; padding: 10px 16px; }
  .event-card__price { font-size: 20px; }
  .event-card__price .icon { font-size: 22px; }
}
@media (min-width: 1200px) {
  .event-card__price { font-size: 26px; }
  .event-card__price .icon { font-size: 28px; }
}
@keyframes pricePop { 0% { opacity: 0; transform: scale(0.95) translateY(10px); } 50% { transform: scale(1.02) translateY(-2px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
.event-card__price-wrap { animation: pricePop 0.4s ease forwards; animation-delay: 0.15s; opacity: 0; }

.hero__slide .hero__text-a { display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; margin-bottom: 0; padding: 7px 16px; background: rgba(19, 21, 30, 0.65); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--border-light); border-radius: var(--radius-pill); font-size: 14px; line-height: 1.4; color: var(--text-secondary); width: auto; transition: var(--transition-base); }
.hero__slide .hero__text-a:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.25); color: #fff; transform: translateX(4px); }
.hero__slide .hero__text-a .icon { font-size: 16px; color: var(--primary); flex-shrink: 0; line-height: 1; transition: var(--transition-base); }
.hero__slide .hero__text-a:hover .icon { color: var(--secondary); }
.hero__slide h2.hero__text-a { background: linear-gradient(135deg, rgba(255, 155, 66, 0.18), rgba(15, 163, 177, 0.18)); border: 1px solid rgba(255, 155, 66, 0.4); color: #fff; font-weight: 700; font-size: 22px; margin-top: 14px; padding: 9px 20px; box-shadow: 0 4px 12px rgba(255, 155, 66, 0.15); }
.hero__slide h2.hero__text-a .icon { font-size: 20px; color: var(--secondary); }
.hero__slide h2.hero__text-a:hover { border-color: var(--secondary); box-shadow: 0 4px 16px rgba(15, 163, 177, 0.25); }
@media (max-width: 767px) {
  .hero__slide .hero__text-a { width: auto; max-width: 100%; justify-content: flex-start; font-size: 13px; padding: 6px 12px; }
  .hero__slide h2.hero__text-a { font-size: 19px; width: auto; }
}

.chart-intro { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; padding-top: 30px; text-align: center; }
.chart-hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; overflow: hidden; }
.chart-hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: chartGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes chartGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.chart-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(235, 87, 87, 0.2); border: 1px solid var(--danger); border-radius: 50px; color: var(--danger); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; animation: pulseLive 2s infinite; }
@keyframes pulseLive { 0%, 100% { box-shadow: 0 0 0 0 rgba(235, 87, 87, 0.4); } 50% { box-shadow: 0 0 0 10px rgba(235, 87, 87, 0); } }
.chart-badge::before { content: ''; width: 8px; height: 8px; background: var(--danger); border-radius: 50%; animation: blinkLive 1s infinite; }
@keyframes blinkLive { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.chart-hero h2 { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; }
.chart-social { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 25px 0; position: relative; z-index: 2; }
.social-link { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 16px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); color: var(--text-secondary); font-size: 14px; font-weight: 500; font-family: 'Inter', sans-serif; text-decoration: none; transition: var(--transition-base); position: relative; overflow: hidden; }
.social-link::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.social-link:hover { border-color: var(--secondary); color: #fff; transform: translateY(-3px); box-shadow: var(--shadow-glow-secondary); }
.social-link:hover::before { opacity: 1; }
.social-link__icon { font-size: 20px; flex-shrink: 0; }
.chart-description { position: relative; z-index: 2; }
.chart-description p { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin-bottom: 20px; }
.chart-description p:last-child { margin-bottom: 0; }
.chart-description a { color: var(--secondary); text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); font-weight: 500; position: relative; }
.chart-description a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--primary); transition: var(--transition-fast); }
.chart-description a:hover { color: var(--primary); border-color: transparent; }
.chart-description a:hover::after { width: 100%; }
.chart-badge i { margin-right: 6px; font-size: 14px; }
.social-link__icon i { font-size: 18px; transition: var(--transition-base); }
.social-link:hover .social-link__icon i { transform: scale(1.1); }
.chart-cta i { margin-right: 8px; color: var(--primary); }
.chart-visual { display: flex; justify-content: center; gap: 8px; margin: 30px 0; position: relative; z-index: 2; }
.chart-bar { width: 8px; background: linear-gradient(to top, var(--primary), var(--secondary)); border-radius: 4px; animation: chartBar 1.5s ease-in-out infinite; }
.chart-bar:nth-child(1) { height: 40px; animation-delay: 0s; }
.chart-bar:nth-child(2) { height: 60px; animation-delay: 0.1s; }
.chart-bar:nth-child(3) { height: 80px; animation-delay: 0.2s; }
.chart-bar:nth-child(4) { height: 50px; animation-delay: 0.3s; }
.chart-bar:nth-child(5) { height: 70px; animation-delay: 0.4s; }
.chart-bar:nth-child(6) { height: 45px; animation-delay: 0.5s; }
@keyframes chartBar { 0%, 100% { transform: scaleY(1); opacity: 0.7; } 50% { transform: scaleY(1.2); opacity: 1; } }
.chart-cta { margin-top: 30px; padding: 25px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); border-left: 4px solid var(--secondary); transition: var(--transition-base); }
.chart-cta:hover { border-color: var(--secondary); box-shadow: var(--shadow-glow-secondary); }
.chart-cta p { margin: 0; font-size: 15px; color: var(--text-secondary); line-height: 1.6; }
.chart-cta a { color: var(--secondary); font-weight: 600; text-decoration: none; border-bottom: 2px dashed var(--secondary); transition: var(--transition-fast); }
.chart-cta a:hover { color: var(--primary); border-color: var(--primary); }
@media (max-width: 767px) {
  .chart-hero { padding: 30px 20px; }
  .chart-social { grid-template-columns: repeat(2, 1fr); }
  .chart-cta { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

.collab-section { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; opacity: 1 !important; transform: none !important; }
.collab-hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; overflow: hidden; text-align: center; }
.collab-hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: collabGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes collabGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.collab-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; }
.collab-badge i { margin-right: 6px; font-size: 14px; }
.info-card__icon i { font-size: 24px; color: var(--primary); transition: var(--transition-base); }
.info-card--success .info-card__icon i { color: var(--secondary); }
.info-card--warning .info-card__icon i { color: var(--danger); }
.principle-item__icon i { font-size: 14px; color: var(--danger); }
.principles-section h5 i { color: var(--purple); }
.collab-cta__btn i { transition: transform 0.3s ease; }
.collab-cta__btn:hover i { transform: translateX(3px); }
.collab-hero h2 { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; }
.collab-hero p { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin-bottom: 20px; position: relative; z-index: 2; }
.collab-hero p:last-child { margin-bottom: 0; }
.collab-hero strong { color: var(--primary); font-weight: 600; }
.collab-info { display: grid; gap: 20px; margin: 30px 0; }
.info-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); position: relative; overflow: hidden; opacity: 1 !important; transform: none !important; }
.info-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.info-card:hover { border-color: var(--secondary); transform: translateY(-3px); box-shadow: var(--shadow-glow-secondary); }
.info-card:hover::before { opacity: 1; }
.info-card__icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-sm); background: rgba(15, 163, 177, 0.15); margin-bottom: 15px; font-size: 20px; }
.info-card--warning .info-card__icon { background: rgba(235, 87, 87, 0.15); }
.info-card--success .info-card__icon { background: rgba(15, 163, 177, 0.15); }
.info-card h5 { font-size: 17px; font-weight: 600; color: #fff; margin: 0 0 12px 0; font-family: 'Inter', sans-serif; line-height: 1.3; }
.info-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.principles-section { margin-top: 40px; padding: 30px; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-light); border-left: 4px solid var(--purple); }
.principles-section h5 { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 10px; }
.principles-section h5::before { content: '⚖️'; font-size: 20px; }
.principles-list { display: grid; gap: 12px; }
.principle-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-light); }
.principle-item:last-child { border-bottom: none; padding-bottom: 0; }
.principle-item__icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgba(235, 87, 87, 0.15); border-radius: 50%; color: var(--danger); font-size: 14px; flex-shrink: 0; margin-top: 2px; }
.principle-item p { font-size: 15px; color: var(--text-secondary); line-height: 1.5; margin: 0; }
.collab-cta { margin-top: 40px; padding: 25px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-md); border: 1px solid var(--border-light); text-align: center; }
.collab-cta p { font-size: 16px; color: var(--text-secondary); margin: 0 0 20px 0; line-height: 1.6; }
.collab-cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); text-decoration: none; }
.collab-cta__btn:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4); }
.collab-cta__btn svg { transition: transform 0.3s ease; }
.collab-cta__btn:hover svg { transform: translateX(5px); }
@media (max-width: 767px) {
  .collab-hero { padding: 30px 20px; }
  .info-card { padding: 20px; }
  .principles-section { padding: 25px 20px; }
  .collab-cta { padding: 20px; }
  .collab-cta__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .collab-hero::before { animation: none !important; }
  .info-card { transition: none !important; }
}

.distro-package { width: 100%; margin: 40px auto; font-family: 'Inter', sans-serif; opacity: 1 !important; transform: none !important; }
.distro-package__hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 25px; overflow: hidden; text-align: center; }
.distro-package__hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: distroGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes distroGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.distro-package__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(255, 155, 66, 0.15); border: 1px solid var(--primary); border-radius: 50px; color: var(--primary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; position: relative; z-index: 2; }
.distro-package__badge i { font-size: 14px; }
.distro-package__hero h3 { display: block; font-size: clamp(20px, 4vw, 26px); font-weight: 700; color: #fff; margin: 0 0 15px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; }
.distro-package__price { display: inline-flex; align-items: baseline; gap: 10px; padding: 10px 20px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 155, 66, 0.3); border-radius: 50px; margin: 0 0 20px 0; position: relative; z-index: 2; }
.distro-package__price-amount { font-size: 26px; font-weight: 700; color: var(--primary); font-family: 'Inter', sans-serif; white-space: nowrap; }
.distro-package__price-desc { font-size: 13px; color: var(--text-secondary); font-weight: 400; }
.distro-package__hero > p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; margin: 0; position: relative; z-index: 2; max-width: 600px; margin-left: auto; margin-right: auto; }
.distro-package__features { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; margin-bottom: 25px; }
.feature-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); opacity: 1 !important; transform: none !important; animation: none !important; }
.feature-item:hover { background: rgba(255, 155, 66, 0.08); border-color: var(--primary); transform: translateX(5px); }
.feature-item i { color: var(--secondary); font-size: 16px; margin-top: 2px; flex-shrink: 0; }
.feature-item span { font-size: 14px; color: var(--text-secondary); line-height: 1.5; word-break: break-word; }
.distro-package__additional { display: grid; gap: 15px; margin-bottom: 25px; }
.additional-item { display: flex; gap: 15px; padding: 20px; background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); transition: var(--transition-base); }
.additional-item:hover { border-color: var(--secondary); transform: translateY(-3px); }
.additional-item--free { border-left: 3px solid var(--secondary); }
.additional-item--pubs { border-left: 3px solid var(--purple); }
.additional-item i { font-size: 24px; margin-top: 2px; flex-shrink: 0; }
.additional-item--free i { color: var(--secondary); }
.additional-item--pubs i { color: var(--purple); }
.additional-item strong { display: block; font-size: 15px; color: #fff; font-weight: 600; margin-bottom: 5px; font-family: 'Inter', sans-serif; }
.additional-item p { font-size: 13px; color: var(--text-secondary); line-height: 1.5; margin: 0; }
.distro-package__cta { text-align: center; padding: 25px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-md); border: 1px solid var(--border-light); }
.distro-package__cta p { font-size: 15px; color: var(--text-secondary); margin: 0 0 20px 0; line-height: 1.6; }
.distro-package__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); text-decoration: none; }
.distro-package__btn:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4); }
.distro-package__btn i { transition: transform 0.3s ease; }
.distro-package__btn:hover i { transform: translateX(5px); }
@media (max-width: 767px) {
  .distro-package { margin: 30px auto; }
  .distro-package__hero { padding: 30px 20px; }
  .distro-package__price { flex-direction: column; align-items: center; gap: 5px; }
  .distro-package__features { grid-template-columns: 1fr !important; }
  .feature-item { padding: 12px 16px !important; opacity: 1 !important; transform: none !important; }
  .additional-item { flex-direction: column; padding: 18px; }
  .distro-package__cta { padding: 20px; }
  .distro-package__btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .distro-package__hero::before { animation: none !important; }
  .feature-item, .additional-item { transition: none !important; animation: none !important; }
}

.radio-submit { width: 100%; margin: 0 auto; font-family: 'Inter', sans-serif; opacity: 1 !important; transform: none !important; }
.radio-submit__hero { position: relative; padding: 40px 30px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.12) 0%, rgba(15, 163, 177, 0.12) 100%); border-radius: var(--radius-lg); border: 1px solid var(--border-light); margin-bottom: 30px; margin-top: 30px; overflow: hidden; text-align: center; }
.radio-submit__hero::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 200%; background: radial-gradient(circle, rgba(255, 155, 66, 0.15) 0%, transparent 60%); animation: submitGlow 10s ease-in-out infinite; pointer-events: none; }
@keyframes submitGlow { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; } 50% { transform: translate(-10%, 10%) scale(1.1); opacity: 0.8; } }
.radio-submit__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(15, 163, 177, 0.15); border: 1px solid var(--secondary); border-radius: 50px; color: var(--secondary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; }
.radio-submit__badge i { margin-right: 6px; font-size: 14px; }
.info-card__icon i { font-size: 24px; color: var(--primary); transition: var(--transition-base); }
.info-card--warning .info-card__icon i { color: var(--danger); }
.process-section h5 i { color: var(--secondary); }
.listen-cta__link i { transition: transform 0.3s ease; }
.listen-cta__link:hover i { transform: scale(1.1); }
.radio-submit__hero h3 { font-size: clamp(22px, 4vw, 28px); font-weight: 700; color: #fff; margin: 0 0 20px 0; font-family: 'Inter', sans-serif; letter-spacing: -0.02em; line-height: 1.3; position: relative; z-index: 2; display: block; }
.radio-submit__hero > p { font-size: 16px; line-height: 1.7; color: var(--text-secondary); margin: 0; position: relative; z-index: 2; }
.radio-submit__hero > p br { display: none; }
@media (min-width: 768px) { .radio-submit__hero > p br { display: block; } }
.radio-submit__info { display: grid; gap: 20px; margin: 30px 0; }
.info-card { background: var(--bg-surface); border: 1px solid var(--border-light); border-radius: var(--radius-md); padding: 25px; transition: var(--transition-base); position: relative; overflow: hidden; opacity: 1 !important; transform: none !important; }
.info-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--secondary)); opacity: 0; transition: var(--transition-base); }
.info-card:hover { border-color: var(--secondary); transform: translateY(-3px); box-shadow: var(--shadow-glow-secondary); }
.info-card:hover::before { opacity: 1; }
.info-card__icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-sm); background: rgba(15, 163, 177, 0.15); margin-bottom: 15px; font-size: 20px; }
.info-card--warning .info-card__icon { background: rgba(235, 87, 87, 0.15); }
.info-card h5 { font-size: 17px; font-weight: 600; color: #fff; margin: 0 0 12px 0; font-family: 'Inter', sans-serif; line-height: 1.3; }
.info-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; margin: 0 0 15px 0; }
.info-card p:last-child { margin-bottom: 0; }
.info-card__price { display: inline-block; padding: 8px 16px; background: rgba(255, 155, 66, 0.15); border: 1px solid rgba(255, 155, 66, 0.3); border-radius: 50px; margin: 10px 0 15px 0; }
.info-card__price-amount { font-size: 22px; font-weight: 700; color: var(--primary); font-family: 'Inter', sans-serif; white-space: nowrap; }
.genres-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.genre-tag { display: inline-flex; align-items: center; padding: 4px 12px; background: rgba(255, 155, 66, 0.15); border: 1px solid rgba(255, 155, 66, 0.3); border-radius: 50px; color: var(--primary); font-size: 13px; font-weight: 500; font-family: 'Inter', sans-serif; }
.reject-list { list-style: none; padding: 0; margin: 10px 0 0 0; }
.reject-list li { padding: 10px 0; border-bottom: 1px solid var(--border-light); font-size: 15px; color: var(--text-secondary); line-height: 1.5; }
.reject-list li:last-child { border-bottom: none; padding-bottom: 0; }
.reject-list li::before { content: '✗'; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgba(235, 87, 87, 0.15); border-radius: 50%; color: var(--danger); font-size: 14px; font-weight: 600; flex-shrink: 0; margin-top: 2px; }
.process-section { margin: 30px 0; padding: 30px; background: var(--bg-surface); border-radius: var(--radius-md); border: 1px solid var(--border-light); }
.process-section h5 { font-size: 18px; font-weight: 600; color: #fff; margin: 0 0 25px 0; font-family: 'Inter', sans-serif; display: flex; align-items: center; gap: 10px; }
.process-steps { display: grid; gap: 20px; }
.process-step { display: flex; gap: 15px; align-items: flex-start; opacity: 1 !important; transform: none !important; animation: none !important; }
.process-step__number { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; font-weight: 600; font-size: 14px; flex-shrink: 0; }
.process-step__number i { font-size: 14px; }
.process-step--success .process-step__number { background: linear-gradient(135deg, var(--secondary), var(--purple)); }
.process-step--neutral .process-step__number { background: linear-gradient(135deg, var(--purple), var(--primary)); }
.process-step__content h6 { font-size: 15px; font-weight: 600; color: #fff; margin: 0 0 5px 0; font-family: 'Inter', sans-serif; line-height: 1.4; }
.process-step__content p { font-size: 14px; color: var(--text-secondary); margin: 0; line-height: 1.5; }
.listen-cta { margin-top: 30px; padding: 25px; background: linear-gradient(135deg, rgba(255, 155, 66, 0.1) 0%, rgba(15, 163, 177, 0.1) 100%); border-radius: var(--radius-md); border: 1px solid var(--border-light); text-align: center; }
.listen-cta p { font-size: 16px; color: var(--text-secondary); margin: 0 0 20px 0; line-height: 1.6; }
.listen-cta__link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 15px; font-weight: 600; font-family: 'Inter', sans-serif; transition: var(--transition-base); box-shadow: var(--shadow-glow-primary); text-decoration: none; }
.listen-cta__link:hover { background: var(--bg-surface); color: var(--primary); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 155, 66, 0.4); }
.listen-cta__link svg { transition: transform 0.3s ease; }
.listen-cta__link:hover svg { transform: translateX(5px); }
@media (max-width: 767px) {
  .radio-submit { margin-top: 30px; }
  .radio-submit__hero { padding: 30px 20px; }
  .info-card { padding: 20px; }
  .info-card__price { width: 100%; text-align: center; }
  .info-card__price-amount { font-size: 20px; }
  .process-section { padding: 25px 20px; }
  .process-step { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 12px !important; }
  .process-step__number { margin-bottom: 10px !important; }
  .process-step__content { width: 100% !important; }
  .listen-cta { padding: 20px; }
  .listen-cta__link { width: 100%; justify-content: center; }
  .genres-list { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .radio-submit__hero::before { animation: none !important; }
  .info-card, .process-step { transition: none !important; animation: none !important; }
}