/* Moovra Labs service landing pages */
.service-page { color: var(--text); }
.service-page .navbar { position: sticky; }
.service-page .nav-links { gap: 1.2rem; }
.service-page .page-hero { padding: 76px 0 72px; background: radial-gradient(circle at 82% 12%, #e7efff 0, transparent 34%), linear-gradient(180deg,#f7faff 0%,#fff 100%); }
.service-page .breadcrumbs { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:1.4rem; color:var(--muted); font-size:.82rem; }
.service-page .breadcrumbs a { color:var(--blue); }
.service-page .hero-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:3rem; }
.service-page .hero-copy .lead { max-width:690px; font-size:1.08rem; color:var(--muted); margin:1rem 0 1.5rem; }
.service-page .hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.5rem 0; }
.service-page .trust-points { display:flex; flex-wrap:wrap; gap:.65rem 1.1rem; color:var(--muted); font-size:.88rem; }
.service-page .trust-points span:before { content:'✓'; color:var(--green-600); font-weight:800; margin-right:.4rem; }
.service-page .hero-panel { border:1px solid #dce6f8; border-radius:22px; background:#fff; padding:1.5rem; box-shadow:var(--shadow); }
.service-page .hero-panel .panel-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.2rem; }
.service-page .panel-kicker { color:var(--blue); font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.service-page .panel-list { display:grid; gap:.9rem; margin:0; padding:0; list-style:none; }
.service-page .panel-list li { display:flex; gap:.75rem; align-items:flex-start; padding:.85rem; border-radius:12px; background:var(--bg-soft); }
.service-page .panel-list strong { display:block; color:var(--ink); }
.service-page .panel-list small { display:block; color:var(--muted); }
.service-page .section-intro { max-width:760px; margin-bottom:2.3rem; }
.service-page .section-intro p { color:var(--muted); }
.service-page .feature-grid, .service-page .steps-grid, .service-page .pricing-grid, .service-page .related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }
.service-page .feature-card, .service-page .step-card, .service-page .price-panel, .service-page .related-card { padding:1.35rem; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:var(--shadow-sm); }
.service-page .feature-card .feature-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:1rem; border-radius:12px; background:var(--blue-50); color:var(--blue); font-weight:800; }
.service-page .feature-card p, .service-page .step-card p, .service-page .related-card p { color:var(--muted); font-size:.92rem; }
.service-page .soft-section { background:var(--bg-soft); }
.service-page .two-col { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }
.service-page .check-panel { padding:1.5rem; border-radius:18px; background:#fff; border:1px solid var(--line); }
.service-page .check-panel h3 { margin-bottom:1rem; }
.service-page .price-panel.featured { border-color:var(--blue); box-shadow:0 14px 32px rgba(30,110,245,.12); }
.service-page .price { font-size:1.8rem; color:var(--ink); font-weight:800; margin:.6rem 0; }
.service-page .price-note { font-size:.82rem; color:var(--muted); }
.service-page .faq-list { display:grid; gap:.8rem; max-width:900px; }
.service-page details { border:1px solid var(--line); border-radius:12px; padding:1rem 1.15rem; background:#fff; }
.service-page summary { color:var(--ink); font-weight:700; cursor:pointer; }
.service-page details p { margin:.8rem 0 0; color:var(--muted); }
.service-page .service-cta { padding:42px 0; background:var(--navy); color:#fff; }
.service-page .service-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.service-page .service-cta h2 { color:#fff; margin-bottom:.5rem; }
.service-page .service-cta p { color:#d8e2f3; margin:0; }
.service-page .footer { margin-top:0; }
.service-page .footer-links { display:flex; flex-wrap:wrap; gap:.8rem 1.2rem; }
.service-page .footer-links a { font-size:.85rem; }
.service-page .pill { display:inline-flex; padding:.35rem .7rem; border-radius:999px; background:var(--blue-50); color:var(--blue); font-size:.78rem; font-weight:800; }
.service-page .notice { padding:1rem 1.1rem; border-left:4px solid var(--blue); background:var(--blue-50); border-radius:0 10px 10px 0; color:var(--text); }
@media(max-width:960px){.service-page .hero-grid{grid-template-columns:1fr;gap:2rem}.service-page .hero-panel{max-width:650px}.service-page .nav-links{gap:0}.service-page .feature-grid,.service-page .steps-grid,.service-page .pricing-grid,.service-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-page .two-col{grid-template-columns:1fr}.service-page .service-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.service-page .page-hero{padding:48px 0}.service-page .section{padding:62px 0}.service-page .feature-grid,.service-page .steps-grid,.service-page .pricing-grid,.service-page .related-grid{grid-template-columns:1fr}.service-page .hero-actions .btn{width:100%}.service-page .footer-inner{align-items:flex-start;flex-direction:column}.service-page .footer-links{gap:.65rem 1rem}}
