/* ============================================================
   NOVAS DOBRAS — Clientes · 10 Mandamentos · NPS · Projetos
   Estilos isolados sob .np-* (adaptados ao HUD da LP: cantos
   retos, ciano #00d4ff / magenta #ff3b8d, fontes existentes).
   Carregado apenas pelo index.html — não afeta outras páginas.
   ============================================================ */

/* helpers */
.np-grad{
  background:linear-gradient(135deg, var(--c-primary), var(--c-magenta));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- 1 · CLIENTES (marquee) ---------- */
.np-clients-shell{ position:relative; margin-top:8px; }
.np-marquee{
  position:relative; width:100%; overflow:hidden; padding:4px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.np-marquee + .np-marquee{ margin-top:6px; }
.np-brand-row{
  display:flex; width:max-content; align-items:center; padding:16px 0;
  will-change:transform; animation:np-marquee-l var(--dur,90s) linear infinite;
}
.np-brand-row.reverse{ animation-name:np-marquee-r; }
.np-marquee:hover .np-brand-row{ animation-play-state:paused; }
@keyframes np-marquee-l{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes np-marquee-r{ from{transform:translateX(-50%)} to{transform:translateX(0)} }
.np-brand-item{
  flex:none; display:inline-flex; align-items:center; gap:46px; padding:0 30px;
  color:rgba(233,237,247,.72); white-space:nowrap;
  font-family:var(--f-display); font-weight:700; font-size:28px;
  letter-spacing:.01em; line-height:1; text-transform:uppercase;
  transition:color .25s ease, text-shadow .25s ease;
}
.np-brand-item img{ height:42px; width:auto; max-width:170px; object-fit:contain; display:block; filter:brightness(0) invert(1); opacity:.78; transition:opacity .25s ease; }
/* logo-04 vem com bastante margem interna no arquivo — aumentamos p/ equilibrar com as demais */
/*.np-brand-row .np-logo-04 img{ height:62px; max-width:210px; }*/
/* linhas de logo: respiro extra entre as marcas */
.np-brand-row.logos .np-brand-item{ padding:0 38px; }
.np-brand-item:hover{ color:var(--c-ink); text-shadow:0 0 18px rgba(0,212,255,.45); }
.np-brand-item:hover img{ opacity:1; }
.np-brand-row.r2 .np-brand-item{ font-weight:500; font-size:24px; font-style:italic; text-transform:none; letter-spacing:0; color:rgba(233,237,247,.6); }
.np-brand-row.r1 .np-brand-item::after,
.np-brand-row.r3 .np-brand-item::after{ content:'\25CA'; margin-left:-14px; color:rgba(0,212,255,.4); font-family:var(--f-mono); font-size:11px; }
.np-brand-row.r2 .np-brand-item::after{ content:''; width:1px; height:22px; margin-left:-14px; background:var(--c-border); }
/* mural de logos: sem os separadores ◊/barra usados nas linhas de texto */
.np-brand-row.logos .np-brand-item::after{ content:none; }
.np-brand-row .np-brand-item:nth-child(7n){ color:var(--c-primary); }
.np-brand-row .np-brand-item:nth-child(11n+3){ color:var(--c-magenta); }
.np-clients-meta{
  margin-top:44px; display:flex; flex-wrap:wrap; gap:40px; align-items:baseline;
  padding-top:24px; border-top:1px solid var(--c-border);
}
.np-stat{ display:flex; flex-direction:column; gap:6px; }
.np-num{
  font-family:var(--f-display); font-weight:800; font-size:44px; line-height:1;
  letter-spacing:-.02em; color:var(--c-primary); text-shadow:0 0 16px rgba(0,212,255,.32);
}
.np-stat:nth-child(2n) .np-num{ color:var(--c-magenta); text-shadow:0 0 16px rgba(255,59,141,.3); }
.np-lbl{ font-family:var(--f-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--c-ink-soft); }

/* ---------- 2 · 10 MANDAMENTOS (carrossel) ---------- */
.np-carousel{ position:relative; }
.np-carousel-stage{
  position:relative; overflow:hidden; border:1px solid var(--c-border);
  background:linear-gradient(180deg, rgba(255,59,141,.05), rgba(0,212,255,.04));
}
.np-carousel-stage::before{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:
    radial-gradient(ellipse 60% 50% at 20% 20%, rgba(255,59,141,.15), transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(0,212,255,.13), transparent 60%);
}
.np-track{ display:flex; transition:transform .55s cubic-bezier(.7,.02,.18,1); will-change:transform; }
.np-cmd{
  flex:0 0 100%; display:grid; grid-template-columns:.85fr 1fr; gap:40px;
  align-items:center; padding:56px; min-height:460px; position:relative; z-index:2;
}
.np-num-wrap{ display:flex; align-items:center; justify-content:center; position:relative; }
.np-glow{ position:absolute; width:320px; height:320px; filter:blur(10px); z-index:0;
  background:radial-gradient(circle, rgba(0,212,255,.3), transparent 65%); }
.np-cmd.alt .np-glow{ background:radial-gradient(circle, rgba(255,59,141,.3), transparent 65%); }
.np-hex{ position:relative; width:260px; height:300px; z-index:2; }
.np-hex svg{ position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 8px 32px rgba(0,212,255,.4)); }
.np-cmd.alt .np-hex svg{ filter:drop-shadow(0 8px 32px rgba(255,59,141,.4)); }
.np-num-big{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:var(--f-display); font-weight:800; font-size:150px; line-height:1;
  letter-spacing:-.05em; color:var(--c-ink); z-index:3; text-shadow:0 4px 0 rgba(0,0,0,.25);
}
.np-copy{ position:relative; z-index:2; }
.np-eyebrow{ font-family:var(--f-mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--c-primary); margin-bottom:16px; }
.np-cmd.alt .np-eyebrow{ color:var(--c-magenta); }
.np-copy h3{
  font-family:var(--f-display); font-weight:700; font-size:clamp(24px,3vw,38px);
  line-height:1.14; letter-spacing:-.02em; margin:0; color:var(--c-ink);
}
.np-copy h3 .c{ color:var(--c-primary); }
.np-copy h3 .m{ color:var(--c-magenta); }
.np-icon-row{ margin-top:28px; display:flex; gap:22px; align-items:center; color:var(--c-ink-mute); }
.np-icon-row svg{ width:42px; height:42px; stroke-width:1.5; }
.np-controls{ display:flex; justify-content:space-between; align-items:center; margin-top:22px; }
.np-dots{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.np-dots button{ appearance:none; border:0; padding:0; cursor:pointer; width:26px; height:6px; background:var(--c-border); transition:all .25s ease; }
.np-dots button[aria-current="true"]{ width:44px; background:linear-gradient(90deg, var(--c-primary), var(--c-magenta)); }
.np-nav{ display:flex; gap:8px; }
.np-nav button, .np-play{
  appearance:none; border:1px solid var(--c-border-hot); background:transparent; color:var(--c-ink);
  width:44px; height:44px; cursor:pointer; display:flex; align-items:center; justify-content:center;
  font-family:var(--f-mono); transition:all .2s ease;
}
.np-nav button:hover, .np-play:hover{ border-color:var(--c-primary); color:var(--c-primary); box-shadow:var(--glow-cyan); }
.np-progress{ height:2px; margin-top:14px; background:var(--c-border); overflow:hidden; }
.np-fill{ height:100%; width:0; background:linear-gradient(90deg, var(--c-primary), var(--c-magenta)); transition:width .2s linear; }

/* ---------- 3 · NPS / RESULTADOS ---------- */
.np-nps-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:16px; align-items:stretch; }
.np-nps-center{
  grid-column:1 / span 12; padding:32px; border:1px solid var(--c-border);
  display:flex; flex-direction:row; justify-content:space-between; gap:32px;
  align-items:center; flex-wrap:wrap; position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse at top right, rgba(255,59,141,.1), transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(0,212,255,.1), transparent 60%),
    rgba(17,22,42,.4);
}
.np-lead{
  flex:1 1 140px; min-width:280px; margin:0;
  font-family:var(--f-display); font-weight:700; font-size:clamp(22px,2.2vw,30px);
  line-height:1.18; letter-spacing:-.02em; color:var(--c-ink);
}
.np-lead .hl{ color:var(--c-primary); text-shadow:0 0 18px rgba(0,212,255,.35); }
.np-side{ display:flex; flex-direction:column; gap:12px; flex:0 0 auto; }
.np-kicker{ font-family:var(--f-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--c-ink-soft); }
.np-meta-row{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.np-chip{ display:flex; align-items:center; gap:6px; font-family:var(--f-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--c-ink-soft); }
.np-chip b{ color:var(--c-primary); font-weight:500; }
.np-ring-card{
  grid-column:span 3; position:relative; padding:26px 22px 28px;
  border:1px solid var(--c-border); background:rgba(17,22,42,.4);
  display:flex; flex-direction:column; align-items:flex-start; gap:14px; overflow:hidden;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.np-ring-card:hover{ border-color:var(--c-border-hot); transform:translateY(-3px); box-shadow:0 0 24px rgba(0,212,255,.12); }
.np-rlabel{ font-family:var(--f-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--c-primary); }
.np-ring-card.m .np-rlabel{ color:var(--c-magenta); }
.np-ring{ position:relative; width:120px; height:120px; align-self:center; }
.np-ring svg{ width:100%; height:100%; transform:rotate(-90deg); }
.np-ring .track{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:4; }
.np-ring .bar{ fill:none; stroke:var(--c-primary); stroke-width:4; stroke-linecap:round; filter:drop-shadow(0 0 2px rgba(0,212,255,.6)); }
.np-ring-card.m .np-ring .bar{ stroke:var(--c-magenta); filter:drop-shadow(0 0 2px rgba(255,59,141,.6)); }
.np-pct{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--f-display); font-weight:800; font-size:34px; letter-spacing:-.02em; color:var(--c-ink); }
.np-pct sup{ font-size:.5em; font-weight:500; color:var(--c-ink-soft); margin-left:2px; top:-.7em; }
.np-desc{ margin:auto 0 0; font-size:13.5px; line-height:1.45; color:var(--c-ink-soft); }
.np-desc b{ color:var(--c-ink); font-weight:600; }
.np-hex-scores{ grid-column:1 / span 12; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.np-hex-score{ position:relative; padding:28px; border:1px solid var(--c-border); background:rgba(17,22,42,.4); display:flex; align-items:center; gap:24px; overflow:hidden; }
.np-hex-score::after{ content:''; position:absolute; right:-40px; top:-40px; width:150px; height:150px; background:radial-gradient(circle, rgba(0,212,255,.12), transparent 70%); }
.np-hex-score.m::after{ background:radial-gradient(circle, rgba(255,59,141,.12), transparent 70%); }
.np-hex-mark{ position:relative; width:96px; height:110px; flex:none; }
.np-hex-mark svg{ width:100%; height:100%; }
.np-hex-mark .v{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--f-display); font-weight:800; font-size:38px; line-height:1; letter-spacing:-.04em; color:var(--c-ink); }
.np-htext h4{ margin:0 0 4px; font-family:var(--f-display); font-weight:700; font-size:19px; letter-spacing:-.01em; color:var(--c-ink); }
.np-htext p{ margin:0; font-size:13.5px; line-height:1.45; color:var(--c-ink-soft); }

/* ---------- 4 · PROJETOS ---------- */
.np-projects-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:20px; }
.np-project{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--c-border); background:rgba(17,22,42,.4);
  text-decoration:none; color:inherit; cursor:pointer;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.np-project:hover{ transform:translateY(-6px); border-color:var(--c-border-hot); box-shadow:0 24px 60px -20px rgba(0,212,255,.25); }
.np-project.feature{ grid-column:span 8; min-height:480px; }
.np-project.tile{ grid-column:span 4; }
.np-project.row{ grid-column:span 6; }
.np-thumb{ position:relative; flex:1; min-height:220px; overflow:hidden; }
.np-project.feature .np-thumb{ min-height:320px; }
.np-art{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(0,212,255,.18), transparent 60%),
    radial-gradient(ellipse at 70% 70%, rgba(255,59,141,.18), transparent 60%),
    linear-gradient(135deg, var(--c-surface), var(--c-surface-2)); }
.np-art img{ width:100%; height:100%; object-fit:cover; display:block; }
.np-thumb::after{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.18; background:repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 2px, transparent 2px 4px); }
.np-tag{ position:absolute; top:16px; left:16px; z-index:2; font-family:var(--f-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--c-primary); border:1px solid var(--c-primary); padding:5px 10px; background:rgba(0, 0, 0, 0.65); backdrop-filter:blur(8px); }
.np-project.m .np-tag{ color:var(--c-magenta); border-color:var(--c-magenta); background:rgba(0, 0, 0, 0.65); }
.np-play-btn{ position:absolute; bottom:16px; right:16px; z-index:2; width:52px; height:52px; display:flex; align-items:center; justify-content:center; color:var(--c-ink); background:rgba(10,13,24,.6); border:1px solid var(--c-border-hot); backdrop-filter:blur(8px); transition:all .25s ease; }
.np-project:hover .np-play-btn{ background:var(--c-primary); color:var(--c-bg); border-color:var(--c-primary); transform:scale(1.05); }
.np-project.m:hover .np-play-btn{ background:var(--c-magenta); color:#fff; border-color:var(--c-magenta); }
.np-pbody{ padding:22px 26px 24px; display:flex; flex-direction:column; gap:8px; border-top:1px solid var(--c-border); background:rgba(5,8,19,.5); }
.np-pbody h4{ margin:0; font-family:var(--f-display); font-weight:700; font-size:21px; letter-spacing:-.01em; color:var(--c-ink); }
.np-pbody p{ margin:0; font-size:14px; line-height:1.5; color:var(--c-ink-soft); }
.np-pmeta{ display:flex; gap:14px; margin-top:6px; flex-wrap:wrap; font-family:var(--f-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--c-ink-mute); }
.np-pmeta span{ display:flex; align-items:center; gap:6px; }
.np-art-grid{ position:absolute; inset:16px; display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(3,1fr); gap:8px; }
.np-art-grid > div{ background:linear-gradient(135deg, rgba(0,212,255,.18), rgba(255,59,141,.1)); border:1px solid rgba(255,255,255,.08); }
.np-art-grid > div:nth-child(odd){ background:linear-gradient(135deg, rgba(255,59,141,.18), rgba(124,58,237,.12)); }
.np-art-roleta{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.np-wheel{ position:relative; width:220px; height:220px; border-radius:50%;
  background:conic-gradient(from 0deg, #ff3b8d 0deg 45deg, #00d4ff 45deg 90deg, #7c3aed 90deg 135deg, #ffd166 135deg 180deg, #ff3b8d 180deg 225deg, #00d4ff 225deg 270deg, #7c3aed 270deg 315deg, #ffd166 315deg 360deg);
  box-shadow:0 0 60px rgba(0,212,255,.3), inset 0 0 0 4px rgba(255,255,255,.1); animation:np-spin 12s linear infinite; }
.np-wheel::before{ content:''; position:absolute; inset:30%; border-radius:50%; background:var(--c-bg); border:3px solid #fff; }
.np-wheel::after{ content:''; position:absolute; left:50%; top:-10px; transform:translateX(-50%); width:0; height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-top:24px solid var(--c-magenta); }
@keyframes np-spin{ to{ transform:rotate(360deg); } }
.np-art-cards{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:14px; padding:24px; }
.np-card{ width:84px; height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#fff; font-family:var(--f-mono); font-size:11px; background:linear-gradient(180deg, rgba(0,212,255,.18), rgba(255,59,141,.18)); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(4px); transform:rotate(var(--r,0deg)); box-shadow:0 12px 30px rgba(0,0,0,.4); }
.np-cstar{ width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#ffd166,#ff3b8d); box-shadow:0 0 14px rgba(255,209,102,.5); }
.np-art-album{ position:absolute; inset:24px; display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(3,1fr); gap:8px; }
.np-slot{ display:flex; align-items:center; justify-content:center; font-family:var(--f-mono); font-size:9px; color:var(--c-ink-mute); background:rgba(255,255,255,.04); border:1px dashed rgba(255,255,255,.15); }
.np-slot.f{ border:none; color:#fff; font-weight:700; font-size:18px; background:linear-gradient(135deg, var(--c-primary), var(--c-magenta)); }
.np-slot.f.b{ background:linear-gradient(135deg, var(--c-magenta), #7c3aed); }
.np-slot.f.c{ background:linear-gradient(135deg, #ffd166, var(--c-magenta)); }
.np-projects-cta{ margin-top:28px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border:1px solid var(--c-border); background:linear-gradient(90deg, rgba(0,212,255,.06), rgba(255,59,141,.06)); }
.np-cta-left{ display:flex; flex-direction:column; gap:4px; }
.np-cta-ti{ font-family:var(--f-display); font-weight:700; font-size:18px; color:var(--c-ink); }
.np-cta-su{ font-size:13px; color:var(--c-ink-soft); }

/* ---------- 5 · ESCALAÇÃO (campinho horizontal 4-2-3-1) ---------- */
/* tema "gramado" (verde neon) escopado à dobra, sem afetar o resto da LP */
.np-pitch{
  --c-pitch:      #2dffa4;
  --c-pitch-deep: #0fbf78;
  --c-border-hot: rgba(45,255,164,.38);
  --glow-green:   0 0 22px rgba(45,255,164,.32), inset 0 0 16px rgba(45,255,164,.10);
}
/* acentos verdes no cabeçalho/brackets desta dobra */
.np-pitch .label-bar{ color:var(--c-pitch); }
.np-pitch .label-bar::before{ background:var(--c-pitch); }
.np-pitch .blink{ color:var(--c-pitch); animation:np-blink 1.2s steps(2) infinite; }
@keyframes np-blink{ 50%{ opacity:0; } }
.np-pitch .section-title em{ font-style:normal; color:var(--c-pitch); text-shadow:0 0 22px rgba(45,255,164,.5); }
.np-pitch .pitch.brackets::before, .np-pitch .pitch.brackets::after,
.np-pitch .pitch.brackets > .br-tl, .np-pitch .pitch.brackets > .br-tr{ border-color:var(--c-pitch); }

/* wrap: campo + HUD lateral */
.pitch-wrap{ display:grid; grid-template-columns:1fr 240px; gap:18px; align-items:stretch; }
@media (max-width:980px){ .pitch-wrap{ grid-template-columns:1fr; } }

.pitch{
  position:relative; aspect-ratio:14 / 9;
  background:
    repeating-linear-gradient(90deg, rgba(45,255,164,.05) 0 8.33%, rgba(45,255,164,.02) 8.33% 16.66%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 2px, transparent 2px 4px),
    radial-gradient(ellipse at 50% 50%, rgba(45,255,164,.10), transparent 70%),
    linear-gradient(180deg, #05140d, #030a07 60%, #02080a);
  border:1px solid var(--c-border-hot); box-shadow:var(--glow-green); overflow:hidden;
}
.pitch__svg{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.pitch__svg .ln{ stroke:rgba(45,255,164,.62); stroke-width:1.4; fill:none; filter:drop-shadow(0 0 4px rgba(45,255,164,.35)); }
.pitch__svg .ln--dim{ stroke:rgba(45,255,164,.28); filter:none; }
.pitch__svg .spot{ fill:rgba(45,255,164,.85); }

/* readouts HUD nos cantos */
.pitch__readout{ position:absolute; font-family:var(--f-mono); font-size:10px; letter-spacing:.22em; color:var(--c-pitch); z-index:3; pointer-events:none; }
.pitch__readout.tl{ top:12px; left:14px; }
.pitch__readout.tr{ top:12px; right:14px; color:var(--c-magenta); }
.pitch__readout.bl{ bottom:12px; left:14px; color:var(--c-ink-soft); }
.pitch__readout.br{ bottom:12px; right:14px; color:var(--c-magenta); }

/* chips de posição */
.pos{ position:absolute; transform:translate(-50%,-50%); background:transparent; border:0; padding:0; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:7px; z-index:2; -webkit-tap-highlight-color:transparent; }
.pos__disc{ position:relative; width:44px; height:44px; border-radius:50%; background:rgba(5,18,12,.92);
  border:1.5px solid var(--c-pitch); display:flex; align-items:center; justify-content:center;
  font-family:var(--f-display); font-weight:800; font-size:16px; color:var(--c-pitch);
  box-shadow:0 0 16px rgba(45,255,164,.55), inset 0 0 10px rgba(45,255,164,.18);
  transition:transform .15s, box-shadow .2s, background .2s, color .2s; }
.pos__disc::after{ content:''; position:absolute; inset:-10px; border:1px dashed rgba(45,255,164,.32); border-radius:50%; pointer-events:none; }
.pos:hover .pos__disc, .pos:focus-visible .pos__disc{ transform:scale(1.16); background:var(--c-pitch); color:#04140c; box-shadow:0 0 32px rgba(45,255,164,.95); }
.pos__label{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.16em; color:var(--c-ink); background:rgba(5,18,12,.92);
  border:1px solid var(--c-border); padding:3px 8px; text-transform:uppercase; white-space:nowrap; line-height:1.2; transition:border-color .15s, color .15s; }
.pos:hover .pos__label, .pos:focus-visible .pos__label{ border-color:var(--c-pitch); color:var(--c-pitch); }
.pos--featured .pos__disc{ border-color:var(--c-magenta); color:var(--c-magenta);
  box-shadow:0 0 24px rgba(255,59,141,.6), inset 0 0 10px rgba(255,59,141,.22); animation:posPulse 2.2s ease-in-out infinite; }
.pos--featured .pos__label{ border-color:rgba(255,59,141,.5); color:var(--c-magenta); }
.pos--featured:hover .pos__disc{ background:var(--c-magenta); color:#2a0613; box-shadow:0 0 36px rgba(255,59,141,.95); }
@keyframes posPulse{ 50%{ box-shadow:0 0 36px rgba(255,59,141,.95), inset 0 0 12px rgba(255,59,141,.35); } }

/* HUD lateral */
.pitch-hud{ display:flex; flex-direction:column; gap:14px; font-family:var(--f-mono); }
.pitch-hud__panel{ background:rgba(7,28,18,.35); border:1px solid var(--c-border); padding:18px; position:relative; }
.pitch-hud__title{ font-size:9.5px; letter-spacing:.24em; color:var(--c-pitch); text-transform:uppercase; margin-bottom:10px; }
.pitch-hud__big{ font-family:var(--f-display); font-size:30px; font-weight:800; color:var(--c-ink); letter-spacing:-.02em; line-height:1; margin-bottom:4px; }
.pitch-hud__big em{ color:var(--c-pitch); font-style:normal; text-shadow:0 0 18px rgba(45,255,164,.5); }
.pitch-hud__sub{ font-size:10.5px; color:var(--c-ink-soft); letter-spacing:.18em; }
.pitch-hud__legend{ font-size:11px; color:var(--c-ink-soft); display:flex; flex-direction:column; gap:10px; line-height:1.4; }
.pitch-hud__legend .lgrow{ display:flex; gap:10px; align-items:center; }
.pitch-hud__legend .lgrow .dot{ flex:0 0 12px; width:12px; height:12px; border-radius:50%; border:1.5px solid currentColor; }
.pitch-hud__legend .lgrow.gn{ color:var(--c-pitch); }
.pitch-hud__legend .lgrow.mg{ color:var(--c-magenta); }
.pitch-hud__legend .lgrow span:last-child{ color:var(--c-ink); font-family:var(--f-body); font-size:12.5px; letter-spacing:0; }

/* faixa de readouts inferior */
.pitch-strip{ margin-top:18px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; font-family:var(--f-mono); }
.pitch-strip__cell{ border:1px solid var(--c-border); border-left:2px solid var(--c-pitch); padding:12px 14px; background:rgba(7,28,18,.25); }
.pitch-strip__cell:nth-child(2){ border-left-color:var(--c-magenta); }
.pitch-strip__cell .k{ font-size:9px; letter-spacing:.22em; color:var(--c-ink-soft); text-transform:uppercase; display:block; margin-bottom:4px; }
.pitch-strip__cell .v{ color:var(--c-ink); font-size:13.5px; letter-spacing:.04em; }
.pitch-strip__cell.alt .v{ color:var(--c-magenta); }
@media (max-width:760px){
  .pitch-strip{ grid-template-columns:1fr 1fr; }
  .pos__label{ display:none; }
}
@media (max-width:480px){
  .pos__disc{ width:36px; height:36px; font-size:13px; }
}
@media (prefers-reduced-motion: reduce){
  .np-pitch .blink, .pos--featured .pos__disc{ animation:none; }
}

/* ---------- responsivo ---------- */
@media (max-width:1180px){ .header .nav{ gap:16px; } }
@media (max-width:1024px){
  .np-cmd{ grid-template-columns:1fr; gap:24px; padding:32px 24px; min-height:0; text-align:center; }
  .np-hex{ width:190px; height:220px; }
  .np-num-big{ font-size:108px; }
  .np-icon-row{ justify-content:center; }
  .np-nps-grid{ grid-template-columns:repeat(2,1fr); }
  .np-ring-card{ grid-column:span 1 !important; }
  .np-nps-center{ grid-column:span 2 !important; order:-1; }
  .np-hex-scores{ grid-template-columns:1fr; grid-column:span 2 !important; }
  .np-project.feature, .np-project.tile, .np-project.row{ grid-column:span 12; }
  .np-projects-cta{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:760px){
  .np-nps-center{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:560px){
  .np-brand-item{ font-size:22px; }
  .np-brand-row.r2 .np-brand-item{ font-size:20px; }
  .np-num{ font-size:34px; }
  .np-nps-grid{ grid-template-columns:1fr; }
  .np-ring-card{ grid-column:span 1 !important; }
  .np-nps-center{ grid-column:span 1 !important; }
  .np-hex-scores{ grid-column:span 1 !important; }
  .np-cmd{ padding:28px 18px; }
}
@media (prefers-reduced-motion: reduce){
  /* a esteira de logos é parte central da seção e foi pedida com movimento;
     mantemos a animação mesmo sob "reduzir movimento" do sistema. */
  .np-wheel{ animation:none; }
}