*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#ffffff;
  --bg-soft:#f7f7f7;
  --text:#060606;
  --text-soft:#525252;
  --green:#19c15f;
  --green-dark:#0d8a41;
  --border:rgba(0,0,0,.08);
  --shadow:0 18px 60px rgba(0,0,0,.08);
}
html{scroll-behavior:smooth}
body{font-family:"Inter",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(1180px,92%);margin:0 auto}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;padding:18px 0;transition:padding .3s ease}
.site-header.scrolled{padding:10px 0}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px);border-radius:24px;padding:14px 18px;position:relative;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.site-header.scrolled .nav-shell{border-color:rgba(25,193,95,.18);box-shadow:var(--shadow)}
.nav-shell::before{content:"";position:absolute;top:0;left:-30%;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:sweep 3.4s linear infinite}
@keyframes sweep{to{left:120%}}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-logo{width:74px;height:auto;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text strong{font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em}
.brand-text span{color:var(--green-dark);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;margin-top:4px}
.desktop-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.desktop-nav a,.site-footer a{font-size:.93rem;font-weight:700;transition:color .2s ease, transform .2s ease}
.desktop-nav a:hover,.site-footer a:hover{color:var(--green-dark);transform:translateY(-1px)}
.header-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:white}
.btn-primary:hover{background:#111111}
.btn-secondary{border-color:var(--border);background:white;color:var(--text)}
.btn-secondary:hover,.btn-dark:hover{border-color:var(--green);color:var(--green-dark)}
.btn-dark{background:#101010;color:#ffffff}
.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:white;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:#111;transition:.25s ease}
.mobile-menu{width:min(1180px,92%);margin:8px auto 0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:24px;padding:10px;display:none;box-shadow:var(--shadow)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:14px 16px;border-radius:16px;font-weight:700}
.mobile-menu a:hover{background:#f3fdf7;color:var(--green-dark)}
.mobile-cta{margin-top:8px}
.hero{position:relative;overflow:hidden;padding-top:150px;background:radial-gradient(circle at top right, rgba(25,193,95,.16), transparent 30%),radial-gradient(circle at top left, rgba(25,193,95,.08), transparent 20%),#ffffff}
.hero::after{content:"";position:absolute;inset:auto -120px -120px auto;width:280px;height:280px;background:rgba(25,193,95,.12);filter:blur(70px);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:70px 0 90px}
.eyebrow,.section-head span,.contact-info span,.section-kicker{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#eefcf3;color:var(--green-dark);font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.hero-copy h1,.section-head h2,.contact-info h2,.coverage h2{margin-top:18px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.97;font-weight:900;text-transform:uppercase;letter-spacing:-.04em}
.hero-copy h1 span{color:var(--green-dark)}
.hero-copy p,.section-head p,.benefit-card p,.coverage p,.contact-info p,.contact-info li{color:var(--text-soft);font-size:1.05rem}
.hero-copy p{max-width:680px;margin-top:18px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.mini-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.mini-highlights div{background:white;border:1px solid var(--border);border-radius:22px;padding:18px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.03)}
.hero-card{background:#0c0c0c;color:#ffffff;padding:34px;border-radius:34px;box-shadow:0 25px 70px rgba(0,0,0,.18);position:relative}
.hero-card::before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;background:rgba(25,193,95,.18);filter:blur(36px);border-radius:50%}
.badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(25,193,95,.15);color:#78ffb0;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em}
.hero-card h2{margin-top:22px;font-size:3rem;font-weight:900;text-transform:uppercase}
.hero-card .speed{display:inline-flex;margin-top:14px;min-height:42px;align-items:center;padding:0 16px;border-radius:999px;background:var(--green);color:white;font-weight:900;text-transform:uppercase}
.price-label{color:rgba(255,255,255,.66);margin-top:28px}
.price{font-size:clamp(2.6rem,5vw,4.5rem);font-weight:900;line-height:1;color:#6dffab;margin-top:6px}
.price small{font-size:1rem;color:rgba(255,255,255,.7)}
.included{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.included span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;text-align:center;font-weight:700}
.section{padding:90px 0}
.section-head{max-width:780px}
.section-head h2{font-size:clamp(2rem,4vw,3.5rem)}
.plans{background:var(--bg-soft)}
.plans-grid,.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}
.plan-card,.benefit-card{border:1px solid var(--border);border-radius:30px;background:white;padding:28px;box-shadow:0 10px 34px rgba(0,0,0,.03)}
.plan-card{position:relative;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.plan-card:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 22px 45px rgba(0,0,0,.10);border-color:rgba(25,193,95,.35)}
.plan-glow{position:absolute;top:-70px;right:-70px;width:150px;height:150px;background:radial-gradient(circle, rgba(25,193,95,.25), transparent 65%);opacity:0;transition:opacity .35s ease, transform .35s ease;transform:scale(.8)}
.plan-card:hover .plan-glow{opacity:1;transform:scale(1.15)}
.plan-card.featured{background:#0d0d0d;color:white;border-color:rgba(25,193,95,.2)}
.plan-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.plan-top p{color:var(--green-dark);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem}
.plan-card.featured .plan-top p{color:#6dffab}
.tag{background:var(--green);color:white;border-radius:999px;padding:6px 12px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.plan-card h3{margin-top:18px;font-size:3.3rem;line-height:.95;font-weight:900}
.plan-card h3 small{font-size:1.45rem}
.plan-card strong{display:block;margin-top:18px;font-size:2rem;font-weight:900}
.plan-card ul{list-style:none;margin:22px 0 28px}
.plan-card li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.07);font-weight:600}
.plan-card.featured li{border-bottom-color:rgba(255,255,255,.1)}
.benefits-grid{grid-template-columns:repeat(3,1fr)}
.benefit-card{background:#fbfbfb}
.benefit-card h3,.coverage-card h3{font-size:1.5rem;font-weight:900;margin-bottom:10px}
.dark-section{background:#0a0a0a;color:white}
.coverage-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}
.coverage .section-kicker{background:rgba(25,193,95,.14);color:#81ffb7}
.coverage p{color:rgba(255,255,255,.7);margin-top:18px}
.coverage-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.coverage-card{border-radius:26px;padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.coverage-card p{margin-top:6px}
.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;border:1px solid var(--border);border-radius:34px;background:#f8f8f8;padding:34px}
.contact-info ul{list-style:none;margin-top:24px;display:grid;gap:12px}
.contact-info li strong{color:#111}
.contact-info a{color:var(--green-dark);font-weight:700}
.contact-form{background:#0f0f0f;border-radius:28px;padding:28px}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.05);color:white;padding:16px 18px;outline:none}
.contact-form textarea{min-height:140px;resize:vertical;margin-top:14px}
.contact-form .field-grid + input{margin-top:14px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.42)}
.contact-form .btn{width:100%;margin-top:14px}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:999;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;border-radius:999px;background:var(--green);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(25,193,95,.35);transition:transform .2s ease, background .2s ease}
.floating-whatsapp:hover{transform:translateY(-3px);background:#111}
.site-footer{border-top:1px solid var(--border);background:white}
.footer-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#666}
.footer-row nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:1100px){.plans-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.coverage-grid,.contact-box{grid-template-columns:1fr}}
@media (max-width:960px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:inline-block}.brand-logo{width:64px}.brand-text strong{font-size:.92rem;letter-spacing:.12em}.brand-text span{font-size:.66rem;letter-spacing:.12em}.mini-highlights,.included,.benefits-grid,.coverage-cards,.field-grid{grid-template-columns:1fr}.hero{padding-top:128px}.hero-grid{padding:52px 0 72px}.plans-grid{grid-template-columns:1fr}.footer-row{flex-direction:column;justify-content:center;padding:20px 0}}
@media (max-width:560px){.container{width:min(1180px,94%)}.nav-shell{padding:12px 14px}.site-header.scrolled .nav-shell{transform:scale(.985);transform-origin:top center}.brand{gap:10px}.brand-logo{width:54px}.brand-text strong{font-size:.84rem;letter-spacing:.09em}.brand-text span{font-size:.58rem;letter-spacing:.09em}.hero-copy h1,.section-head h2,.contact-info h2,.coverage h2{font-size:2.25rem}.hero-card,.plan-card,.benefit-card,.coverage-card,.contact-form,.contact-box{border-radius:24px}.section{padding:72px 0}.floating-whatsapp{right:12px;left:12px;bottom:12px}}