/* dorina.html specific styles */

/* ── MESH GRID DECORATION ── */
.mesh-container {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: -1;
  opacity: 0.3;
  pointer-events: none;
}
.mesh-line {
  position: absolute;
  background: var(--orange-border);
}
.mesh-v { width: 1px; height: 100%; top: 0; }
.mesh-h { height: 1px; width: 100%; left: 0; }

/* ── AGENT TERMINAL ── */
.agent-demo { padding: 8rem 4rem; background: #080808; border-top: 1px solid var(--orange-border); }
.demo-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 6rem; align-items: center; }

.terminal-window {
  background: #000;
  border: 1px solid var(--orange-border);
  border-radius: 4px;
  font-family: var(--mono);
  font-size: 13px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
  overflow: hidden;
}
.term-header {
  background: #111;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--orange-border);
}
.term-dots { display: flex; gap: 8px; }
.term-dot { width: 10px; height: 10px; border-radius: 50%; background: #333; }
.term-dot.orange { background: var(--orange); }
.term-body { padding: 2rem; color: var(--orange-dim); min-height: 350px; }
.cursor-blink { display: inline-block; width: 8px; height: 15px; background: var(--orange); animation: blink 1s infinite; margin-left: 5px; vertical-align: middle; }

@keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }

@media (max-width: 992px) {
  .demo-inner { grid-template-columns: 1fr; gap: 3rem; }
  .term-body { min-height: 250px; }
}