.installation-hero{position:relative;padding:calc(80px + var(--space-8)) 0 var(--space-12);background:var(--bg-card);overflow:hidden;border-bottom:1px solid var(--border)}.installation-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:center}@media(max-width:900px){.installation-hero-grid{grid-template-columns:1fr;text-align:center}.installation-hero-image-wrapper{order:-1;max-width:500px;margin:0 auto}}.installation-hero-title{font-size:3rem;font-weight:var(--weight-extrabold);line-height:1.2;margin-bottom:var(--space-4);color:var(--text-primary)}.installation-hero-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.installation-hero-image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden}.installation-hero-image{width:100%;height:auto;display:block;border-radius:var(--radius-2xl);box-shadow:0 0 40px #2563eb26,0 20px 50px #0006}.installation-hero-image-glow{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-2xl);pointer-events:none}.notice-section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.important-notice{display:flex;align-items:flex-start;gap:var(--space-5);background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border:1px solid rgba(245,158,11,.25);border-left:4px solid var(--warning);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:0 4px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice-icon{font-size:24px;background:#f59e0b26;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;border:1px solid rgba(245,158,11,.2)}.notice-content h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--warning);margin-bottom:var(--space-2)}.notice-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.notice-content a{color:var(--cyan);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:3px}.notice-content a:hover{color:var(--text-primary)}@media(max-width:640px){.important-notice{flex-direction:column;padding:var(--space-6)}}.device-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.device-card{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-3);text-align:center;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.device-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 4px 20px #06b6d426}.device-card.active{background:#06b6d414;border-color:var(--cyan);box-shadow:0 0 15px #06b6d433}.device-card-image-wrap{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.device-card:hover .device-card-image-wrap{border-color:#06b6d44d;transform:scale(1.05)}.device-card.active .device-card-image-wrap{border-color:var(--cyan);background:#06b6d41a}.device-graphic{width:90%;height:90%;object-fit:contain;border-radius:var(--radius-lg)}.device-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-top:auto}.instruction-pane{display:none;animation:fadeIn .4s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8)}.instruction-pane.active{display:block}.pane-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-5);color:var(--text-primary);border-left:4px solid var(--cyan);padding-left:var(--space-3)}.steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.steps-list li{display:flex;align-items:flex-start;background:#ffffff05;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text-secondary)}.steps-list li strong{color:var(--text-primary)}.steps-list li span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-weight:var(--weight-bold);margin-right:var(--space-5);flex-shrink:0}@media(max-width:768px){.instruction-pane>div[style*="display: grid"]{grid-template-columns:1fr!important}}.quick-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden}.quick-contact-form-wrapper{padding:var(--space-8) var(--space-10)}.quick-contact-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.3;margin-bottom:var(--space-6);color:var(--text-primary)}.quick-contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.quick-contact-form .form-control{width:100%;padding:var(--space-4);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-base)}.quick-contact-form .form-control:focus{outline:none;border-color:var(--cyan);background:#ffffff0d;box-shadow:0 0 10px #06b6d426}.quick-contact-image-wrapper{position:relative;height:100%;min-height:400px}.quick-contact-image{width:100%;height:100%;object-fit:cover;display:block}.quick-contact-image-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-left:1px solid rgba(255,255,255,.05);background:linear-gradient(to right,rgba(10,14,26,.4),transparent)}@media(max-width:900px){.quick-contact-grid{grid-template-columns:1fr;gap:0}.quick-contact-image-wrapper{min-height:300px;order:-1}.quick-contact-form-wrapper{padding:var(--space-6) var(--space-4)}}
