.sw-root,:root{--sw-bg:#0f1115;--sw-ink:#f7f7f8;--sw-ink-soft:#a9afbc;--sw-accent:#fa6400}.sw-btn--primary,.sw-topcta{color:#0f1115;background:var(--sw-accent)}.sw-copy{top:auto;bottom:clamp(52px,11vh,104px);transform:none}.sw-copylayer:before{inset:auto 0 0 0;width:100%;height:58%;background:linear-gradient(to top,color-mix(in srgb,var(--sw-bg) 92%,transparent) 0,color-mix(in srgb,var(--sw-bg) 68%,transparent) 26%,color-mix(in srgb,var(--sw-bg) 32%,transparent) 58%,color-mix(in srgb,var(--sw-bg) 8%,transparent) 82%,transparent 100%)}.sw-brand__mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--sw-accent) 55%,#fff),var(--sw-accent) 45%,color-mix(in srgb,var(--sw-accent) 60%,#000) 100%);box-shadow:0 0 12px 2px color-mix(in srgb,var(--sw-accent) 30%,transparent)}.pw{position:relative;z-index:70;background:var(--sw-bg);border-top:1px solid hsla(0,0%,100%,.07);padding:clamp(56px,8vw,110px) 0}.pw-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,5vw,48px)}.pw-wrap--narrow{max-width:760px}.pw-eyebrow{margin:0 0 10px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sw-accent)}.pw-h2{margin:0 0 12px;font-size:clamp(26px,3.6vw,40px);line-height:1.14;letter-spacing:-.02em}.pw-h2,.pw-h3{color:var(--sw-ink)}.pw-h3{margin:44px 0 10px;font-size:clamp(18px,2.2vw,23px)}.pw-sub{margin:0 0 30px;max-width:62ch;color:var(--sw-ink-soft);line-height:1.65}.pw-demos{display:grid;gap:clamp(18px,2.4vw,28px);grid-template-columns:repeat(auto-fit,minmax(min(100%,680px),1fr))}.pw-demo{border:1px solid hsla(0,0%,100%,.1);border-radius:14px;overflow:hidden;background:#161a21;display:flex;flex-direction:column}.pw-chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1e242e;border-bottom:1px solid hsla(0,0%,100%,.07)}.pw-chrome span{width:10px;height:10px;border-radius:50%;background:#39414f}.pw-url{margin-left:10px;flex:1;background:#0f1319;border-radius:6px;padding:4px 12px;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8891a1}.pw-screen{position:relative;aspect-ratio:16/10;min-height:420px;background:#fff}.pw-screen iframe{border:0;display:block}.pw-poster,.pw-screen iframe{position:absolute;inset:0;width:100%;height:100%}.pw-poster{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.pw-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--c);color:#0f1115;border:0;border-radius:999px;cursor:pointer;padding:14px 26px;font:700 15px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 10px 34px rgba(0,0,0,.4);transition:transform .16s}.pw-play:hover{transform:translate(-50%,-50%) scale(1.05)}.pw-badge{position:absolute;top:14px;right:14px;background:var(--c);color:#0f1115;border-radius:999px;padding:5px 12px;font:700 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.pw-meta{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-top:1px solid hsla(0,0%,100%,.07)}.pw-meta b{color:var(--sw-ink);font-size:15px}.pw-meta span{color:var(--sw-ink-soft);font-size:13px}.pw-code{background:#161a21;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px 22px;overflow-x:auto;margin:0 0 14px}.pw-code code{font:500 14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c6cedb}.pw-host{color:var(--sw-accent)}.pw-note{margin:0;font-size:14px;color:var(--sw-ink-soft)}.pw-screen--real{display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 0,#241417 0,#14171d 60%,#0f1115 100%)}.pw-realcard{text-align:center;padding:0 clamp(20px,5%,52px);max-width:52ch}.pw-realkicker{margin:0 0 6px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c)}.pw-realname{margin:0 0 12px;font-size:clamp(22px,2.8vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--sw-ink)}.pw-realdesc{margin:0 0 26px;color:var(--sw-ink-soft);line-height:1.65;font-size:15px}.pw-play--static{position:static;transform:none}.pw-play--static:hover{transform:scale(1.05)}@media (max-width:860px) and (orientation:portrait){:root{--bar:56px}.sw-topbar{height:var(--bar);padding:0 16px;align-items:center;background:color-mix(in srgb,var(--sw-bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.07)}.sw-scene__still,.sw-scene__video{inset:var(--bar) 0 auto 0;height:70vh;height:70dvh;-o-object-fit:cover;object-fit:cover;-o-object-position:center 50%;object-position:center 50%}}@media (max-width:860px){.pw{padding:clamp(40px,9vw,72px) 0}.pw-screen{aspect-ratio:3/4;min-height:0}.pw-poster{-o-object-position:top center;object-position:top center}.pw-play{padding:12px 20px}.pw-play,.pw-realdesc{font-size:14px}.pw-demos{gap:18px}.pw-code{padding:14px 16px}.pw-code code{font-size:12.5px}}.pw-open{color:var(--c);text-decoration:none;border-bottom:1px solid}.pw-open:hover{opacity:.8}.sw-nav{background:color-mix(in srgb,#0b0d12 72%,transparent);border-color:color-mix(in srgb,var(--sw-accent) 28%,transparent)}.sw-nav__item{color:color-mix(in srgb,var(--sw-ink) 76%,transparent)}.sw-nav__item:hover{color:var(--sw-ink);background:hsla(0,0%,100%,.07)}.sw-nav__item.is-active{color:#0f1115;background:var(--sw-accent);font-weight:600}.sw-route__label{color:var(--sw-ink);background:color-mix(in srgb,#0b0d12 82%,transparent);border-color:color-mix(in srgb,var(--sw-accent) 26%,transparent)}.sw-copy__num,.sw-hint{color:color-mix(in srgb,var(--sw-ink) 72%,transparent);text-shadow:0 1px 10px rgba(0,0,0,.55)}