:root{--blue:#087fe8;--blue2:#0455c5;--cyan:#00b7ff;--ink:#10223d;--muted:#65748b;--light:#f4f8fc;--white:#fff;--border:#e4ebf3;--shadow:0 18px 55px rgba(13,61,112,.12);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:#061a36;color:#dbeafe;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.top-links{display:flex;gap:18px}.top-links a:hover{color:#fff}.nav-wrap{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(228,235,243,.8)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:55px;height:55px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:22px;color:var(--blue2);letter-spacing:-.5px}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6d7c92;margin-top:5px}.nav-menu{display:flex;align-items:center;gap:6px}.nav-menu>a{padding:10px 13px;border-radius:10px;font-weight:600;font-size:14px;color:#44546b}.nav-menu>a:hover,.nav-menu>a.active{color:var(--blue2);background:#edf6ff}.nav-menu .nav-cta{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:12px 18px;box-shadow:0 10px 25px rgba(8,127,232,.25)}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--ink);cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#041a38 0%,#073b82 48%,#087fe8 100%);color:#fff;padding:86px 0 95px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.18}.hero:before{width:520px;height:520px;background:#00c2ff;right:-190px;top:-260px}.hero:after{width:360px;height:360px;background:#fff;left:-220px;bottom:-230px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#bde9ff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-2.8px;margin:18px 0}.hero h1 span{color:#62d6ff}.hero p{font-size:18px;color:#d9ecff;max-width:620px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-primary{background:#fff;color:#075ac8;box-shadow:0 14px 30px rgba(0,0,0,.15)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.4);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.1)}.hero-art{min-height:350px;position:relative;display:grid;place-items:center}.orbit{width:330px;height:330px;border:1px solid rgba(255,255,255,.18);border-radius:50%;position:absolute;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.hero-logo{width:230px;filter:drop-shadow(0 25px 30px rgba(0,0,0,.25));animation:float 4s ease-in-out infinite}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:#7ce5ff;box-shadow:0 0 20px #2ecbff}.n1{top:55px;right:90px}.n2{bottom:55px;left:75px}.n3{top:140px;left:25px}.n4{bottom:90px;right:30px}@keyframes float{50%{transform:translateY(-10px)}}.section{padding:80px 0}.section-soft{background:var(--light)}.section-head{text-align:center;max-width:720px;margin:0 auto 45px}.section-head .eyebrow{color:var(--blue2);background:#eaf5ff;border-color:#d5eaff}.section-head h2{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin:13px 0}.section-head p{color:var(--muted);margin:0}.stats{margin-top:-35px;position:relative;z-index:5}.stats-grid{background:#fff;box-shadow:var(--shadow);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:25px}.stat{text-align:center;padding:12px;border-right:1px solid var(--border)}.stat:last-child{border:0}.stat strong{display:block;font-size:30px;color:var(--blue2)}.stat span{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 25px rgba(13,61,112,.05)}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.icon{width:50px;height:50px;border-radius:14px;background:#eaf5ff;color:var(--blue2);display:grid;place-items:center;font-size:23px;margin-bottom:18px}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;padding:27px;overflow:hidden}.package.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.package .tag{position:absolute;top:18px;right:18px;background:#eaf5ff;color:var(--blue2);font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px}.package h3{font-size:17px;margin:0;color:#64738b}.speed{font-size:38px;font-weight:900;letter-spacing:-1.5px;color:var(--blue2);margin:12px 0 4px}.price{font-size:27px;font-weight:900}.price small{font-size:12px;color:var(--muted);font-weight:600}.package p{color:var(--muted);min-height:52px}.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{margin:8px 0;color:#40516a;font-size:14px}.check-list li:before{content:'✓';color:#0a9d68;font-weight:900;margin-right:8px}.package .btn{width:100%;background:#eef7ff;color:var(--blue2)}.package.featured .btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:12px 0}.split p{color:var(--muted)}.feature-list{display:grid;gap:12px;margin-top:25px}.feature-list div{display:flex;gap:12px;align-items:flex-start}.feature-list b{display:block}.feature-list span{display:block;color:var(--muted);font-size:14px}.visual-panel{background:linear-gradient(145deg,#eaf6ff,#f9fcff);border:1px solid #dcecfb;border-radius:28px;padding:35px;min-height:340px;position:relative;overflow:hidden}.visual-panel:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #b8dcfb;border-radius:50%;right:-80px;top:-80px}.visual-panel img{width:230px;margin:30px auto 0;position:relative;z-index:2}.cta{background:linear-gradient(135deg,#05204a,#087fe8);color:#fff;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:34px;line-height:1.15;margin:0 0 8px}.cta p{color:#d7ecff;margin:0}.page-hero{padding:65px 0;background:linear-gradient(135deg,#061a37,#0a66c7);color:#fff}.page-hero h1{font-size:48px;margin:0 0 8px;letter-spacing:-1.5px}.page-hero p{margin:0;color:#cce7ff}.content{max-width:900px;margin:auto}.content h2{margin-top:38px;font-size:27px}.content h3{margin-top:25px}.content p,.content li{color:#586a81}.content ul{padding-left:22px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.contact-info{background:#061f45;color:#fff;border-radius:22px;padding:32px}.contact-info p{color:#cfe2fa}.contact-item{display:flex;gap:14px;margin:22px 0}.contact-item strong{display:block}.contact-item span{color:#b9d2ef;font-size:14px}.form-card{border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e2ed;border-radius:11px;padding:12px 13px;font:inherit;outline:none;background:#fff}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69b7f5;box-shadow:0 0 0 4px #eaf6ff}.notice{padding:14px 16px;border-radius:12px;background:#eff9f4;color:#176d4c;border:1px solid #c9eedc;margin-bottom:20px}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--border);border-radius:14px;padding:17px 19px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:12px 0 0}.footer{background:#06152d;color:#b9cbe1;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:45px;padding:60px 0}.footer-brand{color:#fff}.footer-brand strong{color:#fff}.footer-brand small{color:#8fa6c3}.footer p{font-size:14px;max-width:330px}.footer h4{color:#fff;margin:0 0 16px}.footer-grid>div:not(:first-child) a{display:block;font-size:14px;margin:9px 0}.footer-grid a:hover{color:#fff}.social-row{display:flex;gap:8px;margin-top:18px}.social-row a{width:35px;height:35px;border-radius:10px;background:#0d2b51;display:grid;place-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:12px}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}.map-placeholder{min-height:280px;border-radius:22px;background:linear-gradient(135deg,#e7f4ff,#f6fbff);border:1px solid #d9eafa;display:grid;place-items:center;text-align:center;padding:30px}.map-placeholder strong{font-size:22px;color:var(--blue2)}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:7px 10px;background:#edf6ff;color:#075fc9;border-radius:999px;font-size:12px;font-weight:800}@media(max-width:900px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:280px}.cards,.package-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.nav-menu{position:absolute;left:18px;right:18px;top:70px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:10px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu>a{width:100%}.menu-toggle{display:block}.topbar-inner{font-size:11px}.topbar-inner>span{display:none}.topbar-inner{justify-content:center}}@media(max-width:620px){.container{width:min(100% - 24px,1160px)}.hero{padding:60px 0}.hero h1{font-size:43px}.hero-art{min-height:230px}.orbit{width:240px;height:240px}.hero-logo{width:165px}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border:0}.cards,.package-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.section{padding:58px 0}.page-hero{padding:45px 0}.page-hero h1{font-size:38px}.split h2{font-size:32px}.cta{padding:30px;flex-direction:column;align-items:flex-start}.footer-bottom .container{flex-direction:column}.brand img{width:48px;height:48px}.brand strong{font-size:19px}}
/* Novetel homepage visual layer */
.topbar{background:#061b3b;padding:0}.topbar-inner{min-height:35px;padding:0;align-items:center}.top-contact{display:flex;gap:18px;align-items:center}.top-contact a,.top-contact span{color:#e7f3ff;font-size:12px}.top-social{height:35px;display:flex;align-items:center;gap:12px}.top-social a{color:#fff;font-weight:800;font-size:13px}.top-social .wa{color:#45e18a}.top-social .login{background:#087fe8;padding:10px 16px;height:35px;margin-left:6px}.nav-wrap{position:relative;border-bottom:1px solid #edf1f6;box-shadow:0 2px 12px rgba(0,30,70,.04)}.nav{height:97px}.brand{gap:9px}.brand img{width:82px;height:72px}.brand span{line-height:1}.brand strong{font-size:27px;letter-spacing:-1px}.brand small{font-size:12px;letter-spacing:2.2px;color:#52667e}.brand em{font-style:normal;font-size:9px;color:#53677f;margin-top:5px}.nav-menu{gap:8px}.nav-menu>a{padding:13px 15px;font-size:14px;color:#1d2530;border-radius:0}.nav-menu>a:hover,.nav-menu>a.active{background:transparent;color:#006de5}.nav-menu>a.active{border-bottom:2px solid #087fe8}.hero-home{min-height:382px;padding:72px 0 65px;background:linear-gradient(110deg,#031a3d 0%,#063c82 54%,#005bc7 100%);position:relative}.hero-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 20%,rgba(0,205,255,.12),transparent 30%),radial-gradient(circle at 90% 65%,rgba(0,159,255,.3),transparent 38%);pointer-events:none}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:700px;position:relative;z-index:3}.hero h1{font-size:52px;letter-spacing:-2px;margin:0 0 16px;font-weight:900}.hero h1 span{color:#08a9ff}.hero-copy>p{font-size:18px;max-width:650px;margin-bottom:22px}.hero-features{display:flex;gap:0;margin:10px 0 26px}.hero-features>div{display:flex;gap:10px;align-items:center;padding:0 25px;border-right:1px solid rgba(255,255,255,.3)}.hero-features>div:first-child{padding-left:0}.hero-features>div:last-child{border:0}.hero-features b{width:42px;height:42px;border:1px solid #00b6ff;border-radius:50%;display:grid;place-items:center;color:#00b6ff;font-size:20px}.hero-features span{font-size:12px;color:#c8def6;display:flex;flex-direction:column}.hero-features strong{font-size:14px;color:#fff}.btn-blue{background:#087fe8;color:#fff;box-shadow:0 10px 25px rgba(0,107,226,.3);border-radius:4px}.btn-hero-outline{border:1px solid #fff;color:#fff;border-radius:4px}.wifi-art{position:absolute;right:8%;top:35px;width:310px;height:220px;z-index:2;transform:rotate(-2deg)}.wifi-art span{position:absolute;left:50%;transform:translateX(-50%);border:5px solid #00b8ff;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-radius:50% 50% 0 0;filter:drop-shadow(0 0 8px #00b8ff)}.wifi-art span:nth-child(1){width:285px;height:150px;top:0}.wifi-art span:nth-child(2){width:205px;height:110px;top:42px}.wifi-art span:nth-child(3){width:120px;height:65px;top:84px}.wifi-art:after{content:"";position:absolute;left:50%;bottom:12px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 25px 7px #00c8ff}.network-lines{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#68dfff 1.4px,transparent 1.4px),linear-gradient(25deg,transparent 49%,rgba(99,221,255,.35) 50%,transparent 51%);background-size:110px 80px,220px 140px}.city-silhouette{position:absolute;bottom:0;right:0;left:40%;height:115px;display:flex;align-items:flex-end;gap:7px;opacity:.38}.city-silhouette i{display:block;width:7%;background:linear-gradient(#132e4e,#07182e);border-top:1px solid #51bff8}.city-silhouette i:nth-child(1){height:45%}.city-silhouette i:nth-child(2){height:78%}.city-silhouette i:nth-child(3){height:52%}.city-silhouette i:nth-child(4){height:100%;width:11%}.city-silhouette i:nth-child(5){height:66%}.city-silhouette i:nth-child(6){height:85%}.city-silhouette i:nth-child(7){height:55%}.packages-home{padding-top:54px}.section-head{margin-bottom:28px}.section-kicker{font-size:13px;font-weight:800;color:#0875dc;letter-spacing:.5px}.section-head h2{font-size:25px;margin:5px 0 8px}.section-line{height:2px;width:38px;background:#087fe8;margin:10px auto 0}.home-package-grid{grid-template-columns:repeat(6,1fr);gap:9px}.home-package-grid .package{padding:20px 14px;text-align:center;border-radius:6px;min-height:278px}.package-icon{width:45px;height:45px;border:2px solid #087fe8;border-radius:50%;display:grid;place-items:center;color:#087fe8;margin:0 auto 13px;font-size:20px}.home-package-grid .package h3{font-size:21px;color:#101e35;margin:0}.home-package-grid .price{font-size:20px;margin-top:8px}.home-package-grid .per{font-size:12px;color:#68778d}.home-package-grid .check-list{text-align:left;margin:13px 0 15px}.home-package-grid .check-list li{font-size:11px;margin:6px 0}.package-btn{display:block;background:#087fe8;color:#fff;border-radius:3px;padding:8px;font-size:12px;font-weight:800}.home-package-grid .featured{border:2px solid #087fe8}.ribbon{position:absolute;right:-31px;top:14px;background:#087fe8;color:#fff;padding:6px 35px;font-size:9px;font-weight:900;transform:rotate(35deg)}.center-btn{text-align:center;margin-top:24px}.outline-btn{border:1px solid #087fe8;color:#087fe8;padding:9px 20px;border-radius:3px;font-size:12px;font-weight:800}.service-band{background:linear-gradient(120deg,#032052,#062f67);color:#fff;padding:40px 0}.section-head.dark h2,.section-head.dark .section-kicker{color:#fff}.service-row{display:grid;grid-template-columns:repeat(5,1fr)}.service-row>div{text-align:center;padding:5px 22px;border-right:1px solid rgba(255,255,255,.3)}.service-row>div:last-child{border:0}.service-row b{font-size:37px;color:#00aaff;font-weight:400}.service-row h3{font-size:13px;margin:7px 0}.service-row p{font-size:11px;color:#c8daf0;line-height:1.45;margin:0}.quick-section{padding:48px 0 40px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.quick-grid h3{font-size:14px;color:#0872dd;letter-spacing:.4px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-right:1px solid #e3eaf2;padding-right:35px}.quick-links a{font-size:13px;color:#36475e}.quick-links a:hover{color:#087fe8}.why p{font-size:13px;margin:9px 0;color:#34465d}.why p::first-letter{color:#159c65}.router-art{height:75px;width:145px;margin:18px auto 0;border-radius:12px;background:linear-gradient(150deg,#1f7fd0,#0b4d9e);position:relative;box-shadow:0 18px 30px rgba(0,70,160,.22);transform:perspective(250px) rotateX(12deg)}.router-art:before,.router-art:after{content:"";position:absolute;width:4px;height:58px;background:#163b69;top:-42px}.router-art:before{left:35px;transform:rotate(-10deg)}.router-art:after{right:35px;transform:rotate(10deg)}.router-art span{position:absolute;bottom:16px;width:5px;height:5px;background:#64e4ff;border-radius:50%;left:48%}.router-art span:nth-child(2){left:53%}.router-art span:nth-child(3){left:58%}.cta{border-radius:6px;padding:32px 40px}.cta h2{font-size:28px}.footer{margin-top:0}.footer-grid{padding:45px 0;gap:28px}.footer-brand img{width:75px;height:65px}.footer-brand strong{font-size:23px}.footer-brand small{font-size:10px}.footer-brand em{display:block;font-style:normal;font-size:8px;color:#8fa6c3;margin-top:4px}.footer h4{font-size:12px}.footer-grid>div:not(:first-child) a{font-size:12px;margin:7px 0}.footer p{font-size:12px}.footer-btn{display:inline-block!important;background:#087fe8;color:#fff!important;padding:9px 13px;border-radius:3px;margin-top:8px!important}.support-title{margin-top:22px!important}.footer-bottom{font-size:11px}
@media(max-width:1050px){.home-package-grid{grid-template-columns:repeat(3,1fr)}.wifi-art{right:0;opacity:.55}.nav-menu>a{padding-left:8px;padding-right:8px}.brand img{width:70px}.brand strong{font-size:23px}}
@media(max-width:760px){.top-contact a:nth-of-type(2),.top-contact .divider,.top-contact a:nth-of-type(3){display:none}.top-social .login{display:none}.nav{height:75px}.brand img{width:57px;height:55px}.brand strong{font-size:20px}.brand small{font-size:9px}.brand em{font-size:7px}.hero-home{padding:55px 0 55px}.hero h1{font-size:40px}.wifi-art{width:220px;right:-35px;top:60px;opacity:.18}.hero-copy{max-width:100%}.hero-features{flex-wrap:wrap;gap:15px}.hero-features>div{padding:0 14px}.hero-features>div:first-child{padding-left:0}.service-row{grid-template-columns:1fr 1fr}.service-row>div{margin-bottom:18px}.service-row>div:nth-child(2){border:0}.quick-grid{grid-template-columns:1fr;gap:30px}.quick-links{border:0;padding:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}
@media(max-width:520px){.home-package-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.hero-features>div{width:100%;border:0!important}.actions .btn{width:100%}.service-row{grid-template-columns:1fr}.service-row>div{border:0!important}.footer-grid{grid-template-columns:1fr}.top-contact{gap:8px}.top-contact a{font-size:10px}}