@layer components{.demo-section{z-index:0;background:var(--button-neutral);padding-top:0;padding-bottom:0;position:relative}.demo-section__shell{z-index:0;flex-direction:column;align-items:center;display:flex;position:relative}.demo-section__intro,.demo-section__footer{width:100%}.demo-section__intro{padding:2.5rem 1.25rem 2.25rem}.demo-section__heading{width:100%;max-width:48.6875rem;margin-inline:auto}.demo-section__footer{min-height:2rem}.demo-video-frame{z-index:0;scroll-margin-top:calc(var(--header-shell-height) + 1rem);background:0 0;border-radius:0;width:100%;position:relative;box-shadow:0 0 0 1px #03071224,0 10px 31.4px #03071229,0 2px 21.9px #03071217}.demo-video-frame__art{position:absolute;inset:0}.demo-video-frame__art-image{object-fit:cover;object-position:center}.demo-video-frame__media{justify-content:center;align-items:center;width:100%;height:100%;padding:.75rem;display:flex}.demo-video-frame__trigger{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.demo-video-frame__trigger:focus-visible{outline:none}.demo-video-frame__card{background:#fff;border-radius:0;width:min(100%,54.1418rem);transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 .397px .397px #ffffff0f,0 12.713px 44.495px #05061be0,0 1.589px 3.178px #05061b29,0 .795px 1.589px #05061b1f,0 0 0 .795px #05061be0}.demo-video-frame__trigger:focus-visible .demo-video-frame__card{box-shadow:inset 0 .397px .397px 0 #ffffff0f, 0 12.713px 44.495px 0 #05061be0, 0 1.589px 3.178px 0 #05061b29, 0 .795px 1.589px 0 #05061b1f, 0 0 0 .795px #05061be0, 0 0 0 4px var(--focus-ring)}.demo-video-frame__poster{object-fit:cover;object-position:center}.demo-video-frame__play-button{z-index:2;aspect-ratio:1;-webkit-backdrop-filter:blur(18.95px);backdrop-filter:blur(18.95px);border-radius:999px;place-items:center;width:clamp(3.25rem,14vw,3.6875rem);transition:transform .22s,box-shadow .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 34px #0307122e}.demo-video-frame__play-icon{width:100%;height:100%}.demo-video-lightbox__overlay{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0cc2;position:fixed;inset:0}.demo-video-lightbox__content{z-index:61;pointer-events:none;outline:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.demo-video-lightbox__frame{grid-template-columns:minmax(0,1fr);grid-template-areas:"close""surface";align-items:center;gap:.75rem;width:min(100%,72rem);display:grid;position:relative}.demo-video-lightbox__surface{pointer-events:auto;background:#05070b;border-radius:1.5rem;grid-area:surface;width:100%;max-height:calc(100svh - 2rem);position:relative;overflow:hidden;box-shadow:0 32px 80px #0307126b}.demo-video-lightbox__close{z-index:2;pointer-events:auto;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1114187a;border:1px solid #ffffff1f;border-radius:999px;grid-area:close;justify-content:center;justify-self:end;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex;position:relative}.demo-video-lightbox__close:hover{background:#111418ad}.demo-video-lightbox__close:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.demo-video-lightbox__video{object-fit:contain;background:#05070b;border-radius:1.5rem;width:100%;height:100%;display:block}.demo-video-lightbox__overlay[data-state=open]{animation:.18s forwards landing-navbar-fade-in}.demo-video-lightbox__overlay[data-state=closed]{animation:.14s forwards landing-navbar-fade-out}.demo-video-lightbox__content[data-state=open]{animation:.22s forwards demo-video-lightbox-in}.demo-video-lightbox__content[data-state=closed]{animation:.16s forwards demo-video-lightbox-out}@media (min-width:40rem){.demo-section__intro{padding-inline:1.75rem}.demo-video-frame__media{padding:1rem 1.25rem}}@media (min-width:48rem){.demo-section__intro{padding:2.75rem 3rem 2.5rem}.demo-section__footer{min-height:2.5rem}.demo-video-frame__media{padding:1.5rem 2rem}.demo-video-lightbox__content{padding:1.5rem}}@media (min-width:64rem){.demo-section__intro{padding:3.25rem 7.0625rem 2.75rem}.demo-section__footer{min-height:3.0625rem}.demo-video-frame__media{padding:2.53125rem 4.335rem}.demo-video-lightbox__content{align-items:flex-start;padding:4.5rem 2rem 2rem}.demo-video-lightbox__frame{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"surface close";align-items:start;width:min(100%,76rem)}.demo-video-lightbox__surface{max-height:calc(100svh - clamp(5rem,10vh,7rem))}}@media (hover:hover) and (pointer:fine){.demo-video-frame__trigger:hover .demo-video-frame__card{transform:translateY(-2px);box-shadow:inset 0 .397px .397px #ffffff0f,0 16px 48px #05061be6,0 2px 4px #05061b33,0 1px 2px #05061b24,0 0 0 .795px #05061be0}.demo-video-frame__trigger:hover .demo-video-frame__play-button{transform:translate(-50%,-50%)scale(1.04);box-shadow:0 24px 36px #0307123d}}@media (prefers-reduced-motion:reduce){.demo-video-lightbox__content[data-state]{animation:none}}@keyframes demo-video-lightbox-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes demo-video-lightbox-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}}