:root {
  --bg: #f6f8f7;
  --surface: #ffffff;
  --surface-soft: #edf5f0;
  --ink: #13231c;
  --muted: #637269;
  --line: #dce7e0;
  --green: #16b56a;
  --green-2: #0f9657;
  --green-soft: #dff8ea;
  --dark: #081a13;
  --dark-2: #0e2a1e;
  --yellow: #f7c948;
  --shadow: 0 20px 60px rgba(8, 26, 19, .12);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(246, 248, 247, .88);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(220, 231, 224, .8);
}
.nav-wrap { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 1.03rem; font-weight: 700; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, var(--green), #65df9d); color: #fff; box-shadow: 0 10px 26px rgba(22, 181, 106, .24); }
.brand-text strong { color: var(--green-2); }
.nav { display: flex; align-items: center; gap: 24px; color: #43534a; font-weight: 650; font-size: .95rem; }
.nav > a:not(.btn):hover { color: var(--green-2); }
.menu-toggle { display: none; border: 0; background: transparent; font-size: 1.8rem; cursor: pointer; }

.btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; font-weight: 800; transition: .2s ease; border: 1px solid transparent; cursor: pointer; text-align: center; }
.btn:hover { transform: translateY(-2px); }
.btn-small { min-height: 44px; padding: 0 16px; }
.btn-large { min-height: 56px; padding: 0 24px; }
.btn-primary { color: white; background: linear-gradient(135deg, var(--green), var(--green-2)); box-shadow: 0 14px 34px rgba(22, 181, 106, .24); }
.btn-primary:hover { box-shadow: 0 18px 40px rgba(22, 181, 106, .32); }
.btn-ghost { color: white; border-color: rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .06); }
.btn-light { background: white; color: var(--dark); }
.btn-block { width: 100%; }
.btn-youtube { margin-top:18px; min-height:50px; padding:0 20px; background:#ff0033; color:#fff; box-shadow:0 12px 28px rgba(255,0,51,.20); }
.btn-youtube:hover { background:#e6002e; box-shadow:0 16px 34px rgba(255,0,51,.28); }
.youtube-icon { width:26px; height:20px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; margin-right:9px; font-size:.72rem; background:#fff; color:#ff0033; }

.section { padding: 94px 0; }
.section-soft { background: var(--surface-soft); }
.section-dark { background: linear-gradient(160deg, var(--dark) 0%, var(--dark-2) 100%); color: white; position: relative; overflow: hidden; }
.eyebrow { display: inline-flex; padding: 8px 12px; border-radius: 999px; color: #b9f8d5; background: rgba(22, 181, 106, .12); border: 1px solid rgba(101, 223, 157, .24); font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow-light { color: var(--green-2); background: var(--green-soft); border-color: transparent; }

.hero { padding: 86px 0 30px; }
.hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 46px; min-height: 600px; position: relative; z-index: 2; }
.hero-copy h1 { margin: 18px 0 18px; font-size: clamp(2.7rem, 5vw, 5.2rem); line-height: .98; letter-spacing: -.055em; max-width: 700px; }
.hero-lead { color: #c8d7cf; font-size: 1.15rem; max-width: 650px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 22px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px 22px; color: #bad0c4; font-size: .92rem; }
.hero-visual { position: relative; }
.hero-image-shell { padding: 8px; }
.hero-image-shell img { width: 100%; filter: drop-shadow(0 34px 45px rgba(0,0,0,.4)); }
.floating-badge { position: absolute; background: rgba(255,255,255,.96); color: var(--dark); box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.65); }
.badge-price { left: 0; bottom: 7%; border-radius: 20px; padding: 14px 18px; }
.badge-price small { display:block; color: var(--muted); font-weight: 700; }
.badge-price strong { font-size: 1.65rem; }
.badge-price strong span { font-size: .8rem; color: var(--muted); }
.badge-trial { right: 3%; top: 9%; border-radius: 999px; padding: 10px 15px; font-weight: 900; color: var(--green-2); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(12px); opacity: .35; }
.hero-glow-one { width: 440px; height: 440px; right: -120px; top: -70px; background: #1bd877; }
.hero-glow-two { width: 340px; height: 340px; left: -160px; bottom: -100px; background: #1d8e5b; }
.highlight-strip { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; overflow: hidden; }
.highlight-strip > div { padding: 20px 26px; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.1); }
.highlight-strip > div:last-child { border-right: 0; }
.highlight-strip strong { font-size: 1.18rem; }
.highlight-strip span { color: #a9c0b4; font-size: .86rem; }

.section-heading { max-width: 760px; margin-bottom: 42px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading h2, .split-copy h2, .tracking-copy h2, .pricing-copy h2, .final-cta h2 { margin: 16px 0 14px; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; letter-spacing: -.035em; }
.section-heading p, .split-copy p { color: var(--muted); font-size: 1.07rem; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature-card { padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: 0 10px 35px rgba(13, 40, 29, .05); }
.icon-chip { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: var(--green-soft); color: var(--green-2); font-weight: 900; font-size: .86rem; }
.feature-card h3 { margin: 18px 0 8px; font-size: 1.18rem; }
.feature-card p { margin: 0; color: var(--muted); }

.split-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 60px; align-items: center; }
.mini-checks { display: grid; gap: 10px; margin-top: 24px; color: #345045; font-weight: 700; }
.capacity-card { border-radius: var(--radius-xl); padding: 42px; background: linear-gradient(145deg, #ffffff, #e9fff3); border: 1px solid #cfeada; box-shadow: var(--shadow); text-align: center; }
.capacity-label { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: var(--green-soft); color: var(--green-2); font-size: .78rem; font-weight: 900; letter-spacing: .08em; }
.capacity-number { display: block; margin-top: 10px; font-size: clamp(5rem, 10vw, 8rem); line-height: .95; color: var(--green-2); letter-spacing: -.07em; }
.capacity-unit { display: block; font-size: 1.4rem; font-weight: 850; }
.capacity-card p { margin: 14px auto 0; color: var(--muted); max-width: 380px; }

.payment-card { border-radius: var(--radius-xl); padding: 28px; background: var(--dark); color: white; box-shadow: var(--shadow); }
.payment-row, .payment-total { display:flex; align-items:center; justify-content:space-between; gap: 20px; padding: 22px; border-radius: 18px; }
.payment-row { background: rgba(255,255,255,.07); }
.payment-row span { color:#bcd0c5; font-weight:700; }
.payment-row strong { font-size:1.4rem; }
.payment-plus { width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:12px auto;background:var(--green);font-weight:900; }
.payment-total { margin-top: 14px; background: var(--green); }
.payment-total strong { font-size: 1.55rem; }
.pill-row { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.pill-row span { padding:8px 12px;border-radius:999px;background:var(--green-soft);color:var(--green-2);font-weight:800;font-size:.88rem; }

.tracking-section { padding: 105px 0; }
.tracking-grid { display:grid; grid-template-columns: .95fr 1.05fr; gap:60px; align-items:center; position:relative; z-index:2; }
.tracking-copy > p { color:#c6d7ce; font-size:1.08rem; }
.tracking-points { display:grid; gap:18px; margin:26px 0 30px; }
.tracking-points > div { display:grid; grid-template-columns: 14px 1fr; gap:13px; align-items:start; }
.tracking-points p { margin:0; color:#c8d7cf; }
.tracking-points strong { color:white; }
.dot { width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(22,181,106,.13); margin-top:8px; }
.tracking-image img { border-radius: 28px; border: 8px solid rgba(255,255,255,.08); box-shadow: 0 35px 80px rgba(0,0,0,.38); }

.schedule-example { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px; }
.schedule-example div { padding:18px; background:white; border:1px solid var(--line); border-radius:16px; }
.schedule-example span { display:block; color:var(--muted); font-size:.85rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.schedule-example strong { font-size:1.2rem; }
.store-status-card { padding:34px; border-radius:var(--radius-xl); background:white; border:1px solid var(--line); box-shadow:var(--shadow); }
.status-top { display:flex; align-items:center; gap:10px; font-size:1.28rem; }
.status-dot { width:12px;height:12px;border-radius:50%;background:var(--green); box-shadow:0 0 0 7px var(--green-soft); }
.store-status-card p { color:var(--muted); }
.status-note { padding:16px; border-radius:14px; background:var(--surface-soft); color:#385346; font-weight:700; }

.video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.video-grid-single { grid-template-columns:minmax(0, 920px); justify-content:center; }
.video-card { background:white; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 12px 35px rgba(13,40,29,.06); }
.video-slot { position:relative; aspect-ratio:16/9; background:linear-gradient(135deg,#0a1d15,#14452f); display:grid; place-items:center; overflow:hidden; }
.video-slot iframe { width:100%; height:100%; border:0; }
.video-placeholder { text-align:center; color:white; padding:20px; }
.play-button { width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:var(--green);font-size:1.6rem;box-shadow:0 18px 40px rgba(22,181,106,.35); }
.video-placeholder small { color:#b9cbc1; display:block; margin-top:4px; }
.video-card-copy { padding:24px; }
.video-tag { color:var(--green-2);font-size:.75rem;font-weight:900;letter-spacing:.08em; }
.video-card-copy h3 { margin:8px 0 7px; }
.video-card-copy p { margin:0;color:var(--muted); }

.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.step-card { padding:26px; background:white; border:1px solid var(--line); border-radius:var(--radius-lg); }
.step-card > span { width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:white;font-weight:900; }
.step-card h3 { margin:18px 0 8px; }
.step-card p { margin:0;color:var(--muted); }

.pricing-wrap { display:grid; grid-template-columns:1fr .8fr; gap:70px; align-items:center; position:relative; z-index:2; }
.pricing-copy p { color:#bfd0c6; font-size:1.08rem; }
.no-catch { margin-top:22px; color:#9cc7af; font-weight:800; }
.pricing-card { background:white; color:var(--ink); border-radius:30px; padding:34px; box-shadow:0 28px 80px rgba(0,0,0,.28); }
.plan-badge { display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--green-soft);color:var(--green-2);font-size:.76rem;font-weight:900;letter-spacing:.08em; }
.price { display:flex; align-items:flex-end; gap:5px; margin:12px 0; }
.price small { font-size:1.1rem;font-weight:900;align-self:center; }
.price strong { font-size:5.5rem;line-height:.85;letter-spacing:-.07em;color:var(--dark); }
.price span { color:var(--muted);font-weight:800;margin-bottom:7px; }
.trial-banner { background:linear-gradient(135deg,var(--green),var(--green-2));color:white;border-radius:14px;padding:12px 14px;text-align:center;font-weight:900; }
.pricing-card ul { list-style:none;padding:0;margin:24px 0;display:grid;gap:10px; }
.pricing-card li { position:relative;padding-left:26px;color:#385045; }
.pricing-card li::before { content:"✓";position:absolute;left:0;color:var(--green-2);font-weight:900; }
.pricing-note { display:block;text-align:center;color:var(--muted);margin-top:10px; }

.faq-wrap { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:start; }
.faq-list { display:grid; gap:12px; }
.faq-item { background:white;border:1px solid var(--line);border-radius:16px;padding:0 20px; }
.faq-item summary { cursor:pointer;list-style:none;font-weight:850;padding:20px 0;position:relative;padding-right:36px; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"+";position:absolute;right:0;top:14px;font-size:1.6rem;color:var(--green-2); }
.faq-item[open] summary::after { content:"–"; }
.faq-item p { margin:0 0 20px;color:var(--muted); }

.final-cta { padding: 28px 0 80px; background: var(--bg); }
.final-cta-inner { padding:42px 46px;border-radius:30px;background:linear-gradient(135deg,var(--green),var(--green-2));color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 60px rgba(22,181,106,.22); }
.final-cta h2 { margin-bottom:8px; }
.final-cta p { margin:0;color:#e3fff0; }
.final-cta .eyebrow { background:rgba(255,255,255,.15);color:white;border-color:rgba(255,255,255,.22); }
.site-footer { background:#06130e;color:#c4d2ca;padding:44px 0; }
.footer-grid { display:grid;grid-template-columns:1.35fr .55fr .9fr .75fr;gap:26px;align-items:start; }
.brand-footer { color:white; }
.site-footer p { max-width:430px;color:#8fa69a; }
.footer-links { display:grid;gap:8px; }
.footer-links a:hover { color:white; }
.footer-legal { display:grid;gap:5px;text-align:right;color:#81988c;font-size:.9rem; }


.final-contact-actions { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.contact-email { margin:0 !important; font-size:.92rem; color:#e9fff3 !important; }
.contact-email a { color:white; font-weight:850; text-decoration:underline; text-underline-offset:3px; }
.footer-contact { display:grid; gap:7px; color:#81988c; font-size:.92rem; }
.footer-contact strong { color:white; font-size:.96rem; }
.footer-contact a:hover { color:white; }

.whatsapp-float {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1000;
  display:flex;
  align-items:center;
  gap:9px;
  padding:13px 17px 13px 13px;
  border-radius:999px;
  background:#25D366;
  color:white;
  font-weight:900;
  box-shadow:0 14px 35px rgba(0,0,0,.24);
  transition:transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover { transform:translateY(-3px); box-shadow:0 18px 42px rgba(0,0,0,.3); }
.whatsapp-float svg { width:28px; height:28px; flex:0 0 auto; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; }
.delay-2 { transition-delay:.16s; }
.delay-3 { transition-delay:.24s; }

@media (max-width: 980px) {
  .menu-toggle { display:block; }
  .nav { position:absolute;top:74px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow); }
  .nav.is-open { display:flex; }
  .hero { padding-top:58px; }
  .hero-grid, .tracking-grid, .pricing-wrap, .faq-wrap, .split-layout { grid-template-columns:1fr; }
  .hero-grid { min-height:auto; }
  .hero-copy { text-align:center; }
  .hero-lead { margin-left:auto;margin-right:auto; }
  .hero-actions, .hero-proof { justify-content:center; }
  .hero-visual { max-width:800px;margin:0 auto; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .steps-grid { grid-template-columns:repeat(2,1fr); }
  .highlight-strip { grid-template-columns:repeat(2,1fr); }
  .highlight-strip > div:nth-child(2) { border-right:0; }
  .highlight-strip > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }
  .tracking-copy { order:2; }
  .tracking-image { order:1; max-width:720px; margin:0 auto; }
  .faq-wrap { gap:24px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-legal { text-align:left; }
  .final-contact-actions { align-items:flex-start; }
}

@media (max-width: 680px) {
  .container { width:min(100% - 26px, 1180px); }
  .section { padding:72px 0; }
  .hero { padding-top:44px; }
  .hero-copy h1 { font-size:clamp(2.5rem, 13vw, 4rem); }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; }
  .hero-proof { display:grid;text-align:left;justify-content:center; }
  .feature-grid, .steps-grid, .video-grid, .schedule-example, .highlight-strip { grid-template-columns:1fr; }
  .highlight-strip > div { border-right:0;border-bottom:1px solid rgba(255,255,255,.1); }
  .highlight-strip > div:last-child { border-bottom:0; }
  .badge-price { left:0;bottom:-2%;transform:scale(.9);transform-origin:left bottom; }
  .badge-trial { right:0;top:2%; }
  .split-layout, .tracking-grid, .pricing-wrap { gap:34px; }
  .reverse-mobile > :first-child { order:2; }
  .reverse-mobile > :last-child { order:1; }
  .pricing-card { padding:26px 22px; }
  .price strong { font-size:4.7rem; }
  .final-cta-inner { padding:30px 24px;flex-direction:column;align-items:flex-start; }
  .final-cta-inner .btn { width:100%; }
  .final-contact-actions { width:100%; }
  .contact-email { text-align:left; }
  .footer-grid { grid-template-columns:1fr; }
  .whatsapp-float { right:14px; bottom:14px; padding:13px; }
  .whatsapp-float span { display:none; }
  .floating-badge { font-size:.9rem; }
}


/* Prévia do vídeo quando o site é aberto localmente (file://). */
.video-local-preview {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  overflow: hidden;
  background: #0c0f0d;
  text-decoration: none;
  color: #fff;
}

.video-local-preview > img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
  opacity: .66;
}

.video-preview-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
  background: linear-gradient(180deg, rgba(5,12,9,.08), rgba(5,12,9,.72));
}

.video-preview-play {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #ff0033;
  color: #fff;
  font-size: 30px;
  padding-left: 4px;
  box-shadow: 0 12px 34px rgba(0,0,0,.28);
}

.video-preview-overlay strong {
  font-size: 1.2rem;
}

.video-preview-overlay small {
  max-width: 520px;
  color: rgba(255,255,255,.85);
}

@media (max-width: 640px) {
  .video-local-preview,
  .video-local-preview > img {
    min-height: 230px;
  }
}