
:root{--bg:#03101f;--bg2:#07192d;--card:#081a2e;--line:#0f6fff;--blue:#0877ff;--cyan:#32c8ff;--text:#f5f8ff;--muted:#a9bdd5;--border:#173a60}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#09213d 0,#03101f 38%,#020b16 100%);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{min-height:38px;padding:9px 3vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#d7e4f4;border-bottom:1px solid #18304a;background:#020b15}.topbar span{color:#8ba5c2}
.header{height:86px;display:flex;align-items:center;gap:30px;padding:0 3vw;position:sticky;top:0;z-index:50;background:rgba(3,14,27,.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(45,93,139,.35)}.brand img{width:210px;display:block}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:13px;font-weight:600;color:#e8f0fb}.nav a:hover{color:var(--cyan)}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;border:1px solid var(--blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(20,119,255,.35)}.primary{background:linear-gradient(135deg,#066dff,#168aff);color:white}.ghost{background:rgba(1,13,27,.45);color:#54baff}
.hero{height:720px;position:relative;overflow:hidden}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease,transform 7s ease}.hero-slide.active{opacity:1;transform:scale(1.12)}.hero-overlay{background:linear-gradient(90deg,rgba(2,10,20,.96) 0%,rgba(2,10,20,.76) 35%,rgba(2,10,20,.18) 67%,rgba(2,10,20,.55) 100%),linear-gradient(0deg,#03101f 0%,transparent 20%)}.hero-content{position:relative;z-index:5;width:min(1180px,calc(100% - 40px));margin:auto;padding-top:120px}.eyebrow,.section-title span,.coverage-intro span,.corporate-copy span,.contact span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:70px;line-height:.98;margin:14px 0 24px;letter-spacing:-.045em}.hero h1 strong{color:var(--blue)}.hero-content>p:not(.eyebrow){max-width:480px;color:#d8e5f5;font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:14px;margin-top:28px}.slide-dots{display:flex;gap:9px;margin-top:42px}.slide-dots button{width:36px;height:3px;border:0;background:#55708d;cursor:pointer}.slide-dots button.active{background:var(--blue)}
.light-trails{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.light-trails span{position:absolute;width:45%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),white);filter:drop-shadow(0 0 8px var(--blue));transform:rotate(-12deg);animation:trail 4s linear infinite;opacity:.8}.light-trails span:nth-child(1){top:49%;left:-50%;animation-delay:0s}.light-trails span:nth-child(2){top:55%;left:-50%;animation-delay:.8s}.light-trails span:nth-child(3){top:61%;left:-50%;animation-delay:1.6s}.light-trails span:nth-child(4){top:67%;left:-50%;animation-delay:2.4s}.light-trails span:nth-child(5){top:73%;left:-50%;animation-delay:3.2s}@keyframes trail{to{left:120%}}
.benefits{position:relative;margin-top:-72px;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(5,22,40,.92);border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(18px);padding:26px}.benefits article{display:flex;gap:16px;padding:10px 20px;border-right:1px solid #173651}.benefits article:last-child{border-right:0}.benefits b{font-size:31px;color:var(--blue)}h3{margin:0 0 8px}.benefits h3{font-size:14px}.benefits p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.section{padding:105px 0}.section-title{text-align:center;margin-bottom:48px}.section-title h2,.coverage-intro h2,.corporate-copy h2,.contact h2{font-size:40px;line-height:1.1;margin:10px 0 15px;letter-spacing:-.03em}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plan{position:relative;background:linear-gradient(180deg,rgba(10,29,50,.95),rgba(3,13,25,.95));border:1px solid #1456a1;border-radius:20px;padding:38px;min-height:490px;display:flex;flex-direction:column;transition:.3s}.plan:hover{transform:translateY(-8px);box-shadow:0 20px 70px rgba(0,72,255,.15)}.featured{border-color:#1281ff;box-shadow:0 0 40px rgba(0,91,255,.18)}.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);padding:7px 18px;border-radius:99px;font-size:11px;font-weight:800}.speed{font-size:74px;font-weight:800;font-style:italic;text-align:center}.speed small{display:block;color:var(--blue);font-size:28px;text-transform:uppercase}.fiber-line{height:2px;background:linear-gradient(90deg,transparent,var(--blue),white);margin:24px 0;box-shadow:0 0 14px var(--blue)}.plan ul,.corporate-copy ul{list-style:none;padding:0;margin:0 0 25px}.plan li,.corporate-copy li{position:relative;padding:9px 0 9px 26px;color:#d6e1ef;line-height:1.5;font-size:14px}.plan li:before,.corporate-copy li:before{content:"✓";position:absolute;left:0;color:var(--cyan)}.price{text-align:center;color:#8fb9e8;margin-top:auto;margin-bottom:18px;text-transform:uppercase;font-size:12px}
.coverage{display:grid;grid-template-columns:300px 1fr;gap:34px;border:1px solid var(--border);border-radius:22px;padding:45px;background:rgba(5,19,35,.65)}.coverage-intro p{color:var(--muted);line-height:1.7}.cities{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cities article{min-height:280px;background-size:cover;background-position:center;border-radius:16px;position:relative;overflow:hidden;border:1px solid #2d5377}.cities article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,8,17,.95),transparent 70%)}.cities article div{position:absolute;z-index:2;bottom:0;padding:22px}.cities h3{font-size:24px}.cities p{margin:0;color:#b9c9da}.other-locations{grid-column:1/-1;text-align:center;color:#9eb6d0;margin:8px 0 0}
.corporate{background:linear-gradient(90deg,#020c18,#071c32)}.corporate-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;align-items:center}.corporate-copy p{color:var(--muted);line-height:1.7}.corporate-visual{position:relative}.corporate-visual img{width:100%;border-radius:22px;border:1px solid var(--border)}.corporate-card{position:absolute;left:40px;bottom:-35px;width:330px;padding:26px;background:#05162a;border:1px solid #1263bf;border-radius:16px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.corporate-card p{color:var(--muted);line-height:1.6}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why article{text-align:center;background:rgba(7,25,45,.7);border:1px solid var(--border);border-radius:16px;padding:30px 22px}.why b{font-size:38px;color:var(--blue)}.why p{color:var(--muted);font-size:14px;line-height:1.6}.faq{max-width:950px}.faq details{border-bottom:1px solid #193c60;padding:20px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);line-height:1.7}
.contact{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;background:linear-gradient(120deg,#071b32,#061222);border:1px solid var(--border);border-radius:24px;padding:48px}.contact p{color:var(--muted);line-height:1.7}.contact-highlight{margin-top:25px;font-size:22px;font-weight:700;color:var(--cyan)}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:12px;color:#bcd0e5}input,select,textarea{width:100%;margin-top:7px;background:#04101f;border:1px solid #23496f;border-radius:10px;padding:14px;color:white;font:inherit}textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.form-msg{color:var(--cyan);margin:0}
footer{margin-top:100px;border-top:1px solid #15324e;background:#020a13;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:60px}.footer-grid img{width:210px}.footer-grid p,.footer-grid a{display:block;color:#91a8c0;font-size:13px;line-height:1.8}.footer-grid h4{color:#47a8ff}.copyright{text-align:center;color:#607891;font-size:12px;margin-top:35px}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#08c65a;color:white;font-size:26px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.topbar{display:none}.header{height:72px}.brand img{width:175px}.menu-btn{display:block;margin-left:auto}.nav{position:absolute;top:72px;left:0;right:0;background:#03101f;display:none;flex-direction:column;padding:25px}.nav.open{display:flex}.header-cta{display:none}.hero{height:670px}.hero h1{font-size:52px}.benefits{grid-template-columns:1fr 1fr;margin-top:-45px}.benefits article{border-right:0;border-bottom:1px solid #173651}.plans,.cities,.why{grid-template-columns:1fr}.coverage,.corporate-grid,.contact{grid-template-columns:1fr}.corporate-card{position:relative;left:auto;bottom:auto;width:auto;margin-top:14px}.footer-grid{grid-template-columns:1fr}.cities article{min-height:250px}}
@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.hero-content{width:min(100% - 28px,1180px);padding-top:95px}.hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:flex-start}.benefits{grid-template-columns:1fr;padding:12px}.plans{gap:16px}.plan{padding:28px}.speed{font-size:60px}.coverage,.contact{padding:28px}.section{padding:75px 0}.section-title h2,.coverage-intro h2,.corporate-copy h2,.contact h2{font-size:32px}form{grid-template-columns:1fr}.full{grid-column:auto}}
