/* ===== SERVICES PAGE ===== */
.services { padding: 80px 0 100px; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.svc-item { padding: 32px; border-radius: 20px; border: 1px solid var(--border); background: #fff; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; }
.svc-item:hover { border-color: var(--accent); box-shadow: 0 8px 40px rgba(0, 136, 255, 0.1); transform: translateY(-4px); }
.svc-item-num { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 48px; color: var(--surface); line-height: 1; margin-bottom: 24px; transition: color 0.3s ease; }
.svc-item:hover .svc-item-num { color: rgba(0, 136, 255, 0.12); }
.svc-item h3 { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 18px; margin-bottom: 10px; }
.svc-item p { font-size: 14px; color: var(--text-secondary); line-height: 1.7; }
.svc-item-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.svc-item-tag { padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 500; background: var(--surface); color: var(--muted); }
.svc-item-arrow { position: absolute; top: 32px; right: 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--surface); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.svc-item-arrow svg { width: 14px; height: 14px; stroke: var(--muted); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: all 0.3s ease; }
.svc-item:hover .svc-item-arrow { background: var(--accent); }
.svc-item:hover .svc-item-arrow svg { stroke: #fff; transform: translate(2px, -2px); }
@media (max-width: 810px) { .services-grid { grid-template-columns: 1fr; } }

/* TECH SECTION */
.tech-section { padding: 100px 0; background: var(--surface); }
.tech-section .section-title { text-align: center; margin-bottom: 12px; }
.tech-subtitle { text-align: center; font-size: 15px; color: var(--body-text); margin-bottom: 40px; }
.tech-tags { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 800px; margin: 0 auto; }
.tech-tag { padding: 10px 20px; border-radius: 100px; font-size: 13px; font-weight: 500; background: #fff; color: var(--text-secondary); border: 1px solid var(--border); transition: all 0.3s ease; }
.tech-tag:hover { border-color: var(--accent); color: var(--accent); }

/* CTA */
.cta-section { padding: 100px 0; text-align: center; }
.cta-section .section-title { margin-bottom: 16px; }
.cta-section p { font-size: 15px; color: var(--body-text); margin-bottom: 32px; }
.cta-btns { display: flex; gap: 12px; justify-content: center; }