:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{color:#d8d8e0;background:#000;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}html{max-width:100%;overflow-x:clip}body{max-width:100%;min-height:100%;overflow-x:clip}canvas{touch-action:none;display:block}.canvas-root{pointer-events:none;z-index:0;top:0;left:0;position:absolute!important}.page{z-index:1;position:relative}.hero-section{background:#000;justify-content:center;align-items:center;height:100lvh;display:flex;position:relative}.hero{color:#fff;z-index:2;letter-spacing:clamp(-7px,-1.2vw,-3.5px);margin:0;font-family:Cabin,sans-serif;font-size:clamp(56px,18vw,100px);line-height:1;display:inline-block}.layers{position:relative}.layers:before,.layers:after{content:attr(data-text);z-index:-1;width:110%;position:absolute}.layers:before{color:#e0287d;top:10px;left:15px}.layers:after{color:#1bc7fb;top:5px;left:-10px}.glitch span{animation:5s step-end infinite paths}.glitch:before{animation:5s step-end infinite paths,5s step-end infinite opacity,8s step-end infinite font,10s step-end infinite movement}.glitch:after{animation:5s step-end infinite paths,5s step-end infinite opacity,7s step-end infinite font,8s step-end infinite movement}@keyframes paths{0%{clip-path:polygon(0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,7%,33%,47%,78%,93%{clip-path:none}}@keyframes movement{0%{top:0;left:-20px}15%{top:10px;left:10px}60%{top:5px;left:-10px}75%{top:-5px;left:20px}to{top:10px;left:5px}}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,7%,33%,47%,78%,93%{opacity:0}}@keyframes font{0%{color:#e0287d;filter:blur(3px);font-weight:100}20%{color:#fff;filter:blur();font-weight:500}50%{color:#1bc7fb;filter:blur(2px);font-weight:300}60%{color:#fff;filter:blur();font-weight:700}90%{color:#e0287d;filter:blur(6px);font-weight:500}}.hero-chevron{color:#6f6f7a;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-chevron svg{width:clamp(28px,3vw,40px);height:clamp(28px,3vw,40px);display:block}.section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100svh;padding:4rem clamp(1.5rem,6vw,6rem);display:grid}.section.reverse{direction:rtl}.section.reverse>*{direction:ltr}.monitor-column{width:100%;height:min(80svh,640px);position:relative}.monitor-slot{pointer-events:none;width:200vw;height:240%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.copy{color:#c8c8d2;white-space:pre-line;max-width:36rem;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6}.section-title{color:#fff;z-index:2;letter-spacing:-.06em;margin:0 0 1.25rem;font-family:Cabin,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1;display:inline-block}.section-title.layers:before{top:4px;left:6px}.section-title.layers:after{top:2px;left:-4px}.section-link{color:#c8c8d2;border-bottom:1px solid #c8c8d259;align-items:center;gap:.5rem;margin-top:1.5rem;padding-bottom:2px;font-size:clamp(.875rem,1.1vw,1rem);text-decoration:none;transition:color .12s,border-color .12s;display:inline-flex}.section-link:hover,.section-link:focus-visible{color:#f4f4f8;border-bottom-color:#f4f4f8}.section-link i{font-size:.8em}.socials{gap:1.25rem;margin:1.5rem 0 0;padding:0;font-size:clamp(1.5rem,2vw,2rem);list-style:none;display:flex}.socials a{color:#c8c8d2;line-height:1;text-decoration:none;transition:color .12s;display:inline-block}.socials a:hover,.socials a:focus-visible{color:#f4f4f8}@media (width<=800px){.section,.section.reverse{direction:ltr;grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:3rem clamp(1.25rem,5vw,2rem)}.monitor-column{height:clamp(280px,50svh,420px)}.monitor-slot{width:180%;height:180%}.hero.layers:before{top:4px;left:6px}.hero.layers:after{top:2px;left:-4px}.hero-chevron{bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.glitch span,.glitch:before,.glitch:after{animation:none}.layers:before,.layers:after{display:none}}