:root{--primary: #0054A6;--secondary: #000000;--gray: #666666;--light-gray: #f5f5f5}.network-hero{background:linear-gradient(135deg,var(--primary),#0073e6);padding:120px 0 80px;position:relative;overflow:hidden}.network-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="2" height="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.network-hero .hero-content{text-align:center;color:#fff;position:relative;z-index:1}.network-hero .hero-badge-icon{width:120px;height:120px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);animation:floatBadge 3s ease-in-out infinite}.network-hero .hero-badge-icon i{font-size:50px;color:#fff}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.network-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.network-hero .subtitle{font-size:1.3rem;margin-bottom:40px;opacity:.95}.network-hero .hero-badge-group{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:40px}.network-hero .hero-badge{background:#fff3;padding:12px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:10px;transition:all .3s ease}.network-hero .hero-badge:hover{background:#ffffff4d;transform:translateY(-3px)}.network-hero .hero-badge i{font-size:20px}.network-hero .hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.network-hero .btn-hero{padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:2px solid transparent}.network-hero .btn-hero-primary{background:#fff;color:var(--primary)}.network-hero .btn-hero-primary:hover{background:var(--primary);color:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.network-hero .btn-hero-secondary{background:transparent;color:#fff;border-color:#fff}.network-hero .btn-hero-secondary:hover{background:#fff;color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.network-intro{padding:80px 0;background:#fff}.network-intro .intro-header{margin-bottom:45px}.network-intro .section-title span{color:var(--primary)}.network-intro .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.network-intro .intro-image-wrapper{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #0054a626}.network-intro .intro-image-wrapper img{width:100%;height:auto;display:block;transition:transform .5s ease}.network-intro .intro-image-wrapper:hover img{transform:scale(1.05)}.network-intro .intro-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;padding:10px 20px;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:8px}.network-intro .intro-content h2{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:25px}.network-intro .intro-content h2 span{color:var(--primary)}.network-intro .intro-content p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:20px}.network-intro .intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.network-intro .intro-stat-item{text-align:center;padding:20px;background:linear-gradient(135deg,#0054a60d,#0073e60d);border-radius:10px;transition:all .3s ease}.network-intro .intro-stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0054a626}.network-intro .intro-stat-number{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.network-intro .intro-stat-label{font-size:.95rem;color:var(--gray)}.what-is-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.what-is-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.what-is-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.what-is-section .what-is-content{max-width:1200px;margin:0 auto}.what-is-section .what-is-text p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:20px}.what-is-section .key-components{margin-top:40px;padding:40px;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0054a61a}.what-is-section .key-components h3{font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:30px;text-align:center}.what-is-section .components-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.what-is-section .component-item{text-align:center}.what-is-section .component-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:35px;transition:all .3s ease}.what-is-section .component-item:hover .component-icon{transform:scale(1.15) rotate(360deg)}.what-is-section .component-item h4{font-size:1.1rem;font-weight:600;color:var(--secondary);margin-bottom:10px}.what-is-section .component-item p{font-size:.95rem;color:var(--gray);line-height:1.6}.services-section{padding:80px 0;background:#fff}.services-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.services-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.services-section .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.services-section .service-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0054a61a;transition:all .3s ease;border:2px solid transparent}.services-section .service-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0054a633;border-color:var(--primary)}.services-section .service-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:30px}.services-section .service-card h3{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.services-section .service-card>p{font-size:1rem;line-height:1.7;color:var(--gray);margin-bottom:20px}.services-section .service-card ul{list-style:none;padding:0;margin:0}.services-section .service-card ul li{padding:8px 0;color:var(--gray);display:flex;align-items:center;gap:10px}.services-section .service-card ul li i{color:var(--primary);font-size:14px}.cable-types-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.cable-types-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.cable-types-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.cable-types-section .cable-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.cable-types-section .cable-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0054a61a;transition:all .3s ease;border:2px solid transparent}.cable-types-section .cable-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0054a633;border-color:var(--primary)}.cable-types-section .cable-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px}.cable-types-section .cable-card h3{font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:12px;text-align:center}.cable-types-section .cable-card>p{font-size:.95rem;line-height:1.7;color:var(--gray);margin-bottom:20px;text-align:center}.cable-types-section .cable-specs{border-top:2px solid var(--light-gray);padding-top:20px}.cable-types-section .spec-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--light-gray)}.cable-types-section .spec-item:last-child{border-bottom:none}.cable-types-section .spec-label{font-size:.9rem;color:var(--gray);font-weight:600}.cable-types-section .spec-value{font-size:.9rem;color:var(--primary);font-weight:600}.brands-section{padding:80px 0;background:#fff}.brands-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.brands-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.brands-section .brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brands-section .brand-card{background:linear-gradient(135deg,#0054a60d,#0073e60d);padding:30px;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.brands-section .brand-card:hover{background:#fff;box-shadow:0 15px 40px #0054a626;border-color:var(--primary);transform:translateY(-8px)}.brands-section .brand-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:35px;transition:all .3s ease}.brands-section .brand-card:hover .brand-logo{transform:scale(1.1) rotate(360deg)}.brands-section .brand-card h3{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:12px}.brands-section .brand-card>p{font-size:1rem;line-height:1.6;color:var(--gray);margin-bottom:20px}.brands-section .brand-products{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.brands-section .brand-products span{background:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;color:var(--primary);font-weight:600;border:1px solid rgba(0,84,166,.2)}.ipcom-showcase{margin-top:30px}.ipcom-intro{background:linear-gradient(135deg,#0054a60d,#0073e608);border-radius:20px;padding:50px;border:2px solid rgba(0,84,166,.1)}.ipcom-logo-section{text-align:center;margin-bottom:50px}.ipcom-logo{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,var(--primary),#0073e6);padding:20px 50px;border-radius:15px;margin-bottom:25px;box-shadow:0 10px 30px #0054a633}.ipcom-logo i{font-size:40px;color:#fff}.ipcom-logo h3{font-size:2.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:2px}.ipcom-logo-section p{font-size:1.1rem;line-height:1.8;color:var(--gray);max-width:900px;margin:0 auto}.ipcom-logo-section strong{color:var(--primary);font-weight:700}.ipcom-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:50px}.ipcom-product-card{background:#fff;padding:35px;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;border:2px solid transparent}.ipcom-product-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0054a626;border-color:var(--primary)}.ipcom-product-card .product-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:30px;transition:all .3s ease}.ipcom-product-card:hover .product-icon{transform:scale(1.1) rotate(5deg)}.ipcom-product-card h4{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:12px}.ipcom-product-card>p{font-size:1rem;line-height:1.6;color:var(--gray);margin-bottom:20px}.ipcom-product-card ul{list-style:none;padding:0;margin:0}.ipcom-product-card ul li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;color:var(--gray)}.ipcom-product-card ul li i{color:var(--primary);font-size:14px;flex-shrink:0}.ipcom-benefits{background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 20px #00000014}.ipcom-benefits h3{font-size:1.8rem;font-weight:700;color:var(--secondary);text-align:center;margin-bottom:30px}.ipcom-benefits .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ipcom-benefits .benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;background:linear-gradient(135deg,#0054a60d,#0073e608);border-radius:12px;transition:all .3s ease}.ipcom-benefits .benefit-item:hover{background:linear-gradient(135deg,#0054a61a,#0073e614);transform:translateY(-5px)}.ipcom-benefits .benefit-item i{font-size:35px;color:var(--primary);margin-bottom:12px}.ipcom-benefits .benefit-item span{font-size:1rem;font-weight:600;color:var(--secondary)}.benefits-section{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.benefits-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.benefits-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefits-section .benefit-item{background:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0054a614;transition:all .3s ease;border:2px solid transparent}.benefits-section .benefit-item:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0054a626;border-color:var(--primary)}.benefits-section .benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;transition:all .3s ease}.benefits-section .benefit-item:hover .benefit-icon{transform:scale(1.15)}.benefits-section .benefit-item h3{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:12px}.benefits-section .benefit-item p{font-size:.95rem;line-height:1.6;color:var(--gray)}.industries-section{padding:80px 0;background:#fff}.industries-section .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.industries-section .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.industries-section .industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.industries-section .industry-card{background:linear-gradient(135deg,#0054a60d,#0073e60d);padding:30px;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.industries-section .industry-card:hover{background:#fff;box-shadow:0 15px 40px #0054a626;border-color:var(--primary);transform:translateY(-8px)}.industries-section .industry-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;transition:all .3s ease}.industries-section .industry-card:hover .industry-icon{transform:scale(1.15) rotate(360deg)}.industries-section .industry-card h4{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:10px}.industries-section .industry-card p{font-size:.95rem;line-height:1.6;color:var(--gray)}.installation-process{padding:80px 0;background:linear-gradient(135deg,#0054a608,#00000003)}.installation-process .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.installation-process .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.installation-process .process-timeline{max-width:1000px;margin:0 auto;position:relative}.installation-process .process-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),#0073e6);transform:translate(-50%)}.installation-process .process-step{display:flex;gap:40px;margin-bottom:60px;position:relative}.installation-process .process-step:nth-child(odd){flex-direction:row-reverse}.installation-process .process-number-wrapper{flex-shrink:0}.installation-process .process-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;position:relative;z-index:2;box-shadow:0 5px 20px #0054a64d}.installation-process .process-content{flex:1;background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0054a61a;border:2px solid var(--light-gray);transition:all .3s ease}.installation-process .process-content:hover{border-color:var(--primary);box-shadow:0 15px 40px #0054a633;transform:translateY(-5px)}.installation-process .process-content h3{font-size:1.4rem;font-weight:700;color:var(--secondary);margin-bottom:15px;display:flex;align-items:center;gap:12px}.installation-process .process-content h3 i{color:var(--primary);font-size:1.2rem}.installation-process .process-content>p{font-size:1rem;line-height:1.7;color:var(--gray);margin-bottom:15px}.installation-process .process-content ul{list-style:none;padding:0;margin:0}.installation-process .process-content ul li{padding:5px 0 5px 25px;color:var(--gray);position:relative}.installation-process .process-content ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.why-choose-us{padding:80px 0;background:#fff}.why-choose-us .section-title{font-size:2.5rem;font-weight:700;color:var(--secondary);margin-bottom:15px}.why-choose-us .section-subtitle{font-size:1.2rem;color:var(--gray);margin-bottom:50px}.why-choose-us .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.why-choose-us .why-card{background:linear-gradient(135deg,#0054a60d,#0073e60d);padding:30px 25px;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent}.why-choose-us .why-card:hover{background:#fff;box-shadow:0 15px 40px #0054a626;border-color:var(--primary);transform:translateY(-8px)}.why-choose-us .why-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),#0073e6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;transition:all .3s ease}.why-choose-us .why-card:hover .why-icon{transform:scale(1.15) rotate(360deg)}.why-choose-us .why-card h3{font-size:1.2rem;font-weight:600;color:var(--secondary);margin-bottom:12px}.why-choose-us .why-card p{font-size:.95rem;line-height:1.6;color:var(--gray)}.stats-section{padding:80px 0;background:linear-gradient(135deg,var(--primary),#0073e6);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="2" height="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.stats-section .section-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px}.stats-section .section-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:50px}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;z-index:1}.stats-section .stat-item{text-align:center;padding:30px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.stats-section .stat-item:hover{background:#fff3;transform:translateY(-10px);box-shadow:0 20px 50px #0003}.stats-section .stat-icon{width:80px;height:80px;background:#fff;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:35px;transition:all .3s ease}.stats-section .stat-item:hover .stat-icon{transform:scale(1.15) rotate(360deg)}.stats-section .stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.stats-section .stat-label{font-size:1.1rem;color:#ffffffe6}@media(max-width:1200px){.services-section .services-grid,.brands-section .brands-grid,.ipcom-products-grid{grid-template-columns:repeat(2,1fr)}.ipcom-benefits .benefits-grid,.cable-types-section .cable-types-grid,.benefits-section .benefits-grid,.industries-section .industries-grid,.why-choose-us .why-grid{grid-template-columns:repeat(3,1fr)}.what-is-section .components-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.network-intro .intro-grid{grid-template-columns:1fr;gap:40px}.services-section .services-grid,.brands-section .brands-grid,.cable-types-section .cable-types-grid,.benefits-section .benefits-grid,.industries-section .industries-grid,.why-choose-us .why-grid,.ipcom-products-grid,.ipcom-benefits .benefits-grid{grid-template-columns:repeat(2,1fr)}.ipcom-intro{padding:40px 30px}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.installation-process .process-timeline:before{left:30px}.installation-process .process-step,.installation-process .process-step:nth-child(odd){flex-direction:row;padding-left:80px}.installation-process .process-number-wrapper{position:absolute;left:0}}@media(max-width:768px){.network-hero h1{font-size:2.5rem}.network-hero .subtitle{font-size:1.1rem}.network-intro .intro-content h2,.section-title{font-size:2rem}.services-section .services-grid,.brands-section .brands-grid,.cable-types-section .cable-types-grid,.benefits-section .benefits-grid,.industries-section .industries-grid,.why-choose-us .why-grid,.ipcom-products-grid{grid-template-columns:1fr}.ipcom-benefits .benefits-grid{grid-template-columns:repeat(2,1fr)}.ipcom-intro{padding:30px 20px}.ipcom-logo{padding:15px 30px}.ipcom-logo h3{font-size:2rem}.ipcom-benefits{padding:30px 20px}.network-intro .intro-stats{grid-template-columns:1fr}.stats-section .stats-grid{grid-template-columns:1fr;gap:20px}.what-is-section .components-grid{grid-template-columns:1fr}}@media(max-width:576px){.network-hero{padding:80px 0 60px}.network-hero h1{font-size:2rem}.network-hero .hero-badge-group{flex-direction:column;gap:10px}.network-hero .hero-badge{width:100%;justify-content:center}.network-hero .hero-buttons{flex-direction:column}.network-hero .btn-hero{width:100%;justify-content:center}.ipcom-benefits .benefits-grid{grid-template-columns:1fr}.ipcom-logo{flex-direction:column;gap:10px;padding:20px}.ipcom-logo h3{font-size:1.8rem}.network-intro,.services-section,.cable-types-section,.brands-section,.benefits-section,.industries-section,.installation-process,.why-choose-us,.stats-section{padding:60px 0}.installation-process .process-step,.installation-process .process-step:nth-child(odd){padding-left:60px}.installation-process .process-number{width:50px;height:50px;font-size:1.2rem}}
