/* Tech Baksho — inner pages: matrix page header + service-page parts */
main.has-hero-matrix{position:relative}
.hero-matrix{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:0;
  -webkit-mask-image:linear-gradient(#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(#000 0,#000 62%,transparent 100%)}
.hero-matrix canvas{display:block;width:100%;height:100%}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-muted)}
.crumbs a{color:var(--ink-muted);text-decoration:none}.crumbs a:hover{color:#fff}
.crumbs [aria-current]{color:#fff}
.quick-answer{max-width:720px;border-left:2px solid #6FD6C0;padding-left:18px}
.svc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}
.svc-toc{position:sticky;top:calc(var(--nav-h) + 24px);font-size:14px}
.svc-toc-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 12px}
.svc-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.1)}
.svc-toc li a{display:block;padding:6px 0 6px 14px;color:var(--ink-muted);text-decoration:none;line-height:1.4}
.svc-toc li a:hover{color:#fff}
.svc-content{max-width:760px}
.svc-content h2{scroll-margin-top:calc(var(--nav-h) + 20px)}
.svc-content table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
.svc-content th,.svc-content td{border:1px solid rgba(255,255,255,.1);padding:10px 12px;text-align:left;vertical-align:top}
.svc-content th{background:rgba(255,255,255,.04);font-weight:600}
.svc-content h3{color:#fff}
.svc-more-title{font-size:20px;margin:0 0 18px}
.svc-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.svc-chips a{display:inline-block;padding:9px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--ink-muted);text-decoration:none;font-size:14px;transition:.2s}
.svc-chips a:hover{color:#fff;border-color:#6FD6C0;box-shadow:0 0 18px rgba(111,214,192,.25)}
@media (max-width:900px){.svc-layout{grid-template-columns:1fr;gap:28px}.svc-toc{position:static}}

/* v1.4.1 — thunder behind the page-header words */
.hero-matrix .hero-storm{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
.hero-matrix canvas:not(.hero-storm){position:relative}
.hero-matrix .hero-flash{position:absolute;inset:0;opacity:0;transition:opacity .14s ease-out;
  background:radial-gradient(60% 55% at var(--flash-x,50%) 0%,rgba(185,195,255,.35),transparent 70%)}
.page-hero h1{transition:text-shadow .5s var(--ease)}
.page-hero.is-struck h1{text-shadow:0 0 28px var(--accent-glow),0 0 2px rgba(255,255,255,.6);transition:text-shadow .08s linear}
@media (prefers-reduced-motion:reduce){.hero-matrix .hero-storm,.hero-matrix .hero-flash{display:none}}