/* SEO-пилот — хаб и кейсы */

.hero-service { background: #0f172a; position: relative; overflow: hidden; padding: 7rem 0 5rem; }
.hero-service::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(16,185,129,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,.05) 1px, transparent 1px); background-size: 60px 60px; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }

.breadcrumbs { display: flex; align-items: center; gap: 8px; font-size: .8125rem; color: rgba(255,255,255,.5); flex-wrap: wrap; }
.breadcrumbs a { color: rgba(255,255,255,.5); text-decoration: none; transition: color .2s; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumb-sep { color: rgba(255,255,255,.3); display: inline-flex; align-items: center; }
.breadcrumb-sep i { display: none; }
.breadcrumb-current { color: #fff; font-weight: 500; }

.service-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: rgba(16,185,129,.15); border: 1px solid rgba(16,185,129,.35); font-size: .75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #6ee7b7; margin-bottom: 1.25rem; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; animation: pilot-pulse 2s infinite; }
@keyframes pilot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }

.btn-cta-emerald { background: #059669; box-shadow: 0 4px 12px rgba(5,150,105,.25); }
.btn-cta-emerald:hover { background: #047857; }

.pilot-card { background: #fff; border: 1px solid #e2e8f0; padding: 2rem; transition: all .3s ease; height: 100%; }
.pilot-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,.08); transform: translateY(-4px); border-color: #a7f3d0; }
.pilot-card--featured { background: linear-gradient(145deg, #0f172a, #134e4a); border-color: rgba(52,211,153,.35); color: #fff; }
.pilot-card--featured p { color: rgba(255,255,255,.72); }

.pilot-step-num { font-size: 2.5rem; font-weight: 200; color: #10b981; letter-spacing: -2px; line-height: 1; margin-bottom: .75rem; }

.demo-notice { background: linear-gradient(135deg, #ecfdf5, #f0fdf4); border: 1px solid #a7f3d0; border-left: 4px solid #10b981; padding: 1.5rem 1.75rem; }
.demo-notice strong { color: #065f46; }

.stat-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); font-size: .8125rem; color: rgba(255,255,255,.75); }

.reveal { opacity: 0; transform: translateY(32px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }

.faq-item { border: 1px solid #e5e7eb; background: #fff; }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; text-align: left; font-weight: 600; font-size: .9375rem; color: #111827; background: none; border: none; cursor: pointer; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-a p { padding: 0 1.5rem 1.25rem; color: #6b7280; font-size: .875rem; line-height: 1.65; margin: 0; }
.faq-q.open .faq-icon { transform: rotate(45deg); }

@media (max-width: 768px) { .hero-service { padding: 5rem 0 3rem; } }