/* KeyAgain home v3 (Claude, 13/10/2026): compatibilidade por família/plataforma, resumo, consentimento. Complementa site.css. */
.hero-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;list-style:none;margin:28px auto 0;padding:0;font-size:.92rem;font-weight:600;color:#4c6058}
.hero-facts li{display:flex;align-items:center;gap:7px}
.hero-facts li::before{content:"";width:8px;height:8px;border-radius:50%;background:#C6EB76;box-shadow:0 0 0 2px #294d3e33;flex:none}

/* Aparelhos: famílias que compartilham a mesma plataforma Java */
.phones .eyebrow{margin-bottom:8px}
.phones-lede{max-width:780px;font-size:1.12rem;color:#4c6058;margin:0 0 32px}
.phones-lede strong{display:block;color:#182623;font-size:1.2rem;margin-bottom:6px}
.families{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.family{position:relative;display:flex;flex-direction:column;background:#fffdf8;border:1px solid #d6ddd2;border-radius:14px;padding:26px 24px 22px}
.family h3{font-size:1.55rem;letter-spacing:-.02em;margin:0 0 10px}
.family-platform{align-self:flex-start;margin:0 0 14px;padding:4px 11px;border-radius:999px;background:#e7ecdc;color:#294d3e;font-size:.8rem;font-weight:800;letter-spacing:.01em}
.family-text{color:#4c6058;margin:0 0 18px;flex:1}
.tested-label{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#182623}
.tested-label::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#C6EB76;color:#182623;font-size:.72rem;flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.chips li{padding:4px 11px;border:1px solid #b8c5b9;border-radius:999px;background:#fff;font-size:.86rem;font-weight:700;color:#182623}
.chips .chip-testing{border-style:dashed;border-color:#F07856;background:#fff5f0;color:#8a3a22}
.family::after{content:"";position:absolute;left:50%;bottom:-21px;width:2px;height:20px;background:#182623}
.platform-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 0;padding:16px 22px;border-radius:14px;background:#182623;color:#F5F1E8;font-weight:700;font-size:1.02rem}
.platform-tag{padding:4px 12px;border-radius:999px;background:#C6EB76;color:#182623;font-size:.78rem;font-weight:800;letter-spacing:.06em}
.lab{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin:28px 0 18px;padding:22px 24px;border:1px solid #b8c5b9;border-radius:14px;background:#e7ecdc}
.lab h3{font-size:1.15rem;margin:0 0 6px;letter-spacing:-.01em}
.lab p{margin:0 0 8px;color:#4c6058;max-width:760px}
.lab p:last-child{margin:0}
.lab-dot{width:14px;height:14px;margin-top:6px;border-radius:50%;background:#C6EB76;box-shadow:0 0 0 3px #294d3e;animation:ka-pulse 2.4s ease-in-out infinite}
@keyframes ka-pulse{0%,100%{box-shadow:0 0 0 3px #294d3e,0 0 0 3px #C6EB7600}50%{box-shadow:0 0 0 3px #294d3e,0 0 0 10px #C6EB7666}}
@media (prefers-reduced-motion:reduce){.lab-dot{animation:none}}

/* Em resumo */
.facts dl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;margin:24px 0 0;border-top:1px solid #d6ddd2}
.facts dt,.facts dd{margin:0;padding:14px 0;border-bottom:1px solid #d6ddd2}
.facts dt{font-weight:800;color:#182623;padding-right:20px}
.facts dd{color:#4c6058}

/* Consentimento de analytics (aparece só com JavaScript) */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:620px;margin:0 auto;padding:18px 20px;border-radius:14px;background:#182623;color:#F5F1E8;box-shadow:0 16px 40px #18262340;font-size:.95rem}
.consent p{margin:0 0 12px}
.consent a{color:#C6EB76}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.consent button{flex:1 1 120px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid #F5F1E8;background:#F5F1E8;color:#182623;font:700 .95rem/1.2 "Manrope",system-ui,sans-serif;cursor:pointer}
.consent button:hover{background:#C6EB76;border-color:#C6EB76}
.consent button:focus-visible{outline:3px solid #C6EB76;outline-offset:3px}

@media (max-width:860px){
  .families{grid-template-columns:1fr}
  .family::after{display:none}
  .platform-bar{margin-top:16px}
}
@media (max-width:760px){
  .phones-lede{font-size:1.02rem}
  .hero-facts{justify-content:flex-start;flex-direction:column;align-items:center;gap:6px}
  .facts dl{grid-template-columns:1fr}
  .facts dt{padding-bottom:2px;border-bottom:0}
  .facts dd{padding-top:0}
  .lab{padding:18px}
}
noscript iframe{display:none}