/* LANDING PAGE — специфичные компоненты */

/* Hero — тёмный фон с сеткой */
.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(0,120,212,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,120,212,.06) 1px, transparent 1px); background-size: 60px 60px; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }

/* Breadcrumbs на тёмном фоне */
.breadcrumbs { display: flex; align-items: center; gap: 8px; font-size: .8125rem; color: rgba(255,255,255,.5); }
.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; }

/* landing-card — карточка преимуществ */
.landing-card { padding: 2rem; background: #fff; border: 1px solid #f1f5f9; transition: all .3s ease; }
.landing-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.07); transform: translateY(-4px); border-color: #e2e8f0; }

/* stat-box — блок с цифрой */
.stat-box { padding: 2.5rem 2rem; background: #fff; border: 1px solid #f1f5f9; transition: all .3s ease; }
.stat-box:hover { box-shadow: 0 8px 24px rgba(0,0,0,.07); border-color: var(--primary); }
.stat-val { font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; color: var(--primary); letter-spacing: -1px; line-height: 1; margin-bottom: .75rem; }

/* Кнопка rose */
.btn-cta-rose { background: #e11d48; box-shadow: 0 4px 12px rgba(225,29,72,.2); }
.btn-cta-rose:hover { background: #be123c; }

/* Feature list */
.work-block { display: flex; gap: 1.5rem; padding: 2rem; border-left: 3px solid #e2e8f0; transition: all .3s ease; position: relative; }
.work-block::before { content: ''; position: absolute; left: -3px; top: 0; bottom: 0; width: 3px; background: var(--primary); transform: scaleY(0); transform-origin: top; transition: transform .4s ease; }
.work-block:hover::before { transform: scaleY(1); }
.work-block:hover { background: #f8fafc; }

/* reveal */
.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; }
.reveal-delay-3 { transition-delay: .3s; }

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