:root {
   --advantages-primary: #c99a18;
   --advantages-primary-light: #e7b836;
   --advantages-primary-dark: #a1720e;
   --advantages-black: #000;
   --advantages-white: #fff;
   --advantages-dark-bg: #0a0a0a;
   --advantages-dark-bg-light: #1a1a1a;
   --advantages-dark-bg-medium: #2d2d2d;
   --advantages-primary-alpha-05: rgba(201, 154, 24, 0.05);
   --advantages-primary-alpha-10: rgba(201, 154, 24, 0.1);
   --advantages-primary-alpha-15: rgba(201, 154, 24, 0.15);
   --advantages-primary-alpha-20: rgba(201, 154, 24, 0.2);
   --advantages-primary-alpha-30: rgba(201, 154, 24, 0.3);
   --advantages-primary-alpha-40: rgba(201, 154, 24, 0.4);
   --advantages-primary-alpha-50: rgba(201, 154, 24, 0.5);
   --advantages-primary-alpha-60: rgba(201, 154, 24, 0.6);
   --advantages-white-alpha-03: rgba(255, 255, 255, 0.03);
   --advantages-white-alpha-05: rgba(255, 255, 255, 0.05);
   --advantages-white-alpha-10: rgba(255, 255, 255, 0.1);
   --advantages-white-alpha-20: rgba(255, 255, 255, 0.2);
   --advantages-white-alpha-50: rgba(255, 255, 255, 0.5);
   --advantages-white-alpha-60: rgba(255, 255, 255, 0.6);
   --advantages-white-alpha-70: rgba(255, 255, 255, 0.7);
   --advantages-white-alpha-80: rgba(255, 255, 255, 0.8);
   --advantages-white-alpha-90: rgba(255, 255, 255, 0.9);
}

.advantages {
   padding-top: 4rem;
   position: relative;
   overflow: hidden;
}


@keyframes patternMove {
   0% { transform: translate(0, 0); }
   100% { transform: translate(60px, 60px); }
}



.container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 2rem;
   position: relative;
   z-index: 3;
}

.advantages__header {
   text-align: center;
   margin-bottom: 5rem;
}

.advantages__badge {
   display: inline-flex;
   align-items: center;
   gap: 0.75rem;
   padding: 1rem 2.5rem;
   background: var(--advantages-primary-alpha-10);
   border: 1px solid var(--advantages-primary-alpha-30);
   border-radius: 50px;
   margin-bottom: 2rem;
   backdrop-filter: blur(20px);
   animation: badgeFloat 4s ease-in-out infinite;
   box-shadow: 0 8px 32px var(--advantages-primary-alpha-20);
}

@keyframes badgeFloat {
   0%, 100% { transform: translateY(0px) rotate(0deg); }
   50% { transform: translateY(-12px) rotate(1deg); }
}

.advantages__badge-dot {
   width: 12px;
   height: 12px;
   background: var(--advantages-primary);
   border-radius: 50%;
   animation: dotPulse 2.5s infinite;
   box-shadow: 0 0 25px var(--advantages-primary-alpha-60);
}

@keyframes dotPulse {
   0%, 100% { transform: scale(1); opacity: 1; }
   50% { transform: scale(1.4); opacity: 0.8; }
}

.advantages__badge-text {
   color: var(--advantages-primary);
   font-size: 1.125rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.advantages__title {
   font-size: clamp(2.5rem, 8vw, 6rem);
   font-weight: 900;
   margin-bottom: 2rem;
   text-transform: uppercase;
   letter-spacing: clamp(-2px, -0.5vw, -3px);
   line-height: 1.1;
   word-break: break-word;
}

.advantages__title-main {
   display: block;
   background: linear-gradient(135deg, var(--advantages-white) 0%, var(--advantages-primary) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

.advantages__title-highlight {
   display: block;
   background: linear-gradient(135deg, var(--advantages-primary) 0%, var(--advantages-primary-light) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   background-size: 200% auto;
   animation: titleShimmer 4s ease-in-out infinite;
   margin-top: clamp(-0.8rem, -2vw, -0.5rem);
}

@keyframes titleShimmer {
   0%, 100% { background-position: 0% 50%; }
   50% { background-position: 100% 50%; }
}

.advantages__subtitle {
   font-size: clamp(1.25rem, 2.5vw, 1.75rem);
   color: var(--advantages-white-alpha-80);
   max-width: 800px;
   margin: 0 auto;
   line-height: 1.6;
   font-weight: 300;
}

.advantages__grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 2.5rem;
   margin-bottom: 6rem;
}

.advantage-card {
   background: var(--advantages-white-alpha-05);
   border: 1px solid var(--advantages-white-alpha-10);
   border-radius: 24px;
   padding: 2.5rem;
   position: relative;
   transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
   backdrop-filter: blur(20px);
   cursor: pointer;
   overflow: hidden;
}

.advantage-card:hover {
   transform: translateY(-20px) scale(1.02);
   border-color: var(--advantages-primary-alpha-50);
   box-shadow: 
       0 30px 60px var(--advantages-primary-alpha-20),
       0 0 0 1px var(--advantages-primary-alpha-30),
       inset 0 1px 0 var(--advantages-white-alpha-10);
   background: var(--advantages-white-alpha-10);
}

.advantage-card__icon {
   position: relative;
   width: 80px;
   height: 80px;
   margin-bottom: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.advantage-card__icon-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, var(--advantages-primary) 0%, var(--advantages-primary-light) 100%);
   border-radius: 20px;
   transition: all 0.5s ease;
   opacity: 0.1;
}

.advantage-card:hover .advantage-card__icon-bg {
   opacity: 1;
   transform: rotate(10deg) scale(1.1);
   box-shadow: 0 15px 40px var(--advantages-primary-alpha-40);
}

.advantage-card__icon-svg {
   width: 40px;
   height: 40px;
   color: var(--advantages-primary);
   z-index: 1;
   transition: all 0.5s ease;
}

.advantage-card:hover .advantage-card__icon-svg {
   color: var(--advantages-black);
   transform: scale(1.2);
}

.advantage-card__content {
   position: relative;
   z-index: 2;
}

.advantage-card__title {
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--advantages-white);
   margin-bottom: 1rem;
   transition: color 0.3s ease;
}

.advantage-card:hover .advantage-card__title {
   color: var(--advantages-primary-light);
}

.advantage-card__description {
   font-size: 1rem;
   color: var(--advantages-white-alpha-70);
   line-height: 1.6;
   margin-bottom: 1.5rem;
   transition: color 0.3s ease;
}

.advantage-card:hover .advantage-card__description {
   color: var(--advantages-white-alpha-90);
}

.advantage-card__stats {
   display: flex;
   gap: 1rem;
}

.stat-mini {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0.75rem 1.25rem;
   background: var(--advantages-white-alpha-05);
   border: 1px solid var(--advantages-white-alpha-10);
   border-radius: 12px;
   transition: all 0.3s ease;
}

.advantage-card:hover .stat-mini {
   background: var(--advantages-primary-alpha-15);
   border-color: var(--advantages-primary-alpha-30);
}

.stat-mini__number {
   font-size: 1.25rem;
   font-weight: 800;
   color: var(--advantages-primary);
   line-height: 1;
}

.stat-mini__label {
   font-size: 0.75rem;
   color: var(--advantages-white-alpha-60);
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-top: 0.25rem;
}

.advantage-card__glow {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(135deg, var(--advantages-primary-alpha-20) 0%, transparent 70%);
   opacity: 0;
   transition: opacity 0.5s ease;
   border-radius: 24px;
   z-index: 1;
}

.advantage-card:hover .advantage-card__glow {
   opacity: 1;
}

.advantages__bottom {
   margin-top: 4rem;
}

.advantages__counter {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
   gap: 1.5rem;
   background: var(--advantages-white-alpha-03);
   border: 1px solid var(--advantages-white-alpha-10);
   border-radius: 20px;
   padding: 2.5rem 1.5rem;
   backdrop-filter: blur(20px);
   position: relative;
   overflow: hidden;
}

@keyframes counterShine {
   0% { left: -100%; }
   100% { left: 100%; }
}

.counter-item {
   text-align: center;
   position: relative;
   padding: 1rem 0.5rem;
}

.counter-item__number {
   font-size: clamp(2rem, 6vw, 3.5rem);
   font-weight: 900;
   color: var(--advantages-primary);
   display: block;
   line-height: 1;
   margin-bottom: 0.75rem;
}

.counter-item__label {
   font-size: clamp(0.75rem, 2vw, 0.9rem);
   color: var(--advantages-white-alpha-70);
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 0.75rem;
   line-height: 1.3;
   hyphens: auto;
   word-break: break-word;
}

.counter-item__icon {
   width: 24px;
   height: 24px;
   color: var(--advantages-primary);
   margin: 0 auto;
   opacity: 0.8;
}

.counter-item__icon svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
}

.advantages__particles {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 1;
}

.particle {
   position: absolute;
   width: 6px;
   height: 6px;
   background: var(--advantages-primary);
   border-radius: 50%;
   opacity: 0;
   animation: particleFloat 20s infinite linear;
}

.particle:nth-child(1) { left: 10%; animation-delay: 0s; }
.particle:nth-child(2) { left: 20%; animation-delay: 4s; }
.particle:nth-child(3) { left: 30%; animation-delay: 8s; }
.particle:nth-child(4) { left: 70%; animation-delay: 12s; }
.particle:nth-child(5) { left: 80%; animation-delay: 16s; }
.particle:nth-child(6) { left: 90%; animation-delay: 2s; }

@keyframes particleFloat {
   0% {
       transform: translateY(100vh) scale(0);
       opacity: 0;
   }
   10% {
       opacity: 1;
   }
   90% {
       opacity: 1;
   }
   100% {
       transform: translateY(-100vh) scale(1.5);
       opacity: 0;
   }
}

@keyframes rippleExpand {
   to {
       transform: translate(-50%, -50%) scale(20);
       opacity: 0;
   }
}

@media (max-width: 1200px) {
   .advantages__grid {
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
       gap: 2rem;
   }
}

@media (max-width: 1024px) {
   .advantages__title {
       font-size: clamp(2.2rem, 7vw, 4.5rem);
       letter-spacing: clamp(-1.5px, -0.3vw, -2px);
   }
   
   .advantages__title-highlight {
       margin-top: clamp(-0.6rem, -1.5vw, -0.4rem);
   }
   
   .advantages__counter {
       grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
       gap: 1.2rem;
       padding: 2rem 1rem;
   }
}

@media (max-width: 768px) {
   .advantages {
       padding: 5rem 0;
   }
   
   .advantages__title {
       font-size: clamp(1.8rem, 9vw, 3.5rem);
       letter-spacing: clamp(-1px, -0.2vw, -1.5px);
       margin-bottom: 1.5rem;
   }
   
   .advantages__title-highlight {
       margin-top: clamp(-0.5rem, -1vw, -0.3rem);
   }
   
   .container {
       padding: 0 1rem;
   }
   
   .advantages__header {
       margin-bottom: 3rem;
   }
   
   .advantages__grid {
       grid-template-columns: 1fr;
       gap: 1.5rem;
       margin-bottom: 4rem;
   }
   
   .advantage-card {
       padding: 2rem;
   }
   
   .advantage-card__icon {
       width: 60px;
       height: 60px;
       margin-bottom: 1.5rem;
   }
   
   .advantage-card__icon-svg {
       width: 30px;
       height: 30px;
   }
   
   .advantage-card__title {
       font-size: 1.25rem;
   }
   
   .advantages__counter {
       grid-template-columns: repeat(2, 1fr);
       gap: 1rem;
       padding: 1.5rem 0.8rem;
   }
   
   .counter-item {
       padding: 0.8rem 0.3rem;
   }
   
   .counter-item__number {
       font-size: clamp(1.5rem, 8vw, 2.5rem);
       margin-bottom: 0.5rem;
   }
   
   .counter-item__label {
       font-size: clamp(0.65rem, 2.5vw, 0.8rem);
       margin-bottom: 0.5rem;
   }
   
   .counter-item__icon {
       width: 20px;
       height: 20px;
   }
}

@media (max-width: 480px) {
   .advantages {
       padding: 4rem 0;
   }
   
   .advantages__title {
       font-size: clamp(1.5rem, 10vw, 2.8rem);
       letter-spacing: clamp(-0.5px, -0.1vw, -1px);
   }
   
   .advantages__title-highlight {
       margin-top: clamp(-0.4rem, -0.8vw, -0.2rem);
   }
   
   .advantage-card {
       padding: 1.5rem;
   }
   
   .advantages__counter {
       grid-template-columns: 1fr;
       gap: 0.8rem;
       padding: 1.2rem 0.6rem;
   }
   
   .counter-item {
       padding: 0.6rem 0.2rem;
   }
   
   .counter-item__number {
       font-size: clamp(1.3rem, 7vw, 2rem);
       margin-bottom: 0.4rem;
   }
   
   .counter-item__label {
       font-size: clamp(0.6rem, 2.2vw, 0.75rem);
       margin-bottom: 0.4rem;
   }
   
   .counter-item__icon {
       width: 18px;
       height: 18px;
   }
   
   .particle {
       width: 4px;
       height: 4px;
   }
}

@media (max-width: 360px) {
   .advantages__title {
       font-size: clamp(1.3rem, 11vw, 2.2rem);
   }
   
   .advantages__counter {
       padding: 1rem 0.5rem;
   }
   
   .counter-item__number {
       font-size: clamp(1.1rem, 6vw, 1.8rem);
   }
   
   .counter-item__label {
       font-size: clamp(0.55rem, 2vw, 0.7rem);
   }
   
   .counter-item__icon {
       width: 16px;
       height: 16px;
   }
}