.installation-hero{position:relative;background:linear-gradient(135deg,var(--primary-deep),var(--primary-navy));color:var(--white);padding:var(--space-3xl) 0;overflow:hidden;min-height:600px}.installation-hero .hero-content{max-width:900px;position:relative;z-index:10}.installation-hero-stats .stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-teal)}.quick-start{padding:var(--space-3xl) 0;background:var(--white)}.steps-container{max-width:800px;margin:0 auto}.quick-step{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative}.quick-step:not(:last-child)::after{content:'';position:absolute;left:25px;top:60px;bottom:-30px;width:2px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));opacity:.3}.quick-step .step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));color:var(--white);font-size:1.5rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.step-content{flex:1}.step-content h3{font-size:1.5rem;color:var(--primary-deep);margin-bottom:var(--space-xs)}.step-content p{color:var(--gray-600);margin-bottom:var(--space-sm)}.step-note{background:var(--gray-50);border-left:4px solid var(--accent-teal);padding:var(--space-sm);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm)}.step-note i{color:var(--accent-teal);font-size:1.25rem}.player-list{list-style:none;margin-top:var(--space-xs)}.player-list li{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);color:var(--gray-600)}.player-list li i{color:var(--accent-teal)}.device-tabs-section{padding:var(--space-2xl) 0 var(--space-lg);background:var(--off-white)}.device-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.device-tab{padding:var(--space-sm) var(--space-lg);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-weight:600;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.device-tab i{font-size:1.1rem}.device-tab:hover{border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-2px)}.device-tab.active{background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));color:var(--white);border-color:#fff0;box-shadow:var(--shadow-md)}.device-guides{padding:var(--space-2xl) 0;background:var(--white)}.device-guide{display:none;animation:fadeIn 0.5s ease}.device-guide.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-header{text-align:center;margin-bottom:var(--space-xl)}.guide-icon{width:80px;height:80px;background:linear-gradient(135deg,rgb(0 201 183 / .1),rgb(255 179 71 / .1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.guide-icon i{font-size:3rem;background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.guide-header h2{font-size:2.5rem;color:var(--primary-deep);margin-bottom:var(--space-xs)}.guide-header p{color:var(--gray-500);font-size:1.1rem}.guide-content{max-width:800px;margin:0 auto}.guide-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-lg)}.guide-section h3{font-size:1.3rem;color:var(--primary-deep);margin-bottom:var(--space-md);display:flex;align-items:center;gap:.5rem}.guide-section h3 i{color:var(--accent-teal)}.guide-section ul,.guide-section ol{padding-left:var(--space-lg);color:var(--gray-600)}.guide-section li{margin-bottom:var(--space-xs)}.guide-section code{background:var(--gray-800);color:var(--accent-teal);padding:.2rem .5rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.9rem}.tip-box{background:rgb(0 201 183 / .1);border:1px solid var(--accent-teal);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.tip-box i{color:var(--accent-teal);font-size:1.5rem}.help-box{background:linear-gradient(135deg,var(--primary-deep),var(--primary-navy));color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}.help-box i{font-size:3rem;color:var(--accent-teal)}.help-box h4{color:var(--white);font-size:1.2rem;margin-bottom:.25rem}.help-box p{color:var(--gray-300)}.help-box a{color:var(--accent-gold);text-decoration:none;font-weight:600}.help-box a:hover{text-decoration:underline}.video-tutorials{padding:var(--space-3xl) 0;background:var(--off-white)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.video-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.video-thumbnail{background:linear-gradient(135deg,var(--primary-deep),var(--primary-navy));height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);position:relative}.video-thumbnail i{font-size:4rem;color:var(--accent-teal);margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.video-card:hover .video-thumbnail i{transform:scale(1.1);color:var(--accent-gold)}.video-thumbnail span{font-weight:600}.video-info{padding:var(--space-lg)}.video-info h3{font-size:1.2rem;color:var(--primary-deep);margin-bottom:var(--space-xs)}.video-info p{color:var(--gray-500);font-size:.9rem;margin-bottom:var(--space-md)}.common-issues{padding:var(--space-3xl) 0;background:var(--white)}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.issue-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.issue-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.issue-icon{width:60px;height:60px;background:linear-gradient(135deg,rgb(0 201 183 / .1),rgb(255 179 71 / .1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.issue-icon i{font-size:2rem;color:var(--accent-teal)}.issue-card h3{font-size:1.2rem;color:var(--primary-deep);margin-bottom:var(--space-md)}.issue-card ul{list-style:none}.issue-card li{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);margin-bottom:var(--space-xs);font-size:.95rem}.issue-card li i{color:var(--accent-teal);font-size:.9rem}.support-cta{text-align:center;background:linear-gradient(135deg,rgb(0 201 183 / .05),rgb(255 179 71 / .05));border-radius:var(--radius-lg);padding:var(--space-xl)}.support-cta h3{font-size:1.5rem;color:var(--primary-deep);margin-bottom:var(--space-xs)}.support-cta p{color:var(--gray-500);margin-bottom:var(--space-lg)}.recommended-players{padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--primary-deep),var(--primary-navy))}.recommended-players .section-header{color:var(--white)}.recommended-players .section-description{color:var(--gray-300)}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.player-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal)}.player-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.player-icon{width:80px;height:80px;background:linear-gradient(135deg,rgb(0 201 183 / .1),rgb(255 179 71 / .1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.player-icon i{font-size:3rem;background:linear-gradient(135deg,var(--accent-teal),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.player-card h3{font-size:1.3rem;color:var(--primary-deep);margin-bottom:.25rem}.player-device{color:var(--accent-teal);font-weight:600;margin-bottom:var(--space-md)}.player-card ul{text-align:left;margin:var(--space-md) 0;list-style:none}.player-card li{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);margin-bottom:var(--space-xs);font-size:.9rem}.player-card li i{color:var(--accent-teal)}.installation-faq{background:var(--white)}.installation-faq .faq-grid{max-width:800px;margin:0 auto var(--space-xl)}.installation-cta{background:var(--off-white)}@media (max-width:968px){.installation-hero-stats .stat-number{font-size:2rem}.guide-header h2{font-size:2rem}}@media (max-width:768px){.quick-step{flex-direction:column;gap:var(--space-sm)}.quick-step:not(:last-child)::after{left:25px;top:80px}.device-tabs{gap:.5rem}.device-tab{padding:.4rem .8rem;font-size:.85rem}.guide-header h2{font-size:1.8rem}.help-box{flex-direction:column;text-align:center}.players-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}@media (max-width:480px){.installation-hero-stats .stat-number{font-size:1.5rem}.device-tab{width:calc(50% - 0.25rem)}.guide-section{padding:var(--space-md)}.tip-box{flex-direction:column;text-align:center}}.faq-question{cursor:pointer;transition:background-color 0.2s ease}.faq-question:hover{background-color:rgb(0 201 183 / .05)}.faq-question .arrow i{transition:transform 0.3s cubic-bezier(.68,-.55,.265,1.55)}.faq-question[aria-expanded="true"] .arrow i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out,padding 0.3s ease,opacity 0.3s ease;opacity:0;padding:0 1.5rem}.faq-answer[aria-hidden="false"]{max-height:500px;opacity:1;padding:1rem 1.5rem}