/* services.css */

.breadcrumb { display:flex; align-items:center; gap:8px; font-size:0.82rem; color:var(--text-muted); justify-content:center; margin-top:16px; }
.breadcrumb a { color:var(--red-bright); }
.breadcrumb a:hover { text-decoration:underline; }

/* QUICK NAV */
.svc-quick-nav { background:var(--bg-secondary); border-bottom:1px solid var(--border-subtle); padding:16px 0; position:sticky; top:var(--nav-height); z-index:100; }
.svc-pills { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.svc-pill { font-size:0.8rem; font-weight:600; color:var(--text-secondary); background:var(--bg-card); border:1px solid var(--border-subtle); padding:8px 16px; border-radius:100px; transition:var(--transition); white-space:nowrap; }
.svc-pill:hover { color:var(--red-bright); border-color:var(--red-border); background:var(--red-glow); }

/* SERVICE SECTIONS */
.svc-section { padding:90px 0; }
.svc-section.alt-bg { background:var(--bg-secondary); }
.svc-detail-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:center; }
.svc-detail-inner.reverse { grid-template-columns:1fr 1.2fr; }

.svc-desc { font-size:0.93rem; color:var(--text-secondary); line-height:1.8; margin-bottom:28px; }

.svc-offerings { display:flex; flex-direction:column; gap:18px; margin-bottom:32px; }
.offering { display:flex; align-items:flex-start; gap:14px; padding:16px 18px; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-md); transition:var(--transition); }
.offering:hover { border-color:var(--border-red); background:var(--bg-red-card); }
.offering-dot { width:10px; height:10px; background:var(--red-bright); border-radius:50%; flex-shrink:0; margin-top:5px; box-shadow:0 0 8px var(--red); }
.offering strong { display:block; font-size:0.9rem; color:var(--text-primary); margin-bottom:3px; }
.offering span { font-size:0.82rem; color:var(--text-secondary); line-height:1.55; }

/* SERVICE VISUAL CARD */
.svc-visual-card {
  background:linear-gradient(135deg,rgba(37,99,235,0.10),rgba(37,99,235,0.02));
  border:1px solid var(--border-red);
  border-radius:var(--radius-xl); padding:44px 36px;
  text-align:center; position:sticky; top:calc(var(--nav-height) + 80px);
}
.svc-visual-card.accent-card { background:var(--bg-card); border-color:var(--border-subtle); }
.svc-vc-icon { font-size:3.5rem; margin-bottom:16px; }
.svc-visual-card h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:700; color:var(--text-primary); margin-bottom:20px; }
.svc-tech-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:28px; }
.svc-tech-tags span { font-size:0.75rem; font-weight:600; color:var(--red-bright); background:var(--red-glow); border:1px solid var(--red-border); padding:5px 12px; border-radius:100px; }
.svc-vc-stat { border-top:1px solid var(--border-subtle); padding-top:20px; }
.svc-vc-stat strong { display:block; font-family:var(--font-display); font-size:2.2rem; font-weight:800; color:var(--red-bright); line-height:1; margin-bottom:4px; }
.svc-vc-stat span { font-size:0.78rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.06em; }

/* BOTTOM CTA */
.services-bottom-cta { padding:90px 0; text-align:center; position:relative; overflow:hidden; }
.sbc-glow { position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(37,99,235,0.10),transparent 70%); pointer-events:none; }
.sbc-inner { position:relative; z-index:1; max-width:640px; margin:0 auto; }
.sbc-inner .section-title { margin-bottom:16px; }
.sbc-inner p { font-size:1rem; color:var(--text-secondary); margin-bottom:32px; line-height:1.75; }

@media(max-width:1024px){
  .svc-detail-inner,
  .svc-detail-inner.reverse { grid-template-columns:1fr; gap:48px; }
  .svc-visual-card { position:relative; top:auto; }
  .svc-detail-inner.reverse .svc-detail-visual { order:-1; }
  .svc-section { padding:70px 0; }
  .services-bottom-cta { padding:70px 0; }
}
@media(max-width:768px){
  .svc-section { padding:56px 0; }
  .svc-pills { gap:6px; padding:0 8px; }
  .svc-pill { font-size:0.73rem; padding:6px 11px; }
  .svc-quick-nav { padding:12px 0; }
  .svc-detail-inner { gap:36px; }
  .svc-visual-card { padding:28px 22px; }
  .svc-vc-icon { font-size:2.6rem; }
  .offering { padding:13px 14px; }
  .offering strong { font-size:0.86rem; }
  .services-bottom-cta { padding:56px 0; }
  .sbc-inner p { font-size:0.9rem; }
}
@media(max-width:480px){
  .svc-pills { justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; padding:0 16px; scrollbar-width:none; }
  .svc-pills::-webkit-scrollbar { display:none; }
  .svc-pill { flex-shrink:0; }
  .svc-visual-card { padding:22px 16px; }
  .svc-section { padding:48px 0; }
  .sbc-inner .btn-primary { width:100%; justify-content:center; }
}