:root {
  --blue-950:#020d25;
  --blue-900:#04143a;
  --blue-800:#06225d;
  --blue:#0759d9;
  --blue-light:#1686ff;
  --yellow:#ffd400;
  --yellow-2:#ffb800;
  --white:#fff;
  --text:#0b1730;
  --muted:#64748b;
  --border:#dce5f2;
  --shadow:0 20px 60px rgba(2,25,70,.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(2,13,37,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:25px;font-weight:900;font-style:italic;letter-spacing:-1.5px}
.brand-maxxi{color:#fff}.brand-fibra{color:var(--yellow)}
.menu{display:flex;align-items:center;gap:28px;color:#fff;font-size:14px;font-weight:600}
.menu a:hover{color:var(--yellow)}
.client-btn{padding:11px 17px;border:1px solid rgba(255,255,255,.25);border-radius:9px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:650px;position:relative;overflow:hidden;background:var(--blue-950) url("maxxi-fibra.png") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,37,.92) 0%,rgba(2,13,37,.65) 45%,rgba(2,13,37,.12) 100%)}
.hero-content{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.hero-copy{max-width:610px;color:#fff;padding:70px 0}
.eyebrow{display:inline-block;color:var(--yellow-2);font-weight:800;font-size:12px;letter-spacing:2px;margin-bottom:13px}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-3px;margin-bottom:22px}
.hero h1 strong{color:var(--yellow)}
.hero p{font-size:19px;color:#dbe7ff;max-width:560px;margin-bottom:32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 23px;border-radius:9px;font-weight:800;font-size:14px;transition:.2s;cursor:pointer;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--yellow),var(--yellow-2));color:#07152f;box-shadow:0 10px 30px rgba(255,193,0,.2)}
.btn-outline{border-color:rgba(255,255,255,.5);color:#fff}
.btn-outline:hover{border-color:var(--yellow);color:var(--yellow)}
.btn-dark{background:var(--blue-900);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff}
.benefits{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.06);position:relative;z-index:5}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:20px}
.benefit{display:flex;gap:12px;align-items:center;border-right:1px solid var(--border)}
.benefit:last-child{border-right:0}
.benefit-icon{font-size:26px}.benefit strong,.benefit small{display:block}.benefit strong{font-size:14px}.benefit small{font-size:12px;color:var(--muted)}
.section{padding:95px 0}
.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}
.section-heading h2,.split h2,.coverage h2,.cta h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-2px;margin-bottom:14px}
.section-heading p,.lead{color:var(--muted)}
.plans-section{background:#f6f9fe}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;position:relative;box-shadow:var(--shadow)}
.plan-card.featured{border:2px solid var(--yellow);transform:translateY(-10px)}
.popular{position:absolute;top:-14px;right:20px;background:var(--yellow);color:#101d3c;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:900}
.plan-tag{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:1.5px}
.plan-card h3{font-size:31px;margin:10px 0 5px}.plan-desc{color:var(--muted);font-size:13px;min-height:42px}
.price{font-size:39px;font-weight:900;margin:22px 0}.price small{font-size:15px}.price span{font-size:12px;font-weight:500;color:var(--muted)}
.plan-card ul{list-style:none;border-top:1px solid var(--border);padding-top:20px;margin-bottom:25px}
.plan-card li{font-size:13px;margin:10px 0;color:#334155}
.plan-card .btn{width:100%}
.advantages{background:#fff}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.lead{font-size:17px;max-width:650px}
.advantage-list{margin-top:35px;display:grid;gap:18px}
.advantage-list div{display:flex;gap:18px;align-items:flex-start}
.advantage-list b{color:var(--yellow-2);font-size:13px}.advantage-list strong{display:block}.advantage-list span{font-size:14px;color:var(--muted)}
.tech-card{min-height:390px;border-radius:24px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 55%,#096cff 0,#032a72 38%,#020d25 75%);color:#fff;padding:45px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 70px rgba(1,28,85,.25)}
.tech-card:before,.tech-card:after{content:"";position:absolute;width:250px;height:2px;background:var(--yellow);transform:rotate(-35deg);right:-30px;top:70px;box-shadow:0 40px 0 rgba(255,212,0,.5),0 80px 0 rgba(255,212,0,.2)}
.tech-card:after{left:-50px;right:auto;top:170px;transform:rotate(35deg)}
.tech-card span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:2px;position:relative;z-index:2}.tech-card strong{font-size:43px;line-height:1.05;letter-spacing:-2px;position:relative;z-index:2;margin:12px 0}.tech-card small{color:#cfe0ff;position:relative;z-index:2}
.coverage{background:linear-gradient(135deg,#031337,#073b92);color:#fff}
.coverage-box{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.coverage h2{margin-bottom:15px}.coverage p{color:#c9daf7}
.coverage-form{background:#fff;padding:25px;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.18)}
.coverage-form input{width:100%;padding:15px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;font:inherit;outline:none}
.coverage-form input:focus{border-color:var(--blue)}
.coverage-form .btn{width:100%}.form-result{color:var(--blue)!important;font-weight:700;margin-top:12px;text-align:center}
.testimonial{background:#f6f9fe}.quote{max-width:850px;margin:auto;background:#fff;border-radius:22px;padding:42px 50px;box-shadow:var(--shadow);position:relative;text-align:center}.quote span{font-size:80px;line-height:.6;color:var(--yellow);font-weight:900}.quote p{font-size:22px;font-weight:600}
.cta{background:var(--blue-900);color:#fff;padding:75px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:680px}.cta p{color:#c9d9f5}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.footer{background:#010a1d;color:#b7c7e4;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-brand{margin-bottom:15px}.footer h4{color:#fff;margin-bottom:12px}.footer p,.footer a{font-size:13px;display:block;margin:7px 0}.footer a:hover{color:var(--yellow)}
.copyright{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:20px;font-size:11px}
@media(max-width:850px){
  .menu-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#020d25;padding:20px;flex-direction:column;align-items:stretch}.menu.open{display:flex}
  .menu a{padding:10px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.plans{grid-template-columns:1fr}.plan-card.featured{transform:none}.split,.coverage-box,.footer-grid{grid-template-columns:1fr;gap:40px}.cta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .hero,.hero-content{min-height:590px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:16px}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0!important;border-bottom:1px solid var(--border);padding-bottom:14px}.benefit:last-child{border-bottom:0}.section{padding:70px 0}.plan-card{padding:27px}.quote{padding:30px 22px}.quote p{font-size:18px}
}

/* Ilustração integrada: casa conectada por fibra óptica */
.home-network-art{width:100%;max-width:430px;margin:0 auto 18px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}
.home-network-art svg{display:block;width:100%;height:auto}
.home-network-art .fiber-line{fill:none;stroke:var(--yellow);stroke-width:4;stroke-linecap:round;stroke-dasharray:9 9;animation:fiberFlow 2.8s linear infinite}
.home-network-art .fiber-line-2{stroke:var(--blue-light);stroke-width:3;animation-delay:-1.2s}
.home-network-art .house{fill:#0b3b91;stroke:#fff;stroke-width:3}
.home-network-art .roof{fill:none;stroke:var(--yellow);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.home-network-art .window{fill:#8ed5ff;stroke:#fff;stroke-width:3}
.home-network-art .door{fill:#06225d;stroke:#fff;stroke-width:3}
.home-network-art .router{fill:var(--yellow);stroke:#fff;stroke-width:2}
.home-network-art .signal{fill:#fff}
.home-network-art .wifi{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}
.home-network-art .node{fill:var(--yellow);stroke:#fff;stroke-width:3}
@keyframes fiberFlow{to{stroke-dashoffset:-36}}
@media (max-width:600px){.home-network-art{max-width:340px}}

/* WhatsApp no topo */
.whatsapp-top{display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff!important;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(37,211,102,.22)}
.whatsapp-top:hover{transform:translateY(-2px);filter:brightness(1.05)}
.wa-icon{font-size:15px;border:2px solid #fff;border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
/* Área empresas */
.business-section{background:linear-gradient(180deg,#fff 0%,#f4f8ff 100%)}
.business-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch;margin-bottom:28px}
.business-copy,.business-art{border-radius:22px;padding:38px;box-shadow:var(--shadow)}
.business-copy{background:#fff;border:1px solid var(--border)}
.business-badge{display:inline-block;background:#e8f1ff;color:var(--blue);padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:15px}
.business-copy h3{font-size:30px;line-height:1.15;margin-bottom:12px}.business-copy p{color:var(--muted);max-width:620px;margin-bottom:24px}
.business-art{position:relative;overflow:hidden;min-height:270px;background:radial-gradient(circle at 50% 45%,#1478ff 0,#06347d 48%,#020d25 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.building{font-size:92px;line-height:1;filter:drop-shadow(0 15px 20px rgba(0,0,0,.25));position:relative;z-index:2}.wifi-ring{font-size:75px;color:var(--yellow);position:absolute;top:35px;right:45px;transform:rotate(-25deg)}
.fiber-beam{position:absolute;width:115%;height:4px;background:var(--yellow);transform:rotate(-18deg);box-shadow:0 35px 0 rgba(22,134,255,.7),0 -35px 0 rgba(255,212,0,.35);animation:fiberFlow 2.8s linear infinite}
.business-art span{position:relative;z-index:3;margin-top:15px;color:#d8e8ff;font-weight:700;font-size:13px}
.business-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.business-featured{border:2px solid var(--yellow)}
.business-card h3{font-size:30px;margin:7px 0}.business-card p{color:var(--muted);font-size:13px;min-height:60px}.business-card ul{list-style:none;border-top:1px solid var(--border);padding-top:14px;margin:15px 0}.business-card li{font-size:13px;margin:7px 0}.business-card strong{display:block;color:var(--blue-900);font-size:13px;line-height:1.45}
@media(max-width:850px){.whatsapp-top{display:flex}.business-intro,.business-plans{grid-template-columns:1fr}.business-art{min-height:230px}}