.track-systems-page{background:#fff;min-height:100vh}.track-hero{background:linear-gradient(135deg,#00a33e0d 0%,#4cd9640d 100%),radial-gradient(circle at 20% 30%,#00a33e14,#0000 50%);padding:8rem 0 4rem;position:relative;overflow:hidden}.track-hero:before{content:"";filter:blur(60px);background:radial-gradient(circle,#00a33e1a,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite float;position:absolute;top:-100px;right:-100px}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-30px,30px)rotate(120deg)}66%{transform:translate(20px,-20px)rotate(240deg)}}.track-hero-content{z-index:1;text-align:center;max-width:900px;margin:0 auto;animation:.8s ease-out fadeInUp;position:relative}.track-hero-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem}.track-hero-description{font-family:var(--font-primary);color:var(--text-secondary);max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.7}.track-content{padding:4rem 0;overflow-x:hidden}.track-description{background:#fff;padding:4rem 0}.description-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:3rem;display:grid}.description-text{flex-direction:column;gap:1.5rem;display:flex}.description-paragraph{font-family:var(--font-primary);color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.description-paragraph strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.description-image-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition-bounce);position:relative;overflow:hidden}.description-image-wrapper:hover{box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.description-image{object-fit:cover;width:100%;height:auto;display:block}.track-types{background:linear-gradient(#fafbfc 0%,#f5f5f5 100%),radial-gradient(circle at 80% 70%,#00a33e08,#0000 50%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:4rem 0;position:relative}.types-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.type-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition-bounce);background:#fff;border:2px solid #0000;flex-direction:column;display:flex;position:relative;overflow:hidden}.type-card-featured{border-color:#00a33e4d;transform:scale(1.02)}.type-card:hover{box-shadow:var(--shadow-2xl);border-color:#00a33e4d;transform:translateY(-10px)scale(1.02)}.type-image-wrapper{background:#f5f5f5;width:100%;height:250px;position:relative;overflow:hidden}.type-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.type-card:hover .type-image{transform:scale(1.1)}.type-badge{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:.85rem;font-weight:var(--font-weight-semibold);z-index:2;padding:.5rem 1rem;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #00a33e4d}.type-badge-trend{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.type-card>:not(.type-image-wrapper):not(.type-badge){padding-left:2rem;padding-right:2rem}.type-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin:1.5rem 0 1rem}.type-description{font-family:var(--font-primary);color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.type-features{flex-direction:column;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.type-features li{font-family:var(--font-primary);color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.6;display:flex}.type-features li i{color:var(--primary-color);flex-shrink:0;margin-top:.2rem;font-size:1.1rem}.type-price{background:#00a33e0d;border-top:2px solid #00a33e1a;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 2rem;display:flex}.type-price:not(:last-child){border-top:none;border-bottom:1px solid #00a33e0d}.type-price .price-label{font-family:var(--font-primary);color:var(--text-secondary);font-size:1rem}.type-price .price-value{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-weight-extrabold);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.track-advantages{background:#fff;padding:4rem 0}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.advantage-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-bounce);background:#fff;border:2px solid #0000;padding:2.5rem;position:relative;overflow:hidden}.advantage-card:before{content:"";background:var(--primary-gradient);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.advantage-card:hover{box-shadow:var(--shadow-xl);border-color:#00a33e33;transform:translateY(-8px)}.advantage-card:hover:before{transform:scaleX(1)}.advantage-icon{background:var(--primary-gradient);border-radius:var(--radius-lg);color:#fff;width:64px;height:64px;transition:var(--transition-bounce);justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.75rem;display:flex;box-shadow:0 4px 12px #00a33e4d}.advantage-card:hover .advantage-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 20px #00a33e66}.advantage-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;text-align:center;margin-bottom:1rem}.advantage-text{font-family:var(--font-primary);color:var(--text-secondary);text-align:center;font-size:1rem;line-height:1.7}.track-applications{background:#fff;padding:4rem 0}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.application-card{border-radius:var(--radius-xl);transition:var(--transition-bounce);text-align:center;background:#fff;border:2px solid #00a33e1a;padding:2rem}.application-card:hover{box-shadow:var(--shadow-lg);border-color:#00a33e4d;transform:translateY(-5px)}.application-icon{width:80px;height:80px;color:var(--primary-color);transition:var(--transition-bounce);background:#00a33e1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.application-card:hover .application-icon{background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.application-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1rem}.application-text{font-family:var(--font-primary);color:var(--text-secondary);font-size:1rem;line-height:1.7}.track-comparison{background:linear-gradient(#fafbfc 0%,#fff 100%),radial-gradient(circle at 20% 30%,#00a33e08,#0000 50%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:4rem 0;position:relative}.comparison-table-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:3rem;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-family:var(--font-primary);background:#fff}.comparison-table thead{background:var(--primary-gradient);color:#fff}.comparison-table th{font-family:var(--font-heading);font-size:1.1rem;font-weight:var(--font-weight-bold);text-align:left;letter-spacing:-.01em;padding:1.5rem 1.25rem}.comparison-table th:first-child{border-top-left-radius:var(--radius-xl)}.comparison-table th:last-child{border-top-right-radius:var(--radius-xl)}.comparison-table tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .3s}.comparison-table tbody tr:hover{background-color:#00a33e08}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table td{color:var(--text-secondary);padding:1.25rem;font-size:1rem}.comparison-table .feature-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:1.05rem}.comparison-value{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--text-primary);background:#00a33e14;padding:.35rem .75rem;display:inline-block}.comparison-value.value-good{color:var(--primary-color);font-weight:var(--font-weight-semibold);background:#00a33e26}.comparison-value.value-warning{color:#f57c00;background:#ffc10726}.track-installation{background:#fff;padding:4rem 0}.installation-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.installation-step{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-bounce);background:#fff;border:2px solid #0000;padding:3.5rem 2rem 2rem;position:relative}.installation-step:hover{box-shadow:var(--shadow-lg);border-color:#00a33e33;transform:translateY(-5px)}.step-number{background:var(--primary-gradient);width:3rem;height:3rem;font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--font-weight-extrabold);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-1.5rem;left:2rem;box-shadow:0 4px 12px #00a33e4d}.step-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:1rem}.step-description{font-family:var(--font-primary);color:var(--text-secondary);font-size:1rem;line-height:1.7}.track-pricing{background:linear-gradient(135deg,#00a33e0d 0%,#4cd9640d 100%),radial-gradient(circle at 80% 70%,#00a33e14,#0000 50%);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:4rem 0;position:relative}.pricing-card{border-radius:var(--radius-2xl);max-width:900px;box-shadow:var(--shadow-xl);background:#fff;border:2px solid #00a33e1a;margin:0 auto;padding:3rem}.pricing-content{text-align:center}.pricing-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem}.pricing-description{font-family:var(--font-primary);color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.pricing-info{text-align:left;flex-direction:column;gap:1.25rem;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:flex}.price-item{border-radius:var(--radius-md);border-left:3px solid var(--primary-color);background:#00a33e0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.price-label{font-family:var(--font-primary);color:var(--text-secondary);font-size:1.1rem}.price-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:var(--font-weight-extrabold);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-note{border-radius:var(--radius-md);border-left:3px solid var(--primary-color);font-family:var(--font-primary);color:var(--text-secondary);text-align:left;background:#00a33e14;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1.25rem;font-size:1rem;line-height:1.7;display:flex}.pricing-note i{color:var(--primary-color);flex-shrink:0;margin-top:.2rem;font-size:1.2rem}.track-cta{background:var(--primary-gradient);color:#fff;text-align:center;padding:5rem 0;position:relative;overflow:hidden}.track-cta:before,.track-cta:after{content:"";filter:blur(60px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite ctaPulse;position:absolute}.track-cta:before{background:#fff3;width:400px;height:400px;top:-200px;left:-200px}.track-cta:after{background:#4cd9644d;width:300px;height:300px;animation-delay:-4s;bottom:-150px;right:-150px}@keyframes ctaPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.track-cta .cta-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.track-cta .cta-title{font-family:var(--font-heading);font-size:3rem;font-weight:var(--font-weight-extrabold);text-shadow:3px 3px 10px #0000004d;letter-spacing:-.02em;margin-bottom:1.5rem}.track-cta .cta-description{font-family:var(--font-primary);font-size:1.25rem;font-weight:var(--font-weight-medium);opacity:.97;text-shadow:1px 1px 3px #0003;margin-bottom:2.5rem;line-height:1.7}.track-cta .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.track-cta .cta-btn{font-family:var(--font-primary);font-size:1.15rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);transition:var(--transition-bounce);color:#fff;-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #ffffff4d;align-items:center;gap:.5rem;padding:1.25rem 2.75rem;text-decoration:none;display:inline-flex;box-shadow:0 8px 25px #0003,0 3px 10px #00000026,inset 0 1px #ffffff4d}.track-cta .cta-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-5px)scale(1.03);box-shadow:0 15px 40px #0000004d,0 6px 15px #0003,inset 0 1px #fff6}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:var(--font-weight-extrabold);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem}.section-description{font-family:var(--font-primary);color:var(--text-secondary);max-width:800px;margin:0 auto;font-size:1.15rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.description-grid{grid-template-columns:1fr;gap:2.5rem}.types-grid{grid-template-columns:1fr}.advantages-grid,.applications-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.installation-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.track-hero{padding:6rem 0 3rem}.track-hero-title{font-size:2.5rem}.track-hero-description{font-size:1.1rem}.track-content,.track-description,.track-types,.track-advantages,.track-applications,.track-comparison,.track-installation,.track-pricing{padding:3rem 0}.section-title{font-size:2rem}.section-description{font-size:1rem}.type-card{padding:1.5rem}.advantage-card,.application-card,.installation-step,.pricing-card{padding:2rem}.pricing-title{font-size:2rem}.track-cta .cta-title{font-size:2.2rem}.track-cta .cta-description{font-size:1.1rem}.track-cta .cta-buttons{flex-direction:column;align-items:center}.track-cta .cta-btn{width:100%;max-width:300px}.comparison-table-wrapper{font-size:.9rem}.comparison-table th,.comparison-table td{padding:1rem .75rem}}@media (max-width:480px){.track-hero-title{font-size:2rem}.track-hero-description{font-size:1rem}.section-title{font-size:1.75rem}.type-card,.advantage-card,.application-card,.installation-step{padding:1.5rem}.advantage-icon{width:56px;height:56px;font-size:1.5rem}.advantage-title,.application-title{font-size:1.25rem}.pricing-card{padding:1.5rem}.pricing-title{font-size:1.75rem}.price-item{flex-direction:column;align-items:flex-start;gap:.5rem}.track-cta .cta-title{font-size:1.75rem}.track-cta{padding:4rem 0}.comparison-table th,.comparison-table td{padding:.75rem .5rem;font-size:.85rem}}
