/* ═══════════════════ ENNOS EXPERIENCE LAYER ═══════════════════
   Barra de progresso de leitura, CTA flutuante e refinamentos.
   Usa apenas os tokens do design system (css/style.css).        */

/* ── Barra de progresso — o "traçado vital" da leitura ── */
.ennos-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet) 0%,var(--violet2) 60%,var(--red) 100%);transform-origin:0 50%;transform:scaleX(0);z-index:10001;pointer-events:none}

/* ── Canvas 3D do hero (Three.js) — só no tema escuro, onde as
   partículas contrastam; no claro o hero vive do gradiente aurora ── */
.ennos-3d{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;max-height:100%;pointer-events:none;z-index:0;opacity:.55}
[data-theme="dark"] .ennos-3d{display:block}

/* ── CTA flutuante de conversão ── */
.ennos-fab{position:fixed;right:22px;bottom:22px;z-index:9000;display:flex;align-items:center;gap:10px;background:var(--violet);color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;padding:14px 22px;border-radius:var(--pill);box-shadow:0 4px 12px rgba(112,64,255,.28),0 14px 38px rgba(112,64,255,.32);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1),background .25s ease}
.ennos-fab.show{opacity:1;transform:none;pointer-events:auto}
.ennos-fab:hover{background:var(--violet3);transform:translateY(-2px)}
.ennos-fab:active{transform:translateY(0) scale(.97)}
.ennos-fab svg{width:18px;height:18px;flex:0 0 18px}
[data-theme="dark"] .ennos-fab{color:#160D36}
[data-theme="dark"] .ennos-fab:hover{background:var(--violet2)}
@media(max-width:640px){.ennos-fab{right:14px;bottom:14px;padding:13px 18px;font-size:13px}}

/* ── Tipografia refinada ── */
.hero-title,h2.title,h2.title-light{letter-spacing:-.03em;text-wrap:balance}
.sub,.hero-desc{text-wrap:pretty}

/* ── Movimento reduzido ── */
@media(prefers-reduced-motion:reduce){
  .ennos-3d{display:none}
  .ennos-fab{transition:none}
}