/* =============================================
   SERVICES PAGE STYLES
   ============================================= */

/* --- MODULE ROW --- */
.module-row {
  display:grid; grid-template-columns:1fr 1fr;
  gap:60px; align-items:center; margin-bottom:100px;
}
.module-row:nth-child(even) { direction:rtl; }
.module-row:nth-child(even) > * { direction:ltr; }

.module-content h2 { font-size:clamp(1.8rem,3vw,2.4rem); color:#fff; margin-bottom:18px; display:flex; align-items:center; gap:14px; }
.module-content h2 i { font-size:1.8rem; }
.module-content p  { margin-bottom:24px; line-height:1.8; }
.module-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }

/* --- TERMINAL WINDOW --- */
.terminal-win {
  background:#080f1e; border:1px solid #1e293b;
  border-radius:10px; overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.terminal-titlebar {
  background:#111827; padding:10px 16px;
  display:flex; align-items:center; gap:8px;
  border-bottom:1px solid #1e293b;
}
.tdot { width:12px; height:12px; border-radius:50%; }
.tdot-r { background:#ef4444; } .tdot-y { background:#f59e0b; } .tdot-g { background:#10b981; }
.terminal-title { font-family:var(--font-mono); font-size:.72rem; color:var(--text-dim); margin-left:8px; }
.terminal-body { padding:22px; font-family:var(--font-mono); font-size:.82rem; color:#cbd5e1; line-height:1.9; }
.t-cmd   { color:var(--neon-green); }
.t-var   { color:var(--neon-purple); }
.t-str   { color:var(--neon-red); }
.t-cmt   { color:var(--text-dim); }
.t-ok    { color:var(--neon-green); }
.t-warn  { color:#f59e0b; }
.t-err   { color:var(--neon-red); }
.t-prompt { color:var(--neon-cyan); }

/* Cursor blinking in terminal */
.t-cursor { display:inline-block; width:8px; height:14px; background:var(--neon-green); vertical-align:middle; animation:blink2 .8s step-end infinite; }
@keyframes blink2 { 50%{opacity:0} }

/* --- TECH STACK SECTION --- */
.tech-stack-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:16px; margin-top:50px;
}
.tech-item {
  aspect-ratio:1; background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06); border-radius:var(--r-md);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; transition:all .3s var(--ease); padding:16px;
}
.tech-item:hover { background:rgba(168,85,247,.08); border-color:rgba(168,85,247,.3); transform:translateY(-4px); }
.tech-item i    { font-size:2rem; color:var(--neon-purple); }
.tech-item span { font-family:var(--font-mono); font-size:.68rem; color:var(--text-muted); letter-spacing:.5px; text-align:center; }

/* --- PRICING --- */
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px; }
.price-card {
  background:var(--glass-bg); border:var(--glass-border);
  border-radius:var(--r-lg); padding:36px; text-align:center;
  position:relative; transition:.35s var(--ease);
}
.price-card:hover { transform:translateY(-6px); }
.price-card.featured {
  border-color:rgba(168,85,247,.4);
  box-shadow:var(--glow-p);
}
.price-badge {
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--grad-main); color:#fff;
  font-family:var(--font-mono); font-size:.7rem; padding:5px 18px;
  border-radius:50px; letter-spacing:1px;
}
.price-name { font-size:.8rem; font-family:var(--font-mono); color:var(--neon-purple); letter-spacing:2px; text-transform:uppercase; margin-bottom:14px; }
.price-val  { font-size:3rem; font-weight:900; color:#fff; margin-bottom:4px; }
.price-val span { font-size:1.2rem; color:var(--text-muted); }
.price-period { font-size:.8rem; color:var(--text-muted); margin-bottom:28px; }
.price-divider { height:1px; background:rgba(255,255,255,.07); margin:24px 0; }
.price-features { text-align:left; margin-bottom:30px; }
.price-features li { display:flex; align-items:center; gap:10px; padding:7px 0; font-size:.88rem; color:var(--text-muted); }
.price-features li i { color:var(--neon-green); font-size:.8rem; }
.price-features li.na { opacity:.4; }
.price-features li.na i { color:var(--text-dim); }

/* --- RESPONSIVE --- */
@media (max-width:900px) {
  .module-row, .module-row:nth-child(even) { grid-template-columns:1fr; direction:ltr; }
  .pricing-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .tech-stack-grid { grid-template-columns:repeat(3,1fr); }
}