.lightdark-root{scroll-behavior:smooth;overscroll-behavior:contain;margin:0;padding:0;position:relative;overflow-x:hidden;overflow-y:auto}.lightdark-root *{text-rendering:geometricPrecision;margin:0;padding:0}.lightdark-root ::selection{color:#000;background:#fff}.lightdark-root{--window-width:100vw;--window-height:100vh;--h1-width:calc(var(--window-width)*.316)}.lightdark-root h1,.lightdark-root a,.lightdark-root button{font-optical-sizing:auto;font-family:DM Sans,sans-serif;font-style:normal}.lightdark-root .top{z-index:4;width:100%;height:var(--window-height);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.lightdark-root .top img{width:calc(var(--window-height)*.24);position:absolute;transform:translateY(20%)}.lightdark-root .switch{z-index:1;pointer-events:auto;cursor:pointer;background:rgba(120,120,128,.196);border-radius:100px;align-items:center;width:51px;height:31px;padding:2px;transition:background .6s;display:flex;position:absolute;bottom:32px}.lightdark-root .knob{background:#fff;border-radius:50%;width:27px;height:27px;transition:all .4s;transform:translate(2px);box-shadow:0 3px 1px rgba(0,0,0,.06),0 3px 8px rgba(0,0,0,.15)}.lightdark-root .content{z-index:1;width:100%;height:calc(var(--window-height)*1);pointer-events:none;mix-blend-mode:difference;justify-content:center;align-items:center;display:flex;position:-webkit-sticky;position:sticky;top:0;left:0}.lightdark-root .background{width:calc(var(--window-width) - 32px);height:calc(var(--window-height) - 32px);mix-blend-mode:difference;background:radial-gradient(73% 101% at 95.54% 95.05%,rgba(0,99,190,.78) 0%,rgba(0,87,167,0) 100%),linear-gradient(197deg,#00075b 0%,rgba(0,7,91,0) 100%),radial-gradient(59% 74% at 10% -10%,rgba(206,123,0,.8) 0%,rgba(199,180,9,.21) 52%,rgba(193,9,9,0) 100%),linear-gradient(143deg,#c16109 0%,rgba(17,212,72,.33) 30%,rgba(9,193,149,0) 56%),linear-gradient(288deg,#266400 33%,rgba(38,85,34,0) 97%);border-radius:32px;justify-content:center;align-items:start;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightdark-root .notch{z-index:1;justify-content:stretch;height:40px;display:flex}.lightdark-root .notch svg{height:100%}.lightdark-root .links{color:rgba(255,255,255,.7);background:#000;align-items:start;gap:16px;padding-top:3px;font-size:14px;font-weight:500;display:flex}.lightdark-root .stars{opacity:0;width:95%;position:absolute;top:50%;transform:translateY(-50%)}.lightdark-root .heading{padding:calc(var(--window-height)*.1)0 0 0;height:calc(var(--window-width)*.173);gap:calc(var(--window-width)*.016);display:flex;position:absolute;top:0}.lightdark-root .heading h1{font-weight:400;font-size:calc(var(--window-width)*.09);letter-spacing:-.02em;color:#fff}.lightdark-root .toggle-text{overflow:hidden}.lightdark-root .toggle-text h1{width:var(--h1-width);transform:translateY(0%)}.lightdark-root .screen{width:calc(var(--window-height)*.22);border-radius:calc(var(--window-height)*.022);z-index:1;position:absolute;transform:translateY(21%)}.lightdark-root .section-1,.lightdark-root .section-2{width:100%;height:calc(var(--window-height)*1.5);position:relative}.lightdark-root .section-1{background:#fff;align-items:start;display:flex}.lightdark-root .transition{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:0;display:flex;position:relative}.lightdark-root .section-2{background:#000;align-items:end;display:flex}.lightdark-root #s1-target,.lightdark-root #s2-target{width:100%;height:var(--window-height)}.lightdark-root .transition>div{width:100%;min-height:calc(var(--window-height)*.15);pointer-events:none;position:relative;top:auto;bottom:0;left:0;right:0}.lightdark-root .transition>div>div,.lightdark-root .transition>div:before,.lightdark-root .transition>div:after{position:absolute;top:0;bottom:0;left:0;right:0}.lightdark-root .transition>div:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.lightdark-root .transition>div>div:first-of-type{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.lightdark-root .transition>div>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lightdark-root .transition>div>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.lightdark-root .transition>div>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lightdark-root .transition>div>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.lightdark-root .transition>div>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px)}.lightdark-root .transition>div:after{content:"";z-index:8;-webkit-backdrop-filter:blur(128px);backdrop-filter:blur(128px)}.lightdark-root .blur-top:before{-webkit-mask:linear-gradient(transparent 0%,#000 12.5%);mask:linear-gradient(transparent 0%,#000 12.5%)}.lightdark-root .blur-top>div:first-of-type{-webkit-mask:linear-gradient(transparent 12.5%,#000 25%);mask:linear-gradient(transparent 12.5%,#000 25%)}.lightdark-root .blur-top>div:nth-of-type(2){-webkit-mask:linear-gradient(transparent 25%,#000 37.5%);mask:linear-gradient(transparent 25%,#000 37.5%)}.lightdark-root .blur-top>div:nth-of-type(3){-webkit-mask:linear-gradient(transparent 37.5%,#000 50%);mask:linear-gradient(transparent 37.5%,#000 50%)}.lightdark-root .blur-top>div:nth-of-type(4){-webkit-mask:linear-gradient(transparent 50%,#000 62.5%);mask:linear-gradient(transparent 50%,#000 62.5%)}.lightdark-root .blur-top>div:nth-of-type(5){-webkit-mask:linear-gradient(transparent 62.5%,#000 75%);mask:linear-gradient(transparent 62.5%,#000 75%)}.lightdark-root .blur-top>div:nth-of-type(6){-webkit-mask:linear-gradient(transparent 75%,#000 87.5%);mask:linear-gradient(transparent 75%,#000 87.5%)}.lightdark-root .blur-top:after{-webkit-mask:linear-gradient(transparent 87.5%,#000 100%);mask:linear-gradient(transparent 87.5%,#000 100%)}.lightdark-root .blur-bot:before{-webkit-mask:linear-gradient(#000 87.5%,transparent 100%);mask:linear-gradient(#000 87.5%,transparent 100%)}.lightdark-root .blur-bot>div:first-of-type{-webkit-mask:linear-gradient(#000 75%,transparent 87.5%);mask:linear-gradient(#000 75%,transparent 87.5%)}.lightdark-root .blur-bot>div:nth-of-type(2){-webkit-mask:linear-gradient(#000 62.5%,transparent 75%);mask:linear-gradient(#000 62.5%,transparent 75%)}.lightdark-root .blur-bot>div:nth-of-type(3){-webkit-mask:linear-gradient(#000 50%,transparent 62.5%);mask:linear-gradient(#000 50%,transparent 62.5%)}.lightdark-root .blur-bot>div:nth-of-type(4){-webkit-mask:linear-gradient(#000 37.5%,transparent 50%);mask:linear-gradient(#000 37.5%,transparent 50%)}.lightdark-root .blur-bot>div:nth-of-type(5){-webkit-mask:linear-gradient(#000 25%,transparent 37.5%);mask:linear-gradient(#000 25%,transparent 37.5%)}.lightdark-root .blur-bot>div:nth-of-type(6){-webkit-mask:linear-gradient(#000 12.5%,transparent 25%);mask:linear-gradient(#000 12.5%,transparent 25%)}.lightdark-root .blur-bot:after{-webkit-mask:linear-gradient(#000 0%,transparent 12.5%);mask:linear-gradient(#000 0%,transparent 12.5%)}