/* "Do primeiro corte ao acabamento": inventário de itens (power-ups) */
#entregas .section-heading .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
#entregas .section-heading h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;line-height:1.5;
  font-size:clamp(20px,3.2vw,40px);text-shadow:4px 4px 0 rgba(221,113,54,.5);
}
#entregas .section-heading p{font-family:"VT323","Courier New",monospace;font-size:25px;line-height:1.1}

#entregas .receive-grid{gap:26px!important}
#entregas .receive-grid article{
  position:relative;display:flex;flex-direction:column;padding:20px 18px 22px;
  background-color:#1b1626;color:#fff;border:4px solid #0d0b12!important;border-radius:0;
  box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,7px 7px 0 #0d0b12;
  transition:transform .08s steps(2,end),box-shadow .08s steps(2,end);
}
#entregas .receive-grid article:hover{
  transform:translate(-3px,-3px);
  box-shadow:inset 4px 4px 0 #f2a65a,inset -4px -4px 0 #8a3d14,10px 10px 0 #0d0b12;
}
#entregas .receive-grid article::after{
  position:absolute;right:12px;top:12px;font-family:"Press Start 2P","Courier New",monospace;font-size:7px;line-height:1;color:#f2a65a;
}
#entregas .receive-grid article:nth-child(1)::after{content:"ITEM 01"}
#entregas .receive-grid article:nth-child(2)::after{content:"ITEM 02"}
#entregas .receive-grid article:nth-child(3)::after{content:"ITEM 03"}
#entregas .receive-grid article:nth-child(4)::after{content:"ITEM 04"}

/* ícone dentro de um slot de inventário */
#entregas .benefit-icon{
  box-sizing:content-box;width:46px;height:46px;padding:14px;margin:18px 0 16px;color:#f2a65a;
  background-color:#0d0b12;border:3px solid #4b3f66;
  background-image:linear-gradient(rgba(242,166,90,.10) 2px,transparent 2px),linear-gradient(90deg,rgba(242,166,90,.10) 2px,transparent 2px);
  background-size:12px 12px;
  stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges;
}
#entregas .benefit-icon rect{rx:0}
#entregas .receive-grid article:hover .benefit-icon{border-color:#f2a65a;animation:px-item-bob .5s steps(2,end) infinite}
@keyframes px-item-bob{50%{transform:translateY(-5px)}}

#entregas .receive-grid h3{
  margin:0 0 10px;font-family:"Press Start 2P","Courier New",monospace;font-weight:400;font-size:11px;line-height:1.7;letter-spacing:0;color:#fff;
}
#entregas .receive-grid article p{margin:0;font-family:"VT323","Courier New",monospace;font-size:22px;line-height:1.1;color:#cdbfe6}
@media (prefers-reduced-motion:reduce){#entregas .receive-grid article:hover .benefit-icon{animation:none}}

/* tesoura: abre e FECHA (corta) duas vezes por ciclo */
#entregas .benefit-icon .scissor-arm{animation:px-snip-a 3s steps(4,end) infinite}
#entregas .benefit-icon .scissor-arm.lower{animation-name:px-snip-b}
@keyframes px-snip-a{
  0%,14%{transform:rotate(-13deg)}
  28%{transform:rotate(22deg)}
  42%,48%{transform:rotate(-43deg)}
  60%{transform:rotate(8deg)}
  72%,78%{transform:rotate(-43deg)}
  90%,100%{transform:rotate(-13deg)}
}
@keyframes px-snip-b{
  0%,14%{transform:rotate(13deg)}
  28%{transform:rotate(-22deg)}
  42%,48%{transform:rotate(43deg)}
  60%{transform:rotate(-8deg)}
  72%,78%{transform:rotate(43deg)}
  90%,100%{transform:rotate(13deg)}
}
@media (prefers-reduced-motion:reduce){#entregas .benefit-icon .scissor-arm{animation:none}}

/* pasta: aba frontal preta (cor do slot) */
#entregas .benefit-icon .folder-flap{fill:#0d0b12}
#entregas .benefit-icon .incoming-file path{fill:#0d0b12}

/* título da oferta */
#oferta .offer-intro .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
#oferta .offer-intro h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(15px,1.7vw,20px);line-height:1.6;text-shadow:4px 4px 0 #6b2f10;
}

/* título "Você dirige. O HeyCut executa." */
#como-funciona .section-heading .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
#como-funciona .section-heading h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(16px,2.4vw,28px);line-height:1.6;text-shadow:4px 4px 0 rgba(221,113,54,.5);
}

/* título "Do briefing ao vídeo editado." */
#videos .video-heading .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
#videos .video-heading h3{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(13px,1.45vw,17px);line-height:1.7;text-shadow:3px 3px 0 rgba(221,113,54,.5);
}

/* etiquetas: animação de botão ao passar o mouse e ao clicar */
.section-heading .eyebrow,.offer-intro .eyebrow,.video-heading .eyebrow,.assistant-copy .eyebrow,
.reference-heading .eyebrow,.quest-tag,.steps .step-number{
  transition:transform .06s steps(2,end),box-shadow .06s steps(2,end);
  -webkit-user-select:none;user-select:none;
}
.section-heading .eyebrow:hover,.offer-intro .eyebrow:hover,.video-heading .eyebrow:hover,.assistant-copy .eyebrow:hover,
.reference-heading .eyebrow:hover,.quest-tag:hover,.steps .step-number:hover{
  transform:translate(-2px,-2px);box-shadow:5px 5px 0 #dd7136!important;
}
.section-heading .eyebrow:active,.offer-intro .eyebrow:active,.video-heading .eyebrow:active,.assistant-copy .eyebrow:active,
.reference-heading .eyebrow:active,.quest-tag:active,.steps .step-number:active{
  transform:translate(3px,3px);box-shadow:0 0 0 #dd7136!important;
}
@media (prefers-reduced-motion:reduce){
  .section-heading .eyebrow,.offer-intro .eyebrow,.video-heading .eyebrow,.assistant-copy .eyebrow,.reference-heading .eyebrow,.quest-tag,.steps .step-number{transition:none}
}

/* fechamento: "Menos horas na edição. Mais tempo para você." */
.closing h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(16px,3vw,34px);line-height:1.6;text-shadow:4px 4px 0 #6b2f10;
}
.closing .closing-time-note{font-family:"VT323","Courier New",monospace;font-size:24px;line-height:1.1}
.closing img{image-rendering:pixelated}
.closing h2{
  width:fit-content;margin-left:auto;margin-right:auto;cursor:pointer;-webkit-user-select:none;user-select:none;
  transition:transform .08s steps(2,end),text-shadow .08s steps(2,end);
}
.closing h2:hover{transform:translate(2px,2px);text-shadow:2px 2px 0 #6b2f10}
.closing h2:active{transform:translate(4px,4px);text-shadow:0 0 0 #6b2f10}
@media (prefers-reduced-motion:reduce){.closing h2{transition:none}}

/* logo do fechamento: contorno escuro + sombra dura, como nos botões laranja */
.closing img{
  filter:
    drop-shadow(3px 0 0 #0d0b12) drop-shadow(-3px 0 0 #0d0b12)
    drop-shadow(0 3px 0 #0d0b12) drop-shadow(0 -3px 0 #0d0b12)
    drop-shadow(5px 5px 0 #0d0b12);
}

/* título "Leve sua direção. Deixe o HeyCut trabalhar." */
#proximo-passo .section-heading .eyebrow{
  display:inline-block;padding:7px 10px;background:#0d0b12;color:#f2a65a;border:2px solid #4b3f66;
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.4;box-shadow:3px 3px 0 #dd7136;
}
#proximo-passo .section-heading h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(15px,2.6vw,30px);line-height:1.6;text-shadow:4px 4px 0 #6b2f10;
}
#proximo-passo .section-heading p{font-family:"VT323","Courier New",monospace;font-size:25px;line-height:1.1}

/* cards de vídeo em estilo game (placeholder + rodapé de cada vídeo) */
#videos .video-card{
  overflow:visible;background-color:#1b1626;border:4px solid #0d0b12!important;border-radius:0;
  box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,7px 7px 0 #0d0b12;
  transition:transform .08s steps(2,end),box-shadow .08s steps(2,end);
}
#videos .video-card:hover{transform:translate(-3px,-3px);box-shadow:inset 4px 4px 0 #f2a65a,inset -4px -4px 0 #8a3d14,10px 10px 0 #0d0b12}
#videos .video-media{border-radius:0;margin:4px 4px 0;border-bottom:4px solid #0d0b12}
#videos .video-media *{border-radius:0!important}
#videos .video-play{shape-rendering:crispEdges;stroke-linejoin:miter;stroke-linecap:square}
#videos .video-coming{
  font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.5;color:#f2a65a;
  animation:px-blink 1.2s steps(2,start) infinite;
}
#videos .video-lines i{border-radius:0;box-shadow:inset 0 3px 0 rgba(255,255,255,.2),0 0 0 2px #0d0b12}

#videos .video-caption{background:transparent;padding:18px 20px 22px}
#videos .video-caption .mini-label{
  display:inline-block;padding:5px 8px;background:#0d0b12;color:#f2a65a;border:2px solid #4b3f66;
  font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;line-height:1.5;box-shadow:3px 3px 0 #dd7136;
}
#videos .video-caption h4{
  margin:14px 0 8px;font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-transform:uppercase;
  font-size:12px;line-height:1.7;color:#fff;text-shadow:3px 3px 0 #0d0b12;
}
#videos .video-caption p{margin:0;font-family:"VT323","Courier New",monospace;font-size:22px;line-height:1.1;color:#cdbfe6}
@media (prefers-reduced-motion:reduce){#videos .video-coming{animation:none}}

#proximo-passo .section-heading h2{font-size:clamp(14px,2.2vw,26px)}

/* "Como funciona" passo 1: mesmos ícones animados do inventário */
.steps .task-art .benefit-icon{
  box-sizing:content-box;width:36px;height:36px;padding:12px;color:#f2a65a;display:block;overflow:visible;
  background-color:#0d0b12;border:3px solid #4b3f66;border-radius:0;box-shadow:4px 4px 0 #0d0b12;
  background-image:linear-gradient(rgba(242,166,90,.10) 2px,transparent 2px),linear-gradient(90deg,rgba(242,166,90,.10) 2px,transparent 2px);
  background-size:12px 12px;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges;
}
.steps .task-art .benefit-icon rect{rx:0}
.steps .task-art .benefit-icon .scissor-pin,.steps .task-art .benefit-icon .letter-glyph{fill:currentColor;stroke:none}
.steps .task-art .benefit-icon .scissor-arm{animation:px-snip-a 3s steps(4,end) infinite}
.steps .task-art .benefit-icon .scissor-arm.lower{animation-name:px-snip-b}
.steps .task-art:hover .benefit-icon{border-color:#f2a65a}
@media (prefers-reduced-motion:reduce){.steps .task-art .benefit-icon .scissor-arm{animation:none}}

/* "Como funciona": fontes dos passos maiores */
.steps article h3{font-size:clamp(13px,1.25vw,16px);line-height:1.7}
.steps article p{font-size:17px;line-height:1.7}

/* passo 1 de "Como funciona": slots brancos, como o resto da seção */
.steps .task-art .benefit-icon{
  color:#b9531b;background-color:#fff;border:3px solid #0d0b12;
  box-shadow:inset 2px 2px 0 #f6a26f,4px 4px 0 #0d0b12;
  background-image:none;
}
.steps .task-art:hover .benefit-icon{border-color:#0d0b12;box-shadow:inset 2px 2px 0 #dd7136,4px 4px 0 #dd7136}
.steps .task-art:hover .benefit-icon{border-color:#0d0b12;box-shadow:inset 2px 2px 0 #f6a26f,4px 4px 0 #0d0b12}