.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}
.audio-waves{justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex}.wave-bar{opacity:.6;background-color:#fff;border-radius:9999px;width:3px;height:20%;animation:1.2s ease-in-out infinite audioWave}.wave-bar.paused{opacity:.3;height:20%;animation:none}@keyframes audioWave{0%,to{opacity:.6;height:20%}50%{opacity:1;height:50%}}
.card-grid{grid-template-columns:1fr;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:20px;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-rows:repeat(3,280px);grid-template-columns:repeat(4,1fr)}}.magic-bento-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;background:#19191999;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.magic-bento-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,rgba(var(--glow-color,255,255,255),.1),rgba(var(--glow-color,255,255,255),.02));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:hover:before{opacity:1}.magic-bento-card--border-glow:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),rgba(var(--glow-color,255,255,255),calc(var(--glow-intensity,0)*.08)),rgba(var(--glow-color,255,255,255),calc(var(--glow-intensity,0)*.04))30%,transparent 70%);opacity:var(--glow-intensity,0);pointer-events:none;z-index:-1;filter:blur(20px);transition:opacity .3s;position:absolute;inset:-2px}.magic-bento-card__header{z-index:2;position:absolute;top:20px;right:20px}.magic-bento-card__label{color:#ebebeb;letter-spacing:.5px;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.magic-bento-card__content{z-index:1;color:#ebebeb;padding:24px;transition:opacity .3s,transform .3s;position:relative}.magic-bento-card--text-autohide .magic-bento-card__content{opacity:0;transform:translateY(10px)}.magic-bento-card--text-autohide:hover .magic-bento-card__content{opacity:1;transform:translateY(0)}.magic-bento-card__title{color:#ebebeb;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.2}.magic-bento-card__description{color:#9e9e9e;margin:0;font-size:14px;font-weight:400;line-height:1.6}.particle-container{position:relative}.particle{pointer-events:none;will-change:transform,opacity;border-radius:50%;position:absolute}.magic-bento-card--span-2{grid-column:span 1}.magic-bento-card--span-row-2{grid-row:span 1}@media (min-width:1024px){.magic-bento-card--span-2{grid-column:span 2}.magic-bento-card--span-row-2{grid-row:span 2}}.global-spotlight{pointer-events:none;mix-blend-mode:screen;z-index:200;border-radius:50%;position:fixed}@media (max-width:768px){.card-grid{gap:16px;padding:0}.magic-bento-card{min-height:180px}.magic-bento-card.hidden{display:none!important}.magic-bento-card.min-h-\[230px\]{min-height:230px!important}.magic-bento-card__content{padding:20px}.magic-bento-card__title{font-size:20px}.magic-bento-card__description{font-size:13px}}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card:before,.magic-bento-card:after,.magic-bento-card__content,.particle{transition:none!important;animation:none!important}}.magic-bento-card--tall{min-height:300px}.magic-bento-card--short{min-height:150px}.magic-bento-card--large{grid-area:span 1/span 1}@media (min-width:768px){.magic-bento-card--large{grid-area:span 2/span 2}}.magic-bento-card__icon{opacity:.9;width:48px;height:48px;margin-bottom:16px}.magic-bento-card--centered{text-align:center;justify-content:center;align-items:center}.magic-bento-card--centered .magic-bento-card__content{padding:40px 24px}.magic-bento-card--transparent{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}
.pixel-blast-container{position:absolute;inset:0}.pixel-blast-container canvas{width:100%;height:100%;display:block}
.before-after-container{cursor:ew-resize;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.text-layer{justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.text-content{text-align:center;color:#fff;max-width:80%;font-size:1.75rem;font-weight:600;line-height:1.6}.clean-layer{z-index:1}.clean-layer .text-content{filter:none;opacity:1}.distortion-layer{z-index:2}.distortion-layer .text-content{opacity:.8;color:#fff;text-shadow:5px 0 10px #ff0000b3,-5px 0 10px #00ffffb3,0 5px 10px #00ff0080;animation:6s infinite subtle-glitch}.blur-layer{display:none}.noise-overlay{opacity:.7;filter:url(#noise-filter);mix-blend-mode:normal;pointer-events:none;background-color:#191919;animation:.2s steps(10,end) infinite grain-animation;position:absolute;inset:0}@keyframes grain-animation{0%,to{opacity:.7;background-position:0 0}10%{opacity:.65;background-position:5% -5%}20%{opacity:.75;background-position:-5% 5%}30%{opacity:.7;background-position:10% -10%}40%{opacity:.68;background-position:-10% 10%}50%{opacity:.72;background-position:5% 5%}60%{opacity:.7;background-position:-5% -5%}70%{opacity:.73;background-position:10% 10%}80%{opacity:.68;background-position:-10% -10%}90%{opacity:.71;background-position:0 5%}}@keyframes subtle-glitch{0%,to{transform:translate(0)skew(0deg)}10%{transform:translate(-3px,2px)skew(-1deg)}20%{transform:translate(-2px,1px)skew(.5deg)}30%{transform:translate(4px,-2px)skew(1deg)}40%{transform:translate(2px,-1px)skew(-.5deg)}50%{transform:translate(-4px,3px)skew(1.5deg)}60%{transform:translate(-1px,2px)skew(-1deg)}70%{transform:translate(3px,-3px)skew(.5deg)}80%{transform:translate(1px,-2px)skew(-1.5deg)}90%{transform:translate(-2px,1px)skew(1deg)}}.slider-handle{z-index:10;pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-line{background:#fffc;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffffff80}.slider-button{cursor:grab;pointer-events:auto;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.slider-button:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 6px 16px #0006}.slider-button:active{cursor:grabbing;transform:translate(-50%,-50%)scale(.95)}.slider-button svg{color:#191919;width:24px;height:24px}