:root{
      --pink:#e83e8c; --green:#22c55e; --blue:#107aca;
      --dark:#0f172a; --text:#334155; --muted:#64748b; --soft:#f8fafc; --white:#fff;
      --shadow:0 10px 30px rgba(15,23,42,.08);
      --radius:14px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font:16px/1.6 "Inter",system-ui,Segoe UI,Roboto,Arial;color:var(--text);background:var(--white)}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    .container{max-width:1120px;margin:0 auto;padding:0 20px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:14px 22px;border-radius:12px;border:2px solid transparent;font-weight:800;cursor:pointer}
.btn-primary {  background: #ffffff;          /* fundo branco */  color: var(--pink) !important;/* texto rosa forçado */  border: 2px solid var(--pink);  box-shadow: var(--shadow);}
.btn-primary:hover {  background: #f9fafb;          /* hover cinza bem claro */  color: #d81b60 !important;    /* rosa mais escuro no hover */  border-color: #d81b60;}
    .btn-outline{background:#fff;border-color:var(--pink);color:var(--pink)}
    .pill{display:inline-flex;align-items:center;gap:.5rem;padding:6px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:var(--muted);font-weight:600; margin-top:-6px; }
    h1{color:var(--dark);font-size:42px;line-height:1.1;margin:10px 0 12px}
    h2{color:var(--dark);font-size:32px;line-height:1.2;margin:0 0 10px}
    .lead{color:var(--muted)}
    .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eef2f7 padding: 0;}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:4px 0;position:relative}
    .brand{display:flex;align-items:center;gap:12px;margin-left:20px}
    .brand img{height:80px;width:auto}
    .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:#fff;border-radius:10px;font-size:26px;cursor:pointer}
    .nav-menu{position:absolute;left:20px;right:20px;top:100%;display:none;flex-direction:column;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:var(--shadow)}
    .nav-menu a{padding:10px 8px;color:var(--muted);font-weight:700}
    .nav.is-open .nav-menu{display:flex}

    @media (min-width:768px){
      .menu-toggle{display:none}
      .nav-menu{position:static;display:flex;flex-direction:row;border:0;box-shadow:none;padding:0;gap:18px}
      .nav-menu a{padding:6px 0;color:var(--muted)}
      .nav-menu .btn{margin-left:6px}
    }
    .hero{padding:10px 0 20px;background:linear-gradient(180deg,#fff,#fff 60%,var(--soft));}
    .hero-grid{display:grid;gap:28px}
    .hero-img{border-radius:var(--radius);box-shadow:var(--shadow)}
    .hero-img2{border-radius:var(--radius)}
    .badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .badge{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-weight:700;color:#0f172a}

@media (min-width:768px){
  .hero-grid{
    grid-template-columns: 1fr 1.5fr;
    align-items:center;
  }
}
.hero-img2{
  width:100%;
  height:auto;
  border-radius:var(--radius);
}

    section{padding:56px 0}
    .features{display:grid;gap:16px}
    .feature{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
    .grid-2{display:grid;gap:24px}

    .pricing{display:grid;gap:18px}
    .card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:var(--shadow);display:flex; flex-direction:column;gap:10px}
    .card.best{border:2px solid var(--pink);transform:translateY(-2px)}
    .price{font-size:34px;font-weight:800;color:var(--dark)}
    .save{color:var(--pink);font-weight:800}
    .small{font-size:13px;color:var(--muted)}

    .trust{background:#f0f9ff;border-top:1px solid #e6f4ff;border-bottom:1px solid #e6f4ff;padding:12px 0;color:#0c4a6e}
    .trust-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;font-weight:700}

    details{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;background:#fff}
    details+details{margin-top:10px}
    summary{cursor:pointer;font-weight:800}

    footer{background:#0f172a;color:#cbd5e1}
    footer a{color:#cbd5e1}
    .foot{display:grid;gap:24px;padding:32px 0}

    @media (min-width:768px){
      .hero-grid{grid-template-columns:1.1fr 1fr;align-items:center}
      .features{grid-template-columns:repeat(3,1fr)}
      .grid-2{grid-template-columns:1fr 1fr}
      .pricing{grid-template-columns:repeat(3,1fr)}
      .foot{grid-template-columns:2fr 1fr 1fr}
      h1{font-size:44px}
    }
.nav-lang{ position:relative; }
.nav-lang__btn{
  background:#fff; border:1px solid #e2e8f0; border-radius:10px;
  padding:8px 12px; font-weight:700; color:var(--muted);
  display:flex; align-items:center; gap:8px; cursor:pointer;
}
.nav-lang__btn:hover{ background:#f9fafb; }

.nav-lang__menu{
  position:absolute; top:110%; right:0; min-width:200px;
  background:#fff; border:1px solid #e2e8f0; border-radius:12px;
  box-shadow:var(--shadow); padding:6px 0; margin:0; list-style:none;
  display:none; z-index:60;
}
.nav-lang__menu a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; color:#1f2937; font-weight:600; text-decoration:none;
}
.nav-lang__menu a:hover{ background:#f3f4f6; }
.nav-lang__menu a.is-active{ color:var(--pink); }

@media (min-width:768px){
  .nav-lang:hover .nav-lang__menu{ display:block; }
}

@media (max-width:767px){
  .nav-lang{ width:100%; }
  .nav-lang__btn{ width:100%; justify-content:space-between; }
  .nav-lang__menu{
    position:static; display:none; box-shadow:none; border-radius:10px;
    margin-top:8px;
  }
  .nav.is-lang-open .nav-lang__menu{ display:block; }
}
.brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

.brand-parent{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#808080;
  margin-left:2px;
}
@media (max-width:768px){
  .brand-parent{
    font-size:10px;
    opacity:.75;
  }
}
.oz-row { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; }
.oz-col { flex: 1; min-width: 300px; }
.vh-video-container {
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    border-radius: 25px; 
    box-shadow: 0 25px 50px rgba(0,0,0,0.15); 
    background: #000;
}
.vh-video-container iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
@media (max-width: 768px) {
    .oz-row { flex-direction: column; text-align: center; }
}
@media (min-width: 992px) {
    .pill-hero {
        margin-top: 5px !important;
        margin-bottom: 25px !important;
    }
}
.mobile-br { 
  display: none; 
}

@media (max-width: 768px) {
  .mobile-br { 
    display: block !important; 
    content: ""; 
    margin-top: 0; 
  }
}
@media (max-width: 768px) {
  .hero-grid {
    display: flex !important;
    flex-direction: column-reverse !important; 
    text-align: center;
  }
  
  .hero-img2 {
    margin-bottom: 20px; 
    max-width: 100%;
    height: auto;
  }

  .hero-grid div {
    display: flex;
    flex-direction: column;
    align-items: center; 
  }
}
@media (max-width: 768px) {
  .badges {
    display: none !important;
  }

  .hero-grid {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 768px) {
  .hero-grid > div:first-child {
    margin-top: -30px !important; 
  }
  .pill-hero {
    margin-top: 0 !important; 
    margin-bottom: 15px !important;
  }
  .hero-grid h2 {
    margin-top: 5px !important; 
  }
  
  .hero-img2 {
    margin-bottom: 10px; 
    max-width: 90%; 
  }
}
@media (max-width: 768px) {
  .hero-img2 {
    width: 100% !important; 
    max-width: 400px !important; 
    margin-bottom: 5px !important; 
    transform: scale(1.1); 
  }

  .hero-grid div div[style*="display:flex"] {
    display: grid !important; 
    grid-template-columns: 1fr 1fr !important; 
    gap: 8px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .btn {
    padding: 12px 5px !important; 
    font-size: 14px !important; 
    text-align: center !important;
    white-space: nowrap !important;
  }

  .hero-grid > div:first-child {
    margin-top: -40px !important; 
    z-index: 2;
    position: relative;
  }
}