.landing-demo-capsule-stack{margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.landing-demo-notch-surface{position:relative;flex-shrink:0}.landing-demo-widget{position:relative;width:min(100%,400px);overflow:hidden;contain:layout paint;opacity:0;transform:translate3d(0,-18px,0) scale(.8);transform-origin:top center;filter:blur(8px) saturate(.9);clip-path:inset(0 14% 100% 14% round var(--landing-demo-widget-radius,24px));visibility:hidden;will-change:opacity,transform,filter,clip-path;transition:opacity .2s ease,transform .26s ease,filter .2s ease,clip-path .26s ease,visibility 0s linear .28s;box-shadow:0 8px 24px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.09)}.landing-demo-widget:before{content:"";position:absolute;top:-28px;left:14%;right:14%;height:72px;z-index:4;pointer-events:none;opacity:0;transform:scaleX(.45);transform-origin:top center;background:radial-gradient(ellipse at 50% 0,hsla(0,0%,100%,.34) 0,rgba(120,160,255,.18) 38%,transparent 76%)}.landing-demo-widget--visible{opacity:1;transform:translateZ(0) scale(.86);filter:blur(0) saturate(1);clip-path:inset(0 0 0 0 round var(--landing-demo-widget-radius,24px));visibility:visible;transition:opacity .18s ease,transform .58s cubic-bezier(.16,1,.3,1),filter .42s ease,clip-path .52s cubic-bezier(.16,1,.3,1),visibility 0s}.landing-demo-widget--visible:before{animation:landing-demo-widget-glow .68s ease-out both}.landing-demo-capsule-frost{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(12,14,22,.58),rgba(8,10,18,.66));backdrop-filter:blur(72px) saturate(200%) brightness(1.04);-webkit-backdrop-filter:blur(72px) saturate(200%) brightness(1.04);pointer-events:none}@media (max-width:768px){.landing-demo-widget{width:min(100%,386px);transform:translate3d(0,-18px,0) scale(.82);box-shadow:0 6px 18px rgba(0,0,0,.22),0 1px 5px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.1)}.landing-demo-widget--visible{transform:translateZ(0) scale(.88)}.landing-demo-capsule-frost{background:linear-gradient(180deg,rgba(12,14,22,.66),rgba(8,10,18,.78));backdrop-filter:blur(28px) saturate(170%) brightness(1.03);-webkit-backdrop-filter:blur(28px) saturate(170%) brightness(1.03)}.landing-demo-capsule-border{background:radial-gradient(ellipse at 0 0,hsla(0,0%,100%,.32) 0,hsla(0,0%,100%,.1) 32%,transparent 62%),radial-gradient(ellipse at 100% 100%,hsla(0,0%,100%,.28) 0,hsla(0,0%,100%,.09) 32%,transparent 62%),hsla(0,0%,100%,.08)}}.landing-demo-capsule-border{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;padding:1px;background:radial-gradient(ellipse at 0 0,hsla(0,0%,100%,.28) 0,hsla(0,0%,100%,.08) 30%,transparent 60%),radial-gradient(ellipse at 100% 100%,hsla(0,0%,100%,.28) 0,hsla(0,0%,100%,.08) 30%,transparent 60%),hsla(0,0%,100%,.07);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.landing-demo-notch{position:absolute;inset:0;z-index:2;opacity:1;transition:opacity .18s ease .22s,transform .24s ease .18s}.landing-demo-notch-shell{position:absolute;inset:0;width:100%;height:100%;background:#020309}.landing-demo-notch-content{position:absolute;top:50%;left:50%;z-index:2;width:82%;height:32px;transform:translate(-50%,-50%);padding:0 6px;overflow:visible}.landing-demo-notch .landing-demo-capsule-app-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%)}.landing-demo-notch-wave{position:absolute;left:50%;top:50%;width:112px;height:100%;transform:translate(-50%,-50%);overflow:hidden}.landing-demo-capsule-card{position:relative;z-index:1}.landing-demo-capsule-app-icon{border-radius:7px;display:block;flex-shrink:0}@keyframes ldcapsule-icon-pop{0%{opacity:0;transform:translateY(-50%) scale(.4)}to{opacity:1;transform:translateY(-50%) scale(1)}}.landing-demo-capsule-icon-enter{animation:ldcapsule-icon-pop .25s cubic-bezier(.34,1.56,.64,1) both}.landing-demo-capsule-done{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;line-height:1;font-weight:600;color:hsla(0,0%,100%,.88);text-transform:lowercase}@keyframes landing-demo-widget-glow{0%{opacity:0;transform:scaleX(.45) translateY(-4px)}32%{opacity:1}to{opacity:0;transform:scaleX(1) translateY(18px)}}