*{box-sizing:border-box;margin:0;padding:0}
:root{--purple:#281051;--purple2:#4d2493;--violet:#7a42d6;--orange:#ff6b2c;--yellow:#ffbd21;--ink:#15131b;--muted:#6f6a79;--cream:#fbf9ff;--line:#e9e4f1}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{background:#120823;color:#dcd4ed;font-size:12px}
.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}
.topbar a{color:#fff;font-weight:700}
.nav{height:82px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}
.nav-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand img{width:49px;height:49px;object-fit:cover;border-radius:50%}
.brand span{display:flex;flex-direction:column;font-family:"Plus Jakarta Sans",sans-serif;line-height:1}
.brand strong{font-size:15px;letter-spacing:.12em}
.brand small{font-size:10px;letter-spacing:.24em;color:#7541c7;margin-top:5px}
.desktop-nav{display:flex;gap:27px;font-size:13px;font-weight:700;color:#595263}
.desktop-nav a:hover{color:var(--purple2)}
.nav-cta{background:var(--purple);color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:800}
.menu-btn{display:none;border:0;background:none;font-size:24px}
.mobile-menu{display:none}

.hero{position:relative;background:linear-gradient(135deg,#241044 0%,#4b2191 58%,#7a3fca 100%);color:#fff;min-height:660px;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.22}
.orb-one{width:430px;height:430px;background:#f05a31;right:-120px;top:-150px}
.orb-two{width:330px;height:330px;background:#5cd7ff;left:-160px;bottom:-170px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:610px;gap:40px}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#9c7cdb;margin-bottom:18px}
.eyebrow{color:#d9c9fa}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffb51e;margin-right:8px}
.hero h1,.section h2{font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:-.05em;line-height:1.04}
.hero h1{font-size:clamp(44px,5.5vw,76px);max-width:700px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffc32b,#ff6240);-webkit-background-clip:text;color:transparent}
.hero-text{max-width:580px;color:#d8cfe7;font-size:17px;margin:25px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:11px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #13082622}
.btn-primary{background:linear-gradient(90deg,#ffbe1f,#ff6042);color:#1b102a}
.btn-glass{border-color:#ffffff3d;color:#fff;background:#ffffff12}
.hero-trust{display:flex;gap:30px;margin-top:42px}
.hero-trust div{display:flex;flex-direction:column;border-left:1px solid #ffffff36;padding-left:13px}
.hero-trust b{font-size:17px}.hero-trust span{font-size:11px;color:#bdb2cd;margin-top:2px}

.hero-card{height:500px;position:relative;display:flex;align-items:center;justify-content:center}
.router{width:250px;height:180px;border-radius:25px;background:linear-gradient(145deg,#fff,#ded7e9);box-shadow:0 40px 80px #17092f70,0 5px 15px #0002;transform:perspective(700px) rotateX(12deg) rotateY(-10deg);position:relative;padding:28px}
.router:before{content:"";position:absolute;left:20px;right:20px;top:-10px;height:24px;border-radius:50%;background:#f5f2fa;box-shadow:0 3px 8px #0001}
.router-light{position:absolute;width:8px;height:8px;border-radius:50%;background:#6af5a5;right:25px;top:25px;box-shadow:0 0 15px #6af5a5}
.router-bars{display:flex;align-items:flex-end;gap:7px;height:48px;margin-top:18px}
.router-bars i{display:block;width:8px;background:#6233b1;border-radius:5px}.router-bars i:nth-child(1){height:15px}.router-bars i:nth-child(2){height:25px}.router-bars i:nth-child(3){height:36px}.router-bars i:nth-child(4){height:46px}
.router-label{font-size:17px;font-weight:900;letter-spacing:.08em;margin-top:18px}.router-label small{font-size:8px;color:#7652ae;letter-spacing:.24em}
.signal-ring{position:absolute;border:1px solid #fff5;border-radius:50%;width:220px;height:220px}.ring-a{width:300px;height:300px}.ring-b{width:410px;height:410px;border-color:#ffffff20}.ring-c{width:520px;height:520px;border-color:#ffffff12}
.floating-card{position:absolute;background:#fff;color:#1e1927;border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 50px #12052666;min-width:190px}
.floating-card strong{display:block;font-size:12px}.floating-card small{display:block;color:#777080;font-size:10px;margin-top:3px}.mini-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f1eaff;color:#6c37bb;font-weight:900}
.speed-card{right:0;top:80px}.support-card{left:0;bottom:90px}
.hero-wave{position:absolute;bottom:-1px;left:-5%;width:110%;height:70px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:3}

.section{padding:105px 0}
.intro{background:var(--cream)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}
.section h2{font-size:clamp(38px,4.2vw,58px)}
.section h2 span{color:#7440c3}
.intro-grid>p{font-size:17px;color:var(--muted);max-width:500px;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;min-height:220px}
.feature-icon{width:48px;height:48px;border-radius:14px;background:#f0e9ff;color:#6532b5;display:grid;place-items:center;font-size:23px;font-weight:800;margin-bottom:24px}
.feature h3{font-size:18px;margin-bottom:8px}.feature p{font-size:13px;color:var(--muted);line-height:1.7}

.plans{background:linear-gradient(135deg,#241044,#4b218e);color:#fff;position:relative;overflow:hidden}
.plans:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#ff6b2c22;filter:blur(10px);right:-300px;bottom:-300px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;position:relative;z-index:2}
.section-kicker.light{color:#bca6e9}
.section-heading h2{color:#fff}
.section-heading h2 span{color:#ffc02b}
.plan-note{background:#ffffff10;border:1px solid #ffffff24;border-radius:16px;padding:18px 22px;min-width:205px}
.plan-note b{font-size:10px;color:#ffc02b;letter-spacing:.14em}.plan-note span,.plan-note strong{display:block}.plan-note span{font-size:11px;color:#c9bdd8;margin-top:5px}.plan-note strong{font-size:15px;margin-top:2px}
.tabs{display:flex;gap:8px;margin:45px 0 25px;position:relative;z-index:2;flex-wrap:wrap}
.tab{background:#ffffff0c;border:1px solid #ffffff1f;color:#d8cce8;padding:11px 17px;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px}
.tab.active{background:#fff;color:#31135f;border-color:#fff}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:2}
.plan-card{background:#fff;color:#17131c;border-radius:17px;padding:23px;position:relative;overflow:hidden;transition:.2s transform,.2s box-shadow}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #16072c35}
.plan-card.popular{outline:2px solid #ffb91e}
.plan-card .badge{position:absolute;right:14px;top:14px;background:#ffb91e;color:#241044;font-size:9px;font-weight:900;padding:5px 8px;border-radius:20px}
.plan-card h3{font-size:15px;color:#4f2a92}.speed{font-family:"Plus Jakarta Sans";font-size:34px;font-weight:800;letter-spacing:-.05em;margin-top:8px}.speed small{font-family:Inter;font-size:12px;letter-spacing:0;color:#77717c;font-weight:600}
.price{font-size:27px;font-weight:800;margin-top:7px}.price small{font-size:11px;color:#7a7380;font-weight:600}
.plan-card .plan-action{display:block;margin-top:17px;text-align:center;background:#f3eff9;color:#5426a0;padding:10px;border-radius:9px;font-size:11px;font-weight:800}
.plan-card.popular .plan-action{background:#2f155e;color:#fff}
.terms{color:#9e91b1;font-size:10px;margin-top:20px}

.availability{background:#f3effa}
.availability-card{background:#fff;border:1px solid #e7e0f0;border-radius:28px;padding:55px;display:grid;grid-template-columns:1fr .85fr;gap:60px;box-shadow:0 25px 70px #2410440c}
.availability-copy h2{margin-bottom:22px}.availability-copy p{color:var(--muted);font-size:15px;line-height:1.8;max-width:510px}
.availability-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.availability-points span{font-size:11px;color:#5d5269;background:#f6f3fa;border-radius:20px;padding:8px 11px}
.availability-form{background:#fbfaff;border:1px solid #eae4f2;border-radius:18px;padding:25px}
.availability-form label{display:block;font-size:11px;font-weight:800;color:#4c4554;margin-bottom:15px}
.availability-form input{width:100%;margin-top:7px;border:1px solid #ddd5e8;border-radius:9px;background:#fff;padding:13px;outline:none;font-size:13px}
.availability-form input:focus{border-color:#7741c3;box-shadow:0 0 0 3px #7741c315}
.location-help{display:flex;gap:10px;padding:12px;background:#f2edfb;border-radius:10px;margin:5px 0 15px}
.location-pin{font-size:20px;color:#6934b5}.location-help strong,.location-help small{display:block}.location-help strong{font-size:10px}.location-help small{font-size:9px;color:#766d7d;margin-top:2px}
.btn-whatsapp{width:100%;background:#1da851;color:#fff;cursor:pointer;border:0}.wa-mark{font-size:19px}
.form-note{text-align:center;color:#8a8290;font-size:9px;margin-top:10px}

.offer{background:linear-gradient(110deg,#ffbe21,#ff7040);padding:70px 0;color:#241044}
.offer-inner{display:grid;grid-template-columns:1fr 230px auto;align-items:center;gap:35px}
.offer h2 span{color:#fff}.offer p{margin-top:12px;max-width:470px;color:#4e2631}.offer-badge{height:180px;width:180px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;box-shadow:0 20px 40px #7a321b25}.offer-badge small{font-size:8px;font-weight:900;letter-spacing:.15em}.offer-badge strong{font-size:50px;font-family:"Plus Jakarta Sans"}.offer-badge div{font-size:14px;font-weight:900;margin:5px}.btn-dark{background:#241044;color:#fff;white-space:nowrap}

.support{background:#fff}.dark-heading h2 span{color:#7540c0}.dark-heading>p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.7}.support-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.support-card{display:grid;grid-template-columns:35px 1fr 25px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:24px;transition:.2s}.support-card:hover{border-color:#c9b8e4;transform:translateY(-3px)}.support-card>span{font-size:10px;color:#8a7c99;font-weight:800}.support-card h3{font-size:14px;margin-bottom:6px}.support-card p{font-size:11px;color:var(--muted);line-height:1.6}.support-card>b{color:#7040bd;font-size:18px}

.contact{background:#f2eef8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-main{padding:30px 10px}.contact-main h2{font-size:clamp(46px,5vw,70px)}.contact-main>p{font-size:13px;color:#665d6d;margin-top:18px}.contact-main address{font-style:normal;font-size:14px;line-height:1.8;margin-top:25px}.contact-actions{display:flex;gap:10px;margin-top:28px}.btn-outline{border-color:#d6cce1;background:#fff;color:#3c2a50}
.map-card{min-height:390px;border-radius:22px;background:linear-gradient(145deg,#d9cde9,#f7f3fa);position:relative;overflow:hidden;border:1px solid #ddd4e8}.map-pattern{position:absolute;inset:-30px;background-image:linear-gradient(35deg,transparent 46%,#fff8 47%,#fff8 49%,transparent 50%),linear-gradient(140deg,transparent 46%,#fff8 47%,#fff8 49%,transparent 50%),linear-gradient(90deg,#ffffff55 1px,transparent 1px),linear-gradient(#ffffff55 1px,transparent 1px);background-size:150px 110px,170px 130px,35px 35px,35px 35px;transform:rotate(-4deg)}.map-pin{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50% 50% 50% 8px;transform:translate(-50%,-50%) rotate(-45deg);background:#6a35b7;color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 30px #51208c55}.map-label{position:absolute;left:25px;bottom:65px;background:#fff;padding:13px 15px;border-radius:11px;box-shadow:0 8px 30px #32204b1c}.map-label strong,.map-label span{display:block}.map-label strong{font-size:12px}.map-label span{font-size:10px;color:#77707f;margin-top:3px}.map-link{position:absolute;bottom:20px;right:20px;background:#241044;color:#fff;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:800}

footer{background:#120823;color:#fff;padding:35px 0 18px}.footer-inner{display:flex;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px;letter-spacing:.1em;margin-right:auto}.footer-brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}.footer-inner p{font-size:11px;color:#9e93ab}.footer-inner>a{font-size:12px;font-weight:800}.footer-bottom{border-top:1px solid #ffffff12;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;color:#6f6579;font-size:9px}

@media(max-width:900px){
 .desktop-nav,.nav-cta{display:none}.menu-btn{display:block}.mobile-menu{display:none;background:#fff;border-top:1px solid #eee;padding:10px 20px}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 0;font-size:13px;font-weight:700}
 .hero-grid{grid-template-columns:1fr;min-height:760px;padding-top:70px}.hero-card{height:320px;margin-top:-15px}.hero h1{font-size:54px}.speed-card{right:8%;top:15px}.support-card{left:8%;bottom:35px}
 .intro-grid,.availability-card,.contact-grid{grid-template-columns:1fr}.feature-grid,.support-grid{grid-template-columns:1fr 1fr}.availability-card{gap:35px}.offer-inner{grid-template-columns:1fr 180px}.offer-inner .btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
 .container{width:min(100% - 28px,1160px)}.topbar-inner{height:30px;font-size:10px}.nav{height:70px}.brand img{width:42px;height:42px}
 .hero{min-height:760px}.hero-grid{min-height:710px;padding-top:55px;gap:5px}.hero h1{font-size:44px}.hero-text{font-size:14px}.hero-trust{gap:14px}.hero-trust b{font-size:14px}.hero-card{height:300px}.router{width:190px;height:145px}.router-label{font-size:13px}.speed-card{right:0}.support-card{left:0}.floating-card{min-width:160px;padding:10px}.floating-card strong{font-size:10px}
 .section{padding:75px 0}.intro-grid{gap:25px;margin-bottom:30px}.feature-grid,.support-grid,.plan-grid{grid-template-columns:1fr}.section-heading{display:block}.plan-note{margin-top:25px}.tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.tab{white-space:nowrap}.availability-card{padding:28px 18px;border-radius:20px}.availability-copy h2{font-size:42px}
 .offer-inner{grid-template-columns:1fr 130px;gap:18px}.offer-badge{width:130px;height:130px}.offer-badge strong{font-size:35px}.offer-inner .btn{grid-column:1/-1}
 .contact-main{padding:10px 0 25px}.contact-actions{flex-wrap:wrap}.map-card{min-height:330px}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}.footer-bottom{gap:15px;flex-direction:column}
}