/* ================================================================
   DIREÇÃO C - "TERMINAL"
   Máquina. Mono em todo o lado, verde de fósforo, grelha visível.
   O vídeo vive numa faixa dentro do painel, com moldura de dados.
   ================================================================ */
:root{
  --bg:#0a0b0a;
  --panel:#0f110f;
  --grid:#1c2320;
  --ink:#d7e4da;
  --dim:#6d7f74;
  --green:#4ade80;
  --mono:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--mono);line-height:1.6;font-size:14px;
  -webkit-font-smoothing:antialiased;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:46px 46px;background-position:-1px -1px}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.box{max-width:1000px;margin:0 auto;padding:0 14px}

/* ---- barra ---- */
.bar{display:flex;align-items:center;gap:8px;padding:14px 0;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim)}
.bar i{width:7px;height:7px;border-radius:50%;background:var(--green);display:block;
  box-shadow:0 0 8px rgba(74,222,128,.7)}

/* ---- identidade ---- */
.id{border:1px solid var(--grid);background:var(--panel);padding:30px 20px 26px;position:relative}
.id .pt{position:absolute;left:20px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--green);
  box-shadow:0 0 12px rgba(74,222,128,.8)}
.id h1{margin-top:16px;font-size:clamp(2.1rem,10vw,5rem);line-height:.98;letter-spacing:-.04em;font-weight:700;
  font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
.id .meta{margin-top:14px;display:grid;gap:5px;font-size:11.5px;color:var(--dim);letter-spacing:.08em}
.id .meta b{color:var(--green);font-weight:600}

/* ---- faixa de vídeo ---- */
.strip{margin-top:-1px;border:1px solid var(--grid);background:#050705;overflow:hidden}
.strip video{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 42%;opacity:.9}
.strip .info{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--grid);
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

/* ---- blocos de texto ---- */
.block{margin-top:22px;border:1px solid var(--grid);background:var(--panel);padding:22px 20px}
.block h2{font-size:1.28rem;letter-spacing:-.01em;font-weight:600;
  font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
.block p{margin-top:10px;color:var(--dim);max-width:62ch}
.kv{margin-top:16px;display:grid;gap:10px}
.kv div{display:grid;grid-template-columns:1fr;gap:4px;align-items:start;font-size:12.5px}
.kv span{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}

/* ---- tabela de projetos ---- */
.tbl{margin-top:22px;border:1px solid var(--grid);background:var(--panel)}
.tbl .head{display:grid;grid-template-columns:34px 1fr 62px;gap:10px;padding:11px 14px;
  border-bottom:1px solid var(--grid);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.tbl a{display:grid;grid-template-columns:34px 1fr 62px;gap:10px;padding:14px;
  border-bottom:1px solid var(--grid);align-items:center;transition:background .18s ease}
.tbl a:last-child{border-bottom:0}
.tbl a:hover,.tbl a:focus-visible{background:#141a16}
.tbl .k{color:var(--green);font-size:11.5px}
.tbl .v b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;
  font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
.tbl .v small{display:block;color:var(--dim);font-size:11.5px;margin-top:2px}
.tbl .s{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);text-align:right}

/* ---- fecho ---- */
.exec{margin-top:22px;border:1px solid var(--green);background:var(--panel);padding:24px 20px}
.exec h2{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;
  font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}
.exec p{margin-top:10px;color:var(--dim);max-width:52ch}
.cta{display:inline-flex;align-items:center;gap:9px;margin-top:20px;width:fit-content;white-space:nowrap;
  background:var(--green);color:#04140a;font-weight:700;padding:14px 24px;font-size:13px;letter-spacing:.04em}
.cta:active{transform:translateY(1px)}
.hold{display:inline-block;margin-top:13px;font-size:11px;letter-spacing:.12em;color:#e0b862;
  border:1px dashed #4a3d1c;padding:9px 12px}
.foot{padding:20px 0 96px;color:var(--dim);font-size:11px;letter-spacing:.1em}

/* ---- alternador ---- */
.switch{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:2px;
  background:rgba(10,11,10,.88);backdrop-filter:blur(12px);border:1px solid var(--grid);padding:4px}
.switch a{font-size:11px;letter-spacing:.16em;color:var(--dim);padding:9px 14px}
.switch a.on{background:var(--green);color:#04140a;font-weight:700}

@media (min-width:900px){
  .id{padding:40px 34px 32px}
  .block,.exec{padding:28px 34px}
  .tbl .head,.tbl a{grid-template-columns:44px 1fr 90px;padding-left:34px;padding-right:34px}
  .kv div{grid-template-columns:120px 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.cta-wa{background:transparent;border:1px solid currentColor;margin-left:10px}