/* ── Service Page Shared Styles ── */
.service-hero{padding:140px 0 80px;position:relative;overflow:hidden;background:var(--bg)}
.service-hero-bg{position:absolute;inset:0;z-index:0}
.service-hero-bg img{width:100%;height:100%;object-fit:cover}
.service-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,15,0.92),rgba(10,10,15,0.6))}
.service-hero-content{position:relative;z-index:1;max-width:800px}
.service-hero-breadcrumb{font-size:0.78rem;color:var(--text-muted);margin-bottom:16px;display:flex;gap:8px;align-items:center}
.service-hero-breadcrumb a{color:var(--text-dim);transition:var(--transition-fast)}
.service-hero-breadcrumb a:hover{color:var(--gold)}
.service-hero-breadcrumb .sep{color:var(--text-muted)}
.service-hero-content .section-label{margin-bottom:16px}
.service-hero-content h1{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.15;margin-bottom:20px}
.service-hero-content p{font-size:1.05rem;color:var(--text-dim);max-width:600px;line-height:1.8}
.service-hero-icon{font-size:3rem;margin-bottom:20px;display:inline-block}
.service-hero-meta{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}
.service-hero-meta-item{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-dim)}
.service-hero-meta-item strong{color:var(--text)}

.service-body{padding:80px 0}
.service-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px}
.service-main h2{font-family:var(--font-display);font-size:1.8rem;margin-bottom:16px;margin-top:40px}
.service-main h2:first-child{margin-top:0}
.service-main h3{font-size:1.15rem;font-weight:600;margin-bottom:8px;margin-top:28px;color:var(--gold)}
.service-main p{color:var(--text-dim);line-height:1.8;margin-bottom:16px;font-size:0.95rem}
.service-main ul{list-style:none;padding:0;margin:0 0 20px}
.service-main ul li{padding:8px 0 8px 28px;position:relative;color:var(--text-dim);font-size:0.95rem;line-height:1.6}
.service-main ul li::before{content:'›';position:absolute;left:0;color:var(--gold);font-size:1.3rem;font-weight:700}
.service-main .highlight-box{background:var(--card);border-left:3px solid var(--gold);padding:24px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:24px 0}
.service-main .highlight-box p{margin:0;color:var(--text)}

.service-sidebar{position:sticky;top:100px;align-self:start}
.service-sidebar-card{background:var(--card);border-radius:var(--radius);padding:32px 24px;border:1px solid rgba(212,168,83,0.05);margin-bottom:20px}
.service-sidebar-card h4{font-size:0.9rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:16px;font-weight:600}
.service-sidebar-card ul{list-style:none;padding:0;margin:0}
.service-sidebar-card ul li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:0.9rem;color:var(--text-dim);display:flex;align-items:center;gap:10px}
.service-sidebar-card ul li:last-child{border-bottom:none}
.service-sidebar-card ul li .check{color:var(--gold);font-weight:700}
.service-sidebar-cta{text-align:center}
.service-sidebar-cta .btn-primary{width:100%;justify-content:center;font-size:0.9rem}

/* Tools cloud in sidebar */
.tools-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tools-cloud span{padding:4px 14px;background:var(--bg3);border-radius:50px;font-size:0.75rem;color:var(--text-dim);border:1px solid rgba(212,168,83,0.06)}

@media(max-width:868px){
  .service-grid{grid-template-columns:1fr}
  .service-sidebar{position:static}
  .service-hero{padding:120px 0 60px}
}