.sequence-card-wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='677' height='596' fill='none' viewBox='0 0 677 596'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-opacity='.04' d='M0 0h676.352v595.306H0z'/%3E%3Cg filter='url(%23b)'%3E%3Cg clip-path='url(%23c)'%3E%3Cg filter='url(%23d)' opacity='.6'%3E%3Ccircle cx='166.86' cy='77.67' r='325.545' fill='%234a4a4a' transform='rotate(90 166.86 77.67)'/%3E%3C/g%3E%3Cg filter='url(%23e)' opacity='.6'%3E%3Ccircle cx='492.404' cy='682.504' r='252.35' fill='%231d1c1f' transform='rotate(90 492.404 682.504)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg filter='url(%23f)'%3E%3Cellipse cx='393.328' cy='3.352' fill='%23d9d9d9' fill-opacity='.69' rx='367.373' ry='2.648'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' width='676.352' height='595.306' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence baseFrequency='0.79726344347000122 0.79726344347000122' numOctaves='3' result='noise' seed='3499' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix in='noise' result='alphaNoise' type='luminanceToAlpha'/%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0' type='discrete'/%3E%3C/feComponentTransfer%3E%3CfeComposite in='coloredNoise1' in2='shape' operator='in' result='noise1Clipped'/%3E%3CfeFlood flood-color='rgba(0, 0, 0, 0.25)' result='color1Flood'/%3E%3CfeComposite in='color1Flood' in2='noise1Clipped' operator='in' result='color1'/%3E%3CfeMerge result='effect1_noise_13170_5046'%3E%3CfeMergeNode in='shape'/%3E%3CfeMergeNode in='color1'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='d' width='968.812' height='968.812' x='-317.546' y='-406.736' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_13170_5046' stdDeviation='79.431'/%3E%3C/filter%3E%3Cfilter id='e' width='834.001' height='834.001' x='75.404' y='265.504' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_13170_5046' stdDeviation='82.325'/%3E%3C/filter%3E%3Cfilter id='f' width='750.946' height='21.495' x='17.855' y='-7.395' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_13170_5046' stdDeviation='4.05'/%3E%3C/filter%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h676.352v595.306H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M0 0h676.352v595.306H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:16px;margin:0 auto;max-width:600px;overflow:hidden;padding:2px;position:relative;width:100%}.sequence-card-container{border-radius:14px;box-shadow:0 4px 30px rgba(0,0,0,.1);box-sizing:border-box;height:400px;overflow:hidden;position:relative;width:100%}.sequence-card-glow{background:radial-gradient(600px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(248,7,7,.1),transparent 40%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.sequence-card-wrapper:hover .sequence-card-glow{opacity:1}.sequence-card-wrapper:before{background:radial-gradient(600px circle at var(--cursor-x,50%) var(--cursor-y,50%),hsla(0,0%,100%,.3),transparent 40%);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease}.sequence-card-wrapper:hover:before{opacity:1}.dashboard-visual-window{height:100%;overflow:hidden;position:relative;width:100%}.dashboard-svg-container{align-items:center;animation:dashboard-sequence 12s cubic-bezier(.37,0,.23,1) infinite;display:flex;height:100%;justify-content:center;transform-origin:center center;width:100%}.dashboard-svg-container svg{display:block;height:100%;width:80%}@keyframes dashboard-sequence{0%,10%{transform:scale(1);transform-origin:50% 50%}20%,40%{transform:scale(1.7);transform-origin:5% 80%}60%,80%{transform:scale(1.7);transform-origin:100% 80%}90%,to{transform:scale(1);transform-origin:50% 50%}}