/* ═══════════════════════════════════════════════════════════════
   ACELERA ONE — azul ONE + areia (3 gradientes oficiais), serifada leve, vidro, órbitas
════════════════════════════════════════════════════════════════ */
:root {
  --bg: #000d1e;
  --bg-2: #04173a;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);
  --text: #ffffff;
  --muted: rgba(255,255,255,.62);
  --sand: #e6d2b5;
  --sand-2: #f3e7d4;
  --sand-500: #b39375;
  --navy-700: #022e67;
  --grad-01: linear-gradient(135deg, #000d1e 0%, #022e67 100%);
  --grad-02: linear-gradient(135deg, #e6d2b5 0%, #b39375 100%);
  --grad-03: linear-gradient(180deg, #151817 0%, #313131 50%, #181818 100%);
  --sand-soft: rgba(230,210,181, 0.14);
  --glass: rgba(255, 255, 255, 0.035);
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Work Sans", system-ui, sans-serif;
  --radius: 22px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body {
  margin: 0;
  background: var(--bg) radial-gradient(ellipse 120% 60% at 50% 0%, #022e67 0%, transparent 60%) no-repeat;
  color: var(--text);
  font: 300 1rem/1.7 var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
em { font-style: italic; }
::selection { background: var(--sand); color: #000; }

.container { width: min(1180px, 100% - 32px); margin-inline: auto; }

/* grade sutil de fundo (referência) */
.bg-grid {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 120px 120px;
  mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 75%);
  opacity: .55;
}

/* ── tipografia ── */
.eyebrow {
  display: inline-flex; align-items: center; gap: .6rem;
  margin: 0 0 1.25rem;
  font: italic 400 1.02rem/1 var(--serif);
  color: var(--sand);
}
.eyebrow::before {
  content: ""; width: 28px; height: 1px; background: currentColor; opacity: .7;
}
.hero .eyebrow::before { display: none; }

.h2 {
  margin: 0 0 1.5rem;
  font: 300 clamp(2.6rem, 6vw, 5.4rem)/1.02 var(--serif);
  letter-spacing: -.02em;
}
.h2 em, .hero__title em, .experiencia__close em, .plano__close em, .form-success h3 em {
  font-weight: 300;
  background: linear-gradient(100deg, var(--sand) 0%, var(--sand-2) 60%, #fff 120%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

.pulse {
  width: 8px; height: 8px; border-radius: 50%; background: var(--sand);
  box-shadow: 0 0 0 0 rgba(230,210,181,.6); animation: pulse 2.2s infinite;
}
@keyframes pulse {
  70% { box-shadow: 0 0 0 10px rgba(230,210,181,0); }
  100% { box-shadow: 0 0 0 0 rgba(230,210,181,0); }
}

/* ── botões ── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .75rem;
  padding: 1rem 1.6rem;
  border: 0; border-radius: 999px;
  background: var(--grad-02); color: #000d1e;
  font: 500 .98rem/1 var(--sans);
  text-decoration: none; cursor: pointer;
  box-shadow: 0 0 0 1px rgba(230,210,181,.4), 0 10px 40px -10px rgba(230,210,181,.55);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 0 0 1px rgba(230,210,181,.6), 0 16px 50px -10px rgba(230,210,181,.7); }
.btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.btn__arrow { transition: transform .3s var(--ease); }
.btn:hover .btn__arrow { transform: translateX(4px); }
.btn--sm { padding: .7rem 1.15rem; font-size: .88rem; }
.btn--full { width: 100%; }

.glass {
  background: var(--glass);
  border: 1px solid var(--line-2);
  border-radius: var(--radius);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}

/* ── nav ── */
.nav {
  position: fixed; inset: 0 0 auto; z-index: 50;
  transition: background .3s, border-color .3s;
  border-bottom: 1px solid transparent;
}
.nav.is-scrolled { background: rgba(0,13,30,.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-color: var(--line); }
.nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 72px; }
.nav__logo img { width: 64px; height: auto; }
.nav__links { display: flex; gap: 2rem; font-size: .92rem; }
.nav__links a { text-decoration: none; color: var(--muted); transition: color .2s; }
.nav__links a:hover { color: var(--text); }
@media (max-width: 860px) { .nav__links { display: none; } }

/* ── 1 · hero ── */
.hero {
  position: relative; min-height: 100svh;
  display: grid; align-items: center;
  padding: 120px 0 80px; overflow: hidden; isolation: isolate;
  text-align: center;
}
.hero__glow {
  position: absolute; z-index: -1; left: 50%; top: 52%;
  width: 900px; height: 520px; translate: -50% -50%;
  background: radial-gradient(closest-side, rgba(2,46,103,.85), rgba(179,147,117,.08) 60%, transparent 75%);
  filter: blur(10px);
}
/* gráficos de vendas animados (verde) */
.hero__chart {
  position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 85%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 85%, transparent 100%);
}
.hero__orbit {
  position: absolute; z-index: -1; left: 50%; top: 50%;
  width: min(1300px, 160vw); height: 640px; translate: -50% -46%;
  fill: none; stroke: var(--sand); stroke-width: 1; stroke-opacity: .35;
  overflow: visible;
}
.hero__orbit ellipse:nth-child(2) { stroke-opacity: .14; }
.hero__dot { fill: var(--sand); filter: drop-shadow(0 0 8px var(--sand)); stroke: none; }

.hero__inner { display: flex; flex-direction: column; align-items: center; }
.hero__logo { margin: 0 0 2.2rem; width: min(680px, 100%); }
.hero__logo img { width: 100%; filter: drop-shadow(0 0 30px rgba(230,210,181,.12)); }
.hero__title {
  margin: 0 0 1rem; max-width: none;
  font: 300 clamp(1.9rem, 4.2vw, 3.4rem)/1.12 var(--serif); letter-spacing: -.02em;
}
.hero__lead { margin: 0 0 2.5rem; max-width: 52ch; color: var(--muted); font-size: 1.08rem; }

.hero__meta {
  display: grid; grid-template-columns: repeat(3, auto); gap: 0;
  margin-bottom: 2.5rem;
  border: 1px solid var(--line-2); border-radius: 999px;
  background: rgba(255,255,255,.03); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.hero__meta div { padding: .85rem 1.6rem; display: grid; gap: .1rem; text-align: left; }
.hero__meta div + div { border-left: 1px solid var(--line-2); }
.hero__meta span { font: italic 400 .82rem/1.2 var(--serif); color: var(--sand); }
.hero__meta strong { font-weight: 400; font-size: 1rem; }

.hero__cta { display: grid; justify-items: center; gap: 1rem; }
.hero__note { margin: 0; font-size: .9rem; color: var(--muted); }

@media (max-width: 600px) {
  .hero { text-align: left; }
  .hero__inner { align-items: flex-start; }
  .hero__meta { grid-template-columns: 1fr; border-radius: 18px; width: 100%; }
  .hero__meta div + div { border-left: 0; border-top: 1px solid var(--line-2); }
  .hero__cta { justify-items: start; }
}

/* ── seções base ── */
section { position: relative; }
.sobre, .convidado, .plano, .encontrar, .experiencia, .info, .inscricao { padding: clamp(80px, 11vw, 140px) 0; }
.section-head { max-width: 900px; margin-bottom: 3.5rem; }

/* ── 2 · sobre ── */
.sobre { border-top: 1px solid var(--line); }
.sobre__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2rem, 6vw, 6rem); }
.sobre__text p { margin: 0 0 1.2rem; color: var(--muted); font-size: 1.05rem; }
.sobre__text .sobre__big { color: var(--text); font: 300 clamp(1.25rem, 2vw, 1.55rem)/1.45 var(--serif); }
.sobre__accent {
  margin-top: 2rem !important; padding-left: 1.2rem;
  border-left: 1px solid var(--sand);
  color: var(--text) !important; font-style: italic; font-family: var(--serif);
}
@media (max-width: 860px) { .sobre__grid { grid-template-columns: 1fr; } }

/* ── 3 · convidado ── */
.convidado { background: linear-gradient(180deg, transparent, rgba(2,46,103,.35) 30%, rgba(2,46,103,.35) 70%, transparent); }
.convidado__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
/* moldura dourada (Gradiente 02) — esconde o recorte da foto */
.convidado__foto {
  position: relative; margin: 0; isolation: isolate;
  padding: 1.5px; border-radius: 28px;
  background: linear-gradient(160deg, #e6d2b5 0%, #b39375 40%, rgba(179,147,117,.45) 70%, #e6d2b5 100%);
  box-shadow: 0 40px 100px -40px rgba(230,210,181,.35), 0 0 0 8px rgba(230,210,181,.05);
}
.convidado__foto::before {
  content: ""; position: absolute; z-index: -1; inset: -12% -8%;
  background: radial-gradient(closest-side, rgba(2,46,103,.8), transparent);
  filter: blur(20px);
}
.convidado__foto picture {
  position: relative; display: block; overflow: hidden; border-radius: 26.5px;
  background:
    radial-gradient(ellipse 80% 55% at 50% 35%, rgba(230,210,181,.14), transparent 70%),
    linear-gradient(180deg, #022e67 0%, #011d45 55%, #000d1e 100%);
}
/* funde a base da foto no azul */
.convidado__foto picture::after {
  content: ""; position: absolute; inset: auto 0 0; height: 22%;
  background: linear-gradient(180deg, transparent, #000d1e);
  pointer-events: none;
}
.convidado__foto img {
  width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 0%;
}
.convidado__role { font: 300 1.3rem/1.45 var(--serif); color: var(--text); margin: 0 0 1.5rem; }
.convidado__text p:not(.eyebrow):not(.convidado__role) { color: var(--muted); margin: 0 0 1.1rem; font-size: 1.04rem; }
.convidado__text .convidado__quote {
  margin-top: 2rem !important; padding: 1.4rem 1.5rem;
  border: 1px solid rgba(230,210,181,.3); border-radius: 16px;
  background: var(--sand-soft); color: var(--text) !important;
}
@media (max-width: 860px) {
  .convidado__grid { grid-template-columns: 1fr; }
  .convidado__foto { max-width: 440px; margin-inline: auto; }
}

/* ── 3B · plano de ataque 2027 ── */
.plano { border-top: 1px solid var(--line); }
.plano__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.plano__sub { margin: 0 0 1.75rem; max-width: 30ch; font: italic 300 clamp(1.2rem, 2vw, 1.5rem)/1.45 var(--serif); color: var(--sand); }
.plano__intro > p:not(.eyebrow):not(.plano__sub) { margin: 0 0 1.1rem; color: var(--muted); font-size: 1.05rem; }
.plano__intro p em { color: var(--text); }
.plano__label { margin: 0 0 .5rem; font: italic 400 1rem/1.5 var(--serif); color: var(--muted); }
.plano__list { list-style: none; margin: 0 0 2.25rem; padding: 0; border-top: 1px solid var(--line-2); }
.plano__list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid var(--line-2); }
.plano__list span { font: 400 1rem/1.6 var(--sans); color: var(--sand); }
.plano__list h3 { margin: 0 0 .4rem; font: 400 1.35rem/1.3 var(--serif); }
.plano__list p { margin: 0; color: var(--muted); font-size: .98rem; }
.plano__close { margin: 0 0 2rem; max-width: 40ch; font: 300 clamp(1.15rem, 2vw, 1.4rem)/1.5 var(--serif); }
@media (max-width: 860px) { .plano__grid { grid-template-columns: 1fr; } }

/* ── 4 · cards ── */
.cards {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem;
}
.card {
  grid-column: span 2;
  position: relative; padding: 2rem 1.75rem 2.25rem;
  border: 1px solid var(--line-2); border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  transition: transform .4s var(--ease), border-color .4s, background .4s;
}
.card:nth-child(4), .card:nth-child(5) { grid-column: span 3; }
.card:hover { transform: translateY(-4px); border-color: rgba(230,210,181,.45); }
.card__num { display: block; margin-bottom: 2.5rem; font: 400 1.1rem/1 var(--sans); color: var(--sand); }
.card h3 { margin: 0 0 .75rem; font: 400 1.4rem/1.25 var(--serif); }
.card p { margin: 0; color: var(--muted); font-size: .98rem; }
.card--hl { background: var(--grad-02); border-color: transparent; color: #000d1e; box-shadow: 0 30px 80px -30px rgba(230,210,181,.5); }
.card--hl .card__num, .card--hl p { color: rgba(0,13,30,.72); }
.card--hl:hover { border-color: var(--sand); }
@media (max-width: 860px) {
  .cards { grid-template-columns: 1fr; }
  .card, .card:nth-child(4), .card:nth-child(5) { grid-column: auto; }
  .card__num { margin-bottom: 1.5rem; }
}

/* ── 5 · experiência ── */
.experiencia__box { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 5rem); isolation: isolate; }
.experiencia__glow {
  position: absolute; z-index: -1; right: -10%; top: -30%; width: 60%; aspect-ratio: 1;
  background: radial-gradient(closest-side, rgba(230,210,181,.16), transparent);
}
.experiencia__box .h2 { max-width: none; }
.experiencia__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; color: var(--muted); font-size: 1.05rem; }
.experiencia__cols p { margin: 0; }
.pilares {
  list-style: none; padding: 0; margin: 3rem 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2);
}
.pilares li {
  padding: 1.75rem 0; display: flex; align-items: baseline; gap: .8rem;
  font: 300 clamp(1.5rem, 3vw, 2.4rem)/1 var(--serif);
}
.pilares li + li { padding-left: 2rem; border-left: 1px solid var(--line-2); }
.pilares span { font: italic 400 .95rem/1 var(--serif); color: var(--sand); }
.experiencia__close { margin: 0; max-width: 46ch; font: 300 clamp(1.15rem, 2vw, 1.45rem)/1.5 var(--serif); }
@media (max-width: 760px) {
  .experiencia__cols, .pilares { grid-template-columns: 1fr; }
  .pilares li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--line-2); }
}

/* ── 6 · info ── */
.info__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.info__alert { display: flex; align-items: center; gap: .75rem; margin: 0 0 2rem; color: var(--text); }
.info__list { margin: 0; border-top: 1px solid var(--line-2); }
.info__list div {
  display: grid; grid-template-columns: 140px 1fr; gap: 1rem;
  padding: 1.35rem 0; border-bottom: 1px solid var(--line-2);
}
.info__list dt { font: italic 400 1rem/1.5 var(--serif); color: var(--muted); }
.info__list dd { margin: 0; font-size: 1.1rem; font-weight: 400; }
.info__list dd.hl { color: var(--sand); }
@media (max-width: 860px) {
  .info__grid { grid-template-columns: 1fr; }
  .info__list div { grid-template-columns: 110px 1fr; }
}

/* ── 7 · formulário ── */
.inscricao { border-top: 1px solid var(--line); }
.inscricao::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: 40%; translate: -50% -50%;
  width: 80%; height: 60%;
  background: radial-gradient(closest-side, rgba(230,210,181,.09), transparent);
}
.inscricao__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.inscricao__intro > p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; }
.inscricao__resumo { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; gap: .75rem; }
.inscricao__resumo li { display: flex; align-items: center; gap: .75rem; }
.inscricao__resumo li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sand); box-shadow: 0 0 10px var(--sand); }

.form-wrap { padding: clamp(1.5rem, 4vw, 2.75rem); }
.form { display: grid; gap: 1.25rem; }
.field { display: grid; gap: .5rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.field[hidden] { display: none; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
@media (max-width: 560px) { .field-row { grid-template-columns: 1fr; } }
.field label, .field legend { font-size: .9rem; color: var(--muted); padding: 0; }
.field legend { margin-bottom: .5rem; }
.field input[type="text"], .field input[type="tel"], .field input[type="email"] {
  width: 100%; padding: .95rem 1.1rem;
  background: rgba(2,46,103,.18); color: var(--text);
  border: 1px solid var(--line-2); border-radius: 12px;
  font: 400 1rem/1.3 var(--sans);
  transition: border-color .2s, box-shadow .2s;
}
.field input::placeholder { color: rgba(255,255,255,.3); }
.field input:focus { outline: none; border-color: var(--sand); box-shadow: 0 0 0 3px var(--sand-soft); }
.field input.is-invalid { border-color: #ff7a6b; }

.choice { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.choice label { position: relative; cursor: pointer; }
.choice input { position: absolute; opacity: 0; }
.choice span {
  display: flex; align-items: center; gap: .65rem;
  padding: .95rem 1.1rem; border: 1px solid var(--line-2); border-radius: 12px;
  background: rgba(2,46,103,.18); color: var(--text); font-size: .98rem;
  transition: border-color .2s, background .2s;
}
.choice span::before {
  content: ""; width: 14px; height: 14px; border-radius: 50%;
  border: 1px solid var(--line-2); flex: none; transition: all .2s;
}
.choice input:checked + span { border-color: var(--sand); background: var(--sand-soft); }
.choice input:checked + span::before { background: var(--sand); border-color: var(--sand); box-shadow: 0 0 8px var(--sand); }
.choice input:focus-visible + span { outline: 2px solid var(--sand); outline-offset: 2px; }
.choice.is-invalid span { border-color: #ff7a6b; }

.form__submit { margin-top: .5rem; padding: 1.15rem; }
.form__submit[disabled] { opacity: .6; cursor: wait; transform: none; }
.form__privacy { margin: 0; font-size: .8rem; line-height: 1.55; color: rgba(255,255,255,.4); }
.form__error-msg { margin: 0; padding: .8rem 1rem; border-radius: 10px; background: rgba(255,122,107,.1); color: #ffb3a9; font-size: .9rem; }
.hp { position: absolute; left: -9999px; }

.form-success { text-align: center; padding: 2rem .5rem; }
.form-success:focus { outline: none; }
.form-success__icon {
  width: 64px; height: 64px; margin: 0 auto 1.5rem; display: grid; place-items: center;
  border-radius: 50%; background: var(--grad-02); color: #000d1e; font-size: 1.6rem;
  box-shadow: 0 0 40px rgba(230,210,181,.5);
}
.form-success h3 { margin: 0 0 1rem; font: 300 1.7rem/1.25 var(--serif); }
.form-success p { margin: 0 0 .75rem; color: var(--muted); }
.form-success .form-success__see { color: var(--text); font-family: var(--serif); font-style: italic; font-size: 1.1rem; }

@media (max-width: 860px) { .inscricao__grid { grid-template-columns: 1fr; } }

/* ── footer ── */
.footer { padding: 3rem 0 6rem; border-top: 1px solid var(--line); }
.footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; }
.footer img { width: 200px; opacity: .85; }
.footer p { margin: 0; color: rgba(255,255,255,.4); font-size: .85rem; }

/* ── CTA fixo mobile ── */
.cta-fixo {
  position: fixed; z-index: 40; left: 16px; right: 16px; bottom: 16px;
  padding: 1rem; border-radius: 999px; text-align: center; text-decoration: none;
  background: var(--grad-02); color: #000d1e; font-weight: 500;
  box-shadow: 0 12px 40px -8px rgba(230,210,181,.6);
  transform: translateY(140%); transition: transform .4s var(--ease);
}
.cta-fixo.is-visible { transform: none; }
@media (min-width: 861px) { .cta-fixo { display: none; } }

/* ── reveal ── */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease) var(--delay, 0s), transform .8s var(--ease) var(--delay, 0s); }
.reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .hero__dot { display: none; }
}

/* ═══════════════════════════════════════════════════════════════
   INTERAÇÕES DE ACELERAÇÃO (verde vendas)
════════════════════════════════════════════════════════════════ */
:root { --up: #3ee08f; --up-2: #22c55e; --up-soft: rgba(62,224,143,.14); }

/* medidor de rolagem no topo */
.scroll-meter { position: fixed; inset: 0 0 auto; height: 2px; z-index: 60; pointer-events: none; }
.scroll-meter span {
  display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(0);
  background: linear-gradient(90deg, rgba(34,197,94,.2), var(--up));
  box-shadow: 0 0 12px var(--up);
}

/* linha de tendência (sobre) */
.trend { display: block; width: 100%; max-width: 420px; height: auto; margin: 2.2rem 0 .4rem; overflow: visible; }
.trend__area { fill: rgba(62,224,143,.08); opacity: 0; transition: opacity 1s .9s; }
.trend__line { fill: none; stroke: var(--up); stroke-width: 2; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.8s cubic-bezier(.6,.05,.3,1); filter: drop-shadow(0 0 6px rgba(62,224,143,.6)); }
.trend__dot { fill: var(--up); opacity: 0; transform-box: fill-box; transform-origin: center; transition: opacity .3s 1.7s; filter: drop-shadow(0 0 8px var(--up)); }
.trend.is-on .trend__line { stroke-dashoffset: 0; }
.trend.is-on .trend__area, .trend.is-on .trend__dot { opacity: 1; }
.trend.is-on .trend__dot { animation: pulse-dot 2s 2s infinite; }
@keyframes pulse-dot { 50% { transform: scale(1.8); opacity: .5; } }
.sobre__accent { margin-top: 0 !important; }

/* barras de estágio nos cards */
.card__top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; }
.card__top .card__num { margin-bottom: 0; }
.card__bars { display: flex; align-items: flex-end; gap: 4px; height: 34px; }
.card__bars i {
  width: 6px; border-radius: 2px; background: rgba(255,255,255,.12);
  height: 0; transition: height .7s cubic-bezier(.2,.7,.2,1), background .4s, box-shadow .4s;
}
.card__bars i:nth-child(1) { --h: 22%; } .card__bars i:nth-child(2) { --h: 40%; } .card__bars i:nth-child(3) { --h: 58%; }
.card__bars i:nth-child(4) { --h: 78%; } .card__bars i:nth-child(5) { --h: 100%; }
.card.is-visible .card__bars i { height: var(--h); }
.card__bars i:nth-child(1) { transition-delay: .25s; } .card__bars i:nth-child(2) { transition-delay: .33s; }
.card__bars i:nth-child(3) { transition-delay: .41s; } .card__bars i:nth-child(4) { transition-delay: .49s; }
.card__bars i:nth-child(5) { transition-delay: .57s; }
.card__bars[style*="--lit:1"] i:nth-child(-n+1),
.card__bars[style*="--lit:2"] i:nth-child(-n+2),
.card__bars[style*="--lit:3"] i:nth-child(-n+3),
.card__bars[style*="--lit:4"] i:nth-child(-n+4),
.card__bars[style*="--lit:5"] i:nth-child(-n+5) { background: var(--up); box-shadow: 0 0 8px rgba(62,224,143,.45); }
.card--hl .card__bars i { background: rgba(0,13,30,.18); }
.card--hl .card__bars[style*="--lit:2"] i:nth-child(-n+2) { background: #0b6b3c; box-shadow: none; }
/* hover: tudo acelera */
.card:hover .card__bars i { height: 100%; }
@media (max-width: 860px) { .card__top { margin-bottom: 1.5rem; } }
.reveal:not(.is-visible) .card__bars i { height: 0; }

/* gráficos de fundo das seções */
.experiencia__box > *:not(.sec-chart):not(.experiencia__glow) { position: relative; z-index: 1; }
.sec-chart {
  position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 35%, #000 80%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 35%, #000 80%, transparent);
  opacity: .45;
}
.sec-chart--full { z-index: -1; opacity: .55; }

/* medidor do formulário */
.meter { display: grid; gap: .55rem; margin-bottom: .25rem; }
.meter__head { display: flex; justify-content: space-between; align-items: baseline; font-size: .85rem; color: var(--muted); }
.meter__head strong { font: 500 1rem/1 var(--sans); color: var(--up); font-variant-numeric: tabular-nums; }
.meter__track { height: 6px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; }
.meter__track span {
  display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(0);
  background: linear-gradient(90deg, rgba(34,197,94,.5), var(--up));
  box-shadow: 0 0 12px rgba(62,224,143,.6);
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}

/* setas dos botões sobem em diagonal no hover */
.btn:hover .btn__arrow { transform: translate(3px, -3px) rotate(-35deg); }

@media (prefers-reduced-motion: reduce) {
  .trend__line { stroke-dashoffset: 0; } .trend__area, .trend__dot { opacity: 1; }
  .card__bars i { height: var(--h) !important; }
}