/* ---------- Antes/depois ---------- */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  @media (max-width:760px){.compare{grid-template-columns:1fr;}}
  .compare-col{padding:32px 30px;border-radius:20px;}
  .compare-col.before{background:#F2D6CF;border:1.5px solid #DDA79A;}
  .compare-col.after{background:#D3E8D1;color:var(--ink-900);border:1.5px solid #9BC79A;}
  .compare-col h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;margin-bottom:20px;font-family:'Inter',sans-serif;}
  .compare-col.before h3{color:#B5473A;}
  .compare-col.after h3{color:#3F7A4E;}
  .compare-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
  .compare-col li{font-size:15px;display:flex;align-items:center;gap:12px;}
  .compare-col.before li{color:var(--ink-700);}
  .compare-col.after li{color:var(--ink-700);}
  .compare-col.after li b{color:#3F7A4E;}
  .topic-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;}
  .topic-icon .icon{width:16px;height:16px;}
  .topic-icon .badge{position:absolute;bottom:-3px;right:-3px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px;}
  .topic-icon .badge .icon{width:100%;height:100%;stroke-width:3.2;}
  .compare-col.before .topic-icon{background:rgba(181,71,58,0.14);color:#B5473A;}
  .compare-col.before .topic-icon .badge{background:#B5473A;color:#fff;}
  .compare-col.after .topic-icon{background:rgba(63,122,78,0.14);color:#3F7A4E;}
  .compare-col.after .topic-icon .badge{background:#3F7A4E;color:#fff;}

  .compare{gap:22px;}
  .compare-col{position:relative;overflow:hidden;padding:34px 30px;border-radius:24px;}
  .compare-col h3{font-size:14px;letter-spacing:.1em;}
  .compare-col h3{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-family:'Fraunces',serif;font-size:clamp(23px,3vw,28px);font-weight:600;line-height:1.15;letter-spacing:0;text-transform:none;margin-bottom:24px;}
  .compare-col h3 span{display:inline-flex;font-family:'Inter',sans-serif;font-size:12px !important;font-weight:800;letter-spacing:.16em;padding:5px 13px;border-radius:999px;}
  .compare-col.before h3{color:var(--forest-950);}
  .compare-col.before h3 span{background:#E5533D;color:#fff;text-decoration:none;text-underline-offset:0;animation:sickJitter 4s steps(1) infinite;}
  .compare-col.after h3{color:var(--forest-950);}
  .compare-col.after h3 span{background:var(--gold-300);color:#2a1608;}
  .compare-col.before{background:linear-gradient(160deg,#FBE9E4,#F5D9D1 75%);border:1.5px solid rgba(229,83,61,0.5);animation:sickBorder 3.2s ease-in-out infinite;}
  .compare-col.before::before{content:'';position:absolute;inset:-40% -20% auto -20%;height:70%;background:radial-gradient(closest-side,rgba(229,83,61,0.18),transparent);pointer-events:none;animation:sickGlow 3.2s ease-in-out infinite;}
  .compare-col.before li > span:last-child{color:var(--ink-700) !important;}
  .compare-col.before .topic-icon{background:rgba(229,83,61,0.16);color:#C23B26;}
  .compare-col.before .topic-icon .badge{background:#E5533D;color:#fff;}
  .compare-col.before .topic-icon .badge::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid #E5533D;animation:badgePing 2.2s ease-out infinite;}
  .compare-col.before li:nth-child(2) .badge::after{animation-delay:.5s;}
  .compare-col.before li:nth-child(3) .badge::after{animation-delay:1s;}
  .compare-col.before li:nth-child(4) .badge::after{animation-delay:1.5s;}
  .compare-col.after{background:linear-gradient(160deg,#FFF6DC,#FBF1D6);border:1.5px solid var(--gold-300);box-shadow:0 26px 50px -28px rgba(217,130,43,0.55);}
  .compare-col.after li > span:last-child{color:var(--ink-700) !important;}
  .compare-col.after li b{color:var(--gold-500);}
  .compare-col.after .topic-icon{background:rgba(217,130,43,0.16);color:var(--gold-500);}
  .compare-col.after .topic-icon .badge{background:var(--emerald-600);color:#fff;}
  .compare-col h3 span{position:absolute;top:48px;left:44px;z-index:3;box-shadow:0 6px 16px -4px rgba(0,0,0,0.35);}
  @keyframes sickBorder{0%,100%{border-color:rgba(229,83,61,0.5);}50%{border-color:rgba(229,83,61,0.15);}}
  @keyframes sickGlow{0%,100%{opacity:.9;}50%{opacity:.35;}}
  @keyframes sickJitter{0%,100%{transform:translateX(0);}}
  @keyframes badgePing{0%{transform:scale(1);opacity:.35;}70%,100%{transform:scale(1.7);opacity:0;}}
  .compare.js-reveal .compare-col li{opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1);}
  .compare.js-reveal .compare-col.before li{transform:translateX(-18px);}
  .compare.js-reveal .compare-col.after li{transform:translateX(18px);}
  .compare.js-reveal.in .compare-col li{opacity:1;transform:none;}
  .compare.js-reveal.in li:nth-child(2){transition-delay:.15s;}
  .compare.js-reveal.in li:nth-child(3){transition-delay:.3s;}
  .compare.js-reveal.in li:nth-child(4){transition-delay:.45s;}
  @media (prefers-reduced-motion: reduce){.compare-col.before,.compare-col.before::before,.compare-col.before h3 span,.compare-col.before .badge::after{animation:none;}.compare.js-reveal .compare-col li{opacity:1;transform:none;transition:none;}}

  .compare{gap:22px;}