/* Seção "A tarefa certa. Na hora certa." em estilo game */
.features-section .section-heading h2{
  font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;line-height:1.5;
  font-size:clamp(22px,3.4vw,40px);text-shadow:4px 4px 0 #6b2f10;
}
.features-section .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;
}
.features-section .section-heading p{font-family:"VT323","Courier New",monospace;font-size:26px;line-height:1.1;color:#cdbfe6}

/* menu de seleção (abas) */
.features-section .feature-tabs{gap:14px}
.features-section .feature-tabs button{
  position:relative;background:#262034;color:#fff;border:4px solid #0d0b12;border-radius:0;
  box-shadow:inset 3px 3px 0 #4b3f66,inset -3px -3px 0 #120f1b,5px 5px 0 #0d0b12;
  font-family:"Press Start 2P","Courier New",monospace;font-size:10px;line-height:1.5;letter-spacing:0;
  transition:transform .06s steps(2,end),box-shadow .06s steps(2,end);
}
.features-section .feature-tabs button span{font-family:inherit;font-size:10px}
.features-section .feature-tabs button svg{shape-rendering:crispEdges;stroke-linecap:square;stroke-linejoin:miter}
.features-section .feature-tabs button:hover{transform:translate(-2px,-2px);box-shadow:inset 3px 3px 0 #4b3f66,inset -3px -3px 0 #120f1b,7px 7px 0 #0d0b12}
.features-section .feature-tabs button:active{transform:translate(4px,4px);box-shadow:inset 3px 3px 0 #120f1b,inset -3px -3px 0 #4b3f66,0 0 0 #0d0b12}
.features-section .feature-tabs button[aria-selected="true"]{
  background:#4a2b18;box-shadow:inset 3px 3px 0 #f2a65a,inset -3px -3px 0 #8a3d14,5px 5px 0 #0d0b12;
}
.features-section .feature-tabs button[aria-selected="true"] span::before{content:"▶ ";color:#f2a65a}
.features-section .feature-tabs button:focus-visible{outline:3px dashed #f2a65a;outline-offset:3px}

/* tela do recurso */
.features-section .feature-detail{
  background-color:#1b1626;border:4px solid #0d0b12;border-radius:0;
  box-shadow:inset 4px 4px 0 #4b3f66,inset -4px -4px 0 #120f1b,8px 8px 0 #0d0b12,8px 8px 0 2px #dd7136;
  background-image:linear-gradient(transparent,transparent);
  image-rendering:pixelated;
}
.features-section .feature-visual{background:transparent;border-radius:0;min-height:340px}
.features-section .feature-visual .mini-label,
.features-section .feature-copy .mini-label{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;line-height:1.6;color:#f2a65a}
.features-section .feature-copy{border-top:4px dashed #4b3f66}
.features-section #feature-title{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;font-size:clamp(15px,1.8vw,22px);line-height:1.5;text-shadow:3px 3px 0 #0d0b12}
.features-section #feature-text{font-family:"VT323","Courier New",monospace;font-size:24px;line-height:1.1;color:#cdbfe6}
.features-section .feature-foot{font-family:"VT323","Courier New",monospace;font-size:21px;color:#f2a65a}
.features-section .feature-foot::before{content:"★ "}

/* ---- visual: cortes e ritmo ---- */
.features-section .cuts-ruler span,.features-section .cuts-footer span{font-family:"VT323","Courier New",monospace;font-size:20px;color:#cdbfe6}
.features-section .audio-piece{border-radius:0;border:3px solid #0d0b12;box-shadow:inset 3px 3px 0 rgba(255,255,255,.18),inset -3px -3px 0 rgba(0,0,0,.35),0 0 0 2px #dd7136}
.features-section .audio-piece>span{font-family:"Press Start 2P","Courier New",monospace;font-size:9px}
.features-section .breath-piece{box-shadow:inset 0 0 0 2px #4b3f66;border:3px dashed #4b3f66}
.features-section .cut-blade{border-radius:0;width:4px;background:#fff;box-shadow:0 0 0 2px #0d0b12}
.features-section .clip-wave{shape-rendering:crispEdges}
.features-section .audio-tape{height:136px!important;background:transparent;border-radius:0}
.features-section .audio-tape .audio-piece,.features-section .audio-tape .audio-original{height:124px!important;top:6px!important;bottom:auto!important}
.features-section .cuts-ruler{margin-bottom:10px}
.features-section .cuts-footer{margin-top:14px}

/* ---- visual: legendas ---- */
.features-section .visual-captions .caption-line{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;line-height:1.7;text-shadow:4px 4px 0 #6b2f10}
.features-section .visual-captions .caption-line{font-size:clamp(18px,2.8vw,36px);word-spacing:.7em;white-space:nowrap}
.features-section .caption-underline path{stroke-linecap:square;shape-rendering:crispEdges}

/* ---- visual: referências ---- */
.features-section .source-folder,.features-section .drag-folder,.features-section .media-panel,.features-section .drop-zone,.features-section .media-bin,.features-section .bin-file{border-radius:0}
.features-section .media-panel{border:4px solid #0d0b12;box-shadow:inset 3px 3px 0 #4b3f66,inset -3px -3px 0 #120f1b,5px 5px 0 #0d0b12}
.features-section .media-panel-title,.features-section .media-panel-bar span,.features-section .bin-heading span{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0}
.features-section .drop-zone{border:3px dashed #f2a65a}
.features-section .bin-file{font-family:"VT323","Courier New",monospace;font-size:20px}
.features-section .source-folder span{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0}
.features-section .refs-demo svg,.features-section .drag-cursor{shape-rendering:crispEdges;stroke-linejoin:miter;stroke-linecap:square}

/* ---- visual: lettering em motion ---- */
.features-section .motion-demo{image-rendering:pixelated;border-radius:0}
.features-section .motion-demo *{border-radius:0}
.features-section .lettering-form input{border-radius:0;border:4px solid #0d0b12;background:#0d0b12;color:#fff;font-family:"VT323","Courier New",monospace;font-size:22px;box-shadow:inset 3px 3px 0 #4b3f66}
.features-section .lettering-form label{font-family:"Press Start 2P","Courier New",monospace;font-size:8px;letter-spacing:0;color:#f2a65a}
.features-section .lettering-form p{font-family:"VT323","Courier New",monospace;font-size:19px}

@media (max-width:900px){.features-section .feature-visual{min-height:260px}}

/* ---- motion demo: pedido, carregando, resultado ---- */
.features-section .motion-request{background:#0d0b12;border:4px solid #f4f3f1;border-radius:0;box-shadow:0 0 0 4px #0d0b12;padding:24px 22px}
.features-section .motion-request-label{font-family:"Press Start 2P","Courier New",monospace;font-size:9px;letter-spacing:0;line-height:1.6;color:#f2a65a}
.features-section .motion-request-text,.features-section .motion-typed{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;font-size:clamp(14px,1.8vw,22px);line-height:1.6;color:#fff}
.features-section .type-caret{border-radius:0;width:.7em;height:1.1em;background:#f2a65a;animation:px-blink .8s steps(2,start) infinite}
.features-section .motion-loading span{font-family:"Press Start 2P","Courier New",monospace;font-size:10px;letter-spacing:0;line-height:1.6}
.features-section .motion-loading-track{border-radius:0;border:3px solid #0d0b12;background:#2c2540;height:18px}
.features-section .motion-loading-track b{border-radius:0;background:repeating-linear-gradient(to right,#dd7136 0 10px,#f6a26f 10px 12px)}
.features-section .motion-loading i{border-radius:0}
.features-section .motion-result *{border-radius:0}
.features-section .art-line,.features-section .art-line span,.features-section .art-echo,.features-section .art-number{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;letter-spacing:0;text-shadow:4px 4px 0 #6b2f10}
.features-section .art-number{font-size:9px;text-shadow:none}
.features-section .art-grid{background-image:linear-gradient(rgba(242,166,90,.18) 2px,transparent 2px),linear-gradient(90deg,rgba(242,166,90,.18) 2px,transparent 2px);background-size:24px 24px}
.features-section .art-orbit,.features-section .art-orbit b,.features-section .art-cross,.features-section .art-stripe{border-radius:0}
.features-section .refs-demo{zoom:1.25}
.features-section .art-words,.features-section .art-echo{font-size:clamp(26px,5.4vw,52px)!important;line-height:1.35!important}

/* ---- recurso: zoom dinâmico (segunda câmera) ---- */
.visual-zoom{display:none}
.feature-visual[data-visual="zoom"] .visual-zoom{display:flex;flex-direction:column;gap:14px;width:min(100%,560px);margin:auto}
.features-section .zoom-frame{
  position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(#1b1626 0 60%,#2a1a16 60%);
  border:4px solid #0d0b12;box-shadow:0 0 0 3px #4b3f66,6px 6px 0 3px #0d0b12;
}
.features-section .zoom-scene{position:absolute;inset:0;transform-origin:50% 40%;animation:px-zoom 6s steps(6,end) infinite}
.features-section .zoom-sun{position:absolute;right:12%;top:14%;width:34px;height:34px;background:#f2c94c;box-shadow:inset 4px 4px 0 #fff3a8,inset -4px -4px 0 #a8841a}
.features-section .zoom-hill{position:absolute;left:0;right:0;bottom:0;height:34%;background:#2c2540;border-top:4px solid #4b3f66}
.features-section .zoom-person{position:absolute;left:calc(50% - 40px);top:22%;width:8px;height:8px;color:#f2a65a;box-shadow:24px 0px 0 0 currentColor,32px 0px 0 0 currentColor,40px 0px 0 0 currentColor,48px 0px 0 0 currentColor,16px 8px 0 0 currentColor,24px 8px 0 0 currentColor,32px 8px 0 0 currentColor,40px 8px 0 0 currentColor,48px 8px 0 0 currentColor,56px 8px 0 0 currentColor,16px 16px 0 0 currentColor,32px 16px 0 0 currentColor,40px 16px 0 0 currentColor,56px 16px 0 0 currentColor,16px 24px 0 0 currentColor,24px 24px 0 0 currentColor,32px 24px 0 0 currentColor,40px 24px 0 0 currentColor,48px 24px 0 0 currentColor,56px 24px 0 0 currentColor,24px 32px 0 0 currentColor,32px 32px 0 0 currentColor,40px 32px 0 0 currentColor,48px 32px 0 0 currentColor,16px 40px 0 0 currentColor,24px 40px 0 0 currentColor,32px 40px 0 0 currentColor,40px 40px 0 0 currentColor,48px 40px 0 0 currentColor,56px 40px 0 0 currentColor,8px 48px 0 0 currentColor,16px 48px 0 0 currentColor,24px 48px 0 0 currentColor,32px 48px 0 0 currentColor,40px 48px 0 0 currentColor,48px 48px 0 0 currentColor,56px 48px 0 0 currentColor,64px 48px 0 0 currentColor,8px 56px 0 0 currentColor,16px 56px 0 0 currentColor,24px 56px 0 0 currentColor,32px 56px 0 0 currentColor,40px 56px 0 0 currentColor,48px 56px 0 0 currentColor,56px 56px 0 0 currentColor,64px 56px 0 0 currentColor,0px 64px 0 0 currentColor,8px 64px 0 0 currentColor,16px 64px 0 0 currentColor,24px 64px 0 0 currentColor,32px 64px 0 0 currentColor,40px 64px 0 0 currentColor,48px 64px 0 0 currentColor,56px 64px 0 0 currentColor,64px 64px 0 0 currentColor,72px 64px 0 0 currentColor,0px 72px 0 0 currentColor,8px 72px 0 0 currentColor,16px 72px 0 0 currentColor,24px 72px 0 0 currentColor,32px 72px 0 0 currentColor,40px 72px 0 0 currentColor,48px 72px 0 0 currentColor,56px 72px 0 0 currentColor,64px 72px 0 0 currentColor,72px 72px 0 0 currentColor}
.features-section .zoom-corners{
  position:absolute;inset:7%;pointer-events:none;
  background:
    linear-gradient(#f2a65a,#f2a65a) left top/20px 3px no-repeat,linear-gradient(#f2a65a,#f2a65a) left top/3px 20px no-repeat,
    linear-gradient(#f2a65a,#f2a65a) right top/20px 3px no-repeat,linear-gradient(#f2a65a,#f2a65a) right top/3px 20px no-repeat,
    linear-gradient(#f2a65a,#f2a65a) left bottom/20px 3px no-repeat,linear-gradient(#f2a65a,#f2a65a) left bottom/3px 20px no-repeat,
    linear-gradient(#f2a65a,#f2a65a) right bottom/20px 3px no-repeat,linear-gradient(#f2a65a,#f2a65a) right bottom/3px 20px no-repeat;
  animation:px-corners 6s steps(1,end) infinite;
}
.features-section .zoom-cam,.features-section .zoom-rec{
  position:absolute;top:9px;padding:4px 6px;background:#0d0b12;font-family:"Press Start 2P","Courier New",monospace;font-size:8px;line-height:1.2;letter-spacing:0;
}
.features-section .zoom-cam{left:10px;color:#cdbfe6}
.features-section .zoom-cam1{animation:px-cam1 6s steps(1,end) infinite}
.features-section .zoom-cam2{color:#f2a65a;opacity:0;animation:px-cam2 6s steps(1,end) infinite}
.features-section .zoom-rec{right:10px;color:#ff4d5e;animation:px-blink 1s steps(2,start) infinite}
.features-section .zoom-track{position:relative;height:34px;background:#1b1626;border:3px solid #0d0b12;box-shadow:inset 3px 3px 0 #4b3f66,3px 3px 0 #0d0b12}
.features-section .zoom-clip{position:absolute;left:32%;width:33%;top:4px;bottom:4px;display:grid;place-items:center;background:#dd7136;box-shadow:inset 2px 2px 0 #f6a26f,inset -2px -2px 0 #9a4617,0 0 0 2px #0d0b12}
.features-section .zoom-clip b{font-family:"Press Start 2P","Courier New",monospace;font-weight:400;font-size:7px;color:#0d0b12;letter-spacing:0}
.features-section .zoom-play{position:absolute;top:-5px;bottom:-5px;left:0;width:4px;background:#fff;box-shadow:0 0 0 2px #0d0b12;animation:px-play 6s steps(60,end) infinite}
@keyframes px-zoom{0%,30%{transform:scale(1)}32%{transform:scale(1.45)}34%,64%{transform:scale(1.9)}66%{transform:scale(1.4)}68%,100%{transform:scale(1)}}
@keyframes px-corners{0%,31%{inset:7%}32%,65%{inset:3%}66%,100%{inset:7%}}
@keyframes px-cam1{0%,31%{opacity:1}32%,65%{opacity:0}66%,100%{opacity:1}}
@keyframes px-cam2{0%,31%{opacity:0}32%,65%{opacity:1}66%,100%{opacity:0}}
@keyframes px-play{from{left:0}to{left:calc(100% - 4px)}}
@media (prefers-reduced-motion:reduce){.features-section .zoom-scene,.features-section .zoom-corners,.features-section .zoom-play,.features-section .zoom-cam1,.features-section .zoom-cam2{animation:none}.features-section .zoom-cam2{opacity:0}}
.feature-visual[data-visual="zoom"] .visual-zoom{width:min(100%,370px);margin:22px auto 0}