/* Service pages + section service indexes (preview only). */
.svc-hero{padding:128px 0 64px;position:relative}
.svc-hero .hd{margin-bottom:22px}
.svc-hero .lead{margin-bottom:22px;color:#d8e2f0}
.svc-crumb{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;font-weight:650;letter-spacing:.02em;margin:0 0 18px;color:#b7c8e3;max-width:100%}
.svc-crumb a{color:#a5f3fc;text-decoration:none}
.svc-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.svc-crumb span[aria-current="page"]{color:#f1f5ff}
.svc-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.svc-hero-actions .btn{margin:0}
.svc-jump{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;max-width:100%}
.svc-jump a{font-size:12px;font-weight:700;color:#e2e8f0;text-decoration:none;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.svc-jump a:hover,.svc-jump a[aria-current="page"]{border-color:rgba(103,232,249,.6);color:#a5f3fc}

.svc-main{background:#f6f7fb;color:#0f172a;padding:64px 0 80px}
.svc-main .w{max-width:1100px}
.svc-block{margin:0 0 52px}
.svc-block h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.04em;margin:0 0 18px;line-height:1.2}
.svc-block > .lead,.svc-intro{font-size:17px;line-height:1.7;color:#334155;max-width:760px;margin:0 0 22px}
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.svc-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px 22px;min-width:0;max-width:100%;box-sizing:border-box}
.svc-card h3{font-size:18px;letter-spacing:-.02em;margin:0 0 8px;line-height:1.3}
.svc-card p{font-size:14.5px;line-height:1.65;color:#475569;margin:0}
.svc-card .n{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;margin-bottom:8px}
.svc-steps{display:grid;gap:14px}
.svc-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px 22px}
.svc-step .num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#22d3ee,#7c3aed 60%,#ec4899);flex:none}
.svc-step h3{font-size:18px;margin:0 0 6px;letter-spacing:-.02em}
.svc-step p{margin:0;color:#475569;font-size:14.5px;line-height:1.65}
.svc-step .out{display:block;margin-top:8px;font-size:13px;color:#64748b}
.svc-proof{display:grid;gap:16px}
.svc-case{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px}
.svc-case h3{margin:0 0 12px;font-size:20px}
.svc-case dl{margin:0;display:grid;gap:8px}
.svc-case dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed}
.svc-case dd{margin:0 0 8px;font-size:14.5px;line-height:1.65;color:#334155}
.svc-case a{color:#6d28d9;font-weight:650}
.svc-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px;margin:0 0 10px}
.svc-faq summary{cursor:pointer;font-weight:750;letter-spacing:-.01em;list-style:none}
.svc-faq summary::-webkit-details-marker{display:none}
.svc-faq summary:after{content:"+";float:right;color:#7c3aed;font-weight:800}
.svc-faq details[open] summary:after{content:"–"}
.svc-faq details p{margin:10px 0 0;color:#475569;font-size:14.5px;line-height:1.7}

.price-ph{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;background:#faf5ff;border:1px dashed #c4b5fd;color:#5b21b6;font-size:13px;font-weight:750}
.price-ph strong{display:block;font-size:14px;margin:0 0 2px}
.price-note{font-size:13px;color:#64748b;margin:8px 0 0;font-weight:500}
.svc-levels{display:grid;gap:14px}
.svc-level{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px}
.svc-level h3{margin:0 0 8px;font-size:20px}
.svc-level .lvl{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7c3aed}
.svc-level ul{margin:10px 0 0;padding:0 0 0 18px;color:#334155;font-size:14.5px;line-height:1.65}
.svc-ready{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.svc-ready .svc-card{padding:16px 14px}
.svc-ready h3{font-size:15px}

.demo-card{position:relative}
.demo-card.is-soon .demo-cta{pointer-events:none}
a.demo-soon, .demo-card.is-soon a[data-demo]{
  pointer-events:none;cursor:default;opacity:.85;text-decoration:none;
}
.soon-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#faf5ff;color:#6d28d9;border:1px solid #ddd6fe;vertical-align:middle}
.svc-hero .soon-badge{background:rgba(255,255,255,.12);color:#f5e9ff;border-color:rgba(255,255,255,.3)}
.demo-soon-note{font-size:12px;color:#64748b;margin:8px 0 0}

.svc-index-k{margin:36px 0 14px}
.svc-index-k + .gg{margin-bottom:8px}
.gc.svc-tile{text-decoration:none;color:#fff;display:block;min-width:0}
.gc.svc-tile h3{color:#fff}
.gc.svc-tile .more{display:inline-block;margin-top:12px;color:#a5f3fc;font-size:13px;font-weight:750}
.gc.svc-tile:hover .more{text-decoration:underline;text-underline-offset:3px}
.gc.svc-tile:focus-visible{outline:3px solid #22d3ee;outline-offset:4px}

.academy-demos-link{margin:14px 0 0}
.academy-demos-link a{color:#a5f3fc;font-size:14px;font-weight:700;text-decoration:none}
.academy-demos-link a:hover{text-decoration:underline;text-underline-offset:4px}

.svc-role{min-width:0}
.svc-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.svc-actions-row .btn{margin:0}

@media(max-width:900px){
  .svc-grid.g3,.svc-ready{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .svc-grid,.svc-grid.g3,.svc-ready{grid-template-columns:minmax(0,1fr)}
  .svc-hero{padding:110px 0 48px}
  .svc-step{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){
  .svc-hero,.svc-main,.svc-crumb,.svc-jump,.svc-grid,.svc-card,.svc-step,.svc-case,.svc-level,.svc-ready,.hero-actions,.svc-hero-actions,.gc.svc-tile{min-width:0;max-width:100%;box-sizing:border-box}
  .svc-hero h2,.svc-block h2,.svc-card h3,.svc-step h3,.svc-card p,.svc-crumb{overflow-wrap:anywhere}
  .svc-hero-actions .btn,.svc-actions-row .btn{max-width:100%;white-space:normal}
  .svc-main{padding:48px 0 64px}
}
@media(prefers-reduced-motion:reduce){
  .gc.svc-tile,.svc-hero-actions .btn{transition:none}
}

.pz .gg.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:860px){.pz .gg.g3{grid-template-columns:minmax(0,1fr)}}

.svc-hero .svc-jump{position:static;inset:auto;width:auto;background:none;box-shadow:none;padding:0;height:auto;display:flex}
.svc-hero-actions{align-items:center}
.svc-hero-actions .demo-soon-note{flex-basis:100%;margin:4px 0 0;color:#c9d4e6}
.svc-hero a.demo-soon{opacity:.75}