/* ═══════════════════════════════════════════════════════════
   PADRÕES DE FUNDO (variedade entre seções)
   ═══════════════════════════════════════════════════════════ */
.bg-grid::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}
.bg-dots::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000,transparent);
}
.bg-hatch::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 11px);
  mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);
}
.bg-check::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.022) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.022) 75%),
    linear-gradient(45deg,rgba(255,255,255,.022) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.022) 75%);
  background-size:40px 40px;background-position:0 0,20px 20px;
}
.tint-b{background:var(--bg-1)}
.tint-c{background:var(--bg-2)}
.section{position:relative;padding:104px 0;isolation:isolate}
.section.light + .section.light{padding-top:52px}
.section > .wrap{position:relative;z-index:1}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}

/* Mesmo tratamento visual do hero, para seções de destaque */
.bg-hero{background:var(--bg)}
.bg-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(820px 460px at 78% 10%,rgba(77,124,255,.19),transparent 62%),
    radial-gradient(680px 480px at 10% 82%,rgba(139,92,246,.16),transparent 66%);
}
.bg-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 50% 34%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 34%,#000,transparent 78%);
}

/* Entregáveis em grade, cada um como card */
.deliv-grid{margin-bottom:64px}
.deliv-grid .deliv{
  background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px 26px;align-items:flex-start;transition:transform .25s,border-color .25s;
}
.deliv-grid .deliv:hover{transform:translateY(-3px)}
.deliv-grid .deliv:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:640px){.deliv-grid .deliv:last-child{grid-column:auto}}
.sub-head{text-align:center;margin-bottom:28px}
.sub-head h3{font-size:clamp(19px,2.6vw,26px);margin-bottom:8px}
.sub-head p{font-size:14.5px;color:var(--tx-2);max-width:56ch;margin:0 auto}

/* Faixa de HUD entre seções */
.hud{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:var(--tx-3);
  display:flex;justify-content:space-between;gap:20px;padding:11px 26px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.014);text-transform:uppercase;flex-wrap:nowrap;
  overflow:hidden;
}
@media(max-width:1080px){.hud{font-size:9px;letter-spacing:.12em;gap:14px}}
@media(max-width:820px){.hud{flex-wrap:wrap;justify-content:center;gap:8px 18px;text-align:center}}
.hud span{white-space:nowrap}
.hud .blip{color:var(--blue-lt)}