/* Original vector illustrations for platform sync and downloads. */
.da-artwork {
  --da-shell: #2e435a; --da-laptop: #566d85; --da-screen: #f8fbff; --da-window: #eaf0f6;
  --da-card: #fff; --da-card-line: #e6edf5; --da-text: #2d4964; --da-muted: #7d91a5;
  --da-lines: #b7c7d6; --da-blue: #478dca; --da-blue-light: #dceeff; --da-floor: #b1c8df2c;
  --da-metal: #b6c9da; --da-metal-edge: #91acc4; --da-pale: #eaf2fa; --da-green: #6caa92;
  position: relative; min-width: 0; color: var(--da-blue); isolation: isolate;
}
.da-artwork .da-scene { display: block; width: 100%; height: auto; overflow: visible; }
.da-sync-stage { padding: 8px !important; background: radial-gradient(ellipse at 52% 46%, #e8f3ff 0, #eff5fb 55%, #f5f8fc 100%) !important; }
#syncDemo.da-artwork { width: 100%; max-width: 640px; margin-inline: auto; }
#desktopDownloadDemo.da-artwork, #mobileDownloadDemo.da-artwork { width: 100%; max-width: 460px; margin: 0 auto 22px; }
.da-artwork .da-shadow { filter: drop-shadow(0 9px 12px #37618d19); }
.da-artwork .da-ground { fill: var(--da-floor); }
.da-artwork .da-device-shell { fill: var(--da-shell); }
.da-artwork .da-android-shell { fill: #466679; }
.da-artwork .da-laptop-shell { fill: var(--da-laptop); }
.da-artwork .da-display { fill: var(--da-screen); }
.da-artwork .da-window-bar { fill: var(--da-window); }
.da-artwork .da-metal { fill: var(--da-metal); }
.da-artwork .da-metal-edge { fill: var(--da-metal-edge); }
.da-artwork .da-blue { fill: var(--da-blue); }
.da-artwork .da-blue-light { fill: var(--da-blue-light); }
.da-artwork .da-sidebar-tint { fill: var(--da-pale); }
.da-artwork .da-card-surface { fill: var(--da-card); stroke: var(--da-card-line); stroke-width: 1; }
.da-artwork .da-card-accent { fill: var(--da-blue); }
.da-artwork .da-card-title, .da-artwork .da-small-title { fill: var(--da-text); font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans', 'Segoe UI', sans-serif; font-size: 12px; font-weight: 550; }
.da-artwork .da-small-title { font-size: 8px; }
.da-artwork .da-card-time, .da-artwork .da-small-time { fill: var(--da-muted); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 10px; font-weight: 400; }
.da-artwork .da-small-time { font-size: 8px; }
.da-artwork .da-text-lines { fill: none; stroke: var(--da-lines); stroke-width: 3; stroke-linecap: round; }
.da-artwork .da-home-line { fill: none; stroke: var(--da-shell); stroke-width: 3; stroke-linecap: round; opacity: .35; }
.da-artwork .da-glow-in { stop-color: #dbeeff; stop-opacity: .8; }
.da-artwork .da-glow-out { stop-color: #e7f2ff; stop-opacity: 0; }
.da-artwork .da-dl-screen { fill: var(--da-screen-fill); }
.da-artwork .da-screen-top { stop-color: #f4f9ff; } .da-artwork .da-screen-bottom { stop-color: #dcebf9; }
.da-artwork .da-icon-shadow { fill: #fff; filter: drop-shadow(0 6px 10px #2c5a8a33); }
.da-artwork .da-icon-edge { fill: none; stroke: #18212b14; stroke-width: 1; }
.da-artwork .da-badge-pill { fill: var(--da-card); stroke: var(--da-card-line); stroke-width: 1; filter: drop-shadow(0 3px 6px #37618d14); transition: stroke .4s ease; }
.da-artwork .da-badge-icon { fill: var(--da-text); }
.da-artwork .da-badge-text { fill: var(--da-text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; font-weight: 600; }
.da-artwork .da-is-confirmed .da-badge-pill { stroke: var(--da-green); }
.da-artwork .da-menubar { fill: var(--da-window); }
.da-artwork .da-chin { fill: var(--da-metal); }
.da-artwork .da-status { fill: var(--da-text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 7px; font-weight: 600; }
.da-artwork .da-status-icon { fill: var(--da-text); opacity: .7; }
.da-artwork .da-win-controls { fill: none; stroke: var(--da-muted); stroke-width: 1.2; stroke-linecap: round; }
.da-artwork .da-taskbar { fill: var(--da-window); }
.da-artwork .da-start { fill: var(--da-blue); }
.da-artwork .da-task-icon { fill: var(--da-lines); }
.da-artwork .da-links { fill: none; stroke: #adcce7; stroke-width: 1.5; stroke-dasharray: 4 6; }
.da-artwork .da-flows { fill: none; stroke: #5b9fd9; stroke-width: 4; stroke-linecap: round; }
.da-artwork .da-flows path { stroke-dasharray: 1 99; stroke-dashoffset: 100; animation: da-travel 3s linear var(--da-delay, 0s) infinite; }
@keyframes da-travel { 0% { stroke-dashoffset: 100; opacity: 0; } 12% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
.da-artwork .da-orbits { fill: none; stroke: #b9d0e640; stroke-width: 1; }
.da-artwork .da-hub-halo { fill: #dbeeff; stroke: #f8fcff; stroke-width: 3; }
.da-artwork .da-hub-disc { fill: var(--da-card); }
.da-artwork .da-cloud { fill: #d7eaff; stroke: #8bb9e0; stroke-width: 1.1; }
.da-artwork .da-sync-arrows { color: #4e92c9; }
.da-artwork .da-confirm { opacity: .18; transition: opacity .4s ease, filter .4s ease; }
.da-artwork .da-is-confirmed .da-confirm { opacity: 1; filter: drop-shadow(0 2px 3px #477b6122); }
.da-artwork .da-check-disc { fill: var(--da-green); }
.da-artwork .da-sparks { fill: #9ac4e4; stroke: #9ac4e4; stroke-width: 2; stroke-linecap: round; opacity: .6; }
.da-artwork[data-play="false"] *, .da-artwork[data-play="false"] *::before, .da-artwork[data-play="false"] *::after { animation-play-state: paused !important; }
@media (max-width: 760px) { .da-sync-stage { padding: 4px !important; } }
@media (prefers-color-scheme: dark) {
  .da-artwork { --da-shell: #263d53; --da-laptop: #3d5872; --da-screen: #202e3c; --da-window: #2a3b4e; --da-card: #304356; --da-card-line: #3b5369; --da-text: #d1e2f1; --da-muted: #93adc4; --da-lines: #637e97; --da-blue: #69ade4; --da-blue-light: #274760; --da-floor: #010a143b; --da-metal: #668199; --da-metal-edge: #516a80; --da-pale: #2a3e52; --da-green: #639d86; }
  .da-sync-stage { background: radial-gradient(ellipse at 52% 46%, #20364c 0, #182b3e 55%, #172635 100%) !important; }
  .da-artwork .da-hub-halo { fill: #2e4b65; stroke: #44627c; }
  .da-artwork .da-cloud { fill: #3e6484; stroke: #7399b9; }
  .da-artwork .da-sync-arrows { color: #9ac9f0; }
  .da-artwork .da-links { stroke: #5e88aa; }
  .da-artwork .da-orbits { stroke: #7192af26; }
  .da-artwork .da-screen-top { stop-color: #233548; } .da-artwork .da-screen-bottom { stop-color: #1a2836; }
  .da-artwork .da-icon-shadow { filter: drop-shadow(0 6px 12px #0008); }
  .da-artwork .da-glow-in { stop-color: #2b4a66; stop-opacity: .6; }
  .da-artwork .da-glow-out { stop-color: #1a2d40; }
}
@media (prefers-reduced-motion: reduce) { .da-artwork *, .da-artwork *::before, .da-artwork *::after { animation: none !important; transition: none !important; } .da-artwork .da-confirm { opacity: 1; } }