/* ─── SERVICE PAGE ─── */
.svc-hero { padding: clamp(140px, 18vh, 200px) 0 clamp(60px, 8vh, 80px); }
.svc-hero__back {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--ink-muted); font-size: 0.82rem; font-weight: 500;
    text-decoration: none; margin-bottom: 28px; transition: color 0.2s;
}
.svc-hero__back:hover { color: var(--accent); }
.svc-hero__icon { font-size: 3rem; margin-bottom: 20px; }
.svc-hero__title {
    font-family: var(--font-display); font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    line-height: 1.1; margin-bottom: 16px;
    opacity: 0; animation: fadeUp 0.8s 0.2s forwards;
}
.svc-hero__subtitle {
    font-size: 1.1rem; color: var(--ink-muted); max-width: 600px; line-height: 1.7;
    opacity: 0; animation: fadeUp 0.8s 0.35s forwards;
}

.svc-features {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 56px;
}
.svc-feature {
    padding: 32px; border-radius: var(--radius);
    background: var(--card-bg); border: 1px solid var(--card-border);
    backdrop-filter: blur(12px); transition: all 0.35s;
}
.svc-feature:hover { border-color: rgba(122,216,255,0.15); transform: translateY(-3px); }
.svc-feature__title { font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; color: var(--accent); }
.svc-feature__text { font-size: 0.9rem; color: var(--ink-muted); line-height: 1.65; }

.svc-tech {
    margin-top: 48px; padding: 36px; border-radius: var(--radius-lg);
    background: var(--card-bg); border: 1px solid var(--card-border);
    backdrop-filter: blur(12px);
}
.svc-tech__title { font-weight: 700; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-muted); margin-bottom: 16px; }
.svc-tech__list { display: flex; gap: 8px; flex-wrap: wrap; }
.svc-tech__tag { padding: 8px 16px; border-radius: 100px; background: var(--accent-soft); color: var(--accent); font-size: 0.82rem; font-weight: 600; }

.svc-related { margin-top: 64px; }
.svc-related__title { font-family: var(--font-display); font-size: 1.6rem; margin-bottom: 24px; }
.svc-related__list { display: flex; gap: 16px; flex-wrap: wrap; }
.svc-related__item {
    flex: 1; min-width: 260px; padding: 28px; border-radius: var(--radius);
    background: var(--card-bg); border: 1px solid var(--card-border);
    text-decoration: none; color: var(--ink); transition: all 0.35s;
    backdrop-filter: blur(12px);
}
.svc-related__item:hover { border-color: rgba(122,216,255,0.15); transform: translateY(-3px); color: var(--ink); }
.svc-related__item-name { font-weight: 700; margin-bottom: 4px; }
.svc-related__item-desc { font-size: 0.85rem; color: var(--ink-muted); }

.svc-cta {
    margin-top: 64px; padding: 48px; border-radius: var(--radius-lg);
    background: var(--card-bg); border: 1px solid var(--card-border);
    backdrop-filter: blur(12px); text-align: center;
}
.svc-cta__title { font-family: var(--font-display); font-size: 1.5rem; margin-bottom: 8px; }
.svc-cta__text { color: var(--ink-muted); margin-bottom: 24px; font-size: 0.95rem; }

@media (max-width: 768px) {
    .svc-features { grid-template-columns: 1fr; }
    .svc-related__list { flex-direction: column; }
    .svc-cta { padding: 32px 24px; }
}