/* === SECTION: TYPING BAR === */
.typing-bar { position: relative; background: rgba(79, 209, 199, 0.95); color: #ffffff; padding: 36px 0; }
.typing-bar .inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; }
.typing-bar h2 { color: #ffffff; font-size: 2.0rem; margin-bottom: 8px; }
.typing-bar .typing-wrap { display: flex; align-items: center; justify-content: center; gap: 18px; }
.typing-bar .typing-text { display: inline-block; font-size: 1.1rem; font-weight: 600; color: #0b1312; overflow: hidden; white-space: nowrap; border-right: 2px solid rgba(15,23,32,.85); animation: typing 4s steps(28,end) infinite alternate, caret .8s step-end infinite; }
.typing-bar .btn { margin-left: 6px; }

@keyframes typing { from { width: 0; } to { width: 28ch; } }
@keyframes caret { 0%, 100% { border-color: transparent; } 50% { border-color: rgba(15,23,32,.85); } }

@media (max-width: 768px) {
  .typing-bar { padding: 28px 0; }
  .typing-bar h2 { font-size: 1.25rem; }
  .typing-bar .typing-text { font-size: 1rem; }
}