.installation-container{width:min(1440px,calc(100% - 40px));margin:0 auto}.installation-hero{position:relative;min-height:690px;background:#071622;color:#fff;overflow:hidden}.installation-hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:65px 65px}.installation-hero-glow{position:absolute;width:600px;height:600px;right:5%;top:50%;transform:translateY(-50%);border-radius:50%;background:#087abb38;filter:blur(100px)}.installation-hero-inner{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.installation-hero-content{padding:70px 0}.installation-eyebrow{color:#63c5ed;font-size:10px;font-weight:800;letter-spacing:2.5px}.installation-eyebrow:before{content:"";width:32px;height:1px;background:#63c5ed}.installation-hero-number{display:flex;align-items:center;gap:10px;margin-top:42px;color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:2px}.installation-hero-number span{color:#63c5ed;font-size:14px}.installation-hero-number i{width:35px;height:1px;background:#ffffff40}.installation-hero h1{margin:18px 0 24px;font-size:clamp(54px,6vw,82px);line-height:.92;letter-spacing:-3px;font-weight:700}.installation-hero h1 span{color:#55b9e8}.installation-hero-content>p{max-width:520px;margin:0;color:#ffffffad;font-size:15px;line-height:1.8}.installation-hero-points{display:flex;flex-wrap:wrap;gap:25px;margin-top:38px}.installation-hero-points div{display:flex;align-items:center;gap:9px}.installation-hero-points i{color:#55b9e8;font-size:14px}.installation-hero-points span{color:#ffffffb3;font-size:9px;font-weight:800;letter-spacing:1.2px}.installation-hero-visual{display:flex;justify-content:flex-end}.installation-visual-frame{position:relative;width:100%;max-width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px #00000059}.installation-visual-top,.installation-visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;color:#ffffff80;font-size:8px;font-weight:800;letter-spacing:1.5px}.installation-video-preview{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#111}.installation-video-preview img{width:100%;height:100%;display:block;object-fit:cover;opacity:.86;transition:transform .7s ease}.installation-visual-frame:hover .installation-video-preview img{transform:scale(1.04)}.installation-play{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#087abb;color:#fff;text-decoration:none;box-shadow:0 0 0 12px #087abb2e,0 15px 35px #00000059;transition:transform .35s ease,background .35s ease}.installation-play i{margin-left:4px}.installation-play:hover{transform:translate(-50%,-50%) scale(1.1);background:#55b9e8;color:#fff}.installation-video-label{position:absolute;left:20px;bottom:18px;padding:12px 15px;background:#050f17d1;border-left:2px solid #55b9e8}.installation-video-label span,.installation-video-label strong{display:block}.installation-video-label span{color:#55b9e8;font-size:8px;font-weight:800;letter-spacing:1.5px}.installation-video-label strong{margin-top:4px;font-size:13px}.installation-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:#07111a;box-shadow:0 25px 60px #0000002e}.installation-video{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:#07111a;box-shadow:0 25px 60px #0003}.installation-video video{display:block;width:100%;height:100%;object-fit:cover;background:#07111a}.installation-steps{padding:80px 0;background:#f4f7f9}.installation-section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.installation-section-heading h2{margin:13px 0 0;color:#12191d;font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-2px}.installation-section-heading h2 em{color:#087abb;font-style:normal}.installation-heading-side{display:flex;align-items:center;gap:15px;max-width:38%;color:#8a969c;font-size:16px;font-weight:800;letter-spacing:1.5px}.installation-heading-side strong{color:#087abb}.installation-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.installation-step-card,.installation-tool-card{position:relative;background:#fff;border:1px solid #e5eaed;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.installation-step-card:hover,.installation-tool-card:hover{transform:translateY(-8px);border-color:#087abb40;box-shadow:0 25px 55px #0f1e281c}.installation-step-top{display:flex;align-items:center;gap:10px;padding:17px 17px 14px}.installation-step-number{color:#087abb;font-size:16px;font-weight:800}.installation-step-tag{flex:1;color:#929da2;font-size:8px;font-weight:800;letter-spacing:1.5px}.installation-step-top>i{color:#9ca7ac;font-size:10px;transition:color .3s ease,transform .3s ease}.installation-step-card:hover .installation-step-top>i{color:#087abb;transform:translate(2px,-2px)}.installation-step-image img{display:block;object-fit:cover;transition:transform .6s ease}.installation-step-card:hover .installation-step-image img{transform:scale(1.06)}.installation-step-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:13px;background:linear-gradient(to top,rgba(0,0,0,.22),transparent 45%)}.installation-step-overlay span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6;color:#087abb;font-size:10px;font-weight:800}.installation-step-content{padding:20px 20px 24px}.installation-step-label{color:#087abb;font-size:8px;font-weight:800;letter-spacing:1.4px}.installation-step-content h3{margin:8px 0;color:#172027;font-size:18px;line-height:1.2}.installation-step-content p{min-height:44px;margin:0;color:#707c82;font-size:12px;line-height:1.6}.installation-step-card.featured{border-color:#087abb}.installation-step-card.featured:before{content:"KEY CONNECTION";position:absolute;top:0;right:0;padding:7px 11px;background:#087abb;color:#fff;font-size:7px;font-weight:800;letter-spacing:1px;z-index:5}.installation-tool-card{background:#071622;color:#fff}.installation-tool-top{display:flex;justify-content:space-between;padding:17px;color:#ffffff8c;font-size:9px;font-weight:800;letter-spacing:1.5px}.installation-tool-top span:first-child{color:#55b9e8;font-size:16px}.installation-tool-image{position:relative;overflow:hidden;height:401px;background:#111}.installation-tool-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .6s ease}.installation-tool-card:hover .installation-tool-image img{transform:scale(1.05)}.installation-tool-badge{position:absolute;right:14px;bottom:14px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#087abb;color:#fff;box-shadow:0 10px 25px #0000004d}.installation-tool-content{padding:20px 20px 23px}.installation-tool-content>span{color:#55b9e8;font-size:8px;font-weight:800;letter-spacing:1.4px}.installation-tool-content h3{margin:4px 0;font-size:20px}.installation-tool-content p{margin:0;color:#ffffff94;font-size:12px;line-height:1.6}.installation-tool-content a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:8px;font-weight:800;letter-spacing:1.2px;text-decoration:none}.installation-tool-content a i{color:#55b9e8;transition:transform .3s ease}.installation-tool-content a:hover i{transform:translate(5px)}.installation-tool-details{padding:80px 0;background:#fff}.installation-tool-details-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.installation-tool-copy h2{margin:0 0 14px;color:#12191d;font-size:clamp(40px,5vw,60px);line-height:.95;letter-spacing:-2px}.installation-tool-copy h2 em{color:#087abb;font-style:normal}.installation-tool-description{color:#68747a;margin:0;font-size:16px;line-height:1.6}h4{margin:0 0 9px;font-size:18px}.installation-tool-feature{display:flex;gap:17px;margin-top:30px;padding:20px;background:#f3f8fb;border-left:3px solid #087abb}.installation-feature-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#087abb;color:#fff}.installation-tool-feature span{color:#172027;font-size:10px;font-weight:800;letter-spacing:1px}.installation-tool-feature p{margin:6px 0 0;color:#758087;font-size:12px;line-height:1.6}.installation-application>span{display:block;margin-bottom:15px;color:#172027;font-size:10px;font-weight:800;letter-spacing:1.5px}.installation-application div{display:flex;gap:10px;margin-top:11px;color:#69757b;font-size:16 px;line-height:1.6}.installation-application i{color:#087abb;margin-top:3px}.installation-spec-box{position:relative;width:100%;background:#fff;border:1px solid #e5ebef;border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #00000014}.installation-spec-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;background:linear-gradient(135deg,#087abb,#056da9);color:#fff}.installation-spec-header span{display:block;margin-bottom:5px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffffbf}.installation-spec-header h3{margin:0;font-size:25px;line-height:1.2;font-weight:700;color:#fff}.installation-spec-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px}.installation-table-wrap{width:100%;overflow-x:auto}.installation-spec-box table{width:100%;border-collapse:collapse;margin:0}.installation-spec-box thead th{padding:15px 18px;background:#087abb;border-bottom:1px solid #dce8ee;color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-align:left}.installation-spec-box tbody td{padding:10px 18px;border-bottom:1px solid #edf1f3;background:#fff;color:#5f686d;font-size:15px;line-height:1.55;transition:background .25s ease,color .25s ease}.installation-spec-box tbody td.size-cell{width:38%;color:#111;font-size:15px;font-weight:700}.installation-spec-box tbody tr:hover td{background:#f8fcfe}.installation-spec-box tbody tr:hover td.size-cell{color:#087abb}.installation-spec-box tbody tr:last-child td{border-bottom:none}.installation-spec-footer{display:flex;align-items:center;gap:9px;padding:15px 20px;background:#f8fafb;border-top:1px solid #edf1f3;color:#68757d;font-size:11px;font-weight:600}.installation-spec-footer i{color:#087abb;font-size:14px}@media(max-width:768px){.installation-spec-header{padding:20px}.installation-spec-header h3{font-size:21px}.installation-spec-icon{width:44px;height:44px;font-size:17px}.installation-spec-box thead th,.installation-spec-box tbody td{padding:12px 14px;font-size:12px}.installation-spec-box tbody td.size-cell{width:35%}.installation-spec-footer{padding:13px 16px}}.installation-navigation{padding:70px 0;background:#f4f7f9}.installation-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.installation-nav-card{position:relative;display:flex;align-items:center;gap:17px;padding:22px;background:#fff;border:1px solid #e2e8eb;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}.installation-nav-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #14232d17}.installation-nav-card>span{color:#087abb;font-size:14px;font-weight:800}.installation-nav-card div{flex:1}.installation-nav-card small{display:block;margin-bottom:5px;color:#8a969c;font-size:9px;font-weight:800;letter-spacing:1.3px}.installation-nav-card strong{color:#1a252a;font-size:16px}.installation-nav-card>i{color:#087abb;font-size:12px;transition:transform .3s ease}.installation-nav-card:hover>i{transform:translate(-5px)}.installation-nav-card.active{background:#087abb;border-color:#087abb}.installation-nav-card.active>span,.installation-nav-card.active strong,.installation-nav-card.active>i{color:#fff}.installation-nav-card.active small{color:#ffffffa6}@media(max-width:1100px){.installation-hero-inner{gap:35px}.installation-step-grid{grid-template-columns:repeat(2,1fr)}.installation-tool-details-grid{gap:45px}}@media(max-width:900px){.installation-hero{min-height:auto}.installation-hero-inner{min-height:auto;grid-template-columns:1fr;padding-top:80px;padding-bottom:80px}.installation-hero-content{padding:0}.installation-hero-visual{justify-content:center}.installation-intro-grid{grid-template-columns:1fr;gap:25px}.installation-intro-label{flex-direction:row;align-items:center}.installation-tool-details-grid,.installation-nav-grid{grid-template-columns:1fr}}@media(max-width:600px){.installation-container{width:min(100% - 28px,550px)}.installation-hero-inner{padding-top:65px;padding-bottom:65px}.installation-hero h1{font-size:55px;letter-spacing:-2px}.installation-hero-points{gap:15px}.installation-hero-points div{width:calc(50% - 8px)}.installation-intro,.installation-steps,.installation-tool-details{padding:70px 0}.installation-section-heading{display:block}.installation-heading-side{margin-top:20px;max-width:100%}.installation-step-grid{grid-template-columns:1fr}.installation-step-image,.installation-tool-image{height:230px}.installation-tool-details-grid{gap:50px}.installation-spec-row{grid-template-columns:35px 120px 1fr}.installation-spec-row strong,.installation-spec-row>span:last-child{font-size:10px}.installation-spec-header{padding:20px}}@media(max-width:420px){.installation-hero h1{font-size:48px}.installation-hero-points div{width:100%}.installation-spec-row{grid-template-columns:30px 105px 1fr}.installation-spec-index{padding-left:10px}.installation-spec-row strong{padding:14px 5px}.installation-spec-row>span:last-child{padding:14px 10px}}
