.glitch{color:#ededec;font-family:var(--font-display-v2),sans-serif;font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#ededec;background-color:#070708;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:10px;text-shadow:var(--after-shadow,-10px 0 #ff6a3d);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-10px;text-shadow:var(--before-shadow,10px 0 #5ae0c8);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow,-10px 0 #ff6a3d);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow,10px 0 #5ae0c8);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.card-grid{display:grid;gap:.75em;width:100%;font-size:clamp(1rem,.9rem + .5vw,1.4rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;padding:1.4em;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#131316;font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.35)}.magic-bento-card__content,.magic-bento-card__header{display:flex;position:relative;color:#ededec;z-index:2}.magic-bento-card__header{justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5ae0c8}.magic-bento-card__title{font-family:var(--font-display-v2),sans-serif;font-weight:600;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em;margin:0 0 .35em;color:#ededec}.magic-bento-card__description{font-size:13.5px;line-height:1.4;color:#8a8a93;max-width:32ch}.card-grid{grid-template-columns:1fr}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:first-child{grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(2){grid-column:span 2}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(90,224,200,calc(var(--glow-intensity) * .8)) 0,rgba(90,224,200,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 30px rgba(90,224,200,.2)}.particle-container{position:relative;overflow:hidden;height:100%}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.card-grid{gap:.9em}.magic-bento-card{aspect-ratio:auto;min-height:150px;--glow-intensity:0.5;--glow-x:50%;--glow-y:0%;box-shadow:0 0 24px -8px rgba(90,224,200,.25)}.magic-bento-card--border-glow:after{opacity:1}.magic-bento-card:before{content:"";position:absolute;top:0;left:1.4em;right:1.4em;height:2px;background:linear-gradient(90deg,transparent,#5ae0c8,transparent);opacity:.7}}.metaballs-container{position:relative;width:100%;height:100%}