*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00d9ff;--primary-dark:#09c;--secondary:#6d28d9;--accent:#0f8;--accent-pink:#ff006e;--dark:#0a0e27;--light:#f5f5f5;--text:#e0e0e0;--neon-purple:#b026ff;--neon-cyan:#00e5ff}body{color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.top-header{color:#fff;border-bottom:2px solid var(--neon-cyan);background:linear-gradient(135deg,#0a0e27 0%,#1a0033 50%,#0a0e27 100%);padding:12px 0;font-size:13px;box-shadow:0 0 20px #00d9ff4d,inset 0 0 10px #00d9ff1a}.top-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.top-left{align-items:center;gap:20px;display:flex}.top-header a{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);text-decoration:none;transition:all .3s}.top-header a:hover{color:#fff;text-shadow:0 0 15px var(--neon-cyan);filter:brightness(1.3)}.top-right{align-items:center;gap:15px;display:flex}.notice-marquee{white-space:nowrap;flex:1;max-width:700px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.notice-marquee span{letter-spacing:.3px;background:linear-gradient(90deg,#00e5ff,#0f8,#ffe600,#ff006e,#b026ff,#00e5ff) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 1px #ffffff26;filter:drop-shadow(0 2px 3px #00000080)drop-shadow(0 0 6px #00d9ff59);-webkit-background-clip:text;background-clip:text;align-items:center;padding-left:100%;font-size:14px;font-weight:700;animation:18s linear infinite marqueeScroll,6s linear infinite hueShift;display:inline-flex;transform:perspective(300px)rotateX(6deg)}@keyframes marqueeScroll{0%{transform:perspective(300px)rotateX(6deg)translate(0)}to{transform:perspective(300px)rotateX(6deg)translate(-100%)}}@keyframes hueShift{0%{background-position:0%}to{background-position:300%}}.bkash-badge{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 1px 1px #0006;vertical-align:middle;filter:drop-shadow(0 2px 4px #e2136e80);background:linear-gradient(145deg,#e2136e 0%,#d2006e 50%,#97004f 100%);border-radius:50px;align-items:center;gap:4px;margin:0 4px;padding:2px 10px 3px;font-size:12px;font-style:italic;font-weight:800;display:inline-flex;transform:perspective(200px)rotateX(15deg)rotateY(-4deg);box-shadow:0 3px 6px #0006,inset 0 1px #ffffff4d,inset 0 -2px 4px #0000004d}@media (width<=992px){.notice-marquee{display:none}}.social-links{gap:12px;display:flex}.social-links a{backdrop-filter:blur(5px);border:2px solid var(--neon-cyan);width:28px;height:28px;color:var(--neon-cyan);background:#00d9ff1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .3s;display:flex;box-shadow:0 0 10px #00d9ff33}.social-links a:hover{background:var(--neon-cyan);color:#0a0e27;transform:scale(1.15)rotate(10deg);box-shadow:0 0 20px #00d9ff80}nav{backdrop-filter:blur(10px);z-index:1000;background:#0a0e27f2;border-bottom:1px solid #00d9ff4d;position:sticky;top:0;box-shadow:0 8px 32px #00d9ff26,0 0 20px #00d9ff1a}.navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:15px 20px;display:flex}.logo{background:linear-gradient(135deg,var(--neon-cyan)0%,var(--accent)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--neon-cyan));-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00d9ff80)drop-shadow(0 2px 4px #b026ff66);width:auto;height:55px;transition:all .3s;transform:perspective(500px)rotateY(0)}.logo-img:hover{filter:drop-shadow(0 8px 16px #00d9ffb3)drop-shadow(0 4px 8px #b026ff99);transform:perspective(500px)rotateY(-8deg)scale(1.05)}.logo img{object-fit:contain;width:45px;height:45px}.nav-menu{gap:30px;margin:0;list-style:none;display:flex}.nav-menu a{color:#e0e0e0;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-menu a:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.nav-menu a:after{content:"";background:linear-gradient(90deg,var(--neon-cyan),var(--accent));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-menu a:hover:after{width:100%}.nav-icon{filter:drop-shadow(0 2px 3px #0006);margin-right:6px;font-size:16px;transition:transform .3s,filter .3s;display:inline-block;transform:perspective(200px)rotateX(10deg)}.nav-menu a:hover .nav-icon{filter:drop-shadow(0 4px 8px #00d9ff99);transform:perspective(200px)rotateX(0)scale(1.25)rotate(-6deg)}.nav-buttons{gap:12px;display:flex}.hamburger{border:2px solid var(--neon-cyan);cursor:pointer;background:#00d9ff1a;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:var(--neon-cyan);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan)0%,#0f8 100%);color:#0a0e27;font-weight:700;transition:all .3s;box-shadow:0 0 15px #00d9ff4d}.btn-primary:hover{background:linear-gradient(135deg,#0f8 0%,var(--neon-cyan)100%);transform:translateY(-3px);box-shadow:0 0 30px #00d9ff80,0 10px 20px #00d9ff33}.btn-secondary{color:var(--neon-cyan);border:2px solid var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);background:0 0;transition:all .3s;box-shadow:0 0 10px #00d9ff33}.btn-secondary:hover{background:var(--neon-cyan);color:#0a0e27;text-shadow:none;transform:translateY(-2px);box-shadow:0 0 20px #00d9ff80,inset 0 0 10px #ffffff4d}.btn-livetv{color:#fff;background:linear-gradient(#ff4d6d 0%,#c9184a 60%,#a4133c 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;animation:2.4s ease-in-out infinite livetv-pulse;display:inline-flex;position:relative;top:0;box-shadow:inset 0 1px #ffffff80,inset 0 -4px 8px #00000059,0 8px #6e0d27,0 12px 20px #a6123c80}.btn-livetv:hover{filter:brightness(1.08);top:-2px;box-shadow:inset 0 1px #fff9,inset 0 -4px 8px #00000059,0 10px #6e0d27,0 18px 28px #ff4d6d99}.btn-livetv:active{top:6px;box-shadow:inset 0 1px #fff6,inset 0 -2px 6px #0006,0 2px #6e0d27,0 4px 8px #a6123c66}@keyframes livetv-pulse{0%,to{box-shadow:inset 0 1px #ffffff80,inset 0 -4px 8px #00000059,0 8px #6e0d27,0 12px 20px #a6123c80}50%{box-shadow:inset 0 1px #ffffff80,inset 0 -4px 8px #00000059,0 8px #6e0d27,0 12px 32px #ff4d6dbf}}.hero{color:#fff;filter:brightness();background:linear-gradient(90deg,rgba(10,14,39,.35) 0%,rgba(10,14,39,.15) 55%,rgba(26,0,51,.45) 100%),url(../hero/hero-bg.jpg) center/cover no-repeat,linear-gradient(135deg,#0a0e27,#1a0033 50%,#0a0e27);padding:100px 20px 120px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00d9ff1a,0 20px 40px #6d28d933}.hero:after{content:"";backdrop-filter:blur(8px);pointer-events:none;z-index:1;background:#0a0e27bf;position:absolute;inset:0}.hero:before{content:"";pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#00d9ff26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.hero:after{content:"";pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#6d28d926 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-20%;left:-5%}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-text h1{margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.hero-text h1 .highlight{color:var(--accent)}.hero-text p{opacity:.95;margin-bottom:30px;font-size:16px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.hero-buttons .btn{padding:12px 30px;font-size:14px}.hero-stats{grid-template-columns:1fr 1fr;gap:15px;margin-top:30px;display:grid}.stat-badge{backdrop-filter:blur(10px);border:2px solid var(--neon-cyan);text-align:center;background:#00d9ff1a;border-radius:8px;padding:15px 20px;transition:all .3s;box-shadow:0 0 20px #00d9ff33,inset 0 0 10px #00d9ff1a}.stat-badge:hover{background:#00d9ff33;transform:translateY(-3px);box-shadow:0 0 30px #00d9ff66,inset 0 0 15px #00d9ff33}.stat-badge .value{color:var(--accent);font-size:24px;font-weight:700;display:block}.stat-badge .label{color:#aaa;margin-top:5px;font-size:12px}.hero-image{perspective:1000px;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.hero-image img{filter:drop-shadow(0 20px 40px #00d4ff33);width:100%;max-width:350px;height:auto}.hero-logo{width:100%;max-width:400px;height:auto;transform-style:preserve-3d;background:#fffffff2;border:2px solid #00d9ff4d;border-radius:20px;padding:25px 35px;animation:4s ease-in-out infinite float3d;box-shadow:0 20px 60px #00d9ff66,0 10px 30px #b026ff4d,inset 0 0 30px #00d9ff1a}@keyframes float3d{0%,to{transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)translateY(0);box-shadow:0 20px 60px #00d9ff66,0 10px 30px #b026ff4d,inset 0 0 30px #00d9ff1a}50%{transform:perspective(1000px)rotateY(5deg)rotateX(-2deg)translateY(-20px);box-shadow:0 35px 70px #00d9ff80,0 15px 40px #b026ff66,inset 0 0 40px #00d9ff26}}.fiber-showcase{background:var(--light);padding:80px 20px}.fiber-content{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;display:grid}.fiber-image{text-align:center;perspective:1000px}.fiber-image img{width:100%;max-width:380px;height:auto;transform-style:preserve-3d;background:#fff;border:2px solid #00d9ff40;border-radius:20px;padding:20px;animation:4s ease-in-out infinite fiberFloat3d;box-shadow:0 20px 50px #00d9ff40,0 10px 25px #b026ff26,0 4px 12px #00000014}@keyframes fiberFloat3d{0%,to{transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)translateY(0);box-shadow:0 20px 50px #00d9ff40,0 10px 25px #b026ff26,0 4px 12px #00000014}50%{transform:perspective(1000px)rotateY(5deg)rotateX(-2deg)translateY(-15px);box-shadow:0 30px 60px #00d9ff59,0 15px 35px #b026ff33,0 6px 16px #0000001a}}.fiber-text h2{color:var(--dark);margin-bottom:20px;font-size:36px;line-height:1.3}.fiber-text p{color:#666;margin-bottom:25px;font-size:16px;line-height:1.8}.speed-list{margin-bottom:30px;list-style:none}.speed-list li{color:#555;padding:12px 0 12px 30px;font-weight:500;position:relative}.speed-list li:before{content:"✓";color:var(--primary);font-size:18px;font-weight:700;position:absolute;left:0}.packages{background:#fff;padding:80px 20px}.section-header{text-align:center;max-width:1400px;margin-bottom:60px;margin-left:auto;margin-right:auto}.section-header h2{color:var(--dark);margin-bottom:15px;font-size:40px;font-weight:700}.section-header p{color:#666;font-size:16px}.packages-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1500px;margin:0 auto;display:grid}@media (width<=1200px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1201px) and (width<=1500px){.package-speed{font-size:34px}.package-price{font-size:19px}}@media (width<=768px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.packages-grid{grid-template-columns:1fr}}.package-card{backdrop-filter:blur(10px);background:#0a0e2799;border:2px solid #00d9ff4d;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00d9ff1a,0 0 20px #00000080}.package-card:hover{border-color:var(--neon-cyan);background:#00d9ff0d;transform:translateY(-8px);box-shadow:0 15px 40px #00d9ff4d,0 0 30px #00d9ff33}.package-card.featured{border-color:var(--neon-cyan);box-shadow:0 15px 40px #00d9ff4d,0 0 50px #00d9ff40}.package-header{color:#fff;text-align:center;background:linear-gradient(135deg,#00d9ff 0%,#09c 50%,#b026ff 100%);padding:30px 20px;box-shadow:inset 0 0 20px #fff3}.package-header h3{margin-bottom:15px;font-size:20px;font-weight:600}.package-speed{justify-content:center;align-items:baseline;gap:5px;font-size:42px;font-weight:700;display:flex}.package-speed .unit{font-size:16px;font-weight:500}.package-price{color:#ffeb3b;margin-top:10px;font-size:24px;font-weight:600}.package-body{flex-direction:column;flex:1;padding:25px 20px;display:flex}.package-features{flex:1;margin-bottom:25px;list-style:none}.package-features li{color:#555;border-bottom:1px solid #f0f0f0;padding:10px 0 10px 25px;font-size:14px;position:relative}.package-features li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.package-features li:last-child{border-bottom:none}.package-card .btn{text-align:center;width:100%}.services{color:#fff;background:linear-gradient(135deg,#0a0e27 0%,#1a0033 50%,#0a0e27 100%);padding:80px 20px;box-shadow:inset 0 0 50px #00d9ff14}.services .section-header h2{color:#fff}.services .section-header p{color:#ccc}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.service-item{backdrop-filter:blur(10px);text-align:center;background:#00d9ff14;border:2px solid #00d9ff4d;border-radius:12px;padding:30px;transition:all .3s;box-shadow:0 8px 32px #00d9ff1a,inset 0 0 20px #00d9ff0d}.service-item:hover{border-color:var(--neon-cyan);background:#00d9ff26;transform:translateY(-8px);box-shadow:0 15px 40px #00d9ff4d,inset 0 0 20px #00d9ff1a}.service-icon{margin-bottom:15px;font-size:48px;display:block}.service-item h3{margin-bottom:12px;font-size:18px;font-weight:600}.service-item p{opacity:.9;font-size:14px;line-height:1.6}.coverage{background:#fff;padding:80px 20px}.coverage-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1400px;margin:40px auto 0;display:grid}.coverage-item{color:#fff;text-align:center;background:linear-gradient(135deg,#00d9ff 0%,#09c 50%,#b026ff 100%);border-radius:8px;padding:25px 20px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 8px 25px #00d9ff33,0 0 20px #00d9ff26}.coverage-item:hover{filter:brightness(1.2);transform:translateY(-8px);box-shadow:0 12px 35px #00d9ff59,0 0 30px #00d9ff40}.why-choose{background:var(--light);padding:80px 20px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1400px;margin:50px auto 0;display:grid}.feature-card{backdrop-filter:blur(10px);text-align:center;border-left:5px solid var(--neon-cyan);border-top:2px solid var(--accent);background:#fffffff2;border-radius:12px;padding:30px;transition:all .3s;box-shadow:0 8px 32px #00d9ff26,0 0 20px #6d28d91a}.feature-card:hover{border-left-color:var(--neon-purple);background:#fff;transform:translateY(-10px);box-shadow:0 15px 40px #00d9ff40,0 0 30px #6d28d926}.feature-icon{margin-bottom:15px;font-size:48px}.feature-card h3{color:var(--dark);margin-bottom:10px;font-size:18px;font-weight:600}.feature-card p{color:#666;font-size:14px;line-height:1.6}.network-stats{color:#fff;background:linear-gradient(135deg,#00d9ff 0%,#b026ff 50%,#00d9ff 100%);padding:60px 20px;box-shadow:0 20px 50px #00d9ff4d,inset 0 0 50px #ffffff1a}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.stat{padding:20px}.stat-value{color:#ffeb3b;font-size:42px;font-weight:700;display:block}.stat-label{opacity:.95;margin-top:8px;font-size:14px}.ftp-section{background:#fff;padding:80px 20px}.ftp-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;display:grid}.ftp-text h2{color:var(--dark);margin-bottom:20px;font-size:36px;font-weight:700}.ftp-text p{color:#666;margin-bottom:20px;font-size:16px;line-height:1.8}.ftp-features{list-style:none}.ftp-features li{color:#555;padding:12px 0 12px 30px;font-size:15px;font-weight:500;position:relative}.ftp-features li:before{content:"✓";color:var(--primary);font-size:18px;font-weight:700;position:absolute;left:0}.partners{background:var(--light);padding:60px 20px}.partners h2{text-align:center;color:var(--dark);margin-bottom:40px}.marquee-container{background:#fff;border-radius:8px;padding:30px;overflow:hidden}.marquee{gap:40px;width:fit-content;animation:15s linear infinite scroll;display:flex}.marquee:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-logo{color:#666;white-space:nowrap;padding:0 20px;font-size:16px;font-weight:700}.cta-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#00d9ff 0%,#b026ff 50%,#ff006e 100%);padding:80px 20px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00d9ff4d,inset 0 0 50px #ffffff1a}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cta-banner h2{z-index:2;margin-bottom:20px;font-size:42px;font-weight:700;position:relative}.cta-banner p{opacity:.95;z-index:2;margin-bottom:30px;font-size:18px;position:relative}.cta-banner .btn-secondary{color:#fff;border-color:#fff;padding:12px 35px;font-size:15px}.cta-banner .btn-secondary:hover{color:var(--primary);background:#fff}footer{color:#aaa;background:linear-gradient(135deg,#0a0e27 0%,#1a0033 100%);border-top:2px solid #00d9ff4d;padding:60px 20px 20px;box-shadow:inset 0 10px 30px #00d9ff14,0 -10px 30px #00d9ff1a}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1400px;margin:0 auto 40px;display:grid}.footer-section h4{color:var(--neon-cyan);text-shadow:0 0 10px #00d9ff4d;margin-bottom:20px;font-size:16px;font-weight:600}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section a{color:#aaa;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.footer-bottom{text-align:center;color:#777;border-top:1px solid #333;padding-top:20px}@media (width<=768px){.hero-content,.fiber-content,.ftp-content{grid-template-columns:1fr;gap:30px}.hero h1{font-size:32px}.section-header h2{font-size:28px}.navbar-content{flex-wrap:wrap;position:relative}.hamburger{display:flex}.nav-menu{backdrop-filter:blur(10px);z-index:999;background:#0a0e27fa;border:1px solid #00d9ff4d;border-radius:0 0 12px 12px;flex-direction:column;gap:0;padding:10px 0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #00d9ff33}.nav-menu.active{display:flex}.nav-menu li{text-align:center;width:100%}.nav-menu a{width:100%;padding:14px 20px;display:block}.nav-menu a:after{display:none}.nav-buttons{flex-direction:row;gap:8px;margin-left:auto}.btn{padding:8px 16px;font-size:12px}.top-header-content{flex-direction:column;gap:10px}.logo-img{height:42px}.hero-logo{max-width:300px;padding:20px 25px}.hero-image{height:250px}.btn-livetv{padding:12px 24px;font-size:13px}}.app-download-float{z-index:1500;color:#fff;text-align:center;background:linear-gradient(#00f5a0 0%,#00d9ff 55%,#09c 100%);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;font-size:13px;font-weight:700;line-height:1.3;text-decoration:none;transition:all .15s;animation:3s ease-in-out infinite app-float-bob;display:flex;position:fixed;top:140px;right:22px;box-shadow:inset 0 1px #fff9,inset 0 -4px 10px #0000004d,0 7px #006e8f,0 12px 24px #0099cc8c}.app-download-float .app-icon{font-size:26px;line-height:1}.app-download-float:hover{filter:brightness(1.08);box-shadow:inset 0 1px #ffffffb3,inset 0 -4px 10px #0000004d,0 9px #006e8f,0 18px 30px #00d9ff99}.app-download-float:active{transform:translateY(5px);box-shadow:inset 0 1px #ffffff80,inset 0 -2px 6px #00000059,0 2px #006e8f,0 4px 10px #09c6}@keyframes app-float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.app-download-float{border-radius:12px;padding:10px 14px;font-size:11px;top:auto;bottom:20px;right:14px}.app-download-float .app-icon{font-size:20px}}.fiber-photo{text-align:center}.fiber-photo img{width:100%;max-width:380px;height:auto;border-radius:20px;box-shadow:0 20px 50px #00d9ff40,0 10px 25px #b026ff26}@media(max-width:900px){.fiber-content{grid-template-columns:1fr}.fiber-image{display:none}.fiber-photo{order:-1}}@media(max-width:768px){.hero{background:linear-gradient(180deg,rgba(10,14,39,.45),rgba(26,0,51,.45)),url(../hero/hero-bg.jpg) center/cover no-repeat}}@media(max-width:768px){.hero:before,.hero:after,.hero::before,.hero::after{display:none}}@media(max-width:768px){.hero{padding:64px 18px 80px}.hero h1{font-size:27px;line-height:1.35}.hero p{font-size:15px}.section-header h2{font-size:24px}.section-header p{font-size:14px}section{scroll-margin-top:70px}.fiber-showcase,.packages,.services,.coverage,.why-choose,.network-stats,.ftp-section,.partners{padding:48px 16px}.fiber-text h2{font-size:24px}.hero .btn,.btn-livetv{width:100%;max-width:320px;margin:0 auto;display:block;text-align:center;padding:13px 20px;font-size:15px;box-sizing:border-box}.hero-buttons,.hero-cta{flex-direction:column;align-items:stretch;gap:12px;display:flex}.stat-badge{padding:12px 14px}.stat-badge .value{font-size:20px}.hero-logo,.fiber-image img{animation:none}*{backdrop-filter:none!important}.hero-logo{box-shadow:0 10px 30px #00d9ff40}.notice-marquee{display:none}.top-header{font-size:12px;padding:8px 0}.fiber-photo img{max-width:100%;border-radius:16px}.hero-image{height:auto;padding:10px 0}}@media(max-width:600px){.packages-grid{grid-template-columns:1fr}.package-card{max-width:380px;margin:0 auto;width:100%}}
/* ==== multi-page additions ==== */
.nav-menu a.active{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}
.page-banner{background:linear-gradient(135deg,#0a0e27 0%,#1a0033 50%,#0a0e27 100%);
 border-bottom:2px solid var(--neon-cyan);padding:60px 20px 45px;text-align:center;
 box-shadow:inset 0 0 60px #00d9ff1a}
.page-banner h1{color:#fff;font-size:38px;margin-bottom:10px;
 text-shadow:0 0 18px var(--neon-cyan)}
.page-banner p{color:var(--text);max-width:700px;margin:0 auto;opacity:.85}
.breadcrumb{margin-top:14px;font-size:13px;color:#9aa}
.breadcrumb a{color:var(--neon-cyan);text-decoration:none}
.breadcrumb a:hover{text-shadow:0 0 8px var(--neon-cyan)}
@media(max-width:768px){.page-banner{padding:40px 15px 30px}.page-banner h1{font-size:26px}}

/* ==== Get Started page ==== */
.gs-hero{background:radial-gradient(900px 380px at 15% -10%,#00d9ff26,#0000 70%),linear-gradient(135deg,#0a0e27 0%,#1a0033 55%,#0a0e27 100%);border-bottom:1px solid #00d9ff33;padding:70px 20px 55px}
.gs-hero-inner{max-width:1200px;margin:0 auto}
.gs-eyebrow{color:var(--neon-cyan);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}
.gs-eyebrow i{background:var(--accent);box-shadow:0 0 10px var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block;animation:2s ease-in-out infinite gsPulse}
@keyframes gsPulse{0%,100%{opacity:1}50%{opacity:.35}}
.gs-hero h1{color:#fff;margin:16px 0 14px;font-size:44px;line-height:1.18;text-shadow:0 0 24px #00d9ff4d}
.gs-hero p{color:var(--text);opacity:.85;max-width:560px;font-size:16px}
.gs-hero .breadcrumb{margin-top:18px}

.gs-wrap{padding:55px 20px 70px}
.gs-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.45fr 1fr;gap:30px;align-items:start}

.gs-card{background:linear-gradient(160deg,#101736 0%,#0c1029 100%);border:1px solid #00d9ff33;border-radius:18px;padding:32px;box-shadow:0 18px 45px #0006,inset 0 1px #ffffff0d}
.gs-card h2{color:#fff;font-size:24px;margin-bottom:26px}

.gs-field{margin-bottom:20px}
.gs-field label{color:#c9d4e5;font-size:13.5px;font-weight:600;margin-bottom:8px;display:block}
.gs-opt{color:#7d8aa0;font-weight:400}
.gs-field input,.gs-field select{width:100%;background:#070b1e;color:#e8eefc;border:1px solid #2a3555;border-radius:10px;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .25s,box-shadow .25s}
.gs-field input::placeholder{color:#5b6780}
.gs-field input:focus,.gs-field select:focus{outline:0;border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00d9ff26}
.gs-field input.gs-bad{border-color:var(--accent-pink);box-shadow:0 0 0 3px #ff006e26}
.gs-field select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#00d9ff 50%),linear-gradient(135deg,#00d9ff 50%,#0000 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat}
.gs-field select option{background:#0a0e27}

.gs-loc{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.gs-locbtn{background:#0f1733;color:var(--neon-cyan);border:1px solid #00d9ff4d;border-radius:10px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s}
.gs-locbtn:hover{background:#00d9ff1a;box-shadow:0 0 16px #00d9ff40}
.gs-hint{color:#7d8aa0;font-size:12.5px;margin-top:8px;display:block}

.gs-check{color:#b8c4d8;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.55;margin:6px 0 22px;display:flex;cursor:pointer}
.gs-check input{accent-color:var(--primary);flex-shrink:0;width:17px;height:17px;margin-top:2px;cursor:pointer}
.gs-check a{color:var(--neon-cyan);text-decoration:none}
.gs-check a:hover{text-decoration:underline}

.gs-submit{width:100%;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff;border:0;border-radius:12px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #25d3664d;transition:transform .2s,box-shadow .2s}
.gs-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px #25d36666}
.gs-submit:active{transform:translateY(0)}
.gs-note{color:#6f7c93;text-align:center;font-size:12.5px;margin-top:14px}
.gs-err{color:var(--accent-pink);text-align:center;font-size:14px;font-weight:600;margin-top:12px;min-height:1px}

.gs-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.gs-pkgcard{background:linear-gradient(160deg,#000 0%,#0d0620 100%);border:1px solid #b026ff4d;border-radius:18px;padding:28px;box-shadow:0 18px 45px #0008}
.gs-pkglabel{color:var(--neon-cyan);letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:700}
.gs-pkgcard h3{color:#fff;font-size:28px;margin:10px 0 4px}
.gs-pkgprice{color:#a8b4c8;font-size:15px}
.gs-pkgprice b{color:#fff;font-size:20px}
.gs-pkgspeed{background:#0f1a33;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin:18px 0;padding:12px 14px;font-size:14px;color:#c9d4e5;display:flex}
.gs-pkgspeed b{color:var(--accent)}
.gs-pkgspeed .dot{background:var(--accent);box-shadow:0 0 8px var(--accent);border-radius:50%;width:8px;height:8px}
.gs-pkglist{list-style:none;margin-bottom:18px}
.gs-pkglist li{color:#b8c4d8;padding-left:26px;font-size:14px;line-height:2.05;position:relative}
.gs-pkglist li:before{content:"✔";color:var(--primary);position:absolute;left:0;font-size:12px}
.gs-compare{color:var(--neon-cyan);font-size:14px;font-weight:600;text-decoration:none}
.gs-compare:hover{text-shadow:0 0 10px var(--neon-cyan)}

.gs-trust{background:#101736;border:1px solid #ffffff14;border-radius:14px;padding:22px}
.gs-trustlabel{color:#8b97ad;letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:700}
.gs-trust p{color:#c9d4e5;margin-top:10px;font-size:14px}
.gs-trust b{color:var(--accent)}

.gs-contact{background:#101736;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex;transition:border-color .25s,transform .2s}
a.gs-contact:hover{border-color:#00d9ff59;transform:translateY(-2px)}
.gs-ci{background:#00d9ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}
.gs-contact b{color:#fff;font-size:15px;display:block}
.gs-contact small{color:#8b97ad;font-size:12.5px}

@media(max-width:900px){.gs-grid{grid-template-columns:1fr}.gs-side{position:static}}
@media(max-width:768px){.gs-hero{padding:45px 15px 38px}.gs-hero h1{font-size:29px}.gs-card{padding:22px}.gs-loc{grid-template-columns:1fr 1fr}.gs-locbtn{grid-column:1/-1;padding:13px}}
@media(prefers-reduced-motion:reduce){.gs-eyebrow i{animation:none}.gs-submit:hover,a.gs-contact:hover{transform:none}}

.btn-getstarted{background:linear-gradient(135deg,#00d9ff 0%,#6d28d9 100%);color:#fff!important;
 border:0;box-shadow:0 4px 16px #00d9ff59}
.btn-getstarted:hover{filter:brightness(1.15);box-shadow:0 6px 22px #00d9ff80}

/* ==== floating glass header system ==== */
.top-header{position:absolute;top:0;left:0;right:0;z-index:1001;background:0 0;
 border-bottom:none;box-shadow:none;padding:20px 0 0}
.top-header-content{flex-wrap:wrap;align-items:flex-start;gap:14px;max-width:1400px;
 margin:0 auto;padding:0 24px;display:flex}
.top-left{background:#0b0f1fcc;backdrop-filter:blur(14px);border:1px solid #ffffff26;
 border-radius:999px;align-items:center;gap:10px;padding:11px 22px;display:flex;
 box-shadow:0 10px 28px #00000066}
.top-header .notice-marquee{order:3;background:#0b0f1f99;backdrop-filter:blur(10px);
 border:1px solid #ffffff1a;border-radius:999px;max-width:820px;margin:12px auto 0;
 padding:7px 22px}
.top-right{align-items:flex-start;display:flex}
.social-links a{background:#0b0f1fcc;backdrop-filter:blur(14px);border:1px solid #ffffff26;
 width:38px;height:38px;box-shadow:0 10px 28px #00000066}
nav{position:sticky;top:14px;z-index:1000;margin:98px 16px 0;border-radius:20px;
 background:#0b0f1fe0;backdrop-filter:blur(18px);border:1px solid #ffffff1f;
 box-shadow:0 18px 46px #00000080}
.btn-selfcare{color:#e8eefc;border-color:#ffffff33}
.btn-selfcare:hover{background:#ffffff1a;color:#fff;border-color:#fff}
.hero-badge{background:#0b0f1f99;backdrop-filter:blur(10px);border:1px solid #ffffff2e;
 color:#cfe3ff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;
 align-items:center;gap:9px;margin-bottom:22px;padding:9px 20px;font-size:12.5px;
 font-weight:700;display:inline-flex}
.hero-badge .dot{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);
 border-radius:50%;width:8px;height:8px;display:inline-block}

.btn-outline-green{background:0 0;color:#fff;border:2px solid #22c55e;border-radius:10px;
 padding:14px 26px;font-weight:700;display:inline-block}
.btn-outline-green:hover{background:#22c55e1a}

.hero-statbar{background:#0b0f1f8a;backdrop-filter:blur(14px);border:1px solid #ffffff1f;
 border-radius:18px;flex-wrap:wrap;gap:22px;margin-top:32px;padding:20px 26px;display:flex;
 box-shadow:0 18px 40px #00000059}
.hsb-item{align-items:center;gap:12px;display:flex}
.hsb-icon{background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;
 width:42px;height:42px;font-size:19px;display:flex;flex-shrink:0}
.hsb-item b{color:#fff;font-size:14.5px;font-weight:700;display:block}
.hsb-item span{color:#a9b4c9;font-size:12.5px}
@media(max-width:768px){.hero-statbar{gap:16px;padding:16px 18px}
 .hsb-icon{width:36px;height:36px;font-size:16px}.hsb-item b{font-size:13px}}
.hero-live-card{background:#12182add;backdrop-filter:blur(18px);border:1px solid #ffffff22;
 border-radius:20px;padding:22px 24px 20px;display:block;width:280px;
 box-shadow:0 20px 50px #00000090,inset 0 1px #ffffff14;position:absolute;top:118px;right:50px;z-index:3}
.hlc-top{justify-content:space-between;align-items:center;display:flex}
.hlc-title{color:#8b96ad;letter-spacing:.8px;text-transform:uppercase;font-size:10.5px;font-weight:700}
.hlc-live{color:#3ddc84;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}
.hlc-live i{background:#3ddc84;box-shadow:0 0 8px #3ddc84;border-radius:50%;width:7px;
 height:7px;display:inline-block;animation:2s ease-in-out infinite gsPulse}
.hlc-stat{align-items:baseline;gap:6px;margin-top:16px;display:flex}
.hlc-stat b{color:#fff;font-size:38px;font-weight:800;line-height:1}
.hlc-stat span{color:#8b96ad;font-size:15px;font-weight:600}
.hlc-sub{color:#8b96ad;margin-top:2px;font-size:13px}
.hlc-chart{width:100%;height:46px;margin-top:14px;display:block;overflow:visible}
.hlc-chart path{fill:none;stroke:var(--neon-cyan);stroke-width:2;stroke-linecap:round;
 stroke-linejoin:round;filter:drop-shadow(0 0 4px #00d9ff99)}
.hlc-dot{fill:#fff;filter:drop-shadow(0 0 6px #00d9ff) drop-shadow(0 0 2px #fff)}
.hlc-divider{background:#ffffff1a;margin:16px 0 14px;height:1px}
.hlc-bottom{align-items:center;gap:14px;display:flex}
.hlc-b{color:#fff;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}
.hlc-b b{font-size:16px;font-weight:800}
.hlc-b span{color:#aab4c8;font-weight:500}
.hlc-b b+span{margin-left:-2px;color:#aab4c8}
.hlc-hand{font-size:15px}

/* ============================================================
   Header v2 — exact-match redesign: drop the floating support
   pill bar, simplify nav to a slim bar right at the top, switch
   accent colour to green to match the new logo, icon+text logo.
   ============================================================ */
.top-header{display:none!important}
nav{margin:14px 16px 0!important}
@media(max-width:900px){nav{margin-top:14px!important}}
@media(max-width:768px){nav{margin:10px 10px 0!important}}

.hero,.page-banner{margin-top:0!important}
.hero{padding-top:100px!important}
.page-banner{padding-top:60px!important}
@media(max-width:768px){.hero{padding-top:64px!important}.page-banner{padding-top:40px!important}}
.hero-live-card{top:118px!important}

.logo{background:none;filter:none;-webkit-text-fill-color:initial;
 -webkit-background-clip:initial;background-clip:initial;align-items:center;
 gap:10px;display:flex}
.logo-icon{width:auto;height:46px;max-width:150px;object-fit:contain}
.logo-text{flex-direction:column;line-height:1.08;display:flex}
.logo-text b{color:#22c55e;font-size:19px;font-weight:800}
.logo-text small{color:#9aa4b5;letter-spacing:1.4px;font-size:10.5px;font-weight:700}
@media(max-width:768px){.logo-icon{height:36px}.logo-text b{font-size:16px}
 .logo-text small{font-size:9px}}

.nav-menu .nav-icon{display:none}
.nav-menu a{color:#fff}
.nav-menu a:hover{color:#22c55e;text-shadow:none}
.nav-menu a.active{color:#22c55e;text-shadow:none;border-bottom:2px solid #22c55e;
 padding-bottom:6px}

.hero-badge{background:0 0;border:1px solid #22c55e70;color:#fff}
.badge-star{color:#22c55e;font-size:13px}

.btn-primary{background:#22c55e;color:#fff;box-shadow:0 0 15px #22c55e4d}
.btn-primary:hover{background:#1ea34e;box-shadow:0 0 20px #22c55e80}
.btn-getstarted{background:#22c55e!important;box-shadow:0 6px 18px #22c55e4d}
.btn-getstarted:hover{background:#1ea34e!important;box-shadow:0 8px 22px #22c55e80}
.btn-outline-green:hover{background:#22c55e1a}
.hsb-icon{background:#22c55e26}

/* ============================================================
   Fiber showcase v2 + services badge + footer v2
   ============================================================ */
.fiber-badge{background:#fff;border:1px solid #22c55e59;color:#16a34a;letter-spacing:.3px;
 border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 20px;
 font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #22c55e1a}

.fiber-content-v2{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1400px;
 margin:0 auto;position:relative;display:grid}
.fiber-glow{width:280px;position:absolute;left:-70px;top:50%;
 transform:translateY(-50%);z-index:0;pointer-events:none}
.fiber-glow img{width:100%;height:auto;display:block;opacity:.9;
 -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,#000 45%,#0000 72%);
 mask-image:radial-gradient(circle at 50% 50%,#000 0%,#000 45%,#0000 72%)}
.fiber-text-v2{z-index:1;position:relative}
.fiber-text-v2 h2{color:var(--dark);margin-bottom:18px;font-size:36px;line-height:1.3}
.fiber-text-v2 h2 .highlight{color:#16a34a}
.fiber-text-v2>p{color:#666;margin-bottom:28px;font-size:16px;line-height:1.8;max-width:560px}
.fiber-features{list-style:none;margin-bottom:30px}
.fiber-features li{color:#333;border-bottom:1px solid #eef1ec;align-items:center;gap:16px;
 padding:14px 0;font-size:15.5px;font-weight:500;display:flex}
.fiber-features li:last-child{border-bottom:none}
.ff-icon{background:#eaf7ec;color:#16a34a;border-radius:50%;justify-content:center;
 align-items:center;width:38px;height:38px;display:flex;flex-shrink:0}
.ff-icon svg{width:18px;height:18px}
.btn-fiber-cta{background:#22c55e;color:#fff!important;border:0;border-radius:10px;
 padding:14px 30px;font-weight:700;display:inline-block;box-shadow:0 8px 20px #22c55e4d}
.btn-fiber-cta:hover{background:#1ea34e}
.fiber-photo-v2{position:relative}
.fiber-photo-v2>img{width:100%;height:auto;border-radius:20px;display:block;
 box-shadow:0 20px 50px #0000001a}
.fiber-stat-card{background:#fff;border-radius:16px;align-items:center;gap:14px;
 padding:16px 22px;display:flex;position:absolute;right:-24px;bottom:-24px;
 box-shadow:0 16px 40px #00000026}
.fsc-icon{background:#eaf7ec;color:#16a34a;border-radius:50%;justify-content:center;
 align-items:center;width:44px;height:44px;display:flex;flex-shrink:0}
.fsc-icon svg{width:22px;height:22px}
.fiber-stat-card b{color:var(--dark);font-size:19px;font-weight:800;display:block}
.fiber-stat-card span{color:#777;font-size:12.5px}
.fsc-label{color:#555!important;font-size:12.5px!important;font-weight:600;display:block}
@media(max-width:900px){.fiber-content-v2{grid-template-columns:1fr}.fiber-glow{display:none}
 .fiber-stat-card{right:14px;bottom:-20px;padding:12px 16px}}

footer{position:relative}
.footer-top-bar{background:linear-gradient(90deg,#00d9ff,#b026ff,#ff006e);top:0;left:0;
 right:0;height:4px;position:absolute}
.footer-mini-cta{background:#0f1a14;border:1px solid #22c55e40;border-radius:12px;
 align-items:center;gap:12px;margin-top:22px;padding:14px 18px;font-size:13px;color:#9aa;
 display:flex;max-width:320px}
.fmc-icon{background:#22c55e26;color:#22c55e;border-radius:10px;justify-content:center;
 align-items:center;width:36px;height:36px;font-size:16px;display:flex;flex-shrink:0}
.footer-mini-cta a{color:#22c55e;font-weight:700;display:block;margin-top:2px}
.footer-contact{list-style:none}
.footer-contact li{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}
.footer-contact b{color:#e6e6e6;font-size:14px;font-weight:600;display:block}
.footer-contact span{color:#888;font-size:12.5px}
.fc-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;
 font-size:15px;display:flex;flex-shrink:0}
.fc-blue{background:#3b82f633}.fc-green{background:#22c55e33}
.fc-pink{background:#ec489933}.fc-purple{background:#a855f733}
.footer-social-v2{flex-direction:column;gap:12px;display:flex}
.footer-social-v2 a{background:#12162b;border:1px solid #ffffff14;border-radius:10px;
 color:#e6e6e6;justify-content:space-between;align-items:center;padding:12px 16px;
 font-size:13.5px;font-weight:600;text-decoration:none;display:flex}
.footer-social-v2 a:hover{border-color:#22c55e59;color:#22c55e}
.footer-statrow{background:#0f1326;border:1px solid #ffffff14;border-radius:16px;
 flex-wrap:wrap;gap:20px;max-width:1400px;margin:10px auto 40px;padding:22px 26px;
 display:flex}
.fsr-item{align-items:center;gap:12px;flex:1 1 200px;display:flex}
.fsr-icon{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;
 font-size:18px;display:flex;flex-shrink:0}
.fsr-blue{background:#3b82f633}.fsr-green{background:#22c55e33}
.fsr-purple{background:#a855f733}.fsr-blue2{background:#3b82f633}
.fsr-item b{color:#fff;font-size:14px;font-weight:700;display:block}
.fsr-item span{color:#8b96ad;font-size:12px}
.hlc-sep{background:#ffffff1a;align-self:stretch;width:1px}
@media(max-width:900px){nav{margin-top:150px}.hero-live-card{display:none}}
@media(max-width:768px){.top-header{padding:14px 0 0}.top-left{padding:9px 16px;font-size:13px}
 nav{margin:150px 10px 0;border-radius:16px}.hero-badge{font-size:11px;padding:7px 16px}}

/* fallback so the floating pills never sit on bare white while the hero/banner
   background bleeds up behind them instead of leaving a gap */
body{background:linear-gradient(135deg,#0a0e27 0%,#1a0033 50%,#0a0e27 100%)}
.hero,.page-banner{margin-top:-190px}
.hero{padding-top:290px}
.page-banner{padding-top:250px}
.hero-live-card{top:308px}

/* mobile hero wash: warm it up to match the desktop reddish tint */
@media(max-width:768px){
 .hero{background:linear-gradient(180deg,rgba(120,35,15,.55),rgba(55,18,30,.55)),
  url(../hero/hero-bg.jpg) center/cover no-repeat}
}

/* warm the base fade gradient (was cool navy/purple) so the reddish
   :after tint below isn't fighting a cooler layer underneath */
.hero{background:linear-gradient(90deg,rgba(90,25,15,.3) 0%,rgba(90,25,15,.12) 55%,rgba(60,15,35,.35) 100%),
 url(../hero/hero-bg.jpg) center/cover no-repeat,
 linear-gradient(135deg,#0a0e27,#1a0033 50%,#0a0e27)}

/* fix: the original CSS defined .hero:after twice (once for the full dark
   blur tint, once for a small ambient glow blob) so they collided and the
   full-hero blur/tint almost never applied. Consolidate into one rule that
   actually blurs + tints the whole hero photo, now warmer/reddish. */
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 filter:none;backdrop-filter:blur(16px);
 background:radial-gradient(440px 440px at 0% 118%,#6d28d94d 0%,#0000 70%),
 linear-gradient(160deg,rgba(150,45,20,.6) 0%,rgba(110,30,25,.55) 50%,rgba(55,18,30,.5) 100%)}
@media(max-width:900px){
 .hero,.page-banner{margin-top:-230px}
 .hero{padding-top:330px}
 .page-banner{padding-top:290px}
}
@media(max-width:768px){
 .hero{padding-top:294px}
 .page-banner{padding-top:270px}
}

/* clean, single-colour marquee instead of the clipped rainbow overflow */
.notice-marquee{overflow:hidden;-webkit-mask-image:none;mask-image:none}
.notice-marquee span{background:none;-webkit-text-fill-color:#e8eefc;color:#e8eefc;
 text-shadow:none;filter:none;animation:18s linear infinite marqueeScroll}
.bkash-badge{-webkit-text-fill-color:#fff}

/* new wide logo: override the old square 45x45 '.logo img' rule (higher
   specificity than .logo-img) so it shows at its natural aspect ratio */
#lg.logo-img{width:auto;height:96px;max-width:320px;object-fit:contain}
@media(max-width:768px){#lg.logo-img{height:60px;max-width:210px}}

/* feature cards: continuous train-carriage style auto-slider */
.features-slider{width:100%;margin-top:50px;padding:10px 0;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);
 mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%)}
.features-track{gap:26px;width:max-content;display:flex;animation:38s linear infinite featuresScroll}
.features-track:hover{animation-play-state:paused}
.features-track .feature-card{flex:0 0 300px;margin:4px}
@keyframes featuresScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:768px){.features-track .feature-card{flex-basis:240px}
 .features-track{animation-duration:26s}}
@media(prefers-reduced-motion:reduce){.features-track{animation:none}
 .features-slider{overflow-x:auto}}

/* ============================================================
   Subpage light theme — every page except the home hero gets a
   clean white/professional look. Nav + floating pills stay as-is.
   ============================================================ */
body.light-page{background:#edf2e9}

body.light-page .page-banner{background:#edf2e9;border-bottom:1px solid #dde6d6;
 box-shadow:none}
body.light-page .page-banner h1{color:var(--dark);text-shadow:none}
body.light-page .page-banner p{color:#5a6478}
body.light-page .breadcrumb{color:#9099ab}
body.light-page .breadcrumb a{color:var(--primary-dark)}

body.light-page .services{background:#edf2e9;box-shadow:none}
body.light-page .services .section-header h2{color:var(--dark)}
body.light-page .services .section-header p{color:#666}
body.light-page .service-item{background:#fff;border:1px solid #dee8d6;
 box-shadow:0 6px 20px #0000000d}
body.light-page .service-item:hover{background:#fff;border-color:var(--primary);
 box-shadow:0 14px 30px #00d9ff26}
body.light-page .service-item h3{color:var(--dark)}
body.light-page .service-item p{color:#666;opacity:1}

body.light-page .network-stats{background:#edf2e9;box-shadow:none;
 border-top:1px solid #dde6d6;border-bottom:1px solid #dde6d6}
body.light-page .packages,body.light-page .coverage,body.light-page .ftp-section,
body.light-page .why-choose,body.light-page .partners{background:#edf2e9}
body.light-page .stat-value{color:var(--primary-dark)}
body.light-page .stat-label{color:#6b7488;opacity:1}

body.light-page .package-card{background:#fff;border:1px solid #dee8d6;
 box-shadow:0 8px 24px #0000000d}
body.light-page .package-card:hover{background:#fff;border-color:var(--primary);
 box-shadow:0 16px 34px #00d9ff26}
body.light-page .package-card.featured{box-shadow:0 16px 40px #00d9ff33}
body.light-page .package-features li{color:#5a6478;border-bottom-color:#dee8d6}

body.light-page .cta-banner{background:#edf2e9;border-top:1px solid #dde6d6}
body.light-page .cta-banner:before{display:none}
body.light-page .cta-banner h2{color:var(--dark)}
body.light-page .cta-banner p{color:#5a6478}
body.light-page .cta-banner .btn-secondary{color:var(--primary-dark);border-color:var(--primary-dark)}
body.light-page .cta-banner .btn-secondary:hover{background:var(--primary-dark);color:#fff}

body.light-page footer{background:#e5ecdf;color:#5c6b56;border-top:1px solid #d7e0cf;
 box-shadow:none}
body.light-page .footer-section h4{color:var(--dark);text-shadow:none}
body.light-page .footer-section a{color:#6b7488}
body.light-page .footer-section a:hover{color:var(--primary-dark);text-shadow:none}
body.light-page .footer-bottom{color:#8a9683;border-top-color:#d7e0cf}

/* Get Started page: same light theme applied to its bespoke form/cards */
body.light-page .gs-hero{background:#edf2e9;border-bottom:1px solid #dde6d6}
body.light-page .gs-hero h1{color:var(--dark);text-shadow:none}
body.light-page .gs-hero p{color:#5a6478}
body.light-page .gs-eyebrow{color:var(--primary-dark)}
body.light-page .gs-card{background:#fff;border:1px solid #dee8d6;
 box-shadow:0 10px 30px #0000000d}
body.light-page .gs-card h2{color:var(--dark)}
body.light-page .gs-field label{color:#3a4256}
body.light-page .gs-field input,body.light-page .gs-field select{
 background:#fff;color:var(--dark);border-color:#d6e2cc}
body.light-page .gs-field input::placeholder{color:#a3abc0}
body.light-page .gs-locbtn{background:#f0f6ff;color:var(--primary-dark);border-color:#cfe0ff}
body.light-page .gs-hint{color:#8a93a8}
body.light-page .gs-check{color:#5a6478}
body.light-page .gs-note{color:#9099ab}
body.light-page .gs-pkgcard{background:linear-gradient(160deg,#12162c 0%,#1c1440 100%)}
body.light-page .gs-trust{background:#fff;border-color:#dee8d6}
body.light-page .gs-trust p{color:#3a4256}
body.light-page .gs-contact{background:#fff;border-color:#dee8d6}
body.light-page a.gs-contact:hover{border-color:var(--primary)}
body.light-page .gs-contact b{color:var(--dark)}