@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Nunito:wght@600;700;800;900&display=swap');
:root{--blue:#075ac9;--blue2:#0c83ee;--dark:#061a3b;--ink:#152848;--light:#f4f8ff;--cyan:#29d7ff;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}.topbar{background:#061938;color:#bfe7ff;text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;padding:9px 20px}.navbar{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;z-index:100;box-shadow:0 2px 18px #0a3d7812}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand img{width:82px;height:62px;object-fit:contain}.brand span{display:grid;gap:3px;font-size:13px}.brand small{font-size:11px;color:#557;letter-spacing:.3px}nav{display:flex;align-items:center;gap:27px}nav a{font-size:13px;text-decoration:none;color:#223653;font-weight:700}nav a:hover{color:var(--blue)}.nav-cta{background:linear-gradient(135deg,#075ac9,#0c86ed)!important;color:#fff!important;border-radius:25px;padding:13px 18px}.menu-btn{display:none;background:none;border:0;font-size:26px}
.hero{min-height:610px;background:radial-gradient(circle at 80% 20%,#087bda 0,#07326f 24%,#061a3b 61%,#03122b 100%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px 7%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03112be8 0%,#061a3b88 50%,transparent 100%);pointer-events:none}.hero-content,.hero-visual{position:relative;z-index:2}.badge{display:inline-block;background:#ffffff18;border:1px solid #ffffff42;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:1px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#d8e9ff;margin:20px 0 8px}.blue{color:var(--blue);margin-top:0}.hero h1{font-family:Nunito,sans-serif;font-size:58px;line-height:1.02;margin:0 0 18px;letter-spacing:-1.5px}.hero h1 span,.section-heading h2 span,.coverage h2 span,.cta-strip h2 span,.coverage-list span{color:#25c7ff}.hero-text{max-width:650px;font-size:16px;line-height:1.7;color:#d5e4fa}.hero-buttons{display:flex;gap:14px;margin:27px 0}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:28px;padding:15px 22px;text-decoration:none;font-weight:800;font-size:14px}.primary{color:#fff;background:linear-gradient(135deg,#00b9ef,#075ac9);box-shadow:0 10px 25px #009eff33}.ghost{color:#fff;border:1px solid #b8dcff;background:#fff0}.hero-proof{display:flex;gap:25px;margin-top:30px}.hero-proof div{border-left:2px solid #25c7ff;padding-left:11px;display:grid;gap:3px}.hero-proof b{font-size:14px}.hero-proof span{font-size:11px;color:#bdd4ef}.hero-visual{height:470px;display:flex;align-items:center;justify-content:center}.wifi-rings{position:absolute;width:360px;height:360px;border-radius:50%;border:2px solid #2dd7ff55;box-shadow:0 0 0 40px #1d83d610,0 0 0 80px #1d83d60b}.mascot{position:relative;width:260px;height:370px;z-index:3}.head{position:absolute;left:52px;top:10px;width:160px;height:150px;background:linear-gradient(145deg,#fff,#bce9ff);border-radius:48% 48% 45% 45%;box-shadow:0 10px 40px #0005;display:flex;justify-content:space-around;align-items:center;padding:0 45px;color:#073b7b;font-size:28px}.mouth{position:absolute;bottom:28px;font-size:31px}.headphones{position:absolute;left:20px;top:15px;width:220px;height:165px;border:20px solid #092f72;border-bottom:0;border-radius:50% 50% 0 0;color:#35d9ff;font-size:80px;z-index:-1}.body{position:absolute;left:48px;top:145px;width:165px;height:155px;border-radius:35px 35px 50px 50px;background:linear-gradient(145deg,#1298e9,#074dba);border:2px solid #68e6ff;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 15px 40px #0006}.router{position:absolute;bottom:0;left:15px;width:230px;height:90px;border-radius:16px;background:linear-gradient(145deg,#09285d,#020b1b);border:1px solid #42dfff;box-shadow:0 20px 35px #0007;display:flex;gap:9px;align-items:flex-end;padding:20px}.router:before,.router:after{content:"";position:absolute;width:8px;height:120px;background:#092858;bottom:60px;border-radius:10px}.router:before{left:38px;transform:rotate(-12deg)}.router:after{right:38px;transform:rotate(12deg)}.router i{width:8px;height:8px;border-radius:50%;background:#30dcff;box-shadow:0 0 12px #30dcff}.router strong{margin-left:auto;font-size:25px}.bubble{position:absolute;top:5px;left:10px;background:#eaf8ff;color:#09275c;border:3px solid #67dcff;border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-7deg);font-size:16px;z-index:5}.feature-list{position:absolute;right:0;top:40px;background:#06255bcc;border:1px solid #68dfff88;border-radius:20px;padding:16px;display:grid;gap:12px;backdrop-filter:blur(6px);font-size:12px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 5px 25px #003b8511;background:#fff;padding:20px 5%;position:relative;z-index:5}.benefits article{display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid #d6e1f1}.benefits article:last-child{border:0}.benefits .icon{font-size:35px;color:#075ac9}.benefits b,.benefits span{display:block}.benefits b{font-size:14px}.benefits span{font-size:12px;color:#53647e;margin-top:3px}.section{padding:75px 7%}.packages{background:radial-gradient(circle at 0 60%,#e2f2ff 0,transparent 32%),#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading h2{font-family:Nunito,sans-serif;font-size:38px;line-height:1.1;margin:0}.section-heading p{color:#62738e;max-width:650px;line-height:1.6}.scribble{font-family:cursive;color:#075ac9;font-size:20px;transform:rotate(-7deg);text-align:center}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}.package-card{position:relative;border:1px solid #d6e3f4;border-radius:23px;padding:28px;background:linear-gradient(160deg,#fff,#f5f9ff);box-shadow:0 10px 25px #123e7b12;overflow:hidden}.package-card.popular{border:2px solid #0875e6;box-shadow:0 15px 40px #0875e622;transform:translateY(-7px)}.popular-label{position:absolute;top:0;right:20px;background:linear-gradient(135deg,#0c80e8,#14bfe9);color:#fff;padding:7px 14px;border-radius:0 0 13px 13px;font-size:10px;font-weight:900}.wifi{position:absolute;right:20px;top:20px;font-size:70px;color:#18a9ea}.package-emoji{font-size:45px}.package-card h3{color:#075ac9;font-size:22px;font-style:italic;margin:9px 0 0;font-weight:900}.subtitle{font-size:12px;margin:2px 0 13px;color:#61728d}.speed{display:flex;align-items:end;gap:8px;color:#075ac9}.speed b{font-size:47px}.speed span{font-size:23px;font-weight:800;margin-bottom:9px}.price{display:flex;align-items:end;gap:5px;margin-bottom:20px}.price small{font-weight:800;margin-bottom:7px}.price b{font-size:29px}.price span{font-size:12px;margin-bottom:7px}.package-card ul{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:10px;font-size:13px;color:#334763}.package-card li{color:#274f8c}.package-btn{display:block;border:1.5px solid #075ac9;border-radius:24px;padding:13px;text-align:center;color:#075ac9;text-decoration:none;font-weight:800;font-size:13px}.filled{background:linear-gradient(135deg,#075ac9,#13b8e8);color:#fff;border:0}.note{text-align:center;color:#77869c;font-size:11px;margin-top:25px}.coverage{padding:70px 7%;background:radial-gradient(circle at 45% 50%,#0e74d8 0,#07336f 38%,#061a3b 100%);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.coverage h2{font-family:Nunito,sans-serif;font-size:52px;margin:5px 0}.coverage p{color:#d3e4fa;line-height:1.7;max-width:520px}.map-card{min-height:330px;position:relative;border:1px solid #56dfff88;border-radius:25px;background:#061f49aa;overflow:hidden;padding:25px;display:flex;align-items:center;justify-content:center}.map-shape{width:240px;height:190px;clip-path:polygon(20% 0,70% 8%,100% 40%,78% 100%,35% 92%,0 58%);background:linear-gradient(135deg,#0768d4,#22caff);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;box-shadow:0 0 30px #2fdfff}.map-pin{position:absolute;top:60px;font-size:35px;z-index:2}.coverage-list{position:absolute;right:15px;bottom:15px;background:#0c326acc;border:1px solid #57dfff55;border-radius:16px;padding:15px;min-width:200px}.coverage-list h3{margin:0 0 8px;font-size:16px}.coverage-list p{margin:7px 0;font-size:12px}.cta-strip{display:flex;align-items:center;gap:25px;padding:35px 7%;background:#eef7ff}.router-mini{width:160px;height:75px;border-radius:15px;background:#08245a;color:#3ee2ff;display:flex;gap:20px;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #003b6d33}.router-mini span{height:90px;width:6px;background:#123e83;position:absolute;bottom:50px}.router-mini span:first-child{left:35px;transform:rotate(-10deg)}.router-mini span:nth-child(2){right:35px;transform:rotate(10deg)}.router-mini b{font-size:25px}.cta-strip h2{font-family:Nunito,sans-serif;margin:0;font-size:27px}.cta-strip p{font-size:13px;color:#5e708a}.mini-icons{margin-left:auto;display:flex;gap:10px}.mini-icons span{background:#fff;border:1px solid #dce8f5;border-radius:12px;padding:12px;display:grid;text-align:center;font-size:20px;min-width:85px}.mini-icons small{font-size:9px;margin-top:5px;color:#52647c}.contact{background:#fff}.contact-card{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1.2fr;gap:30px;align-items:start;border-top:1px solid #dbe6f3;padding-top:30px}.contact-main img{width:120px;height:75px;object-fit:contain}.contact h2{font-size:18px;margin:4px 0}.tagline{color:#0875e6;font-weight:800}.contact h3{font-size:14px;margin:0 0 10px}.contact p,.contact a{font-size:12px;line-height:1.65;color:#52637d;text-decoration:none}.quote{background:#f2f7ff;border:1px solid #d7e6f8;border-radius:18px;padding:18px}.quote p{font-style:italic}.quote b{font-size:10px;color:#075ac9}.floating-wa{position:fixed;right:22px;bottom:22px;background:#1dbb66;color:#fff;border-radius:28px;padding:13px 18px;z-index:200;text-decoration:none;font-weight:800;box-shadow:0 12px 30px #00874344}.floating-wa span{margin-left:7px;font-size:13px}footer{background:linear-gradient(135deg,#061a3b,#093d80);color:#fff;padding:25px 7%}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:75px;height:50px;object-fit:contain}.footer-brand div{display:grid;gap:3px;font-size:12px}.footer-brand span{font-size:9px;color:#a9cbed}.footer-links{display:flex;gap:16px}.footer-links a{color:#d5e7fb;text-decoration:none;font-size:11px}.footer-hashtag{font-family:cursive;font-size:24px;color:#4fddff}.footer-bottom{border-top:1px solid #ffffff22;margin-top:20px;padding-top:15px;font-size:10px;color:#a9c6e6;display:flex;justify-content:space-between}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.benefits{grid-template-columns:repeat(3,1fr);gap:15px}.package-grid{grid-template-columns:1fr}.package-card.popular{transform:none}.coverage{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr 1fr}.mini-icons{display:none}}
@media(max-width:760px){.topbar{font-size:9px}.navbar{height:70px;padding:0 4%}.brand img{width:65px}.brand span{font-size:10px}.brand small{font-size:8px}.menu-btn{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 12px 20px #0002;padding:20px;flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}.hero{min-height:auto;padding:55px 7%}.hero h1{font-size:42px}.hero-proof{flex-direction:column;gap:12px}.hero-buttons{flex-direction:column;align-items:flex-start}.benefits{grid-template-columns:1fr 1fr;padding:18px}.benefits article{justify-content:flex-start;border:0}.benefits .icon{font-size:27px}.section{padding:55px 6%}.section-heading{display:block}.section-heading h2{font-size:31px}.scribble{display:none}.coverage{padding:55px 7%}.coverage h2{font-size:43px}.cta-strip{display:block}.router-mini{margin-bottom:20px}.contact-card{grid-template-columns:1fr}.footer-top{display:block}.footer-links{margin:18px 0;flex-wrap:wrap}.footer-bottom{display:block;line-height:1.8}.floating-wa span{display:none}.floating-wa{border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;padding:0;font-size:22px}}