.vd-home .vd-login{box-sizing:border-box;position:fixed;inset:calc(var(--login-viewport-top, 0px) + var(--login-viewport-height, 100dvh) / 2) 0 auto;translate:0 -50%;width:min(440px,calc(100% - 32px));max-height:calc(var(--login-viewport-height, 100dvh) - 32px);margin:0 auto;padding:28px 32px 32px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--home-line);border-radius:16px;background:var(--home-panel);color:var(--home-text);color-scheme:dark;font-family:inherit;font-size:16px;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--home-muted) var(--home-panel)}.vd-login::backdrop{background:#08070a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vd-login-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;background:var(--home-panel)}.vd-login-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.vd-home .vd-login .vd-login-close{width:44px;height:44px;border-color:transparent;background:transparent;flex-shrink:0}.vd-home .vd-login-close:hover{background:var(--home-ground);border-color:var(--home-line)}.vd-home .vd-login h2{margin:0 0 28px;font-family:inherit;font-size:24px;line-height:1.4;font-weight:600}.vd-login h2:focus{outline:none}.vd-login-form fieldset{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0}.vd-login-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}.vd-login-field+.vd-login-field{margin-top:20px}.vd-login input{box-sizing:border-box;width:100%;min-width:0;height:48px;border:1px solid var(--home-line);border-radius:8px;padding:12px 14px;background:var(--home-ground);color:var(--home-text);font:inherit;font-size:16px;font-weight:400;caret-color:var(--home-accent-hover)}.vd-login input::placeholder{color:var(--home-muted);opacity:1}.vd-login input:focus-visible{outline:2px solid var(--home-accent-hover);outline-offset:2px;border-color:var(--home-accent-hover)}.vd-login input:disabled{opacity:.7}.vd-login input:autofill{box-shadow:0 0 0 1000px var(--home-ground) inset;-webkit-text-fill-color:var(--home-text);caret-color:var(--home-accent-hover)}.vd-login-password{position:relative;margin-top:8px}.vd-login-password input{padding-right:54px}.vd-login-password button{position:absolute;inset:2px 2px 2px auto;display:grid;place-items:center;width:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--home-muted)}.vd-login-password button:hover{color:var(--home-text);background:var(--home-panel)}.vd-home .vd-login .vd-login-submit{width:100%;min-height:48px;margin-top:28px;padding:12px 20px;font-size:16px;border-radius:8px}.vd-home .vd-login .vd-login-submit:hover{background:#6355f6}.vd-login fieldset:disabled button{opacity:.65;cursor:not-allowed}.vd-home .vd-login-help{margin:24px 0 0;color:var(--home-muted);font-size:13px;line-height:1.6}.vd-home .vd-login-status{margin:16px 0 0;color:var(--home-muted);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.vd-home .vd-login-status p{margin:0;font:inherit}.vd-home .vd-login-error{margin:16px 0 0;color:#ffc0c4;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.vd-home .vd-login-retry,.vd-home .vd-login-setup{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--home-text);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}@media(prefers-reduced-motion:no-preference){.vd-login[open]{animation:vd-login-arrive .18s cubic-bezier(.16,1,.3,1)}@keyframes vd-login-arrive{0%{opacity:.8;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.vd-home .vd-login{padding:20px 24px 24px}.vd-login-heading{margin-bottom:16px}.vd-home .vd-login h2{margin-bottom:24px}}@font-face{font-family:ViralDNA Display;src:url(/home/fonts/noto-display-600.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:ViralDNA Display;src:url(/home/fonts/noto-display-800.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}.vd-home{--home-ground: #100f12;--home-text: #f7f7f6;--home-muted: #bcbcc2;--home-accent: #5b4df5;--home-accent-hover: #7165ff;--home-line: #36353b;--home-panel: #1c1b20;--home-display-size: clamp(48px, 5.46875vw, 96px);--home-heading-size: clamp(28px, 2.34375vw, 40px);--home-title-size: 24px;--home-body-size: clamp(16px, 1.3672vw, 21px);--home-label-size: 16px;--home-caption-size: 14px;--home-weight-regular: 400;--home-weight-semibold: 600;--home-weight-display: 800;--home-page-gutter: clamp(24px, 4.8177vw, 96px);color:var(--home-text);background:var(--home-ground);min-height:100vh;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-size:var(--home-body-size);font-weight:var(--home-weight-regular);line-height:1.65;-webkit-font-smoothing:antialiased}.vd-home *,.vd-home *:before,.vd-home *:after{box-sizing:border-box}html:has(.vd-home){scrollbar-color:#49464f #100f12;scrollbar-width:thin}.vd-home h1,.vd-home h2,.vd-home h3,.vd-home p,.vd-home figure{margin:0}.vd-home h1,.vd-home h2{font-family:ViralDNA Display,Microsoft YaHei,PingFang SC,sans-serif}.vd-home h2{font-size:var(--home-heading-size);font-weight:var(--home-weight-semibold);line-height:1.35;text-wrap:balance}.vd-home h3{font-size:var(--home-title-size);font-weight:var(--home-weight-semibold);line-height:1.4}.vd-home p{color:var(--home-muted);text-wrap:pretty}.vd-home a{color:inherit;text-decoration:none}.vd-home button{color:inherit;font-family:inherit;font-size:var(--home-label-size);font-weight:var(--home-weight-semibold);cursor:pointer}.vd-home ::selection{color:var(--home-text);background:var(--home-accent)}.vd-home :focus-visible{outline:2px solid var(--home-accent-hover);outline-offset:5px}.vd-home section{scroll-margin-top:24px}.vd-home .vd-skip{position:absolute;z-index:20;top:12px;left:20px;padding:12px 20px;transform:translateY(-150%);background:var(--home-accent)}.vd-home .vd-skip:focus{transform:none}.vd-navigation{position:absolute;z-index:5;inset:24px 4.1667vw auto 4.4271vw;display:flex;align-items:center;justify-content:space-between;gap:24px;height:52px}.vd-brand{display:inline-flex;align-items:center;gap:16px;flex:0 0 auto;font-size:var(--home-title-size);font-weight:var(--home-weight-semibold)}.vd-brand img{display:block}.vd-nav-links{position:absolute;left:35.47%;display:flex;align-items:center;gap:clamp(24px,3.3854vw,52px);font-size:var(--home-label-size)}.vd-nav-links a{padding-block:10px;color:var(--home-muted)}.vd-nav-links a:hover{color:var(--home-text)}.vd-home .vd-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:62px;padding:14px 32px;border:1px solid transparent;border-radius:12px;font-size:var(--home-body-size);font-weight:var(--home-weight-semibold);line-height:1.4;white-space:nowrap;transition:background-color .16s ease-out,border-color .16s ease-out}.vd-home .vd-primary{background:var(--home-accent);color:var(--home-text)}.vd-home .vd-primary:hover{background:var(--home-accent-hover)}.vd-home .vd-secondary{background:transparent;border-color:#65646c}.vd-home .vd-secondary:hover{background:var(--home-panel);border-color:var(--home-muted)}.vd-home .vd-nav-cta{font-size:var(--home-label-size);min-height:52px;padding:12px 28px}.vd-home .vd-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;padding:0;border:1px solid var(--home-line);border-radius:50%;background:var(--home-panel)}.vd-home .vd-icon-button:hover{border-color:var(--home-muted)}.vd-home .vd-menu-toggle{display:none}.vd-hero{position:relative;width:100%;height:55.859375vw;max-height:1100px;overflow:hidden}.vd-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.vd-home picture img{display:block;width:100%;height:100%;object-fit:cover}.vd-film{overflow:hidden;background:var(--home-ground)}.vd-film>picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.vd-film video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease-out}.vd-film[data-ready=true] video{opacity:1}.vd-film video:not([controls]){pointer-events:none}.vd-film video[controls]{object-fit:contain;opacity:1}.vd-film[data-failed=true] video{opacity:0;pointer-events:none}.vd-hero-copy{position:absolute;left:var(--home-page-gutter);top:23.5%;width:46%}.vd-home .vd-hero-copy h1{font-size:var(--home-display-size);font-weight:var(--home-weight-display);line-height:1.18;letter-spacing:normal;white-space:nowrap}.vd-hero-copy p{margin-top:28px;font-size:var(--home-body-size);line-height:1.6}.vd-hero-actions{display:flex;gap:16px;margin-top:44px}.vd-sample-dock{position:absolute;left:54.8177%;right:calc(4.1667vw - 6px);bottom:6%}.vd-home .vd-sample-note{margin-bottom:12px;font-size:var(--home-caption-size);line-height:1.5;text-shadow:0 2px 4px #000}.vd-sample-controls{display:flex;align-items:center;gap:28px}.vd-samples{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vd-home .vd-sample{padding:0;background:transparent;border:0;min-width:0;color:var(--home-muted);font-size:var(--home-label-size);font-weight:var(--home-weight-regular)}.vd-sample picture{display:block;aspect-ratio:169 / 91;overflow:hidden;border:1px solid #565459;border-radius:10px}.vd-sample[aria-pressed=true] picture{outline:2px solid var(--home-accent-hover);outline-offset:1px}.vd-sample:hover picture{border-color:var(--home-text)}.vd-sample span{display:block;margin-top:8px;text-shadow:0 2px 4px #000}.vd-home .vd-play-toggle{width:56px;height:56px;margin-bottom:18px;background:#242428;border-color:#626168}.vd-paths{display:grid;grid-template-columns:1fr 1fr;padding:64px var(--home-page-gutter) 76px}.vd-paths article+article{padding-left:10.6%;border-left:1px solid var(--home-line)}.vd-paths p{margin-top:16px}.vd-home .vd-text-link{display:inline-flex;align-items:center;gap:14px;padding-block:12px;margin-top:20px;font-size:var(--home-label-size)}.vd-text-link:hover{text-decoration:underline;text-underline-offset:5px}.vd-demo{width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;background:var(--home-ground);color:var(--home-text);border:1px solid var(--home-line);border-radius:16px;scrollbar-color:var(--home-line) var(--home-ground)}.vd-demo::backdrop{background:#000000d9}.vd-demo-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;background:var(--home-ground)}.vd-home .vd-demo-heading h2{font-family:inherit;font-size:var(--home-title-size)}.vd-demo-image{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden}.vd-home .vd-media-status{font-size:var(--home-caption-size)}.vd-home .vd-media-retry{min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:var(--home-panel);text-decoration:underline;text-underline-offset:4px}.vd-demo-body{padding:24px 28px 32px}.vd-home .vd-caption{font-size:var(--home-caption-size)}.vd-demo-body h3{margin-top:16px}.vd-demo-body p{margin-block:8px 16px}.vd-demo-steps{display:flex;flex-wrap:wrap;gap:8px}.vd-demo-steps button{background:transparent;padding:10px 16px;border:1px solid var(--home-line);border-radius:8px}.vd-demo-steps button[aria-pressed=true]{border-color:var(--home-accent-hover);background:var(--home-panel)}.vd-home .vd-demo-explanation{margin-block:24px;font-size:var(--home-label-size)}.vd-section{padding:112px var(--home-page-gutter)}.vd-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}.vd-section-heading h2,.vd-team h2,.vd-closing h2{font-size:var(--home-section-size)}.vd-section-heading p{max-width:34ch}.vd-workflow{border-top:1px solid var(--home-line)}.vd-workflow-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.7fr);gap:6%;align-items:start}.vd-workflow-tabs{display:flex;flex-direction:column}.vd-workflow-tabs button{display:flex;align-items:center;gap:20px;width:100%;min-height:82px;padding:20px 8px;border:0;border-bottom:1px solid var(--home-line);text-align:left;background:transparent;color:var(--home-muted)}.vd-workflow-tabs button svg{margin-left:auto;opacity:0}.vd-workflow-tabs button[aria-selected=true]{color:var(--home-text)}.vd-workflow-tabs button[aria-selected=true] svg{opacity:1;color:var(--home-accent-hover)}.vd-workflow-tabs button:hover{background:var(--home-panel)}.vd-step-number{font-variant-numeric:tabular-nums;width:24px;color:var(--home-muted)}.vd-workflow-panel{min-width:0}.vd-workflow-stage{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px;background:var(--home-panel)}.vd-workflow-stage>picture{display:block;width:100%;height:100%}.vd-example-label{position:absolute;top:18px;left:20px;padding:4px 10px;background:#100f12d9;border-radius:4px;font-size:var(--home-caption-size)}.vd-shot-strip{position:absolute;display:flex;gap:8px;bottom:20px;left:20px;width:55%}.vd-shot-strip picture{display:block;flex:1;min-width:0;aspect-ratio:16 / 9;border:1px solid #747177;border-radius:5px;overflow:hidden}.vd-workflow-description{padding-top:28px;min-height:180px}.vd-workflow-description p{margin-top:12px}.vd-skills{background:#151418}.vd-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.vd-method-link{display:block}.vd-method-image{position:relative;aspect-ratio:4 / 5;background:var(--home-ground);overflow:hidden;border-radius:12px}.vd-method-image picture{display:block;width:100%;height:100%}.vd-method-image img{object-position:65% center;transition:transform .35s ease-out}.vd-method-image span{position:absolute;bottom:16px;left:16px;font-size:var(--home-caption-size);background:#100f12d9;border-radius:4px;padding:4px 10px}.vd-method-image>svg{position:absolute;top:20px;right:20px}.vd-method-link h3{margin-top:24px}.vd-method-link p{margin-top:10px;font-size:var(--home-label-size);max-width:32ch}.vd-method-link:hover h3{text-decoration:underline;text-underline-offset:6px}.vd-team{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%}.vd-mobile-break{display:none}.vd-team-copy>p{margin-top:24px}.vd-team-copy ul{list-style:none;margin:28px 0 0;padding:0;font-size:var(--home-label-size)}.vd-team-copy li{display:flex;align-items:center;gap:12px;padding-block:8px}.vd-team-copy li svg{color:var(--home-accent-hover);flex-shrink:0}.vd-team-example{border:1px solid var(--home-line);border-radius:12px;overflow:hidden;background:var(--home-panel);font-size:var(--home-label-size)}.vd-team-example-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--home-line)}.vd-team-example-title .vd-caption{color:var(--home-muted)}.vd-team-project{display:flex;gap:24px;align-items:center;margin:28px}.vd-team-project>picture{display:block;width:100px;aspect-ratio:4 / 5;flex-shrink:0;border-radius:8px;overflow:hidden}.vd-team-project img{object-position:66% center}.vd-team-project h3{font-size:var(--home-body-size);margin-block:6px 8px}.vd-team-project .vd-caption{color:var(--home-muted)}.vd-collaborator{display:flex;justify-content:space-between;gap:20px;margin-inline:28px;padding-block:20px;border-top:1px solid var(--home-line)}.vd-collaborator>span+span{display:flex;gap:8px;align-items:center;color:var(--home-muted)}.vd-team-example-footer{padding:18px 28px;border-top:1px solid var(--home-line);font-size:var(--home-caption-size);color:var(--home-muted)}.vd-closing{text-align:center;border-top:1px solid var(--home-line);padding-block:112px 128px}.vd-closing p{margin-top:24px}.vd-closing .vd-button{margin-top:36px}.vd-footer{display:flex;align-items:center;flex-wrap:wrap;gap:28px;border-top:1px solid var(--home-line);padding:36px var(--home-page-gutter);font-size:var(--home-label-size)}.vd-footer p{margin-right:auto}.vd-footer small{flex-basis:100%;color:var(--home-muted);font-size:var(--home-caption-size)}.vd-footer>a:not(.vd-brand):hover{text-decoration:underline;text-underline-offset:5px}.vd-home{--home-section-size: clamp(32px,3.125vw,48px)}.vd-home .vd-image-unavailable{display:grid;place-items:center;height:100%;padding:20px;background:var(--home-panel);color:var(--home-muted);font-size:var(--home-label-size)}@media(min-width:1800px){.vd-hero-copy{top:24%}.vd-hero-copy p{max-width:600px}}@media(max-width:1150px){.vd-nav-links{left:30%;gap:24px}.vd-home .vd-nav-cta{padding-inline:18px}.vd-hero{min-height:660px}.vd-hero-copy{top:24%;width:55%}.vd-hero-copy p{max-width:460px}.vd-desktop-break{display:none}.vd-hero-actions{margin-top:32px}.vd-home .vd-button{min-height:54px;padding:12px 24px}.vd-sample-dock{left:48%;right:var(--home-page-gutter);bottom:5%}.vd-sample-controls{gap:16px}.vd-home .vd-play-toggle{width:44px;height:44px}.vd-paths h2{font-size:var(--home-title-size)}.vd-section{padding-block:80px}.vd-team{gap:5%}.vd-team-project{margin:22px;gap:16px}}@media(max-width:820px){.vd-home{--home-display-size: clamp(38px, 6.65vw, 54px);--home-body-size: 17px;--home-section-size: 32px}.vd-navigation{inset:20px 24px auto;gap:12px}.vd-brand{gap:10px}.vd-brand img{width:34px;height:34px}.vd-home .vd-nav-cta{margin-left:auto;min-height:44px;padding:10px 16px;font-size:var(--home-caption-size)}.vd-home .vd-menu-toggle{display:inline-flex;background:var(--home-ground)}.vd-nav-links{display:none}.vd-nav-links.is-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;top:64px;left:0;right:0;gap:0;padding:12px 20px;border:1px solid var(--home-line);border-radius:12px;background:var(--home-ground)}.vd-nav-links a{padding-block:14px}.vd-hero{min-height:0;height:auto;padding-top:430px;overflow:visible}.vd-hero-image{height:460px;bottom:auto;overflow:hidden}.vd-hero-image img,.vd-hero-image video{object-position:66% center}.vd-hero-copy{position:relative;width:auto;left:auto;top:auto;padding:28px 24px 0;background:var(--home-ground)}.vd-hero-copy h1{white-space:normal}.vd-hero-copy p{margin-top:24px;max-width:40ch}.vd-hero-actions{gap:12px;margin-top:28px}.vd-hero-actions .vd-button{flex:1;min-width:0;padding:14px 16px;gap:10px;font-size:var(--home-label-size)}.vd-sample-dock{position:relative;inset:auto;padding:36px 24px 0}.vd-sample-controls{gap:16px}.vd-samples{gap:12px}.vd-home .vd-sample{font-size:var(--home-caption-size)}.vd-paths{grid-template-columns:1fr;gap:36px;padding:64px 24px}.vd-paths article+article{border-left:0;border-top:1px solid var(--home-line);padding:36px 0 0}.vd-paths h2{font-size:var(--home-title-size)}.vd-paths p{margin-top:12px}.vd-section{padding:64px 24px}.vd-section-heading{display:block;margin-bottom:32px}.vd-section-heading p{margin-top:24px}.vd-workflow-layout{grid-template-columns:1fr;gap:28px}.vd-workflow-tabs button{min-height:62px;padding:16px 8px}.vd-workflow-description{min-height:190px}.vd-methods{gap:20px;grid-template-columns:1fr}.vd-method-image{aspect-ratio:4 / 3}.vd-method-link{padding-bottom:24px}.vd-method-link h3{margin-top:20px}.vd-team{grid-template-columns:1fr;gap:36px}.vd-team-desktop-break{display:none}.vd-mobile-break{display:initial}.vd-team-example-title{padding:18px 20px}.vd-team-project{margin:20px}.vd-collaborator{margin-inline:20px}.vd-team-example-footer{padding-inline:20px}.vd-closing{padding-block:80px}.vd-closing h2{max-width:10em;margin-inline:auto}.vd-footer{padding:28px 24px;gap:24px}.vd-footer p{flex-basis:100%;order:1}.vd-footer>.vd-brand{flex-basis:100%}.vd-footer small{order:2}.vd-demo-heading{padding:16px}.vd-home .vd-demo-heading h2{font-size:var(--home-body-size)}.vd-demo-body{padding:20px}}@media(max-width:480px){.vd-home{--home-display-size: clamp(32px, 8.55vw, 41px)}.vd-navigation{gap:6px}.vd-home .vd-nav-cta{padding-inline:10px}.vd-brand{font-size:var(--home-body-size)}.vd-home .vd-menu-toggle{width:44px;height:44px}.vd-hero{padding-top:310px}.vd-hero-image{height:340px}.vd-hero-image img,.vd-hero-image video{object-position:68% center}.vd-home .vd-hero-copy h1{white-space:normal}.vd-hero-copy p{font-size:var(--home-label-size)}.vd-hero-actions .vd-button{padding-inline:12px;gap:8px}.vd-hero-actions svg{width:18px}.vd-sample-controls{gap:12px}.vd-samples{gap:10px}.vd-home .vd-play-toggle{width:44px;height:44px;margin-bottom:24px}.vd-sample span{margin-top:10px;white-space:nowrap}.vd-team-project>picture{width:72px}}@media(prefers-reduced-motion:no-preference){.vd-method-link:hover img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.vd-home *,.vd-home *:before,.vd-home *:after{scroll-behavior:auto;transition:none;animation:none}}body{margin:0}.entry-loading{padding:32px}