:root{
      --laranja:#F6531F;--verde:#4CAF50;--teal:#00A78E;--amarelo:#FF9800;--bg:#f6f7f8;--dark:#222;--muted:#666;--card-radius:14px;--max-width:1100px
    }
    *{box-sizing:border-box}
    body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;margin:0;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}

    /* Layout spacing */
    section{margin:40px 0}
    .section-tight{margin:24px 0}

    /* Header */
    header{background:#fff;border-bottom:6px solid var(--laranja);padding:12px 18px;position:sticky;top:0;z-index:100;box-shadow:0 6px 14px rgba(0,0,0,.06)}
    .wrap{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand img{height:48px}
    .brand-name{font-weight:800;color:var(--dark)}
    .brand-slogan{color:var(--muted);display:block;margin-top:2px}

    /* Desktop nav */
    nav.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    nav.nav-links a{color:var(--dark);font-weight:700;padding:8px 10px;border-radius:10px}
    nav.nav-links a:hover{background:#f1f1f1}

    /* Hamburger (mobile) */
    .hamburger{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-weight:800;display:flex;align-items:center;gap:8px}
    .hamburger svg{width:20px;height:20px}
    .backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:120}
    .drawer{position:fixed;top:0;right:0;height:100vh;width:min(82vw,340px);background:#fff;box-shadow:-10px 0 24px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;z-index:130;display:flex;flex-direction:column}
    .drawer header{border-bottom:1px solid #eee;box-shadow:none;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
    .drawer nav{display:flex;flex-direction:column;padding:8px}
    .drawer a{padding:12px 12px;font-weight:800;border-radius:10px}
    .drawer a:hover{background:#f6f6f6}
    .drawer.open{transform:translateX(0)}
    .backdrop.show{display:block}

    /* HERO Carousel */
    .hero{position:relative;border-radius:16px;overflow:hidden;margin:28px auto 24px;background:#000;color:#fff;height:58vh;min-height:320px;max-width:var(--max-width)}
    .slides{position:relative;width:100%;height:100%}
    .slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;padding:24px;justify-content:flex-start;transition:opacity .6s ease,transform .6s ease;opacity:0;transform:scale(1.02)}
    .slide.active{opacity:1;transform:scale(1)}
    .slide::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.25))}
    .slide-content{position:relative;z-index:2;max-width:720px}
    .slide h2{margin:0 0 6px;font-size:clamp(1.4rem,3.6vw,2.3rem);line-height:1.06}
    .slide p{margin:0;color:rgba(255,255,255,.92)}
    .hero-controls{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:40}
    .ctrl-btn{background:rgba(255,255,255,.95);color:var(--dark);border-radius:10px;padding:8px 12px;border:none;cursor:pointer;font-weight:800;box-shadow:0 8px 18px rgba(2,6,23,.12)}
    .ctrl-btn.active{background:linear-gradient(90deg,var(--teal),var(--verde));color:#fff}
    .hero-dots{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:10px;gap:8px;z-index:40}
    .hero-dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.85);border:none}
    .hero-dots button.active{background:var(--laranja)}

    /* Main */
    main{max-width:var(--max-width);margin:0 auto;padding:0 18px 40px}

    /* Plans */
    #planos h2{color:var(--laranja);margin:10px 0 12px;text-align:center}
    .plan-switch{display:flex;justify-content:center;gap:10px;margin:0 0 18px}
    .plan-switch button{padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-weight:800}
    .plan-switch button.active{background:linear-gradient(135deg,var(--teal),var(--verde));color:#fff;border-color:transparent}
    .plans-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
    .plan-card{background:#fff;border-radius:14px;border:2px solid transparent;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:stretch;padding:18px;transition:border-color .2s,transform .2s;width:clamp(260px,28vw,320px);min-height:560px;text-align:center}
    .plan-card:hover{transform:translateY(-2px)}
    .plan-card.selected{border-color:var(--teal)}
    .plan-radio{display:none}
    .plan-speed{font-size:2.1rem;font-weight:900;line-height:1;margin-top:2px}
    .plan-price{font-size:1.9rem;font-weight:900;color:var(--laranja);margin-top:8px}
    .p-features{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:12px;text-align:left}
    .p-features li{position:relative;padding-left:26px}
    .p-features li::before{content:"✔";position:absolute;left:0;top:0;color:var(--teal);font-weight:900}
    .plan-main{display:flex;flex-direction:column;gap:16px;flex:1;justify-content:space-between}
    .actions{display:flex;gap:12px;justify-content:space-between;margin-top:8px}
    .btn{display:inline-block;padding:12px 14px;border-radius:10px;background:var(--laranja);color:#fff;font-weight:800;text-align:center;flex:1}
    .btn.outline{background:transparent;color:var(--dark);border:1px solid #cbd5e1}
    .plans-biz{display:none}

    /* Diferenciais grid */
    #diferenciais h2{text-align:center;color:var(--laranja)}
    .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0}
    .feature-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 18px rgba(10,10,10,.06);text-align:center}
    .feature-card h4{margin:6px 0;color:var(--teal)}
    .feature-card p{margin:0;color:var(--muted)}

    /* Testimonials */
    #depoimentos h2{text-align:center;color:var(--laranja)}
    .t-wrap{max-width:var(--max-width);margin:0 auto}
    .t-carousel{position:relative;overflow:hidden;border-radius:12px;max-width:var(--max-width);margin:0 auto}
    .t-track{display:flex;transition:transform .5s ease}
    .t-item{min-width:100%;padding:0 0}
    .testimonial{background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 18px rgba(10,10,10,.06);max-width:100%}
    .testimonial p{margin:0 0 10px;color:var(--dark)}
    .testimonial .who{font-weight:700;color:var(--laranja)}
    .t-controls{display:flex;justify-content:center;gap:8px;margin-top:10px}
    .t-controls button{width:10px;height:10px;border-radius:50%;border:none;background:#e2e8f0;cursor:pointer}
    .t-controls button.active{background:var(--laranja)}

    /* Separator above footer - full width */
    .pre-footer-sep{height:6px;background:var(--laranja);width:100%;display:block}

    /* WhatsApp floating */
    .whatsapp-float{position:fixed;right:18px;bottom:18px;background:linear-gradient(135deg,var(--teal),var(--verde));color:#fff;border-radius:999px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;z-index:60}
    .whatsapp-float svg{width:22px;height:22px}

    /* Footer */
    footer{padding:26px 18px;text-align:center;color:var(--muted);background:#fff}
    .footer-wrap{max-width:var(--max-width);margin:0 auto}
    .footer-social{display:flex;gap:14px;justify-content:center;margin-top:8px}
    .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
    .footer-social svg{width:18px;height:18px;color:#111}

    /* Responsive rules */
    @media (max-width:900px){
      /* hide desktop nav, show hamburger */
      nav.nav-links{display:none}
      .hamburger{display:flex}
      .hero{height:48vh}
      .hero-controls{display:none}
      .hero-dots{display:flex}
    }
    @media (max-width:640px){
      .hero{height:42vh}
      .brand img{height:42px}
      .plan-card{width:min(92%,360px)}
    }