/* service page films (Thread explainers): 16:9, 4:5 on phones */
.svf{position:relative}
.svf video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#05040c}
@media (max-width:600px){.svf video{aspect-ratio:4/5}}
.svf-btn,.svf-snd{position:absolute;bottom:14px;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.22);
  background:rgba(10,8,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}
.svf-btn{right:14px;width:44px}
.svf-btn:hover,.svf-snd:hover{border-color:var(--acc)}
.svf-btn:focus-visible,.svf-snd:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.svf-btn i{display:block;width:12px;height:14px;margin-left:3px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.svf-btn.is-playing i{margin-left:0;clip-path:none;background:linear-gradient(90deg,#fff 0 36%,transparent 36% 64%,#fff 64%)}
.svf-snd{right:68px;gap:8px;padding:0 16px 0 13px;font-size:13px;font-weight:600;letter-spacing:.04em;white-space:nowrap}
.svf-snd .on{display:none}
.svf-snd[aria-pressed="true"] .on{display:inline}
.svf-snd[aria-pressed="true"] .off{display:none}
.svf-snd.is-cta{right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);height:56px;padding:0 24px 0 20px;border-radius:28px;
  font-size:14px;background:rgba(122,61,240,.85);border-color:rgba(255,255,255,.3);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.svf-snd.is-cta:hover{background:rgba(122,61,240,1)}
.svf-snd.is-cta::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid rgba(183,148,255,.7);animation:svfRing 2.4s var(--ease) infinite;pointer-events:none}
@keyframes svfRing{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.3,1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.svf-snd.is-cta::after{animation:none;opacity:0}}
.svfilm .sec-head .mono{color:var(--acc-2)}