*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172019;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e6ebe7}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brandbox{width:45px;height:45px;border-radius:11px;background:linear-gradient(135deg,#f47721,#16833b);display:grid;place-items:center;color:#fff;font-weight:900}.brand strong{color:#ef711b;font-size:20px}.brand b{color:#16833b;font-size:20px}.brand small{display:block;font-size:8px;color:#69746d;letter-spacing:1.3px;margin-top:3px}nav{display:flex;gap:20px;font-size:11px;font-weight:800}nav a:hover{color:#ef711b}.call{background:#16833b;color:#fff;padding:12px 16px;border-radius:8px;font-size:11px;font-weight:800}

.hero{position:relative;min-height:710px;overflow:hidden;background:#10231a}.hero-bg{position:absolute;inset:0;background:url("https://images.pexels.com/photos/325229/pexels-photo-325229.jpeg?auto=compress&cs=tinysrgb&w=1800") center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,14,.96),rgba(5,24,14,.82) 45%,rgba(5,24,14,.38))}.hero-content{position:relative;z-index:2;min-height:710px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:65px 0}.tag,.section-title>div>span,.cctv-heading>div>span,.small-title,.contact>div>div>span{font-size:10px;font-weight:900;letter-spacing:2px;color:#ff9a49}.hero-left h1{font-size:clamp(44px,5.5vw,70px);line-height:1.02;letter-spacing:-3px;color:#fff;margin:17px 0}.hero-left h1 span{color:#ff9948}.hero-left p{color:#d8e5dc;max-width:610px;font-size:17px;line-height:1.7}.buttons{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:15px 19px;font-size:11px;font-weight:900;cursor:pointer}.orange{background:#f47721;color:#fff}.green{background:#16833b;color:#fff}.outline{border:1px solid rgba(255,255,255,.5);color:#fff}.fiber-benefits{display:flex;gap:12px}.fiber-benefits div{border-left:2px solid #f47721;padding-left:12px}.fiber-benefits strong,.fiber-benefits small{display:block;color:#fff}.fiber-benefits strong{font-size:11px}.fiber-benefits small{font-size:9px;color:#aebeb4;margin-top:4px}.apply-card{background:#fff;border-radius:18px;padding:29px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.card-label{display:inline-block;color:#16833b;background:#eaf6ee;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.apply-card h2{font-size:30px;margin:12px 0 5px}.apply-card>p{font-size:12px;color:#707a74;margin:0 0 18px}.apply-card label{display:block;font-size:9px;font-weight:900;color:#435048;margin-bottom:11px}.apply-card input,.apply-card textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #dce4df;border-radius:7px;font:inherit;font-size:12px}.apply-card textarea{height:65px;resize:vertical}.apply-card em{font-style:normal;color:#9aa39e;font-weight:500}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy{display:block;text-align:center;color:#929a96;font-size:8px;margin-top:9px}

.fiber-focus{padding:90px 0;background:#fff}.section-title,.cctv-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-title h2,.cctv-heading h2{font-size:41px;line-height:1.05;letter-spacing:-1.8px;margin:10px 0}.section-title h2 b{color:#16833b}.section-title p,.cctv-heading p{max-width:420px;color:#6e7872;font-size:13px;line-height:1.7}.fiber-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:stretch}.fiber-photo{position:relative;min-height:450px;border-radius:17px;overflow:hidden}.fiber-photo img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 22px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}.photo-caption strong,.photo-caption small{display:block}.photo-caption strong{font-size:16px}.photo-caption small{font-size:10px;color:#ddd;margin-top:5px}.fiber-info{background:#f1f6f2;border-radius:17px;padding:42px}.fiber-info h3{font-size:31px;line-height:1.1;margin:10px 0 17px}.fiber-info p{font-size:13px;color:#69746d;line-height:1.8}.checklist{margin:25px 0}.checklist div{padding:12px 0;border-bottom:1px solid #d9e4dc;font-size:12px;font-weight:700;color:#344039}

.cctv{background:#101b15;color:#fff;padding:90px 0}.cctv-heading h2{color:#fff}.cctv-heading h2 b{color:#ff9948}.cctv-heading p{color:#aebbb3}.cctv-main{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}.cctv-image{height:500px;border-radius:17px;overflow:hidden;position:relative}.cctv-image img{width:100%;height:100%;object-fit:cover}.camera-badge{position:absolute;top:20px;left:20px;background:#f47721;padding:10px 14px;border-radius:5px;font-size:10px;font-weight:900}.cctv-copy{background:#19271f;border:1px solid #2b3b31;border-radius:17px;padding:40px}.small-title{color:#ff9948}.cctv-copy h3{font-size:32px;line-height:1.1;margin:12px 0}.cctv-copy p{color:#aebbb3;font-size:13px;line-height:1.8}.security-list{margin:25px 0}.security-list div{padding:12px 0;border-bottom:1px solid #304037}.security-list b{display:inline-block;width:85px;color:#ff9948;font-size:10px}.security-list span{font-size:11px;color:#d8e0db}

.toll-section{margin-top:35px;display:grid;grid-template-columns:1.4fr .6fr;min-height:430px;border-radius:17px;overflow:hidden;background:#17251d}.toll-image{position:relative;min-height:430px;overflow:hidden}.toll-image img{width:100%;height:100%;object-fit:cover}.toll-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}.toll-camera{position:absolute;right:17%;top:18%;width:100px;height:60px;background:#dce2de;border-radius:12px 12px 18px 18px;transform:rotate(-8deg);box-shadow:0 10px 25px #0008}.toll-camera:after{content:"";position:absolute;right:-32px;top:12px;border-left:35px solid #dce2de;border-top:18px solid transparent;border-bottom:18px solid transparent}.lens{position:absolute;width:30px;height:30px;border-radius:50%;background:#15251c;border:6px solid #68756e;left:17px;top:14px}.toll-text{padding:45px 35px;display:flex;flex-direction:column;justify-content:center}.toll-text span{color:#ff9948;font-size:10px;font-weight:900;letter-spacing:2px}.toll-text h3{font-size:28px;line-height:1.15;margin:12px 0}.toll-text p{color:#adbbb2;font-size:12px;line-height:1.8;margin-bottom:25px}

.services{padding:90px 0;background:#f5f8f6}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article{background:#fff;border:1px solid #e1e8e3;border-radius:14px;overflow:hidden;transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #163c2414}.service-grid img{width:100%;height:175px;object-fit:cover}.service-grid h3{font-size:17px;margin:17px 18px 7px}.service-grid p{font-size:11px;line-height:1.6;color:#717b75;margin:0 18px 20px}

.contact{padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:center}.contact-grid h2{font-size:43px;line-height:1.05;letter-spacing:-2px;margin:12px 0}.contact-grid>div>p{color:#6d7771;line-height:1.8;font-size:14px;max-width:600px}.contact-card{border:1px solid #e1e8e3;border-radius:15px;padding:28px;box-shadow:0 15px 40px #163c2410}.contact-card h3{font-size:22px;margin-top:0}.contact-card p{font-size:12px;line-height:1.7;color:#6b756f}.contact-card a:not(.btn){color:#16833b;font-weight:800}.full{width:100%}footer{background:#0d1913;color:#b5c2ba}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px}.footer-inner strong{font-size:14px;color:#ff9948}

@media(max-width:900px){nav{display:none}.call{display:none}.hero-content{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero{min-height:auto}.apply-card{max-width:600px}.fiber-grid,.cctv-main,.toll-section,.contact-grid{grid-template-columns:1fr}.cctv-image{height:400px}.service-grid{grid-template-columns:1fr 1fr}.section-title,.cctv-heading{display:block}.section-title p,.cctv-heading p{margin-top:15px}.toll-image{min-height:350px}.toll-section{display:block}.toll-text{padding:35px}.contact-grid{gap:35px}}

@media(max-width:560px){.brand strong,.brand b{font-size:16px}.brand small{display:none}.hero-left h1{font-size:43px;letter-spacing:-2px}.buttons{flex-direction:column}.buttons .btn{width:100%}.fiber-benefits{gap:9px}.fiber-benefits strong{font-size:10px}.fiber-benefits small{font-size:8px}.row{grid-template-columns:1fr}.section-title h2,.cctv-heading h2,.contact-grid h2{font-size:33px}.fiber-info,.cctv-copy{padding:27px}.cctv-image{height:300px}.service-grid{grid-template-columns:1fr}.toll-camera{right:20%;transform:scale(.75) rotate(-8deg)}.footer-inner{flex-direction:column;justify-content:center;padding:20px;text-align:center}}
/* MOBILE-FIRST */
@media(max-width:700px){
body{padding-bottom:72px;overflow-x:hidden}
.top{position:sticky;top:0}
.nav{height:64px;width:94%;gap:8px}
.brandbox{width:39px;height:39px}
.brand strong,.brand b{font-size:15px}
.call{display:inline-flex!important;padding:10px 11px;font-size:10px}
.hero-content{width:94%;padding:38px 0 30px;gap:26px}
.hero-left h1{font-size:40px;line-height:1.03}
.hero-left p{font-size:14px;line-height:1.6}
.buttons{gap:9px;margin:20px 0 16px}
.buttons .btn,.apply-card .btn,.fiber-info .btn,.cctv-copy .btn,.toll-text .btn{width:100%;min-height:49px}
.fiber-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.apply-card{padding:20px;border-radius:15px}
.apply-card h2{font-size:26px}
.apply-card input,.apply-card textarea{min-height:45px}
.apply-card textarea{height:78px}
.fiber-focus,.cctv,.services,.contact{padding:55px 0}
.section-title h2,.cctv-heading h2{font-size:31px}
.section-title,.cctv-heading{margin-bottom:23px}
.fiber-photo{min-height:290px}
.fiber-info{padding:24px}
.fiber-info h3{font-size:26px}
.cctv-image{height:270px}
.cctv-copy{padding:24px}
.cctv-copy h3{font-size:27px}
.security-list div{display:flex;gap:10px;align-items:center}
.toll-section{margin-top:22px}
.toll-image{min-height:250px}
.toll-text{padding:25px}
.toll-text h3{font-size:25px}
.service-grid{grid-template-columns:1fr 1fr;gap:10px}
.service-grid img{height:130px}
.service-grid h3{font-size:14px;margin:12px 12px 5px}
.service-grid p{font-size:10px;margin:0 12px 14px}
.contact-grid{gap:24px}
.contact-grid h2{font-size:31px}
.contact-card{padding:22px}
.mobile-bar{display:flex!important}
}
@media(max-width:390px){
.brand strong,.brand b{font-size:14px}
.call{font-size:9px;padding:9px 8px}
.hero-left h1{font-size:35px}
.fiber-benefits{grid-template-columns:1fr}
.service-grid{grid-template-columns:1fr}
}
.mobile-bar{
display:none;
position:fixed;
z-index:100;
left:0;
right:0;
bottom:0;
background:#fff;
border-top:1px solid #dfe7e2;
padding:8px;
gap:7px;
box-shadow:0 -8px 25px rgba(0,0,0,.12)
}
.mobile-bar a{
flex:1;
text-align:center;
padding:13px 5px;
border-radius:8px;
font-size:10px;
font-weight:900
}
.mobile-bar .m-call{background:#16833b;color:#fff}
.mobile-bar .m-wa{background:#f47721;color:#fff}
/* FIRMWARE DOWNLOAD CENTER */
.downloads{padding:75px 0;background:#eef5f0}
.download-head{text-align:center;margin-bottom:32px}
.download-head>span{font-size:10px;font-weight:900;letter-spacing:2px;color:#16833b}
.download-head h2{font-size:42px;letter-spacing:-1.8px;margin:9px 0}
.download-head h2 b{color:#f47721}
.download-head p{font-size:13px;color:#68746d}

.download-card{display:grid;grid-template-columns:340px 1fr;max-width:900px;margin:auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px rgba(20,55,35,.12)}
.modem-placeholder{min-height:390px;background:linear-gradient(145deg,#18251e,#34483b);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:30px;position:relative}
.modem-placeholder:before{content:"";width:150px;height:220px;background:linear-gradient(90deg,#e8ece9,#aeb8b2,#e5e9e7);border-radius:12px;box-shadow:0 20px 35px rgba(0,0,0,.35);position:absolute}
.modem-placeholder:after{content:"";width:15px;height:15px;border-radius:50%;background:#16833b;box-shadow:0 0 12px #16833b;position:absolute;top:calc(50% + 52px)}
.modem-placeholder div,.modem-placeholder strong,.modem-placeholder small{position:relative;z-index:2}
.modem-placeholder div{font-size:11px;font-weight:900;letter-spacing:2px;color:#16833b;background:#fff;padding:5px 9px;border-radius:4px;margin-bottom:10px}
.modem-placeholder strong{font-size:25px;line-height:1.05;color:#1b2821}
.modem-placeholder small{margin-top:82px;font-size:8px;letter-spacing:1.5px;color:#d8e2dc}

.firmware-info{padding:35px}
.manufacturer{font-size:9px;font-weight:800;letter-spacing:1px;color:#68746d}
.manufacturer strong{color:#16833b}
.firmware-info h3{font-size:28px;margin:10px 0 7px}
.firmware-info>p{font-size:12px;color:#727d76;line-height:1.6;margin-bottom:22px}
.firmware-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dfe8e2;border-radius:10px;padding:15px;margin-top:10px}
.firmware-item strong{display:block;font-size:17px;color:#17231c}
.firmware-item small{display:block;color:#7a847e;font-size:9px;margin-top:4px}
.firmware-btn{border:0;background:#16833b;color:#fff;border-radius:7px;padding:12px 15px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.firmware-btn:hover{background:#0e692e}
.firmware-note{margin-top:18px;padding:12px;background:#fff5eb;border-left:3px solid #f47721;color:#7c654f;font-size:9px;line-height:1.5}

.firmware-modal{position:fixed;inset:0;background:rgba(5,15,10,.78);z-index:200;display:none;align-items:center;justify-content:center;padding:18px}
.firmware-modal.show{display:flex}
.modal-box{position:relative;width:min(500px,100%);background:#fff;border-radius:16px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.4)}
.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#68746d;cursor:pointer}
.warning-icon{width:42px;height:42px;border-radius:50%;background:#fff0e5;color:#f47721;display:grid;place-items:center;font-size:23px;font-weight:900;margin-bottom:13px}
.modal-box h3{font-size:24px;margin:0 0 15px}
.modal-box p{font-size:12px;line-height:1.7;color:#59645d;margin:9px 0}
.modal-box p strong{color:#18241d}
.modal-actions{display:flex;gap:10px;margin-top:22px}
.modal-actions button{flex:1;border:0;border-radius:8px;padding:13px 10px;font-size:9px;font-weight:900;cursor:pointer}
#cancelDownload{background:#edf1ee;color:#455049}
#continueDownload{background:#16833b;color:#fff}

@media(max-width:700px){
.downloads{padding:55px 0}
.download-head h2{font-size:32px}
.download-head p{font-size:11px;padding:0 15px}
.download-card{grid-template-columns:1fr;width:100%;border-radius:15px}
.modem-placeholder{min-height:250px}
.modem-placeholder:before{width:105px;height:150px}
.modem-placeholder:after{top:calc(50% + 37px);width:11px;height:11px}
.modem-placeholder strong{font-size:20px}
.modem-placeholder small{margin-top:58px}
.firmware-info{padding:23px}
.firmware-info h3{font-size:24px}
.firmware-item{padding:13px;align-items:center}
.firmware-item strong{font-size:15px}
.firmware-item small{font-size:8px}
.firmware-btn{padding:12px 12px;font-size:8px}
.modal-box{padding:24px 20px}
.modal-box h3{font-size:21px}
.modal-actions{flex-direction:column}
.modal-actions button{min-height:46px}
}

/* PROFESSIONAL DOWNLOAD CENTER */

.downloads{
padding:75px 0;
background:linear-gradient(180deg,#f7fbf8,#e7f1ea);
overflow:hidden;
}

.download-shell{
max-width:1050px;
margin:auto;
padding:0 20px;
}

.download-top{
display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
margin-bottom:25px;
}

.download-label{
font-size:10px;
font-weight:900;
letter-spacing:3px;
color:#16833b;
}

.download-title h2{
margin:8px 0;
font-size:42px;
color:#17231c;
}

.download-title h2 b{
color:#f47721;
}

.download-title p{
margin:0;
font-size:13px;
color:#68746d;
}

.live-status{
padding:13px 18px;
background:#fff;
border:1px solid #dce8df;
border-radius:12px;
box-shadow:0 8px 25px rgba(20,55,35,.1);
display:grid;
grid-template-columns:12px auto;
align-items:center;
gap:7px;
min-width:180px;
}

.live-status i{
width:9px;
height:9px;
border-radius:50%;
background:#16a34a;
box-shadow:0 0 0 0 rgba(22,163,74,.5);
animation:livePulse 1.5s infinite;
}

.live-status strong{
font-size:11px;
color:#16833b;
}

.live-status small{
grid-column:2;
font-size:8px;
color:#7b857f;
}

@keyframes livePulse{
0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}
70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}
100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}
}

.download-tabs{
margin-bottom:0;
}

.download-tab{
border:0;
background:#16833b;
color:#fff;
padding:13px 23px;
border-radius:9px 9px 0 0;
font-size:10px;
font-weight:900;
letter-spacing:1.5px;
}

.ont-card{
background:#fff;
border:1px solid #dce8df;
border-radius:0 16px 16px 16px;
overflow:hidden;
box-shadow:0 20px 55px rgba(20,55,35,.14);
}

.ont-header{
padding:20px 25px;
background:#17231c;
color:#fff;
display:flex;
justify-content:space-between;
align-items:center;
}

.maker{
display:block;
font-size:8px;
letter-spacing:2px;
color:#aab7ae;
margin-bottom:4px;
}

.ont-header strong{
font-size:19px;
letter-spacing:1px;
}

.supported{
font-size:9px;
font-weight:900;
display:flex;
align-items:center;
gap:7px;
}

.live-dot{
width:7px;
height:7px;
border-radius:50%;
background:#21b65b;
box-shadow:0 0 10px #21b65b;
animation:liveBlink 1.4s infinite;
}

@keyframes liveBlink{
50%{opacity:.35}
}

.ont-body{
display:grid;
grid-template-columns:42% 58%;
}

.ont-product{
min-height:320px;
padding:30px;
background:linear-gradient(145deg,#eef6f1,#dcebe2);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

.device-icon{
width:135px;
height:190px;
background:linear-gradient(90deg,#f7f9f8,#b9c4be,#edf1ef);
border-radius:12px;
box-shadow:0 20px 30px rgba(15,35,25,.22);
position:relative;
margin-bottom:24px;
}

.device-lines{
position:absolute;
left:30px;
right:30px;
top:48px;
height:2px;
background:#b7c2bc;
box-shadow:0 12px #b7c2bc,0 24px #b7c2bc;
}

.device-light{
position:absolute;
width:9px;
height:9px;
border-radius:50%;
background:#16833b;
box-shadow:0 0 12px #16833b;
left:50%;
bottom:35px;
transform:translateX(-50%);
animation:deviceBlink 1.2s infinite;
}

@keyframes deviceBlink{
50%{opacity:.25}
}

.device-info h3{
margin:0;
font-size:24px;
color:#17231c;
}

.device-info p{
margin:6px 0;
font-size:11px;
color:#68746d;
}

.device-info span{
font-size:7px;
font-weight:900;
letter-spacing:1.5px;
color:#16833b;
}

.firmware-list{
padding:30px;
display:flex;
flex-direction:column;
justify-content:center;
}

.firmware-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding:19px;
border:1px solid #dfe8e2;
border-radius:11px;
margin-bottom:12px;
transition:.2s;
}

.firmware-row:hover{
border-color:#16833b;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(20,55,35,.08);
}

.version span{
display:block;
font-size:8px;
font-weight:900;
letter-spacing:1.5px;
color:#f47721;
}

.version strong{
display:block;
font-size:24px;
color:#17231c;
margin:3px 0;
}

.version small{
font-size:8px;
color:#7a847e;
}

.firmware-btn{
border:0;
background:#16833b;
color:#fff;
border-radius:7px;
padding:13px 18px;
font-size:9px;
font-weight:900;
cursor:pointer;
}

.firmware-btn:hover{
background:#0d682d;
}

.download-footer{
padding:14px 25px;
border-top:1px solid #e3ebe5;
display:flex;
gap:25px;
flex-wrap:wrap;
font-size:8px;
font-weight:900;
color:#69756e;
}

.download-footer span:first-child{
color:#f47721;
}

.download-footer span:nth-child(2){
color:#16833b;
}

.download-note{
margin-top:16px;
padding:14px 17px;
background:#fff8f1;
border-left:4px solid #f47721;
border-radius:7px;
font-size:9px;
line-height:1.6;
color:#756653;
}

.download-note strong{
color:#f47721;
}

.firmware-modal{
position:fixed;
inset:0;
background:rgba(5,15,10,.82);
z-index:9999;
display:none;
align-items:center;
justify-content:center;
padding:18px;
}

.firmware-modal.show{
display:flex;
}

.modal-box{
position:relative;
width:min(500px,100%);
background:#fff;
border-radius:16px;
padding:30px;
box-shadow:0 25px 80px rgba(0,0,0,.4);
}

.modal-close{
position:absolute;
right:14px;
top:9px;
border:0;
background:none;
font-size:28px;
cursor:pointer;
}

.warning-icon{
width:42px;
height:42px;
border-radius:50%;
background:#fff0e5;
color:#f47721;
display:grid;
place-items:center;
font-size:23px;
font-weight:900;
margin-bottom:13px;
}

.modal-box h3{
font-size:24px;
margin:0 0 15px;
}

.modal-box p{
font-size:12px;
line-height:1.7;
color:#59645d;
margin:9px 0;
}

.modal-actions{
display:flex;
gap:10px;
margin-top:22px;
}

.modal-actions button{
flex:1;
border:0;
border-radius:8px;
padding:13px;
font-size:9px;
font-weight:900;
cursor:pointer;
}

#cancelDownload{
background:#edf1ee;
color:#455049;
}

#continueDownload{
background:#16833b;
color:#fff;
}

@media(max-width:700px){

.downloads{
padding:55px 0;
}

.download-shell{
padding:0 14px;
}

.download-top{
flex-direction:column;
align-items:flex-start;
}

.download-title h2{
font-size:31px;
}

.download-title p{
font-size:11px;
}

.live-status{
width:100%;
box-sizing:border-box;
}

.ont-body{
grid-template-columns:1fr;
}

.ont-product{
min-height:260px;
}

.firmware-list{
padding:18px;
}

.firmware-row{
padding:14px;
}

.version strong{
font-size:20px;
}

.firmware-btn{
padding:12px 13px;
font-size:8px;
}

.modal-actions{
flex-direction:column;
}

.modal-actions button{
min-height:46px;
}

}

/* PROFESSIONAL NAVIGATION */

nav a{
position:relative;
transition:.25s ease;
}

nav a:hover{
transform:translateY(-1px);
}

nav a.download-nav-btn{
background:linear-gradient(135deg,#f47721,#ff9a45);
color:#fff !important;
font-weight:900;
padding:10px 16px !important;
border-radius:8px;
box-shadow:0 0 0 rgba(244,119,33,0);
animation:downloadNavPulse 1.8s infinite;
}

nav a.download-nav-btn:before{
content:"";
display:inline-block;
width:7px;
height:7px;
border-radius:50%;
background:#fff;
margin-right:7px;
vertical-align:middle;
box-shadow:0 0 8px #fff;
animation:downloadDot 1s infinite;
}

@keyframes downloadNavPulse{
0%,100%{
box-shadow:0 0 0 0 rgba(244,119,33,.55);
}
50%{
box-shadow:0 0 0 7px rgba(244,119,33,0);
}
}

@keyframes downloadDot{
50%{opacity:.35}
}

@media(max-width:700px){

nav a.download-nav-btn{
padding:9px 11px !important;
font-size:9px !important;
}

}

/* CLEAN PROFESSIONAL DOWNLOAD MENU */

nav a.download-text-link{
position:relative;
background:none !important;
border:0 !important;
box-shadow:none !important;
color:#16833b !important;
padding:8px 2px !important;
font-weight:900 !important;
letter-spacing:1px;
text-decoration:none;
}

nav a.download-text-link:before{
content:"";
display:inline-block;
width:6px;
height:6px;
border-radius:50%;
background:#f47721;
margin-right:7px;
vertical-align:middle;
box-shadow:0 0 7px rgba(244,119,33,.7);
animation:downloadMenuLive 1.2s infinite;
}

nav a.download-text-link:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:2px;
height:2px;
background:#f47721;
transform:scaleX(.25);
transform-origin:center;
transition:.25s;
}

nav a.download-text-link:hover{
color:#f47721 !important;
}

nav a.download-text-link:hover:after{
transform:scaleX(1);
}

@keyframes downloadMenuLive{
50%{
opacity:.25;
transform:scale(.75);
}
}

@media(max-width:700px){

nav a.download-text-link{
padding:7px 1px !important;
font-size:9px !important;
}

}


/* ===== LCD / PLASMA SERVICE SUPPORT ===== */

.lcd-service-message{
text-align:center;
padding:35px 20px 30px;
border-bottom:1px solid #e1e9e4;
}

.lcd-service-label{
font-size:9px;
font-weight:900;
letter-spacing:2.5px;
color:#16833b;
}

.lcd-service-message h2{
font-size:28px;
margin:10px 0 9px;
letter-spacing:-.7px;
}

.lcd-service-message h2 span{
color:#f47721;
}

.lcd-service-message p{
max-width:650px;
margin:0 auto;
font-size:11px;
line-height:1.7;
color:#737e77;
}

.lcd-contact{
margin:25px auto 0;
display:inline-flex;
align-items:center;
gap:13px;
padding:13px 20px;
border:1px solid #dce7df;
border-radius:8px;
background:#fff;
box-shadow:0 8px 25px rgba(20,55,35,.07);
}

.lcd-contact span{
font-size:7px;
font-weight:900;
letter-spacing:1.3px;
color:#7b867f;
}

.lcd-contact strong{
font-size:13px;
color:#17231c;
}

.lcd-contact a{
font-size:13px;
font-weight:900;
color:#16833b;
text-decoration:none;
}

.lcd-contact a:hover{
color:#f47721;
}

.lcd-files{
margin-top:30px;
}

.lcd-file-heading{
display:flex;
justify-content:space-between;
align-items:end;
padding-bottom:12px;
border-bottom:1px solid #e1e9e4;
}

.lcd-file-heading span{
font-size:9px;
font-weight:900;
letter-spacing:2px;
color:#f47721;
}

.lcd-file-heading strong{
font-size:8px;
letter-spacing:1px;
color:#16833b;
}

.lcd-file-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding:19px 5px;
border-bottom:1px solid #e1e9e4;
}

.lcd-file-row>div strong{
display:block;
font-size:11px;
word-break:break-all;
}

.lcd-file-row>div small{
display:block;
font-size:8px;
color:#7d8781;
margin-top:5px;
}

.lcd-download{
border:1px solid #16833b;
color:#16833b;
background:none;
padding:10px 17px;
border-radius:5px;
font-size:8px;
font-weight:900;
letter-spacing:1px;
text-decoration:none;
transition:.2s;
white-space:nowrap;
}

.lcd-download:hover{
background:#16833b;
color:#fff;
}

@media(max-width:700px){

.lcd-service-message{
padding:28px 12px;
}

.lcd-service-message h2{
font-size:22px;
}

.lcd-contact{
flex-direction:column;
gap:5px;
padding:15px 20px;
}

.lcd-file-heading{
align-items:flex-start;
flex-direction:column;
gap:6px;
}

.lcd-file-row{
align-items:flex-start;
flex-direction:column;
}

.lcd-download{
width:100%;
text-align:center;
padding:12px;
}

}


/* =====================================================
   MOBILE NAVIGATION + DOWNLOADS VISIBILITY
   ===================================================== */

@media (max-width: 700px){

    header,
    .header,
    .navbar,
    .nav-bar{
        width:100%;
    }

    nav{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;
        gap:10px !important;
        white-space:nowrap !important;
    }

    nav a{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin-left:0 !important;
        padding:7px 4px !important;
        font-size:12px !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    .download-text-link{
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        z-index:50 !important;
        color:#159447 !important;
        font-weight:900 !important;
        text-decoration:none !important;
        padding:8px 4px !important;
        margin-left:4px !important;
    }

    .download-text-link:before{
        content:"";
        width:7px;
        height:7px;
        border-radius:50%;
        background:#f28c18;
        display:inline-block;
        margin-right:5px;
        animation:downloadLive 1.2s infinite;
    }

    @keyframes downloadLive{
        0%,100%{opacity:1;transform:scale(1);}
        50%{opacity:.35;transform:scale(.65);}
    }

}

/* Very small phones */
@media (max-width:400px){

    nav{
        gap:6px !important;
    }

    nav a{
        font-size:11px !important;
        padding:6px 2px !important;
    }

    .download-text-link{
        font-size:11px !important;
    }

    .download-text-link:before{
        width:6px;
        height:6px;
        margin-right:3px;
    }
}

/* =====================================================
   FINAL MOBILE RIGHT-SIDE OVERFLOW FIX
   ===================================================== */

html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

*,*::before,*::after{
    box-sizing:border-box !important;
    max-width:100%;
}

/* Header must never push outside phone */
@media(max-width:700px){

    header{
        width:100% !important;
        max-width:100% !important;
        padding-left:10px !important;
        padding-right:10px !important;
        display:flex !important;
        overflow:hidden !important;
    }

    header .logo{
        flex:1 1 auto !important;
        min-width:0 !important;
        max-width:55% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    header nav{
        flex:0 1 auto !important;
        min-width:0 !important;
        max-width:45% !important;
        overflow:hidden !important;
    }

    header nav a{
        max-width:none !important;
        flex-shrink:1 !important;
    }

    /* Downloads page */
    .hero,
    .tabs,
    .section{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .section{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .alpine{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .alpine-photo{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .baljit-support,
    .alpine .service,
    .alpine .firmware-row{
        width:100% !important;
        max-width:100% !important;
    }

    .baljit-support .baljit-name{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
        font-size:19px !important;
        letter-spacing:.5px !important;
    }

    .baljit-support .baljit-line{
        max-width:100% !important;
    }

    .alpine .service strong{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
        font-size:17px !important;
    }

    .alpine .service-warning{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .firmware-row > div{
        min-width:0 !important;
        max-width:100% !important;
    }

    .firmware-row .file{
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    .download-btn{
        max-width:100% !important;
    }
}

/* Extra small phones */
@media(max-width:380px){

    header{
        padding-left:7px !important;
        padding-right:7px !important;
    }

    header .logo{
        font-size:15px !important;
        max-width:52% !important;
    }

    header nav{
        max-width:48% !important;
    }

    header nav a{
        font-size:10px !important;
    }

    .section{
        padding-left:8px !important;
        padding-right:8px !important;
    }

    .alpine{
        padding-left:9px !important;
        padding-right:9px !important;
    }
}

/* =====================================================
   JEET COMPUTERS - FINAL MOBILE MENU
   ===================================================== */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

@media (max-width:700px){

    /* Main header */
    header{
        width:100% !important;
        max-width:100% !important;
        min-height:58px !important;
        height:auto !important;
        padding:10px 9px !important;
        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;

        overflow:hidden !important;
    }

    /* Logo */
    header .logo{
        flex:0 1 auto !important;
        min-width:0 !important;
        max-width:42% !important;

        font-size:17px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* Navigation */
    header nav{
        flex:1 1 auto !important;
        width:auto !important;
        max-width:58% !important;
        min-width:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;

        gap:5px !important;
        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }

    header nav a{
        flex:0 1 auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:5px 2px !important;

        font-size:10px !important;
        line-height:1.1 !important;
        font-weight:800 !important;

        white-space:nowrap !important;
        text-decoration:none !important;
    }

    /* Downloads */
    header nav .download-text-link,
    .download-text-link{
        display:inline-flex !important;
        visibility:visible !important;
        opacity:1 !important;

        color:#159447 !important;
        font-weight:900 !important;

        padding:5px 2px !important;
        margin:0 !important;

        white-space:nowrap !important;
    }

    .download-text-link:before{
        content:"";
        display:inline-block !important;

        width:5px !important;
        height:5px !important;

        margin-right:3px !important;

        border-radius:50%;
        background:#f28c18;

        animation:jcLiveDot 1.2s infinite;
    }

    @keyframes jcLiveDot{
        0%,100%{opacity:1}
        50%{opacity:.25}
    }

    /* Hide ALL possible fixed bottom contact bars */
    .fixed-bottom,
    .bottom-bar,
    .bottom-contact,
    .mobile-bottom,
    .mobile-contact,
    .floating-contact,
    .floating-buttons,
    .call-whatsapp,
    .call-whatsapp-bar,
    .contact-bar{
        display:none !important;
        visibility:hidden !important;
    }

    /* Any fixed element containing call/WhatsApp */
    body > div[style*="position:fixed"],
    body > div[style*="position: fixed"]{
        display:none !important;
    }

    /* General page protection */
    main,
    section,
    footer,
    .container,
    .content,
    .hero{
        max-width:100% !important;
    }

    img{
        max-width:100% !important;
    }
}

/* =====================================================
   SMALL PHONE
   ===================================================== */

@media(max-width:430px){

    header{
        padding:9px 7px !important;
        gap:4px !important;
    }

    header .logo{
        max-width:38% !important;
        font-size:15px !important;
    }

    header nav{
        max-width:62% !important;
        gap:3px !important;
    }

    header nav a{
        font-size:9px !important;
        padding:4px 1px !important;
    }

    .download-text-link{
        font-size:9px !important;
    }
}

/* =====================================================
   VERY SMALL PHONE
   ===================================================== */

@media(max-width:360px){

    header .logo{
        font-size:14px !important;
        max-width:35% !important;
    }

    header nav{
        max-width:65% !important;
        gap:2px !important;
    }

    header nav a{
        font-size:8px !important;
    }

    .download-text-link{
        font-size:8px !important;
    }
}

/* ============================================================
   JEET COMPUTERS - CLEAN MOBILE HEADER
   ============================================================ */

html,
body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow-x:hidden !important;
}

@media (max-width:700px){

    /* Header becomes two clean rows */
    header{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;

        padding:12px 10px 9px !important;
        margin:0 !important;

        gap:10px !important;
        overflow:visible !important;
    }

    /* Logo row */
    header .logo{
        display:block !important;
        width:100% !important;
        max-width:100% !important;

        text-align:center !important;

        font-size:21px !important;
        line-height:1.15 !important;
        font-weight:900 !important;

        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;

        margin:0 !important;
    }

    /* Navigation gets its own full-width row */
    header nav{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;

        flex-wrap:nowrap !important;

        gap:0 !important;
        margin:0 !important;
        padding:7px 2px 2px !important;

        border-top:1px solid #eeeeee !important;

        overflow:visible !important;
    }

    header nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:1 1 0 !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;
        padding:6px 2px !important;

        font-size:10px !important;
        line-height:1.1 !important;
        font-weight:900 !important;

        white-space:nowrap !important;
        overflow:visible !important;

        text-decoration:none !important;
    }

    /* DOWNLOADS */
    header nav .download-text-link,
    .download-text-link{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;

        flex:1 1 0 !important;

        color:#159447 !important;
        font-weight:900 !important;

        background:none !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .download-text-link:before{
        content:"";
        display:inline-block !important;

        width:6px !important;
        height:6px !important;

        min-width:6px !important;

        margin-right:3px !important;

        border-radius:50% !important;
        background:#f28c18 !important;

        animation:jcDownloadLive 1.2s infinite !important;
    }

    @keyframes jcDownloadLive{
        0%,100%{opacity:1;transform:scale(1);}
        50%{opacity:.25;transform:scale(.7);}
    }

    /* Never allow page sections to create horizontal scrolling */
    main,
    section,
    footer,
    .container,
    .hero,
    .content{
        width:100% !important;
        max-width:100% !important;
    }

    img{
        max-width:100% !important;
        height:auto;
    }
}

/* Smaller phones */
@media(max-width:380px){

    header{
        padding:10px 7px 8px !important;
        gap:8px !important;
    }

    header .logo{
        font-size:19px !important;
    }

    header nav{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    header nav a{
        font-size:8.5px !important;
        padding-left:1px !important;
        padding-right:1px !important;
    }

    .download-text-link:before{
        width:5px !important;
        height:5px !important;
        min-width:5px !important;
        margin-right:2px !important;
    }
}

/* ============================================================
   REMOVE FIXED BOTTOM CONTACT BAR
   ============================================================ */

body{
    padding-bottom:0 !important;
}

@media(max-width:700px){

    .fixed-bottom,
    .bottom-bar,
    .bottom-contact,
    .mobile-bottom,
    .mobile-contact,
    .floating-contact,
    .floating-buttons,
    .call-whatsapp,
    .call-whatsapp-bar,
    .contact-bar,
    .sticky-contact,
    .sticky-bottom{
        display:none !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }
}

/* ============================================================
   JEET COMPUTERS
   FINAL MOBILE HERO / TEXT OVERLAP FIX
   ============================================================ */

@media (max-width:700px){

    html,
    body{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    /* --------------------------------------------------------
       STOP OLD DESKTOP POSITIONING
       -------------------------------------------------------- */

    header,
    header *,
    main,
    main *,
    section,
    section *,
    .hero,
    .hero *,
    .hero-content,
    .hero-content *,
    .container,
    .container *{
        max-width:100% !important;
    }

    /* Header stays completely above the hero */
    header{
        position:relative !important;
        z-index:1000 !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        display:flex !important;
        flex-direction:column !important;

        margin:0 !important;
        padding:12px 9px !important;

        overflow:visible !important;
    }

    header .logo{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        text-align:center !important;

        white-space:nowrap !important;
    }

    header nav{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:8px 0 0 !important;
        padding:8px 0 0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex-wrap:nowrap !important;

        border-top:1px solid #eeeeee !important;

        overflow:visible !important;
    }

    header nav a{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:6px 2px !important;

        flex:1 1 0 !important;

        white-space:nowrap !important;
    }

    /* --------------------------------------------------------
       HERO - NO ABSOLUTE / FIXED TEXT ON MOBILE
       -------------------------------------------------------- */

    .hero,
    [class*="hero"]{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;

        padding:30px 15px 25px !important;

        overflow:hidden !important;
    }

    .hero > *,
    .hero-content,
    .hero-content > *,
    [class*="hero"] > *{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:auto !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* Hero heading */
    .hero h1,
    .hero h2,
    .hero h3{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:100% !important;
        height:auto !important;

        margin:10px 0 14px !important;
        padding:0 !important;

        font-size:31px !important;
        line-height:1.12 !important;

        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
    }

    /* Hero paragraph */
    .hero p{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        width:100% !important;
        height:auto !important;

        margin:0 0 15px !important;
        padding:0 !important;

        font-size:14px !important;
        line-height:1.55 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    /* Small BSNL/Fiber label */
    .hero .eyebrow,
    .hero .tag,
    .hero .label,
    .hero small{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        display:block !important;

        width:100% !important;
        height:auto !important;

        margin:0 0 10px !important;
        padding:0 !important;

        white-space:normal !important;
    }

    /* Hero buttons */
    .hero a,
    .hero button{
        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;

        max-width:100% !important;
    }

    /* --------------------------------------------------------
       PREVENT GENERAL TEXT FROM ESCAPING ITS SECTION
       -------------------------------------------------------- */

    h1,h2,h3,h4,h5,h6,
    p,
    span,
    a,
    button{
        overflow-wrap:break-word !important;
    }

    /* Remove negative positioning/margins that cause overlap */
    section,
    main{
        margin-top:0 !important;
    }

    /* --------------------------------------------------------
       SMALL PHONES
       -------------------------------------------------------- */

    @media(max-width:380px){

        header{
            padding:10px 7px !important;
        }

        header .logo{
            font-size:19px !important;
        }

        header nav a{
            font-size:8px !important;
            padding-left:1px !important;
            padding-right:1px !important;
        }

        .hero{
            padding:25px 13px 22px !important;
        }

        .hero h1,
        .hero h2,
        .hero h3{
            font-size:27px !important;
            line-height:1.12 !important;
        }

        .hero p{
            font-size:13px !important;
            line-height:1.5 !important;
        }
    }
}

/* ============================================================
   JEET COMPUTERS - ABSOLUTE FINAL MOBILE LAYOUT RESET
   ============================================================ */

@media screen and (max-width:700px){

    /* ---------- COMPLETE PAGE RESET ---------- */

    html{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    body{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
    }

    /* ---------- HEADER ---------- */

    header{
        position:relative !important;
        display:block !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:12px 8px 8px !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;
        clear:both !important;

        z-index:99999 !important;

        background:#ffffff !important;
        overflow:visible !important;
    }

    /* ---------- LOGO ---------- */

    header .logo{
        position:relative !important;
        display:block !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 0 10px 0 !important;
        padding:0 !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;
        float:none !important;

        text-align:center !important;

        font-size:20px !important;
        line-height:24px !important;

        white-space:nowrap !important;
        overflow:visible !important;

        z-index:100000 !important;
    }

    /* ---------- NAVIGATION ---------- */

    header nav{
        position:relative !important;
        display:flex !important;

        width:100% !important;
        height:auto !important;
        min-height:42px !important;

        margin:0 !important;
        padding:8px 0 4px !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;
        float:none !important;
        clear:both !important;

        align-items:center !important;
        justify-content:space-between !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        border-top:1px solid #eeeeee !important;
        border-bottom:1px solid #eeeeee !important;

        background:#ffffff !important;

        overflow:visible !important;

        z-index:100001 !important;
    }

    header nav a{
        position:relative !important;
        display:block !important;

        width:auto !important;
        height:auto !important;
        min-width:0 !important;
        min-height:28px !important;

        flex:1 1 0 !important;

        margin:0 !important;
        padding:5px 1px !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;
        float:none !important;

        text-align:center !important;

        font-size:9px !important;
        line-height:16px !important;
        font-weight:800 !important;

        white-space:nowrap !important;

        overflow:visible !important;

        z-index:100002 !important;
    }

    /* Downloads */
    header nav .download-text-link{
        display:block !important;
        position:relative !important;

        width:auto !important;
        height:auto !important;

        background:none !important;
        border:0 !important;
        box-shadow:none !important;

        color:#159447 !important;

        text-decoration:none !important;
    }

    header nav .download-text-link:before{
        content:"" !important;

        display:inline-block !important;

        width:5px !important;
        height:5px !important;

        margin-right:3px !important;

        vertical-align:middle !important;

        border-radius:50% !important;

        background:#f28c18 !important;

        animation:jcLive 1.2s infinite !important;
    }

    @keyframes jcLive{
        0%,100%{opacity:1}
        50%{opacity:.25}
    }

    /* ---------- HERO: FORCE IT BELOW HEADER ---------- */

    .hero,
    [class="hero"],
    [class*="hero"]{

        position:relative !important;

        display:block !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:28px 14px 25px !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;
        clear:both !important;

        overflow:hidden !important;

        z-index:1 !important;
    }

    /* ---------- EVERY HERO ELEMENT ---------- */

    .hero > *,
    .hero *{

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;

        max-width:100% !important;
    }

    .hero h1,
    .hero h2,
    .hero h3{

        display:block !important;

        width:100% !important;
        height:auto !important;

        margin:10px 0 15px !important;
        padding:0 !important;

        font-size:30px !important;
        line-height:1.12 !important;

        white-space:normal !important;

        overflow:visible !important;
    }

    .hero p{

        display:block !important;

        width:100% !important;
        height:auto !important;

        margin:0 0 16px !important;
        padding:0 !important;

        font-size:14px !important;
        line-height:1.55 !important;

        white-space:normal !important;

        overflow:visible !important;
    }

    .hero a,
    .hero button{

        display:block !important;

        position:relative !important;

        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:42px !important;

        margin:8px 0 !important;
        padding:12px 10px !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;

        text-align:center !important;
    }

    /* ---------- STOP ABSOLUTE POSITIONING IN MAIN ---------- */

    main,
    main > *,
    main section,
    main section > *{

        max-width:100% !important;
    }

    /* Only mobile: prevent accidental overlays */
    main{
        position:relative !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    /* ---------- REMOVE FIXED CONTACT BAR ---------- */

    body > div,
    body > aside{

        /* Do not blanket-hide normal content */
    }

    .fixed-bottom,
    .bottom-bar,
    .bottom-contact,
    .mobile-bottom,
    .mobile-contact,
    .floating-contact,
    .floating-buttons,
    .call-whatsapp,
    .call-whatsapp-bar,
    .contact-bar,
    .sticky-contact,
    .sticky-bottom{

        display:none !important;
        visibility:hidden !important;
        position:static !important;
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* ---------- IMAGES ---------- */

    img{
        max-width:100% !important;
        height:auto !important;
    }
}

/* ============================================================
   360px AND SMALLER
   ============================================================ */

@media screen and (max-width:380px){

    header{
        padding:10px 6px 7px !important;
    }

    header .logo{
        font-size:18px !important;
        line-height:22px !important;
    }

    header nav a{
        font-size:8px !important;
        line-height:14px !important;
        padding:5px 0 !important;
    }

    .hero{
        padding:24px 12px 22px !important;
    }

    .hero h1,
    .hero h2,
    .hero h3{
        font-size:27px !important;
    }

    .hero p{
        font-size:13px !important;
    }
}