:root{--vd-blue:#1e5bd6;--vd-blue-600:#184bb4;--vd-blue-700:#143e96;--vd-blue-tint:#eef3ff;--vd-blue-tint-2:#e2ebff;--vd-navy:#0a1438;--vd-ink:#0a1438;--vd-body:#48536e;--vd-body-soft:#6b7691;--vd-line:#e5e9f2;--vd-line-2:#eef1f8;--vd-bg:#fff;--vd-bg-soft:#f6f8fc;--vd-grid:#0a14380b;--vd-radius:20px;--vd-radius-sm:12px;--vd-shadow-sm:0 1px 2px #0a14380a, 0 4px 14px #0a14380d;--vd-shadow-md:0 8px 30px #0a143814;--vd-shadow-blue:0 14px 40px #1e5bd638;--vd-ease:cubic-bezier(.22, .61, .36, 1)}.video-demos-page{min-height:100vh;color:var(--vd-body)!important;background:#fff!important}.vd-hero{padding:140px 0 40px;position:relative;overflow:hidden;background:#fff!important}.vd-hero:before{content:"";background-image:linear-gradient(var(--vd-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vd-grid) 1px, transparent 1px);z-index:0;background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 20%,#000 30%,#0000 78%);mask-image:radial-gradient(70% 70% at 50% 20%,#000 30%,#0000 78%)}.vd-hero-in{z-index:2;max-width:840px;position:relative}.vd-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--vd-blue);align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.vd-eyebrow:before{content:"";background:var(--vd-blue);border-radius:2px;width:24px;height:2px}.vd-hero h1{letter-spacing:-.035em;color:var(--vd-ink);margin:16px 0 0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(38px,5.5vw,60px);font-weight:800;line-height:1.05}.vd-hero h1 .em{color:var(--vd-blue)}.vd-hero h1 .italic{font-style:italic}.vd-hero p.lead{color:var(--vd-body);max-width:680px;margin-top:16px;font-size:clamp(17px,2vw,19.5px);line-height:1.55}.vd-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.vd-tag-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vd-tag-pill{color:var(--vd-body);border:1.5px solid var(--vd-line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;padding:8px 18px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s;display:inline-flex}.vd-tag-pill:hover{border-color:var(--vd-blue);color:var(--vd-blue);transform:translateY(-1px);box-shadow:0 2px 10px #1e5bd61a}.vd-tag-pill.active{background:var(--vd-blue);border-color:var(--vd-blue);color:#fff;font-weight:600;box-shadow:0 4px 14px #1e5bd640}.vd-search-form{flex-shrink:0;width:100%;max-width:300px}.vd-search-bar{background:#f8fafc;border:1.5px solid #60a5fa;border-radius:9999px;align-items:center;width:100%;padding:10px 18px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative}.vd-search-bar:focus-within{border-color:var(--vd-blue);background:#fff;box-shadow:0 0 0 4px #1e5bd61f}.vd-search-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.vd-search-input{width:100%;color:var(--vd-ink);background:0 0;border:none;outline:none;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15px}.vd-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:4px;transition:color .15s,background-color .15s;display:flex}.vd-search-clear:hover{color:var(--vd-ink);background:#e2e8f0}.vd-search-stats{color:var(--vd-body-soft);margin-bottom:28px;padding-left:4px;font-size:14px;font-weight:500}.vd-grid{flex-direction:column;gap:32px;margin-bottom:70px;display:flex}.vd-card{transition:transform .35s var(--vd-ease), box-shadow .35s var(--vd-ease), border-color .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:460px 1fr;align-items:center;gap:16px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0a14380d,0 1px 3px #0a143805}.vd-card:hover{border-color:#1e5bd64d;transform:translateY(-4px);box-shadow:0 20px 48px -8px #0a14381f,0 0 0 1px #1e5bd64d}.vd-media{aspect-ratio:16/9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a;border-radius:14px;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.vd-media-video-preview{object-fit:cover;opacity:.98;width:100%;height:100%;transition:opacity .35s ease, transform .4s var(--vd-ease);pointer-events:none;z-index:1;position:absolute;inset:0}.vd-card:hover .vd-media-video-preview{opacity:1;transform:scale(1.02)}.vd-media-glow{background:radial-gradient(circle,#1e5bd659 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.vd-card:hover .vd-media-glow{opacity:1}.vd-media-grid-pattern{opacity:.6;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.vd-play-btn{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:64px;height:64px;transition:transform .3s var(--vd-ease), background .3s ease, box-shadow .3s ease;background:#1e5bd6e6;border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 10px 30px #1e5bd680,0 0 0 6px #1e5bd633}.vd-media:hover .vd-play-btn{background:#1e5bd6;transform:scale(1.12);box-shadow:0 14px 40px #1e5bd6b3,0 0 0 10px #1e5bd64d}.vd-media-badge-top{letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#0006;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.vd-media-badge-bottom{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.vd-smartlink-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.vd-duration-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff40;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700}.vd-body{background:#fff;flex-direction:column;justify-content:space-between;gap:16px;padding:8px 12px 8px 4px;display:flex}.vd-meta-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vd-cat-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--vd-blue);background:var(--vd-blue-tint);border:1px solid var(--vd-blue-tint-2);border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:700}.vd-index-num{color:#94a3b8;font-family:Bricolage Grotesque,monospace,sans-serif;font-size:14px;font-weight:800}.vd-title{letter-spacing:-.02em;color:var(--vd-ink);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:23px;font-weight:800;line-height:1.25}.vd-desc{color:var(--vd-body);margin:0;font-size:14px;line-height:1.6}.vd-highlights{background:var(--vd-bg-soft);border:1px solid var(--vd-line-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.vd-highlight-item{color:var(--vd-ink);align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.vd-highlight-check{color:var(--vd-blue);flex-shrink:0;margin-top:2px}.vd-tech-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vd-tech-pill{color:var(--vd-body-soft);border:1px solid var(--vd-line);background:#fff;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600}.vd-actions{border-top:1px solid var(--vd-line-2);align-items:center;gap:12px;padding-top:8px;display:flex}.vd-btn-primary{color:#fff;background:var(--vd-blue);transition:all .25s var(--vd-ease);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #1e5bd640}.vd-btn-primary:hover{background:var(--vd-blue-600);transform:translateY(-1px);box-shadow:0 6px 20px #1e5bd659}.vd-btn-secondary{color:var(--vd-ink);background:var(--vd-bg-soft);border:1px solid var(--vd-line);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.vd-btn-secondary:hover{border-color:var(--vd-blue);color:var(--vd-blue);background:#fff}.vd-empty{text-align:center;background:var(--vd-bg-soft);border-radius:var(--vd-radius);border:1px dashed var(--vd-line);color:var(--vd-ink);margin-bottom:60px;padding:80px 24px}.vd-empty h3{margin-bottom:8px;font-family:Bricolage Grotesque,sans-serif;font-size:22px}.vd-empty p{color:var(--vd-body);margin-bottom:20px;font-size:15px}.vd-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1438d1;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out vdFadeIn;display:flex;position:fixed;inset:0}.vd-modal-container{width:100%;max-width:860px;max-height:92vh;animation:vdPopIn .3s var(--vd-ease);background:#fff;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000073}.vd-modal-header{background:var(--vd-navy);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.vd-modal-action-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.vd-modal-action-btn:hover{background:#ffffff40;border-color:#fff}.vd-modal-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.vd-modal-close:hover{background:#ef4444;border-color:#ef4444}.vd-modal-video-wrap{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.vd-modal-video-player{object-fit:contain;width:100%;height:100%;display:block}.vd-modal-body{flex-direction:column;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.vd-modal-controls-row{border-bottom:1px solid var(--vd-line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}@keyframes vdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vdPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:960px){.vd-card{grid-template-columns:1fr}.vd-media{min-height:220px}.vd-body{padding:24px}.vd-filter-row{flex-direction:column;align-items:stretch}.vd-search-form{max-width:100%}}@media (max-width:600px){.vd-actions{flex-direction:column;align-items:stretch}.vd-btn-primary,.vd-btn-secondary{width:100%}.vd-modal-header{flex-direction:column;align-items:flex-start}}