/* ─── Service Page Styles ─────────────────────────── */
.svc-hero{background:linear-gradient(160deg,var(--blue-950) 0%,var(--blue-800) 100%);padding:110px 0 72px;position:relative;overflow:hidden;color:#fff;}
.svc-hero::before{content:'';position:absolute;inset:0;background:url('../images/grid-pattern.svg') center/60px repeat;opacity:.04;}
.svc-hero-deco{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2) 0%,transparent 70%);top:-180px;right:-80px;pointer-events:none;}
.svc-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;}
.svc-hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;backdrop-filter:blur(12px);}
.svc-hero-card-ico{width:64px;height:64px;background:linear-gradient(135deg,var(--blue-500),var(--blue-300));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;}
.svc-fact-list{display:flex;flex-direction:column;gap:14px;margin-top:16px;}
.svc-fact{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.svc-fact:last-child{border-bottom:none;}
.svc-fact-label{font-size:13px;color:rgba(255,255,255,.55);font-weight:600;}
.svc-fact-val{font-size:14px;color:#fff;font-weight:700;}
/* Layout */
.svc-layout{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start;}
.svc-main h2{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--text-1);margin-bottom:18px;letter-spacing:-.02em;}
.svc-intro{margin-bottom:52px;}
.svc-section{margin-bottom:52px;}
/* Grid boxes */
.svc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
.svc-box{background:var(--surface-1);border:1.5px solid var(--border);border-radius:16px;padding:24px;transition:var(--t);}
.svc-box:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.svc-box-ico{width:40px;height:40px;background:var(--blue-50);border:1.5px solid var(--blue-200);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--blue-500);margin-bottom:14px;}
.svc-box-ico svg{width:18px;height:18px;}
.svc-box h4{font-size:15px;font-weight:800;color:var(--text-1);margin-bottom:8px;}
.svc-box p{font-size:13px;color:var(--text-3);line-height:1.65;margin:0;}
/* Process steps */
.svc-process{display:flex;flex-direction:column;gap:0;margin-top:20px;position:relative;}
.svc-process::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue-300),transparent);}
.svc-step{display:flex;gap:20px;align-items:flex-start;padding:0 0 32px 0;position:relative;}
.svc-step:last-child{padding-bottom:0;}
.svc-step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue-600),var(--blue-400));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;flex-shrink:0;z-index:1;box-shadow:0 4px 12px rgba(37,99,235,.3);}
.svc-step h4{font-size:16px;font-weight:800;color:var(--text-1);margin-bottom:6px;}
.svc-step p{font-size:14px;color:var(--text-3);line-height:1.65;margin:0;}
/* FAQ */
.faq-block h2{margin-bottom:20px;}
.faq-list{display:flex;flex-direction:column;}
/* Sidebar */
.svc-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px;}
.sidebar-cta-card{background:linear-gradient(145deg,var(--blue-900),var(--blue-950));border-radius:20px;padding:28px;}
.sidebar-cta-card h4{font-size:17px;font-weight:800;color:#fff;margin-bottom:10px;}
.sidebar-cta-card p{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:18px;line-height:1.6;}
.sidebar-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#25d366;border-radius:10px;font-size:13px;font-weight:700;color:#fff;transition:var(--t);}
.sidebar-wa-btn:hover{background:#1da851;transform:translateY(-2px);}
.sidebar-other-svc{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:24px;}
.sidebar-other-svc h4{font-size:14px;font-weight:800;color:var(--text-1);margin-bottom:14px;}
.other-svc-link{display:block;font-size:13px;font-weight:600;color:var(--text-3);padding:9px 0;border-bottom:1px solid var(--border);transition:var(--t);}
.other-svc-link:last-child{border-bottom:none;padding-bottom:0;}
.other-svc-link:hover{color:var(--blue-500);padding-left:4px;}
/* Responsive */
@media(max-width:1024px){.svc-hero-grid{grid-template-columns:1fr;}.svc-hero-card{display:none;}}
@media(max-width:900px){.svc-layout{grid-template-columns:1fr;}.svc-sidebar{position:static;}.svc-grid-2{grid-template-columns:1fr;}}