/* Knowpill Landing — extracted from index.html */

/* ═══════════════════════════════════════════════════════
   RESET & VARS
═══════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #edf0f8;
  --paper:     #ffffff;
  --glass:     rgba(255,255,255,.82);

  --rose:      #f43f5e;
  --rose-2:    #ec4899;
  --rose-soft: #fff1f2;
  --rose-mid:  rgba(244,63,94,.14);
  --rose-glow: rgba(244,63,94,.28);

  --sky:       #0ea5e9;
  --teal:      #38beca;
  --sky-soft:  #f0f9ff;
  --sky-mid:   rgba(14,165,233,.14);

  --violet:    #8b5cf6;
  --violet-2:  #6366f1;
  --violet-soft:#f5f3ff;

  --mint:      #10b981;
  --mint-soft: #ecfdf5;
  --mint-mid:  rgba(16,185,129,.18);

  --amber:     #f59e0b;
  --amber-soft:#fffbeb;

  --ink:       #0f172a;
  --ink-soft:  #1e293b;
  --muted:     #64748b;
  --rule:      rgba(15,23,42,.08);
  --rule-soft: rgba(15,23,42,.04);

  --grad-hero:  linear-gradient(155deg, #f8fafc 0%, #fce7f3 45%, #e0f2fe 100%);
  --grad-rs:    linear-gradient(135deg, var(--rose) 0%, var(--sky) 100%);
  --grad-glass: linear-gradient(155deg, rgba(255,255,255,.92) 0%, rgba(186,230,253,.80) 45%, rgba(249,168,212,.65) 100%);
  --grad-cta:   linear-gradient(135deg, #f43f5e 0%, #ec4899 50%, #8b5cf6 100%);
  --grad-dark:  linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);

  --shad-sm:   0 2px 12px rgba(15,23,42,.07);
  --shad-md:   0 8px 32px rgba(15,23,42,.10);
  --shad-lg:   0 20px 60px rgba(15,23,42,.14);
  --shad-rose: 0 8px 32px rgba(244,63,94,.30);
  --shad-sky:  0 8px 32px rgba(14,165,233,.25);

  --f-title: 'Lora', Georgia, serif;
  --f-body:  'Bricolage Grotesque', system-ui, sans-serif;

  --r-sm: 10px; --r-md: 18px; --r-lg: 26px; --r-xl: 36px; --r-pill: 100px;
  --ease: cubic-bezier(.22,.68,0,1.2);
  --ease-out: cubic-bezier(.16,1,.3,1);

  /* layout */
  --nav-h: 68px;
  --urgency-h: 40px;
}

/* ── Hide Google Translate banner/bar ── */
.goog-te-banner-frame { display: none !important; }
.goog-te-menu-frame  { display: none !important; }
.skiptranslate        { display: none !important; }
body { top: 0px !important; }

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; background: var(--bg); }
body {
  background: transparent;
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 17px;
  line-height: 1.65;
  overflow-x: hidden;
}

/* ═══════════════════════════════════════════════════════
   DECO BG
═══════════════════════════════════════════════════════ */
.deco-bg {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  overflow: hidden; opacity: 0.28;
}
.deco-galaxy { position: absolute; border-radius: 50%; pointer-events: none; }
.dg1 { width:700px;height:700px;top:-250px;left:-200px;background:radial-gradient(circle at 45% 45%,rgba(56,190,202,.22) 0%,rgba(14,165,233,.08) 40%,transparent 70%);animation:floatA 40s ease-in-out infinite; }
.dg2 { width:500px;height:500px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(244,63,94,.18) 0%,rgba(236,72,153,.06) 45%,transparent 70%);border:1.5px solid rgba(244,63,94,.12);animation:floatB 34s ease-in-out infinite; }
.dg3 { width:380px;height:380px;top:35%;left:-80px;background:radial-gradient(circle,rgba(56,190,202,.14) 0%,transparent 70%);border:1.5px solid rgba(14,165,233,.1);animation:floatC 28s ease-in-out infinite;animation-delay:-10s; }
.dg4 { width:320px;height:320px;bottom:-60px;right:100px;background:radial-gradient(circle,rgba(244,63,94,.12) 0%,transparent 68%);animation:floatA 24s ease-in-out infinite;animation-delay:-14s; }
.dg5 { width:440px;height:440px;bottom:-120px;left:80px;background:radial-gradient(circle,rgba(14,165,233,.10) 0%,transparent 70%);animation:floatB 36s ease-in-out infinite;animation-delay:-8s; }
.dge1 { width:620px;height:220px;top:60px;right:-140px;background:radial-gradient(ellipse,rgba(56,190,202,.1) 0%,transparent 70%);border:1.5px solid rgba(14,165,233,.1);transform:rotate(-18deg);animation:floatB 30s ease-in-out infinite;animation-delay:-12s; }
.dge2 { width:560px;height:160px;bottom:80px;left:8%;background:none;border:1.5px dashed rgba(244,63,94,.08);transform:rotate(8deg);animation:floatC 38s ease-in-out infinite;animation-delay:-22s; }
.deco-pill-wrap { position:absolute;pointer-events:none; }
.deco-pill-svg { position:absolute;display:block;overflow:visible; }
.deco-pill-svg--blue { z-index:2;top:0;left:0; }
.deco-pill-svg--pink { z-index:1;top:calc(var(--pw,100px)*0.44);left:calc(var(--pw,100px)*0.30); }
.dpw1 { --pw:120px;bottom:9%;left:5%;opacity:.2;animation:floatPill 38s ease-in-out infinite; }
.dpw1 .deco-pill-svg { width:var(--pw); }
.dpw1 .deco-pill-svg--blue { transform:rotate(20deg); }
.dpw1 .deco-pill-svg--pink { transform:rotate(44deg); }
.dpw2 { --pw:80px;top:11%;right:4%;opacity:.16;animation:floatPillB 44s ease-in-out infinite;animation-delay:-18s; }
.dpw2 .deco-pill-svg { width:var(--pw); }
.dpw2 .deco-pill-svg--blue { transform:rotate(22deg); }
.dpw2 .deco-pill-svg--pink { transform:rotate(47deg); }
.dpw3 { --pw:58px;top:50%;right:14%;opacity:.13;animation:floatPillC 30s ease-in-out infinite;animation-delay:-9s; }
.dpw3 .deco-pill-svg { width:var(--pw); }
.dpw4 { --pw:68px;top:36%;left:44%;opacity:.12;animation:floatPill 34s ease-in-out infinite;animation-delay:-24s; }
.dpw4 .deco-pill-svg { width:var(--pw); }
.deco-dust { position:absolute;inset:0; }
.deco-dust span { position:absolute;display:block;border-radius:50%;background:rgba(56,190,202,.5);animation:floatA ease-in-out infinite; }
.deco-dust span:nth-child(1)  { width:8px;height:8px;top:8%;left:22%;animation-duration:13s; }
.deco-dust span:nth-child(2)  { width:5px;height:5px;top:16%;left:58%;animation-duration:17s;animation-delay:-4s;animation-name:floatB;background:rgba(244,63,94,.45); }
.deco-dust span:nth-child(3)  { width:9px;height:9px;top:32%;left:7%;animation-duration:22s;animation-delay:-9s; }
.deco-dust span:nth-child(4)  { width:4px;height:4px;top:48%;left:38%;animation-duration:15s;animation-delay:-6s;animation-name:floatB;background:rgba(244,63,94,.4); }
.deco-dust span:nth-child(5)  { width:6px;height:6px;top:62%;left:72%;animation-duration:19s;animation-delay:-3s; }
.deco-dust span:nth-child(6)  { width:7px;height:7px;top:75%;left:15%;animation-duration:25s;animation-delay:-14s;animation-name:floatB; }
.deco-dust span:nth-child(7)  { width:4px;height:4px;top:85%;left:55%;animation-duration:16s;animation-delay:-8s;background:rgba(244,63,94,.4); }
.deco-dust span:nth-child(8)  { width:6px;height:6px;top:12%;right:14%;animation-duration:20s;animation-delay:-11s;animation-name:floatC; }
.deco-dust span:nth-child(9)  { width:4px;height:4px;top:40%;right:25%;animation-duration:14s;animation-delay:-2s;animation-name:floatB;background:rgba(244,63,94,.4); }
.deco-dust span:nth-child(10) { width:8px;height:8px;top:70%;right:40%;animation-duration:23s;animation-delay:-16s; }

@keyframes floatA { 0%,100%{transform:translate(0,0)} 40%{transform:translate(14px,-10px)} 70%{transform:translate(-9px,13px)} }
@keyframes floatB { 0%,100%{transform:translate(0,0)} 35%{transform:translate(-16px,9px)} 68%{transform:translate(11px,-14px)} }
@keyframes floatC { 0%,100%{transform:translate(0,0)} 50%{transform:translate(7px,16px)} }
@keyframes floatPill  { 0%,100%{transform:translate(0,0)} 33%{transform:translate(12px,-9px)} 66%{transform:translate(-9px,11px)} }
@keyframes floatPillB { 0%,100%{transform:translate(0,0)} 35%{transform:translate(-14px,8px)} 68%{transform:translate(10px,-12px)} }
@keyframes floatPillC { 0%,100%{transform:translate(0,0)} 50%{transform:translate(8px,14px)} }

/* ═══════════════════════════════════════════════════════
   NAV
═══════════════════════════════════════════════════════ */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 500;
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 52px;
  height: var(--nav-h);
  background: rgba(248,250,252,.9);
  backdrop-filter: blur(18px) saturate(1.8);
  border-bottom: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 1px 0 rgba(15,23,42,.06), 0 4px 16px rgba(15,23,42,.04);
  transition: all .3s;
}
.nav.scrolled {
  background: rgba(237,240,248,.95);
  box-shadow: 0 1px 0 var(--rule), 0 6px 24px rgba(244,63,94,.08);
  padding: 12px 52px;
}
.nav-brand { display:flex;align-items:center;gap:10px;text-decoration:none; }
.nav-brand img { height:30px;width:auto; }
.nav-brand-name { font-family:var(--f-title);font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em; }
.nav-links { display:flex;gap:32px;list-style:none; }
.nav-links a { font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s; }
.nav-links a:hover { color:var(--ink); }
.nav-cta {
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:700;padding:10px 24px;
  border-radius:var(--r-pill);text-decoration:none;
  background:var(--grad-cta);color:#fff;box-shadow:var(--shad-rose);
  transition:transform .2s var(--ease),opacity .2s;
}
.nav-cta:hover { transform:translateY(-2px) scale(1.03);opacity:.9; }

/* ═══════════════════════════════════════════════════════
   LANG SWITCHER
═══════════════════════════════════════════════════════ */
.lang-switcher {
  position: relative;
  display: flex;
  align-items: center;
}
.lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(15,23,42,.1);
  border-radius: var(--r-pill);
  padding: 7px 12px;
  cursor: pointer;
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  backdrop-filter: blur(8px);
  transition: all .2s;
  user-select: none;
}
.lang-btn:hover {
  background: var(--paper);
  border-color: rgba(244,63,94,.22);
  box-shadow: var(--shad-sm);
}
.lang-btn-flag { font-size: 15px; line-height: 1; }
.lang-btn-code { font-size: 11.5px; font-weight: 700; letter-spacing: .04em; color: var(--muted); }
.lang-btn-chevron {
  display: flex; align-items: center;
  opacity: .45;
  transition: transform .25s var(--ease);
}
.lang-switcher.open .lang-btn-chevron { transform: rotate(180deg); }

.lang-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 172px;
  background: var(--paper);
  border: 1px solid rgba(15,23,42,.09);
  border-radius: var(--r-md);
  box-shadow: 0 12px 40px rgba(15,23,42,.13), 0 2px 8px rgba(15,23,42,.06);
  padding: 6px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px) scale(.96);
  transform-origin: top right;
  transition: opacity .2s var(--ease-out), transform .2s var(--ease-out);
  z-index: 700;
}
.lang-switcher.open .lang-dropdown {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0) scale(1);
}
.lang-option {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  color: var(--ink);
  font: inherit;
  transition: background .15s;
}
.lang-option:hover { background: var(--bg); }
.lang-option.active { background: var(--rose-soft); }
.lang-option:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 1px;
}
.lang-opt-flag { font-size: 20px; line-height: 1; flex-shrink: 0; }
.lang-opt-info { display: flex; flex-direction: column; gap: 1px; flex: 1; }
.lang-opt-name {
  font-size: 13.5px; font-weight: 600;
  color: var(--ink); line-height: 1.2;
}
.lang-option.active .lang-opt-name { color: var(--rose); }
.lang-opt-sub { font-size: 10.5px; color: var(--muted); font-weight: 400; }
.lang-option.active .lang-opt-sub { color: rgba(244,63,94,.55); }
.lang-opt-check { color: var(--rose); font-size: 12px; font-weight: 900; opacity: 0; flex-shrink: 0; }
.lang-option.active .lang-opt-check { opacity: 1; }

/* ═══════════════════════════════════════════════════════
   URGENCY BAR
═══════════════════════════════════════════════════════ */
.urgency-bar {
  position: relative; z-index: 1;
  background: linear-gradient(90deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);
  background-size: 200% 100%;
  animation: slide-gradient 6s linear infinite;
  color: #fff; text-align: center;
  padding: 10px 52px;
  font-size: 13px; font-weight: 700; letter-spacing: .02em;
  border-bottom: 1px solid rgba(244,63,94,.35);
  margin-top: var(--nav-h);
}
@keyframes slide-gradient { 0%{background-position:0% 50%} 100%{background-position:200% 50%} }
.urgency-bar .live-count { color: var(--rose); font-weight: 900; }
.urgency-bar .sep { opacity: .35; margin: 0 10px; }

/* ═══════════════════════════════════════════════════════
   HERO — densididade mais profissional (menos “empilhado”)
═══════════════════════════════════════════════════════ */
.hero {
  min-height: auto;
  padding: 48px 52px 56px;
  background: var(--grad-hero);
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: stretch;
}
.hero-blob { position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.45; }
.hb1 { width:560px;height:560px;right:-60px;top:-60px;background:radial-gradient(circle,rgba(244,63,94,.20) 0%,transparent 70%); }
.hb2 { width:460px;height:460px;left:-60px;bottom:-60px;background:radial-gradient(circle,rgba(14,165,233,.16) 0%,transparent 70%); }
.hb3 { width:300px;height:300px;left:42%;top:22%;background:radial-gradient(circle,rgba(139,92,246,.09) 0%,transparent 70%); }

.hero-inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center;
  max-width: 1200px; margin: 0 auto; width: 100%;
}

.hero-ego {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(244,63,94,.2);
  color: var(--ink-soft); font-size: 13px; font-weight: 600; letter-spacing: .01em;
  padding: 8px 14px; border-radius: var(--r-md); margin-bottom: 14px;
  backdrop-filter: blur(8px);
  animation: slide-in .65s .05s var(--ease-out) both;
  line-height: 1.4;
  box-shadow: var(--shad-sm);
  max-width: 100%;
}
.hero-ego .em-rose { color: var(--rose); font-weight: 800; }

.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(244,63,94,.1); border: 1px solid rgba(244,63,94,.25);
  color: var(--rose); font-size: 12px; font-weight: 700; letter-spacing: .04em;
  padding: 6px 14px; border-radius: var(--r-pill); margin-bottom: 14px;
  animation: slide-in .65s .12s var(--ease-out) both;
}
.eyebrow-dot { width:7px;height:7px;border-radius:50%;background:var(--rose);animation:pulse-dot 2s infinite; }
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.hero-title {
  font-family: var(--f-title);
  font-size: clamp(40px, 5vw, 68px);
  font-weight: 700; line-height: 1.06; letter-spacing: -.03em;
  color: var(--ink); margin-bottom: 16px;
  animation: slide-in .8s .22s var(--ease-out) both;
}
.hero-title em  { font-style: italic; font-weight: 400; color: var(--muted); }
.hero-title .rose { color: var(--rose); }
.hero-title .sky  { color: var(--sky); }
.hero-title .grad {
  background: var(--grad-cta);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-sentence {
  padding: 16px 18px; border-radius: var(--r-md); margin-bottom: 14px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.9); border-left: 4px solid var(--rose);
  backdrop-filter: blur(10px);
  box-shadow: var(--shad-sm);
  animation: slide-in .8s .34s var(--ease-out) both;
}
.hero-sentence p { font-size: 15px; color: var(--ink-soft); line-height: 1.65; margin: 0; }
.hero-sentence p+p { margin-top: 6px; }
.hero-sentence .verdict {
  display: block; margin-top: 10px; padding-top: 10px;
  border-top: 1px solid rgba(244,63,94,.15);
  font-family: var(--f-title); font-size: 16px;
  font-style: italic; color: var(--rose); font-weight: 600;
}

.hero-bridge {
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.9);
  border-radius: var(--r-md); padding: 12px 16px; margin-bottom: 20px;
  font-size: 14px; font-weight: 600; color: var(--ink-soft); line-height: 1.55;
  backdrop-filter: blur(8px); box-shadow: 0 2px 8px rgba(15,23,42,.05);
  animation: slide-in .8s .42s var(--ease-out) both;
}
.hero-bridge .red { color: var(--rose); font-weight: 800; font-family: var(--f-title); font-style: italic; }

.hero-actions {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  animation: slide-in .8s .54s var(--ease-out) both;
}
.btn-hero {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-body); font-size: 15px; font-weight: 800;
  padding: 14px 28px; border-radius: var(--r-pill); text-decoration: none;
  background: var(--grad-cta); color: #fff; box-shadow: var(--shad-rose);
  transition: transform .25s var(--ease), box-shadow .25s, opacity .2s;
  letter-spacing: -.01em;
}
.btn-hero:hover { transform: translateY(-2px); opacity: .94; box-shadow: 0 14px 40px rgba(244,63,94,.38); }
.btn-hero-icon {
  width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.22);
  display: flex; align-items: center; justify-content: center;
  transition: transform .2s var(--ease);
}
.btn-hero:hover .btn-hero-icon { transform: translateX(3px); }
.btn-ghost {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 500; color: var(--muted); text-decoration: none;
  padding: 13px 20px; border-radius: var(--r-pill);
  border: 1.5px solid rgba(15,23,42,.12); background: rgba(255,255,255,.7);
  backdrop-filter: blur(8px); transition: all .2s;
}
.btn-ghost:hover { border-color: rgba(244,63,94,.25); color: var(--ink); background: var(--paper); }

.hero-trust {
  display: flex; align-items: center; gap: 8px; margin-top: 16px;
  font-size: 12px; color: var(--muted); flex-wrap: wrap;
  animation: slide-in .8s .64s var(--ease-out) both;
  row-gap: 6px;
}
.hero-trust-item { display: flex; align-items: center; gap: 5px; }
.hero-trust-item::before { content: '✓'; color: var(--mint); font-weight: 800; font-size: 11px; }
.hero-trust-sep { color: var(--rule); }

.hero-visual { position: relative; animation: float-in .9s .6s var(--ease-out) both; }
.phone-wrap {
  background: linear-gradient(160deg,#fff 0%,#f0f9ff 40%,#fce7f3 100%);
  border-radius: 20px; padding: 12px 13px;
  box-shadow: var(--shad-lg), 0 0 0 6px rgba(255,255,255,.45);
  border: 1px solid rgba(255,255,255,.85); backdrop-filter: blur(8px); position: relative;
}
.phone-status { display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:7px;font-weight:500; }
.phone-status-dot { width:8px;height:8px;border-radius:50%;background:var(--mint); }
.pill-card { border-radius:10px;margin-bottom:5px;padding:7px 11px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;transition:transform .2s var(--ease); }
.pill-card:hover { transform:translateX(4px); }
.pill-card.done { background:var(--grad-glass);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.75); }
.pill-card.active { background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,rgba(14,165,233,.1) 100%);border:1.5px solid rgba(244,63,94,.3); }
.pill-card.locked { background:rgba(255,255,255,.5);border:1px solid var(--rule);color:var(--muted); }
.pill-icon { font-size:15px;flex-shrink:0; }
.pill-label { flex:1; }
.pill-badge { width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0; }
.pill-badge.ok  { background:var(--mint);color:#fff; }
.pill-badge.now { background:var(--grad-rs);color:#fff; }
.pill-badge.lock { background:var(--rule);color:var(--muted);font-size:12px; }
.phone-progress { margin-top:8px; }
.progress-label { display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:500; }
.progress-label .xp { color:var(--rose);font-weight:700; }
.progress-track { height:6px;border-radius:100px;background:var(--rule-soft);overflow:hidden; }
.progress-fill { height:100%;width:60%;border-radius:100px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--sky));animation:prog-in 1.5s 1.4s var(--ease-out) both; }
@keyframes prog-in { from{width:0} to{width:60%} }
.streak-bar { margin-top:8px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(244,63,94,.08) 0%,rgba(14,165,233,.06) 100%);border:1px solid rgba(244,63,94,.15);border-radius:10px;padding:7px 12px; }
.streak-info { font-size:11px;font-weight:700;color:var(--rose);display:flex;align-items:center;gap:5px; }
.streak-days { display:flex;gap:4px; }
.streak-day { width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800; }
.streak-day.done { background:var(--rose);color:#fff; }
.streak-day.today { background:var(--sky);color:#fff; }
.streak-day.upcoming { background:var(--rule-soft);color:var(--muted); }
.fbadge { position:absolute;background: var(--paper);border-radius:14px;box-shadow:var(--shad-md);border:1px solid rgba(255,255,255,.9);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--ink);z-index:3; }
.fbadge-icon { font-size:18px; }
.fbadge-sub { font-size:11px;color:var(--muted);font-weight:400;display:block; }
.fbadge-a { top:-18px;right:-20px;animation:badge-float 6s ease-in-out infinite; }
.fbadge-b { bottom:-14px;left:-18px;animation:badge-float 6s ease-in-out infinite;animation-delay:-3s; }
@keyframes badge-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

@keyframes slide-in { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
@keyframes float-in { from{opacity:0;transform:translateY(28px) scale(.97)} to{opacity:1;transform:none} }

/* ═══════════════════════════════════════════════════════
   LIVE BAR
═══════════════════════════════════════════════════════ */
.live-bar {
  position: relative; z-index: 1;
  background: rgba(255,255,255,.8); backdrop-filter: blur(16px) saturate(1.5);
  border-top: 1px solid rgba(255,255,255,.85); border-bottom: 1px solid var(--rule);
  padding: 16px 52px;
}
.live-bar-inner { max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap; }
.live-stat { display:flex;align-items:center;gap:14px; }
.live-dot { width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(16,185,129,.2);animation:pulse-live 2s infinite; }
@keyframes pulse-live { 0%,100%{box-shadow:0 0 0 4px rgba(16,185,129,.2)} 50%{box-shadow:0 0 0 8px rgba(16,185,129,.06)} }
.live-num { font-family:var(--f-title);font-size:28px;font-weight:700;line-height:1;color:var(--ink);letter-spacing:-.04em; }
.live-num.rose { color:var(--rose); }
.live-num.sky  { color:var(--sky); }
.live-label { font-size:12px;font-weight:600;color:var(--muted);line-height:1.3;max-width:130px; }
.live-sep { width:1px;height:40px;background:var(--rule); }
.live-ticker {
  display:flex;align-items:center;gap:10px;
  background:rgba(244,63,94,.05);border:1px solid rgba(244,63,94,.15);
  border-radius:var(--r-pill);padding:7px 16px;
}
.live-ticker-dot { width:8px;height:8px;border-radius:50%;background:var(--rose);animation:pulse-dot 1.5s infinite; }
.live-ticker-text { font-size:12.5px;font-weight:600;color:var(--ink-soft); }
.live-ticker-num { color:var(--rose);font-weight:800; }

/* ═══════════════════════════════════════════════════════
   REVEAL ANIMATION
═══════════════════════════════════════════════════════ */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s var(--ease-out), transform .65s var(--ease-out); }
.reveal.visible { opacity: 1; transform: none; }
.reveal.rd1 { transition-delay: .12s; }
.reveal.rd2 { transition-delay: .24s; }

/* ═══════════════════════════════════════════════════════
   SECTION BASE
═══════════════════════════════════════════════════════ */
.section { padding: 96px 52px; position: relative; }
.section-inner { max-width: 1160px; margin: 0 auto; }
.stag {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  padding: 5px 14px; border-radius: var(--r-pill); margin-bottom: 20px;
}
.stag-rose   { color:var(--rose);  background:var(--rose-soft);  border:1px solid rgba(244,63,94,.2); }
.stag-sky    { color:var(--sky);   background:var(--sky-soft);   border:1px solid rgba(14,165,233,.2); }
.stag-violet { color:var(--violet);background:var(--violet-soft);border:1px solid rgba(139,92,246,.2); }
.stag-mint   { color:var(--mint);  background:var(--mint-soft);  border:1px solid rgba(16,185,129,.2); }
.stag-dark   { color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15); }
.stag-amber  { color:#92400e;background:var(--amber-soft);border:1px solid rgba(245,158,11,.25); }

.section-title {
  font-family: var(--f-title);
  font-size: clamp(34px, 4.5vw, 60px);
  font-weight: 700; line-height: 1.08; letter-spacing: -.03em;
  color: var(--ink); margin-bottom: 16px;
}
.section-title em  { font-style: italic; font-weight: 400; color: var(--muted); }
.section-title .rose   { color: var(--rose); }
.section-title .sky    { color: var(--sky); }
.section-title .violet { color: var(--violet); }
.section-title .grad {
  background: var(--grad-cta); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.section-lead { font-size: 18px; color: var(--ink-soft); max-width: 52ch; line-height: 1.72; margin-bottom: 52px; }

/* ═══════════════════════════════════════════════════════
   01 — FUNIL DA MORTE
═══════════════════════════════════════════════════════ */
.confronto { background: var(--paper); }
.confront-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }

.death-funnel-card {
  background: linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
  border-radius: var(--r-xl); padding: 40px 36px;
  box-shadow: var(--shad-lg); position: relative; overflow: hidden;
}
.death-funnel-card::before {
  content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,63,94,.15) 0%,transparent 70%);
}
.df-header { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px; }
.df-title { font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:8px; }
.df-title::before { content:'';width:16px;height:2px;background:var(--rose);border-radius:2px; }
.df-stat-big { text-align:right; }
.df-stat-num { font-family:var(--f-title);font-size:44px;font-weight:700;color:var(--rose);line-height:1;letter-spacing:-.05em; }
.df-stat-label { font-size:11px;color:rgba(255,255,255,.3);font-weight:500; }

.funnel-row { display:flex;align-items:center;gap:14px;margin-bottom:12px; }
.funnel-label { font-size:13px;color:rgba(255,255,255,.45);font-weight:500;width:80px;flex-shrink:0; }
.funnel-bar-wrap { flex:1;height:36px;background:rgba(255,255,255,.06);border-radius:8px;overflow:hidden; }
.funnel-bar { height:100%;border-radius:8px;display:flex;align-items:center;padding-left:12px;font-size:14px;font-weight:800;color:#fff; }
.funnel-bar.f100 { background:linear-gradient(90deg,#0ea5e9,#38beca);width:100%; }
.funnel-bar.f36  { background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:36%; }
.funnel-bar.f10  { background:linear-gradient(90deg,#f59e0b,#fbbf24);width:10%; }
.funnel-bar.f2   { background:linear-gradient(90deg,var(--rose),#fb7185);width:2.5%; }
.funnel-bar.f2 .fbar-num { font-size:11px; }

.funnel-verdict {
  margin-top:22px;padding:16px 20px;
  background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.25);
  border-radius:var(--r-md);font-size:14px;font-weight:600;color:#fff;line-height:1.55;
}
.funnel-verdict strong { color:var(--rose); }
.funnel-accuse {
  margin-top:12px;padding:13px 16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-sm);
  font-family:var(--f-title);font-size:15px;font-style:italic;
  color:rgba(255,255,255,.72);font-weight:400;line-height:1.5;
}
.funnel-accuse .accusation { color:var(--rose);font-weight:700;font-style:normal; }

.confronto-story { display:flex;flex-direction:column;gap:14px;margin-top:8px; }
.story-item { padding:22px;border-radius:var(--r-md);border:1px solid var(--rule);background: var(--paper);transition:transform .2s var(--ease),box-shadow .2s; }
.story-item:hover { transform:translateX(5px);box-shadow:var(--shad-sm); }
.story-item.pain  { background:rgba(244,63,94,.04);border-color:rgba(244,63,94,.2); }
.story-item.truth { background:rgba(14,165,233,.04);border-color:rgba(14,165,233,.2); }
.story-item.revelation { background:linear-gradient(135deg,rgba(244,63,94,.06) 0%,rgba(14,165,233,.06) 100%);border-color:rgba(139,92,246,.25); }
.story-who { font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px; }
.story-item.pain .story-who { color:var(--rose); }
.story-item.truth .story-who { color:var(--sky); }
.story-item.revelation .story-who { color:var(--violet); }
.story-body { font-size:15px;color:var(--ink-soft);line-height:1.62; }
.story-body strong { color:var(--ink);font-weight:700; }
.story-body em { color:var(--rose);font-weight:600; }
.story-sentence {
  margin-top:8px;padding:10px 14px;
  background:rgba(244,63,94,.08);border-left:3px solid var(--rose);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:14px;font-weight:700;color:var(--rose);font-family:var(--f-title);font-style:italic;
}

/* ═══════════════════════════════════════════════════════
   02 — VIRADA IDEOLÓGICA (dark)
═══════════════════════════════════════════════════════ */
.ideologia-section { background:var(--grad-dark);position:relative;overflow:hidden; }
.ideologia-section::before {
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.ideologia-inner { position:relative;z-index:1;max-width:1160px;margin:0 auto; }
.ideologia-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center; }

.ideologia-left .section-title { color:#fff; }
.ideologia-left .section-title em { color:rgba(255,255,255,.3); }
.ideologia-left .section-lead { color:rgba(255,255,255,.45);margin-bottom:36px; }

.erros-list { display:flex;flex-direction:column;gap:14px; }
.erro-item { display:flex;gap:18px;align-items:flex-start;padding:20px 22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);transition:all .2s; }
.erro-item:hover { background:rgba(255,255,255,.07);border-color:rgba(244,63,94,.25); }
.erro-x { width:32px;height:32px;border-radius:50%;background:rgba(244,63,94,.2);color:var(--rose);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0;margin-top:1px; }
.erro-text h4 { font-size:15px;font-weight:700;color:#fff;margin-bottom:4px; }
.erro-text p  { font-size:13.5px;color:rgba(255,255,255,.4);line-height:1.55; }
.erro-text .verdict { font-size:13px;color:var(--rose);font-weight:800;margin-top:6px;display:block; }

.ideologia-verdict {
  padding:44px;background:linear-gradient(135deg,rgba(244,63,94,.15) 0%,rgba(139,92,246,.12) 100%);
  border:1px solid rgba(244,63,94,.3);border-radius:var(--r-xl);text-align:center;
}
.iv-icon { font-size:52px;display:block;margin-bottom:20px; }
.iv-title { font-family:var(--f-title);font-size:clamp(26px,3.5vw,42px);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15;margin-bottom:16px; }
.iv-title .rose { color:var(--rose); }
.iv-sub { font-size:16px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:22px; }
.iv-sub strong { color:rgba(255,255,255,.7);font-weight:700; }
.iv-bridge {
  padding:16px 20px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-md);margin-bottom:22px;
  font-size:15px;color:rgba(255,255,255,.65);font-style:italic;font-family:var(--f-title);
  line-height:1.6;
}
.iv-bridge strong { color:#fff;font-style:normal; }
.iv-pill-badge { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--rose) 0%,var(--violet) 100%);padding:10px 22px;border-radius:var(--r-pill);box-shadow:var(--shad-rose); }

/* ═══════════════════════════════════════════════════════
   03 — SE NÃO MUDAR
═══════════════════════════════════════════════════════ */
.consequences-section { background: var(--paper); }
.consequences-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center; }

.loop-card {
  background:linear-gradient(135deg,rgba(244,63,94,.04) 0%,rgba(15,23,42,.03) 100%);
  border:1.5px solid rgba(244,63,94,.15);border-radius:var(--r-xl);padding:36px;
  position:relative;overflow:hidden;
}
.loop-card::before { content:'LOOP INFINITO';position:absolute;top:16px;right:20px;font-size:9px;font-weight:900;letter-spacing:.15em;color:rgba(244,63,94,.3); }
.loop-items { display:flex;flex-direction:column;gap:0; }
.loop-item { display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px dashed rgba(244,63,94,.12);position:relative; }
.loop-item:last-child { border-bottom:none; }
.loop-num { width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--rose),#fb7185);box-shadow:0 4px 14px rgba(244,63,94,.3); }
.loop-body h4 { font-size:15px;font-weight:700;color:var(--ink);margin-bottom:3px;padding-top:8px; }
.loop-body p  { font-size:13.5px;color:var(--muted);line-height:1.55; }
.loop-arrow { position:absolute;left:19px;bottom:-18px;font-size:18px;color:var(--rose);z-index:1; }
.loop-final { margin-top:20px;padding:16px 20px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.2);border-radius:var(--r-md);font-size:14px;font-weight:700;color:var(--rose);text-align:center;line-height:1.5;font-family:var(--f-title);font-style:italic; }

.consequence-right { display:flex;flex-direction:column;gap:16px; }
.consequence-card { padding:26px;border-radius:var(--r-lg);border:1px solid var(--rule);background: var(--paper);box-shadow:var(--shad-sm);display:flex;gap:16px;align-items:flex-start;transition:transform .2s var(--ease),box-shadow .2s; }
.consequence-card:hover { transform:translateY(-4px);box-shadow:var(--shad-md); }
.consequence-card.fatal { border-color:rgba(244,63,94,.22);background:rgba(244,63,94,.03); }
.ccard-icon { font-size:26px;flex-shrink:0; }
.ccard-body h4 { font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:4px; }
.ccard-body p  { font-size:13px;color:var(--muted);line-height:1.6; }
.ccard-body strong { color:var(--rose);font-weight:700; }
.ccard-sentence { font-size:13px;font-weight:800;color:var(--rose);margin-top:8px;display:block; }

/* ═══════════════════════════════════════════════════════
   TRANSIÇÃO — Pergunta certa
═══════════════════════════════════════════════════════ */
.right-question { background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);padding:64px 52px;position:relative;overflow:hidden; }
.right-question::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(244,63,94,.18) 0%,transparent 60%); }
.rq-inner { max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1; }
.rq-pre { font-size:13px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px; }
.rq-title { font-family:var(--f-title);font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:#fff;margin-bottom:18px; }
.rq-title em { font-style:italic;color:rgba(255,255,255,.35); }
.rq-title .rose { color:var(--rose); }
.rq-sub { font-size:17px;color:rgba(255,255,255,.45);line-height:1.7;max-width:56ch;margin:0 auto; }
.rq-sub strong { color:rgba(255,255,255,.7); }

/* ═══════════════════════════════════════════════════════
   04 — A PÍLULA como formato
═══════════════════════════════════════════════════════ */
.pilula-section { background:var(--bg); }
.pilula-center { text-align:center;max-width:760px;margin:0 auto 56px; }

.pilula-trio { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.ptrio-card { padding:38px 28px;border-radius:var(--r-xl);text-align:center;transition:transform .25s var(--ease),box-shadow .25s;position:relative;overflow:hidden; }
.ptrio-card:hover { transform:translateY(-6px);box-shadow:var(--shad-lg); }
.ptrio-card::before { content:'';position:absolute;top:0;left:0;right:0;height:4px; }
.ptrio-card.c-rose { background:var(--rose-soft); }
.ptrio-card.c-rose::before { background:linear-gradient(90deg,var(--rose),var(--rose-2)); }
.ptrio-card.c-sky  { background:var(--sky-soft); }
.ptrio-card.c-sky::before  { background:linear-gradient(90deg,var(--sky),var(--teal)); }
.ptrio-card.c-violet { background:var(--violet-soft); }
.ptrio-card.c-violet::before { background:linear-gradient(90deg,var(--violet),var(--violet-2)); }
.ptrio-icon { font-size:46px;display:block;margin-bottom:16px; }
.ptrio-card.c-rose   .ptrio-equation { color:var(--rose); }
.ptrio-card.c-sky    .ptrio-equation { color:var(--sky); }
.ptrio-card.c-violet .ptrio-equation { color:var(--violet); }
.ptrio-equation { font-family:var(--f-title);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:10px;display:block; }
.ptrio-desc { font-size:13.5px;color:var(--muted);line-height:1.6; }

.pilula-callout {
  margin-top:48px;padding:38px 46px;
  background:linear-gradient(135deg,rgba(244,63,94,.08) 0%,rgba(14,165,233,.07) 50%,rgba(139,92,246,.06) 100%);
  border-radius:var(--r-xl);border:1px solid rgba(244,63,94,.15);
  display:flex;gap:28px;align-items:center;
  position:relative;overflow:hidden;
}
.pilula-callout::before { content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(244,63,94,.12) 0%,transparent 70%); }
.pc-icon { font-size:46px;flex-shrink:0; }
.pc-body h3 { font-size:20px;font-weight:800;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em; }
.pc-body p  { font-size:15px;color:var(--ink-soft);line-height:1.65; }
.pc-body strong { color:var(--rose);font-weight:700; }

/* ═══════════════════════════════════════════════════════
   05 — COMO FUNCIONA
═══════════════════════════════════════════════════════ */
.how-section { background: var(--paper); }
.steps { display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;margin-top:52px; }
.steps::after { content:'';position:absolute;top:48px;left:14%;right:14%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--rose),var(--violet),var(--sky));z-index:0; }
.step { display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 12px; }
.step-orb { width:96px;height:96px;border-radius:50%;margin-bottom:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shad-md);transition:transform .25s var(--ease),box-shadow .25s;cursor:default; }
.step-orb:hover { transform:scale(1.08) translateY(-4px);box-shadow:var(--shad-lg); }
.step:nth-child(1) .step-orb { background:linear-gradient(135deg,rgba(244,63,94,.15),rgba(244,63,94,.06));border:2px solid rgba(244,63,94,.25); }
.step:nth-child(2) .step-orb { background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.06));border:2px solid rgba(139,92,246,.25); }
.step:nth-child(3) .step-orb { background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(14,165,233,.06));border:2px solid rgba(14,165,233,.25); }
.step:nth-child(4) .step-orb { background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.06));border:2px solid rgba(16,185,129,.25); }
.step-n { font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px; }
.step:nth-child(1) .step-n { color:var(--rose); }
.step:nth-child(2) .step-n { color:var(--violet); }
.step:nth-child(3) .step-n { color:var(--sky); }
.step:nth-child(4) .step-n { color:var(--mint); }
.step-emoji { font-size:30px; }
.step-title { font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em; }
.step-desc { font-size:13.5px;color:var(--muted);line-height:1.6; }
.step-time { font-size:12px;font-weight:800;color:var(--rose);margin-top:6px; }

.how-guarantee {
  margin-top:52px;padding:30px 38px;
  background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);
  border-radius:var(--r-xl);display:flex;gap:24px;align-items:center;
}
.how-guarantee-icon { font-size:40px;flex-shrink:0; }
.how-guarantee h3 { font-size:18px;font-weight:800;color:#fff;margin-bottom:5px;letter-spacing:-.02em; }
.how-guarantee p  { font-size:14px;color:rgba(255,255,255,.5);line-height:1.65; }
.how-guarantee strong { color:rgba(255,255,255,.8);font-weight:700; }

/* ═══════════════════════════════════════════════════════
   06 — IMPACTO FINANCEIRO
═══════════════════════════════════════════════════════ */
.dinheiro-section { background:var(--bg); }
.dinheiro-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center; }

.anxiety-block {
  padding:26px;border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(244,63,94,.06) 0%,rgba(15,23,42,.04) 100%);
  border:1.5px solid rgba(244,63,94,.2);margin-bottom:30px;
}
.anxiety-block p { font-size:15px;color:var(--ink-soft);line-height:1.75;margin-bottom:10px; }
.anxiety-block p:last-child { margin-bottom:0; }
.anxiety-block strong { color:var(--rose);font-weight:800; }
.anxiety-block .cold {
  display:block;margin-top:14px;padding:12px 16px;
  background:rgba(244,63,94,.08);border-left:3px solid var(--rose);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:14px;font-weight:700;color:var(--rose);font-family:var(--f-title);font-style:italic;
}

.loss-frame { display:flex;flex-direction:column;gap:0;margin-bottom:30px; }
.loss-item { display:flex;gap:20px;align-items:flex-start;padding:16px 0;border-bottom:1px dashed rgba(244,63,94,.15);position:relative; }
.loss-item:last-child { border-bottom:none; }
.loss-icon { width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2); }
.loss-body h4 { font-size:15px;font-weight:700;color:var(--ink);margin-bottom:3px;padding-top:7px; }
.loss-body p  { font-size:13.5px;color:var(--muted);line-height:1.55; }
.loss-body .loss-brutal { color:var(--rose);font-weight:800; }
.loss-arrow { position:absolute;left:21px;bottom:-18px;font-size:16px;color:rgba(244,63,94,.5);z-index:1; }
.loss-conclusion {
  padding:20px 24px;border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(244,63,94,.08) 0%,rgba(244,63,94,.03) 100%);
  border:1.5px solid rgba(244,63,94,.25);
  font-size:16px;font-weight:700;color:var(--ink);line-height:1.6;
}
.loss-conclusion .rose { color:var(--rose); }

.dinheiro-right { display:flex;flex-direction:column;gap:16px; }
.money-card { padding:26px;border-radius:var(--r-lg);border:1px solid var(--rule);background: var(--paper);box-shadow:var(--shad-sm);transition:transform .2s var(--ease),box-shadow .2s; }
.money-card:hover { transform:translateY(-4px);box-shadow:var(--shad-md); }
.money-card.hot { background:linear-gradient(135deg,rgba(244,63,94,.06) 0%,rgba(139,92,246,.05) 100%);border-color:rgba(244,63,94,.22); }
.money-num { font-family:var(--f-title);font-size:50px;font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:6px; }
.money-card:nth-child(1) .money-num { color:var(--rose); }
.money-card:nth-child(2) .money-num { color:var(--sky); }
.money-card:nth-child(3) .money-num { color:var(--violet); }
.money-label { font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px; }
.money-desc  { font-size:13px;color:var(--muted);line-height:1.5; }
.money-banner { padding:22px 24px;border-radius:var(--r-lg);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);display:flex;gap:16px;align-items:center; }
.money-banner-icon { font-size:28px;flex-shrink:0; }
.money-banner p { font-size:14px;color:rgba(255,255,255,.65);line-height:1.55; }
.money-banner strong { color:#fff;font-weight:700; }

/* ═══════════════════════════════════════════════════════
   07 — EVIDÊNCIAS
═══════════════════════════════════════════════════════ */
.proof-section { background: var(--paper); }
.proof-row { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px; }
.proof-card { padding:34px 28px;border-radius:var(--r-lg);overflow:hidden;position:relative;box-shadow:var(--shad-sm);transition:transform .25s var(--ease),box-shadow .25s; }
.proof-card:hover { transform:translateY(-6px);box-shadow:var(--shad-lg); }
.proof-card::before { content:'';position:absolute;top:0;left:0;right:0;height:4px; }
.proof-card:nth-child(1) { background:var(--rose-soft); }
.proof-card:nth-child(1)::before { background:linear-gradient(90deg,var(--rose),var(--rose-2)); }
.proof-card:nth-child(2) { background:var(--sky-soft); }
.proof-card:nth-child(2)::before { background:linear-gradient(90deg,var(--sky),var(--teal)); }
.proof-card:nth-child(3) { background:var(--violet-soft); }
.proof-card:nth-child(3)::before { background:linear-gradient(90deg,var(--violet),var(--violet-2)); }
.proof-num { font-family:var(--f-title);font-size:58px;font-weight:700;letter-spacing:-.06em;line-height:1;display:block;margin-bottom:10px; }
.proof-card:nth-child(1) .proof-num { color:var(--rose); }
.proof-card:nth-child(2) .proof-num { color:var(--sky); }
.proof-card:nth-child(3) .proof-num { color:var(--violet); }
.proof-label { font-size:15px;font-weight:800;color:var(--ink);margin-bottom:7px;display:block; }
.proof-desc  { font-size:13.5px;color:var(--muted);line-height:1.6; }

.ba-grid { display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:40px; }
.ba-col  { padding:30px;border-radius:var(--r-lg); }
.ba-col.before { background:rgba(244,63,94,.05);border:1px solid rgba(244,63,94,.18); }
.ba-col.after  { background:linear-gradient(135deg,rgba(14,165,233,.06) 0%,rgba(16,185,129,.05) 100%);border:1px solid rgba(14,165,233,.2); }
.ba-head { font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:7px; }
.ba-col.before .ba-head { color:var(--rose); }
.ba-col.after  .ba-head { color:var(--sky); }
.ba-items { display:flex;flex-direction:column;gap:10px; }
.ba-item { font-size:14px;display:flex;gap:9px;align-items:baseline;line-height:1.5; }
.ba-col.before .ba-item { color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(244,63,94,.3); }
.ba-col.after  .ba-item { color:var(--ink-soft);font-weight:500; }
.ba-col.before .ba-item::before { content:'✗';color:var(--rose);font-size:11px;font-weight:800;flex-shrink:0; }
.ba-col.after  .ba-item::before { content:'✓';color:var(--sky);font-size:11px;font-weight:800;flex-shrink:0; }
.ba-arrow { font-size:32px;display:flex;align-items:center;justify-content:center;background:var(--grad-rs);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800; }

/* ═══════════════════════════════════════════════════════
   08 — PLANOS — hierarquia e respiro profissional
═══════════════════════════════════════════════════════ */
.plans-section { background:var(--bg); }
.plans-section .section-lead,
.plans-lead {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.plans-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  margin-top: 8px;
}
.pcard {
  border-radius: var(--r-lg);
  border: 1.5px solid var(--rule);
  background: var(--paper);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  transition: transform .25s var(--ease), box-shadow .25s, border-color .2s;
}
.pcard:hover { transform: translateY(-4px); box-shadow: var(--shad-md); }
.pcard.popular {
  border-color: rgba(244,63,94,.4);
  box-shadow: 0 8px 28px rgba(244,63,94,.12);
  z-index: 1;
}
.pcard.popular:hover { box-shadow: 0 14px 36px rgba(244,63,94,.16); }
.pcard.premium {
  border-color: rgba(139,92,246,.32);
  background: linear-gradient(160deg,#fff 0%,rgba(245,243,255,.85) 100%);
  box-shadow: 0 4px 20px rgba(139,92,246,.08);
}
.pcard.enterprise {
  background: linear-gradient(160deg,#0f172a 0%,#1e1b4b 100%);
  border-color: transparent;
}
.pcard-strip {
  padding: 8px 16px;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.pcard.popular  .pcard-strip { background: linear-gradient(90deg,var(--rose),var(--rose-2)); color:#fff; }
.pcard.premium  .pcard-strip { background: linear-gradient(90deg,var(--violet),#a78bfa); color:#fff; }
.pcard.enterprise .pcard-strip { background: rgba(255,255,255,.06); color: rgba(255,255,255,.35); }
.pcard-body {
  padding: 20px 18px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.pcard-trial {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 800; color: var(--mint);
  background: var(--mint-soft); border: 1px solid var(--mint-mid);
  padding: 3px 10px; border-radius: var(--r-pill);
  margin-bottom: 10px; align-self: flex-start;
}
.pcard-name {
  font-family: var(--f-title);
  font-size: 22px; font-weight: 700; letter-spacing: -.03em;
  color: var(--ink); margin-bottom: 4px;
}
.pcard.premium  .pcard-name { color: var(--violet); }
.pcard.enterprise .pcard-name { color: #fff; }
.pcard-tagline {
  font-size: 12px; color: var(--muted); line-height: 1.45;
  margin-bottom: 14px; min-height: 34px;
}
.pcard.enterprise .pcard-tagline { color: rgba(255,255,255,.38); }
.pcard-price { margin-bottom: 2px; }
.pcard-amount {
  font-family: var(--f-title);
  font-size: 38px; font-weight: 700; letter-spacing: -.05em;
  line-height: 1; color: var(--ink);
}
.pcard.popular  .pcard-amount { color: var(--rose); }
.pcard.premium  .pcard-amount { color: var(--violet); }
.pcard.enterprise .pcard-amount {
  color: rgba(255,255,255,.55); font-size: 20px; padding-top: 8px; display: block;
}
.pcard-period { font-size: 13px; color: var(--muted); }
.pcard.enterprise .pcard-period { display: none; }
.pcard-daily { font-size: 11.5px; color: var(--muted); margin-bottom: 8px; }
.pcard-anchor {
  font-size: 11.5px; color: var(--muted); line-height: 1.45;
  margin-bottom: 14px; padding: 8px 10px; border-radius: 8px;
  border-left: 3px solid var(--rose); background: rgba(244,63,94,.04);
}
.pcard.premium .pcard-anchor { border-left-color: var(--violet); background: rgba(139,92,246,.05); }
.pcard.enterprise .pcard-anchor {
  border-left-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.35);
}
.pcta {
  display: flex; align-items: center; justify-content: center;
  width: 100%; padding: 12px 14px; border-radius: var(--r-md);
  font-family: var(--f-body); font-size: 13px; font-weight: 800;
  text-decoration: none; border: none; cursor: pointer;
  transition: transform .2s var(--ease), box-shadow .2s, opacity .2s;
  margin-bottom: 8px; line-height: 1.3; text-align: center;
}
.pcta:hover { transform: translateY(-2px); }
.pcta.outline { background: transparent; border: 1.5px solid var(--rule); color: var(--ink-soft); }
.pcta.outline:hover { border-color: rgba(244,63,94,.3); background: var(--rose-soft); color: var(--rose); }
.pcta.primary { background: linear-gradient(135deg,var(--rose),var(--rose-2)); color: #fff; box-shadow: 0 4px 18px rgba(244,63,94,.3); }
.pcta.primary:hover { box-shadow: 0 8px 28px rgba(244,63,94,.45); opacity: .95; }
.pcta.violet  { background: linear-gradient(135deg,var(--violet),#a78bfa); color: #fff; box-shadow: 0 4px 18px rgba(139,92,246,.3); }
.pcta.violet:hover { box-shadow: 0 8px 28px rgba(139,92,246,.45); opacity: .95; }
.pcta.dark    { background: rgba(255,255,255,.1); color: rgba(255,255,255,.85); border: 1.5px solid rgba(255,255,255,.15); }
.pcta.dark:hover { background: rgba(255,255,255,.18); }
.pcta-sub { font-size: 10.5px; color: var(--muted); text-align: center; margin-bottom: 14px; line-height: 1.4; }
.pcard.enterprise .pcta-sub { color: rgba(255,255,255,.25); }
.pcard-divider { height: 1px; background: var(--rule-soft); margin: 0 -18px 14px; }
.pcard.enterprise .pcard-divider { background: rgba(255,255,255,.08); }
.pcard-feats { display: flex; flex-direction: column; gap: 8px; }
.pcard-feat {
  display: flex; gap: 8px; align-items: flex-start;
  font-size: 12px; color: var(--ink-soft); line-height: 1.4;
}
.pcard.enterprise .pcard-feat { color: rgba(255,255,255,.52); }
.feat-chk {
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--mint-soft); color: var(--mint);
  font-size: 9px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.pcard.premium   .feat-chk { background: rgba(139,92,246,.12); color: var(--violet); }
.pcard.popular   .feat-chk { background: rgba(244,63,94,.1); color: var(--rose); }
.pcard.enterprise .feat-chk { background: rgba(255,255,255,.1); color: rgba(255,255,255,.6); }
.plans-trust {
  margin-top: 28px;
  display: flex; align-items: center; justify-content: center;
  gap: 20px; flex-wrap: wrap;
  font-size: 12px; color: var(--muted); letter-spacing: .02em;
}
.plans-trust span { display: flex; align-items: center; gap: 5px; }

/* Planos: em telas médias, 2×2 em vez de 4 colunas espremidas */
@media (max-width: 1100px) and (min-width: 901px) {
  .plans-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .pcard.popular { order: -1; }
  .pcard-body { padding: 22px 20px 20px; }
  .pcard-amount { font-size: 42px; }
}

/* ═══════════════════════════════════════════════════════
   09 — OBJEÇÕES
═══════════════════════════════════════════════════════ */
.obj-section { background: var(--paper); }
.obj-layout { display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:start; }
.obj-list { display:flex;flex-direction:column;gap:8px;margin-top:28px; }
.obj-card { border-radius:var(--r-md);border:1px solid var(--rule);background: var(--paper);overflow:hidden;transition:box-shadow .2s; }
.obj-card:hover { box-shadow:var(--shad-sm); }
.obj-card.open { border-color:rgba(244,63,94,.25);box-shadow:var(--shad-sm); }
.obj-btn { width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s; }
.obj-btn:hover { background:rgba(244,63,94,.03); }
.obj-emoji { font-size:20px;flex-shrink:0; }
.obj-q { flex:1;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4; }
.obj-toggle { font-size:20px;font-weight:300;color:var(--rose);transition:transform .25s var(--ease);flex-shrink:0; }
.obj-card.open .obj-toggle { transform:rotate(45deg); }
.obj-ans { max-height:0;overflow:hidden;transition:max-height .35s var(--ease-out); }
.obj-card.open .obj-ans { max-height:300px; }
.obj-ans-inner { padding:0 20px 18px;font-size:14.5px;color:var(--ink-soft);line-height:1.65; }
.obj-ans-inner strong { color:var(--ink);font-weight:700; }
.obj-ans-inner em { color:var(--rose); }
.obj-chip { display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:700;color:var(--mint);background:var(--mint-soft);border:1px solid var(--mint-mid);padding:4px 12px;border-radius:var(--r-pill); }

.obj-comfort { display:flex;flex-direction:column;gap:14px; }
.comfort-card { padding:22px;border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--rule); }
.comfort-icon { font-size:28px;display:block;margin-bottom:10px; }
.comfort-text h4 { font-size:14px;font-weight:800;color:var(--ink);margin-bottom:5px; }
.comfort-text p  { font-size:13px;color:var(--muted);line-height:1.6; }
.comfort-text strong { color:var(--ink-soft);font-weight:700; }

/* ═══════════════════════════════════════════════════════
   PONTO SEM RETORNO
═══════════════════════════════════════════════════════ */
.no-return {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
  padding: 80px 52px; text-align: center; position: relative; overflow: hidden;
}
.no-return::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(244,63,94,.2) 0%,transparent 60%);
}
.nr-inner { max-width:700px;margin:0 auto;position:relative;z-index:1; }
.nr-icon { font-size:48px;display:block;margin-bottom:22px; }
.nr-title {
  font-family:var(--f-title);font-size:clamp(30px,4.5vw,54px);
  font-weight:700;line-height:1.13;letter-spacing:-.03em;
  color:#fff;margin-bottom:18px;
}
.nr-title em { font-style:italic;color:rgba(255,255,255,.35); }
.nr-title .rose { color:var(--rose); }
.nr-sub { font-size:17px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:32px; }
.nr-cta {
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-body);font-size:16px;font-weight:800;
  padding:16px 36px;border-radius:var(--r-pill);text-decoration:none;
  background:var(--grad-cta);color:#fff;box-shadow:var(--shad-rose);
  transition:transform .2s var(--ease),opacity .2s;
}
.nr-cta:hover { transform:translateY(-3px);opacity:.9; }

/* ═══════════════════════════════════════════════════════
   10 — CTA FINAL
═══════════════════════════════════════════════════════ */
.cta-final {
  background: var(--grad-dark); padding: 100px 52px;
  position: relative; overflow: hidden; text-align: center;
}
.cta-final::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 100%,rgba(244,63,94,.22) 0%,transparent 65%);
}
.cta-inner { max-width:700px;margin:0 auto;position:relative;z-index:1; }
.cta-urgency {
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:rgba(255,255,255,.6);
  margin-bottom:24px;
}
.cta-urgency-dot { width:8px;height:8px;border-radius:50%;background:var(--rose);animation:pulse-dot 1.5s infinite;flex-shrink:0; }
.cta-title {
  font-family:var(--f-title);
  font-size:clamp(42px,6vw,80px);
  font-weight:700;line-height:1.06;letter-spacing:-.04em;
  color:#fff;margin-bottom:20px;
}
.cta-title .rose { color:var(--rose); }
.cta-title .sky  { color:var(--sky); }
.cta-title em { font-style:italic;font-weight:400;color:rgba(255,255,255,.5); }
.cta-sub {
  font-size:17px;color:rgba(255,255,255,.45);line-height:1.7;
  margin-bottom:40px;max-width:52ch;margin-left:auto;margin-right:auto;
}
.cta-sub strong { color:rgba(255,255,255,.75);font-weight:700; }
.cta-btns { display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:32px; }
.cta-btn {
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-body);font-size:16px;font-weight:800;
  padding:18px 42px;border-radius:var(--r-pill);text-decoration:none;
  background:var(--grad-cta);color:#fff;box-shadow:var(--shad-rose);
  transition:transform .25s var(--ease),opacity .2s;letter-spacing:-.01em;
}
.cta-btn:hover { transform:translateY(-3px) scale(1.02);opacity:.92; }
.cta-btn-icon { width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center; }
.cta-btn-sec { font-size:15px;color:rgba(255,255,255,.4);text-decoration:none;font-weight:500;transition:color .2s; }
.cta-btn-sec:hover { color:rgba(255,255,255,.7); }
.cta-trust { display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap; }
.cta-trust-item { font-size:12px;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:5px; }
.cta-trust-item::before { content:'✓';color:var(--mint);font-weight:800;font-size:11px; }

/* ═══════════════════════════════════════════════════════
   FOOTER — com links legais
═══════════════════════════════════════════════════════ */
footer {
  background: #0f172a;
  border-top: 1px solid rgba(255,255,255,.06);
}
.footer-top {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 20px;
  padding: 36px 52px 24px;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.footer-brand { display:flex;align-items:center;gap:9px;text-decoration:none; }
.footer-brand img { height:26px; }
.footer-brand-name { font-family:var(--f-title);font-size:18px;font-weight:700;color:rgba(255,255,255,.7); }
.footer-links { display:flex;gap:24px;flex-wrap:wrap; }
.footer-links a { font-size:13px;color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s; }
.footer-links a:hover { color:rgba(255,255,255,.65); }
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px;
  padding: 16px 52px 24px;
}
.footer-legal { display:flex;gap:18px;flex-wrap:wrap; }
.footer-legal a {
  font-size: 12px; color: rgba(255,255,255,.2);
  text-decoration: none; transition: color .2s;
}
.footer-legal a:hover { color: rgba(255,255,255,.5); }
.footer-note { font-size:12px;color:rgba(255,255,255,.18); }


/* ═══════════════════════════════════════════════════════
   MOBILE NAV — hambúrguer
═══════════════════════════════════════════════════════ */
.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px 4px;
  background: none;
  border: none;
  z-index: 600;
}
.nav-toggle span {
  display: block;
  width: 24px;
  height: 2.5px;
  background: var(--ink);
  border-radius: 2px;
  transition: all .3s var(--ease);
}
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.nav-drawer {
  display: none;
  position: fixed;
  top: var(--nav-h);
  left: 0; right: 0;
  background: rgba(248,250,252,.98);
  backdrop-filter: blur(24px) saturate(1.8);
  z-index: 490;
  padding: 24px 24px 32px;
  border-bottom: 1px solid var(--rule);
  box-shadow: 0 20px 60px rgba(15,23,42,.14);
  flex-direction: column;
  gap: 4px;
}
.nav-drawer.open { display: flex; }
.nav-drawer .nav-drawer-link {
  font-size: 17px; font-weight: 600; color: var(--ink);
  text-decoration: none; padding: 13px 0;
  border-bottom: 1px solid var(--rule-soft);
  display: block;
  transition: color .2s;
}
.nav-drawer .nav-drawer-link:hover { color: var(--rose); }
.nav-drawer .nav-drawer-link:last-of-type { border-bottom: none; }
.nav-drawer-cta {
  display: flex; align-items: center; justify-content: center;
  margin-top: 12px;
  padding: 15px 24px; border-radius: var(--r-pill);
  background: var(--grad-cta); color: #fff !important;
  font-weight: 800; font-size: 16px;
  box-shadow: var(--shad-rose);
  border-bottom: none !important;
}

/* Lang picker inside mobile drawer */
.nav-drawer-lang {
  display: none;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rule);
}
.nav-drawer-lang-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.nav-drawer-lang-opts {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.drawer-lang {
  flex: 1;
  min-width: 88px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 12px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--rule);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s, color .2s;
}
.drawer-lang:hover {
  border-color: rgba(244,63,94,.28);
  background: var(--rose-soft);
}
.drawer-lang[aria-pressed="true"] {
  border-color: rgba(244,63,94,.4);
  background: var(--rose-soft);
  color: var(--rose);
  box-shadow: 0 2px 10px rgba(244,63,94,.12);
}
.drawer-lang:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}

/* ═══════════════════════════════════════════════════════
   BREAKPOINT TABLET — 900px
═══════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .nav { padding: 14px 24px; }
  .nav.scrolled { padding: 10px 24px; }
  .nav-links, .nav-cta { display: none !important; }
  .lang-switcher { display: none !important; }
  .nav-toggle { display: flex; }
  .nav-drawer-lang { display: flex; }

  .urgency-bar { padding: 10px 20px; font-size: 12px; }

  .hero { padding: 32px 24px 44px; }
  .hero-inner { grid-template-columns: 1fr; gap: 32px; align-items: start; }
  .hero-title { font-size: clamp(32px, 8vw, 48px); margin-bottom: 14px; }
  .hero-ego { font-size: 12.5px; line-height: 1.45; margin-bottom: 12px; }
  .hero-eyebrow { margin-bottom: 12px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn-hero { justify-content: center; font-size: 15px; padding: 14px 22px; }
  .btn-ghost { justify-content: center; }
  .plans-grid { gap: 14px; }
  .pcard.popular { order: -1; }
  .fbadge-a { top: -12px; right: -6px; padding: 8px 11px; font-size: 11.5px; }
  .fbadge-b { bottom: -10px; left: -6px; padding: 8px 11px; font-size: 11.5px; }
  .fbadge-icon { font-size: 16px; }

  .live-bar { padding: 14px 20px; }
  .live-bar-inner { gap: 12px; justify-content: center; }
  .live-sep { display: none; }
  .live-num { font-size: 22px; }
  .live-stat { gap: 8px; }
  .live-ticker { order: 3; width: 100%; justify-content: center; }

  .section { padding: 64px 24px; }
  .section-title { font-size: clamp(28px, 6vw, 44px); }
  .section-lead { font-size: 16px; margin-bottom: 36px; }

  /* 01 confronto */
  .confront-grid { grid-template-columns: 1fr; gap: 28px; }
  .death-funnel-card { padding: 28px 22px; }
  .df-stat-num { font-size: 38px; }

  /* 02 ideologia */
  .ideologia-section { padding: 64px 24px; }
  .ideologia-grid { grid-template-columns: 1fr; gap: 40px; }
  .ideologia-verdict { padding: 32px 26px; }

  /* 03 consequences */
  .consequences-grid { grid-template-columns: 1fr; gap: 28px; }

  /* transição */
  .right-question { padding: 52px 24px; }
  .rq-title { font-size: clamp(24px, 5.5vw, 40px); }

  /* 04 pílula */
  .pilula-trio { grid-template-columns: 1fr; gap: 14px; }
  .pilula-callout { flex-direction: column; gap: 16px; padding: 28px 24px; }
  .pc-icon { text-align: center; }

  /* 05 como funciona */
  /* 05 como funciona — grid 2x2 no tablet */
  .steps { grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 36px; }
  .steps::after { display: none; }
  .step { background: var(--paper); border-radius: var(--r-lg); padding: 22px 18px; box-shadow: var(--shad-sm); border: 1px solid var(--rule); }
  .step-orb { width: 68px; height: 68px; margin-bottom: 12px; }
  .step-emoji { font-size: 22px; }
  .step-n { font-size: 8px; }
  .step-title { font-size: 14px; }
  .step-desc { font-size: 12.5px; }
  .how-guarantee { flex-direction: column; gap: 14px; padding: 24px 20px; }

  /* 06 dinheiro */
  .dinheiro-grid { grid-template-columns: 1fr; gap: 32px; }
  .money-num { font-size: 40px; }
  .anxiety-block { padding: 20px; }

  /* 07 proof */
  .proof-row { grid-template-columns: 1fr; gap: 14px; }
  .proof-num { font-size: 46px; }
  .ba-grid { grid-template-columns: 1fr; gap: 0; }
  .ba-arrow { display: none; }
  .ba-col.before { border-radius: var(--r-md) var(--r-md) 0 0; }
  .ba-col.after  { border-radius: 0 0 var(--r-md) var(--r-md); }

  /* 08 planos */
  .plans-grid { grid-template-columns: 1fr; gap: 14px; }
  .plans-trust { gap: 12px; font-size: 11.5px; }
  .pcard.popular { order: -1; }

  /* 09 objeções */
  .obj-layout { grid-template-columns: 1fr; gap: 40px; }
  .obj-comfort { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

  /* no-return */
  .no-return { padding: 60px 24px; }
  .nr-title { font-size: clamp(26px, 6vw, 44px); }
  .nr-cta { font-size: 15px; padding: 14px 28px; }

  /* cta final */
  .cta-final { padding: 72px 24px; }
  .cta-title { font-size: clamp(38px, 8vw, 66px); }
  .cta-btns { flex-direction: column; align-items: stretch; }
  .cta-btn { justify-content: center; }
  .cta-trust { gap: 10px; }
  .cta-trust-item { font-size: 11.5px; }

  /* footer */
  .footer-top { padding: 28px 20px 20px; flex-direction: column; align-items: flex-start; gap: 16px; }
  .footer-links { gap: 14px; }
  .footer-links a { font-size: 12.5px; }
  .footer-bottom { padding: 14px 20px 24px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .footer-legal { gap: 10px; flex-wrap: wrap; }
  .footer-legal a { font-size: 11.5px; }
  .footer-note { font-size: 11.5px; }
}

/* ═══════════════════════════════════════════════════════
   BREAKPOINT MOBILE — 520px
═══════════════════════════════════════════════════════ */
@media (max-width: 520px) {
  :root { --nav-h: 60px; }
  .nav { padding: 12px 18px; }
  .hero { padding: 32px 18px 48px; }
  .hero-title { font-size: clamp(28px, 8.5vw, 40px); }
  .hero-ego { font-size: 12.5px; padding: 9px 14px; }
  .hero-sentence p { font-size: 14.5px; }
  .hero-sentence .verdict { font-size: 16px; }
  .hero-bridge { font-size: 13.5px; }
  .hero-trust { font-size: 11px; gap: 4px; }
  .hero-trust-sep { margin: 0 2px; }
  .phone-wrap { padding: 18px 14px; border-radius: 24px; }
  .pill-card { font-size: 12px; padding: 10px 12px; gap: 9px; }
  .pill-icon { font-size: 15px; }
  .pill-badge { width: 19px; height: 19px; font-size: 9px; }
  .fbadge-a, .fbadge-b { display: none; }

  .urgency-bar { font-size: 11px; padding: 8px 16px; line-height: 1.5; }
  .urgency-bar .sep { display: none; }

  .section { padding: 52px 18px; }
  .section-title { font-size: clamp(24px, 7.5vw, 34px); }
  .stag { font-size: 10.5px; }

  /* steps — em 520px vira lista vertical de cards */
  .steps { grid-template-columns: 1fr; gap: 12px; }
  .step {
    display: flex;
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 16px;
  }
  .step-orb {
    width: 56px; height: 56px;
    min-width: 56px;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .step-emoji { font-size: 20px; }
  .step-n { font-size: 8px; margin-bottom: 2px; }
  .step-content { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
  .step-title { font-size: 14.5px; margin-bottom: 2px; }
  .step-desc { font-size: 13px; }
  .step-time { font-size: 11.5px; margin-top: 4px; }

  .obj-comfort { grid-template-columns: 1fr; }

  .df-stat-num { font-size: 32px; }
  .proof-num { font-size: 38px; }
  .money-num { font-size: 36px; }
  .pcard-amount { font-size: 36px; }
  .iv-title { font-size: clamp(22px, 6vw, 32px); }
  .ideologia-verdict { padding: 26px 20px; }

  .rq-title { font-size: clamp(22px, 6.5vw, 34px); }
  .nr-title { font-size: clamp(22px, 6.5vw, 36px); }
  .cta-title { font-size: clamp(32px, 9vw, 50px); }

  .live-bar-inner { flex-direction: column; align-items: center; gap: 10px; }
  .live-stat { justify-content: center; }

  .footer-links { gap: 10px; }
  .footer-links a { font-size: 12px; }
  .footer-legal a { font-size: 11px; }
  .footer-note { font-size: 11px; }
}

/* ═══════════════════════════════════════════════════════
   DUAL PATH — Dois caminhos
═══════════════════════════════════════════════════════ */
.dual-path {
  background: transparent;
  padding: 24px 0 0;
  position: relative; z-index: 1;
}
.dual-path-label {
  text-align: center;
  font-size: 12px; font-weight: 800; color: var(--muted);
  letter-spacing: .1em; text-transform: uppercase;
  margin-bottom: 22px;
  display: flex; align-items: center; justify-content: center; gap: 14px;
}
.dual-path-label::before,
.dual-path-label::after {
  content: ''; flex: 1; max-width: 80px; height: 1px; background: var(--rule);
}
.dual-path-cards {
  display: grid; grid-template-columns: 1fr;
  gap: 12px; max-width: 100%; margin: 0;
}
.dp-card {
  display: flex; align-items: center; gap: 16px;
  padding: 16px 22px; border-radius: var(--r-lg);
  text-decoration: none; color: inherit;
  border: 2px solid transparent;
  transition: transform .25s var(--ease), box-shadow .25s, border-color .2s;
  position: relative; overflow: hidden;
}
.dp-card:hover { transform: translateY(-5px); }
.dp-teach {
  background: linear-gradient(135deg, rgba(244,63,94,.06) 0%, rgba(139,92,246,.07) 100%);
  border-color: rgba(244,63,94,.2);
  box-shadow: 0 4px 24px rgba(244,63,94,.08);
}
.dp-teach:hover { border-color: rgba(244,63,94,.38); box-shadow: 0 14px 44px rgba(244,63,94,.18); }
.dp-learn {
  background: linear-gradient(135deg, rgba(14,165,233,.06) 0%, rgba(56,190,202,.06) 100%);
  border-color: rgba(14,165,233,.2);
  box-shadow: 0 4px 24px rgba(14,165,233,.08);
}
.dp-learn:hover { border-color: rgba(14,165,233,.38); box-shadow: 0 14px 44px rgba(14,165,233,.18); }
.dp-icon {
  font-size: 24px; flex-shrink: 0;
  width: 48px; height: 48px; border-radius: var(--r-md);
  display: flex; align-items: center; justify-content: center;
}
.dp-teach .dp-icon { background: linear-gradient(135deg, rgba(244,63,94,.13), rgba(139,92,246,.11)); }
.dp-learn .dp-icon { background: linear-gradient(135deg, rgba(14,165,233,.13), rgba(56,190,202,.1)); }
.dp-body { flex: 1; }
.dp-badge {
  font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  padding: 3px 11px; border-radius: var(--r-pill); margin-bottom: 9px; display: inline-block;
}
.dp-teach .dp-badge { color: var(--rose); background: var(--rose-soft); }
.dp-learn .dp-badge { color: var(--sky);  background: var(--sky-soft);  }
.dp-title {
  font-family: var(--f-title);
  font-size: 20px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1;
  color: var(--ink); margin-bottom: 5px;
}
.dp-teach .dp-title .accent { color: var(--rose); }
.dp-learn .dp-title .accent { color: var(--sky); }
.dp-sub { font-size: 12px; color: var(--muted); line-height: 1.45; margin-bottom: 10px; }
.dp-cta {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12.5px; font-weight: 800; letter-spacing: -.01em;
  padding: 9px 18px; border-radius: var(--r-pill);
  transition: transform .2s var(--ease), box-shadow .2s;
}
.dp-teach .dp-cta { background: linear-gradient(135deg, var(--rose), var(--violet)); color: #fff; box-shadow: 0 4px 16px rgba(244,63,94,.28); }
.dp-learn .dp-cta { background: linear-gradient(135deg, var(--sky), var(--teal));    color: #fff; box-shadow: 0 4px 16px rgba(14,165,233,.25); }
.dp-card:hover .dp-cta { transform: translateX(4px); }

/* cta-final botão de aprender */
.cta-btn-learn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-body); font-size: 16px; font-weight: 800;
  padding: 18px 42px; border-radius: var(--r-pill); text-decoration: none;
  background: linear-gradient(135deg, var(--sky), var(--teal));
  color: #fff; box-shadow: var(--shad-sky);
  transition: transform .25s var(--ease), opacity .2s; letter-spacing: -.01em;
}
.cta-btn-learn:hover { transform: translateY(-3px) scale(1.02); opacity: .92; }
.cta-btn-learn .btn-icon-sky {
  width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.22);
  display: flex; align-items: center; justify-content: center;
}

/* nr-learn */
.nr-learn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px; font-weight: 600; color: rgba(255,255,255,.38);
  text-decoration: none; margin-top: 14px;
  transition: color .2s;
  border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 2px;
}
.nr-learn:hover { color: var(--sky); border-color: rgba(14,165,233,.45); }

@media (max-width: 900px) {
  .dual-path { padding: 36px 0 0; }
  .dual-path-cards { grid-template-columns: 1fr; gap: 14px; }
  .dp-card { padding: 22px 20px; gap: 16px; }
  .dp-icon { width: 62px; height: 62px; font-size: 32px; }
  .dp-title { font-size: 22px; }
  .cta-btn-learn { justify-content: center; }
}
@media (max-width: 520px) {
  .dual-path { padding: 24px 0 0; }
  .dp-title { font-size: 20px; }
}


/* ═══════════════════════════════════════════════════════
   PROFESSIONAL POLISH — a11y, focus, reduced motion
═══════════════════════════════════════════════════════ */
.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 10000;
  padding: 12px 18px;
  border-radius: var(--r-pill);
  background: var(--ink);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--shad-md);
  transition: top .2s var(--ease-out);
}
.skip-link:focus {
  top: 12px;
  outline: 2px solid var(--rose);
  outline-offset: 3px;
}

:focus-visible {
  outline: 2px solid var(--rose);
  outline-offset: 3px;
}
.btn-hero:focus-visible,
.nav-cta:focus-visible,
.cta-btn:focus-visible,
.cta-btn-learn:focus-visible,
.pcta:focus-visible,
.nr-cta:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}

/* FAQ accordion focus ring (layout stays in base .obj-btn) */
.obj-btn:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
  border-radius: 8px;
}

/* Mobile drawer backdrop */
.nav-drawer-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  top: var(--nav-h);
  background: rgba(15, 23, 42, .35);
  z-index: 480;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.nav-drawer-backdrop.open {
  display: block;
}

/* Nav link underline hover */
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: var(--grad-cta);
  border-radius: 2px;
  transition: width .25s var(--ease-out);
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after {
  width: 100%;
}

/* Anchor offset under fixed nav */
[id] {
  scroll-margin-top: calc(var(--nav-h) + 16px);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .deco-bg { opacity: 0.12; }
}


/* ═══════════════════════════════════════════════════════
   DARK MODE — data-theme="dark" (in-place)
═══════════════════════════════════════════════════════ */
html[data-theme="dark"] {
  color-scheme: dark;

  --bg:        #0a0e1a;
  --paper:     #141b2d;
  --glass:     rgba(20, 27, 45, .88);

  --rose-soft: rgba(244, 63, 94, .14);
  --rose-mid:  rgba(244, 63, 94, .22);
  --rose-glow: rgba(244, 63, 94, .35);

  --sky-soft:  rgba(14, 165, 233, .12);
  --sky-mid:   rgba(14, 165, 233, .2);

  --violet-soft: rgba(139, 92, 246, .14);
  --mint-soft:   rgba(16, 185, 129, .14);
  --mint-mid:    rgba(16, 185, 129, .22);
  --amber-soft:  rgba(245, 158, 11, .14);

  --ink:       #f1f5f9;
  --ink-soft:  #e2e8f0;
  --muted:     #94a3b8;
  --rule:      rgba(148, 163, 184, .16);
  --rule-soft: rgba(148, 163, 184, .08);

  --grad-hero:  linear-gradient(155deg, #0a0e1a 0%, #1a1022 45%, #0c1524 100%);
  --grad-glass: linear-gradient(155deg, rgba(30,41,59,.94) 0%, rgba(14,165,233,.18) 45%, rgba(244,63,94,.14) 100%);
  --grad-dark:  linear-gradient(135deg, #020617 0%, #1e1b4b 50%, #020617 100%);

  --shad-sm:   0 2px 12px rgba(0,0,0,.35);
  --shad-md:   0 8px 32px rgba(0,0,0,.42);
  --shad-lg:   0 20px 60px rgba(0,0,0,.5);
  --shad-rose: 0 8px 32px rgba(244,63,94,.28);
  --shad-sky:  0 8px 32px rgba(14,165,233,.22);
}

html[data-theme="dark"] .nav {
  background: rgba(10, 14, 26, .92);
  border-bottom-color: var(--rule);
  box-shadow: 0 1px 0 var(--rule), 0 8px 24px rgba(0,0,0,.25);
}
html[data-theme="dark"] .nav.scrolled {
  background: rgba(10, 14, 26, .96);
  box-shadow: 0 1px 0 var(--rule), 0 10px 28px rgba(0,0,0,.35);
}
html[data-theme="dark"] .lang-btn {
  background: rgba(255,255,255,.06);
  border-color: var(--rule);
  color: var(--ink);
}
html[data-theme="dark"] .lang-btn:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(244,63,94,.35);
}
html[data-theme="dark"] .lang-dropdown {
  background: var(--paper);
  border-color: var(--rule);
  box-shadow: var(--shad-md);
}
html[data-theme="dark"] .lang-option:hover { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .nav-drawer {
  background: rgba(10, 14, 26, .98);
  border-bottom-color: var(--rule);
}
html[data-theme="dark"] .nav-toggle span { background: var(--ink); }
html[data-theme="dark"] .nav-drawer-backdrop { background: rgba(0,0,0,.55); }

html[data-theme="dark"] .hero-ego,
html[data-theme="dark"] .hero-sentence,
html[data-theme="dark"] .hero-bridge,
html[data-theme="dark"] .btn-ghost {
  background: rgba(20, 27, 45, .82);
  border-color: var(--rule);
}
html[data-theme="dark"] .btn-ghost:hover {
  background: var(--paper);
  border-color: rgba(244,63,94,.35);
}
html[data-theme="dark"] .phone-wrap {
  background: linear-gradient(160deg, #141b2d 0%, #0f1c2e 40%, #1a1424 100%);
  border-color: var(--rule);
  box-shadow: var(--shad-lg), 0 0 0 6px rgba(255,255,255,.04);
}
html[data-theme="dark"] .fbadge {
  background: var(--paper);
  border-color: var(--rule);
}
html[data-theme="dark"] .live-bar {
  background: rgba(20, 27, 45, .88);
  border-color: var(--rule);
}
html[data-theme="dark"] .story-item,
html[data-theme="dark"] .obj-card,
html[data-theme="dark"] .money-card,
html[data-theme="dark"] .pcard:not(.enterprise) {
  background: var(--paper);
  border-color: var(--rule);
}
html[data-theme="dark"] .pcard.premium {
  background: linear-gradient(160deg, #141b2d 0%, rgba(139,92,246,.12) 100%);
}
html[data-theme="dark"] .drawer-lang {
  background: var(--paper);
  border-color: var(--rule);
  color: var(--ink);
}
html[data-theme="dark"] .theme-toggle {
  background: rgba(255,255,255,.06);
  border-color: var(--rule);
  color: var(--ink);
}
html[data-theme="dark"] .theme-toggle:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(244,63,94,.35);
}

/* Theme toggle control */
.theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--rule);
  background: rgba(255,255,255,.65);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
  transition: background .2s, border-color .2s, transform .2s;
  flex-shrink: 0;
  color: var(--ink);
}
.theme-toggle:hover {
  background: var(--paper);
  border-color: rgba(244,63,94,.28);
  transform: translateY(-1px);
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* Toggle no nav fica sempre visível; no drawer, só mobile (extra) */
.nav-drawer-theme {
  display: none;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--rule-soft);
}
@media (max-width: 900px) {
  .nav-drawer-theme { display: block; }
  .nav-actions .nav-cta { display: none !important; }
}
.nav-drawer-theme .theme-toggle {
  width: 100%;
  height: 44px;
  border-radius: var(--r-md);
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--f-body);
}