.hero{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hero__center{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 44px;display:flex;position:relative}.hero__eyebrow{font-family:var(--font-family-mono);letter-spacing:3px;color:#ffffff8c;opacity:0;margin-bottom:24px;font-size:11px;animation:.9s cubic-bezier(.2,.7,.3,1) .15s forwards sp-fade-up}.hero__title{letter-spacing:-2.5px;opacity:0;max-width:1000px;margin:0;font-size:clamp(36px,5.5vw,86px);font-weight:500;line-height:1;animation:1s cubic-bezier(.2,.7,.3,1) .3s forwards sp-fade-up}.hero__title-em{font-style:italic;font-weight:400}.hero__description{color:#ffffffa6;opacity:0;max-width:600px;margin:28px auto 0;font-size:16px;line-height:1.55;animation:1s cubic-bezier(.2,.7,.3,1) .55s forwards sp-fade-up}.hero__bottom{z-index:2;padding:0 44px 44px;position:relative}.hero__shelf-label{font-family:var(--font-family-mono);letter-spacing:3px;color:#fff6;text-align:center;opacity:0;margin-bottom:18px;font-size:10px;animation:.9s cubic-bezier(.2,.7,.3,1) .75s forwards sp-fade-up}.hero__cards{justify-content:center;align-items:stretch;gap:calc(var(--spacing,.25rem)*4);flex-wrap:wrap;display:flex}@media (max-width:640px){.hero{height:auto;min-height:100dvh}.hero__center{flex:none;margin-top:12vh;margin-bottom:48px;padding:0 24px}.hero__eyebrow{letter-spacing:2.5px;margin-bottom:18px;font-size:10px}.hero__title{letter-spacing:-1.5px;max-width:360px;font-size:clamp(28px,8vw,42px)}.hero__description{max-width:320px;margin-top:20px;font-size:14px}.hero__bottom{padding:0 20px 40px}.hero__shelf-label{margin-bottom:14px;font-size:9px}.hero__cards{flex-direction:column;align-items:center;gap:12px}}
.backdrop,.backdrop__base{inset:calc(var(--spacing,.25rem)*0);position:absolute}.backdrop__orb{mix-blend-mode:screen;border-radius:3.40282e38px;position:absolute}.backdrop__orb--a{filter:blur(80px);width:420px;height:420px;animation:16s ease-in-out infinite sp-float-a;top:10%;left:8%}.backdrop__orb--b{filter:blur(100px);width:520px;height:520px;animation:22s ease-in-out infinite sp-float-b;bottom:8%;right:10%}.backdrop__orb--c{filter:blur(70px);opacity:.5;width:320px;height:320px;animation:19s ease-in-out infinite sp-float-c;top:40%;left:55%}.backdrop__spotlight{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);background:radial-gradient(80% 50% at 50% 0,#ffffff0f 0%,#0000 70%);position:absolute}.backdrop__grain{pointer-events:none;opacity:.12;mix-blend-mode:overlay;animation:4s steps(8,end) infinite sp-grain;position:absolute;inset:-10%}.backdrop__vignette{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute}@media (max-width:640px){.backdrop__orb--a{filter:blur(60px);width:220px;height:220px}.backdrop__orb--b{filter:blur(70px);width:280px;height:280px}.backdrop__orb--c{filter:blur(50px);width:180px;height:180px}}
.top-bar{z-index:2;opacity:0;justify-content:space-between;align-items:center;padding:28px 44px;animation:.8s cubic-bezier(.2,.7,.3,1) forwards sp-fade-up;display:flex;position:relative}.top-bar__mail{color:#ffffff80;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:color .3s,background .3s;display:flex}.top-bar__mail:hover{color:#ffffffe6;background:#ffffff0f}.top-bar__mail-icon{width:22px;height:22px}@media (max-width:640px){.top-bar{padding:20px}.top-bar__mail{width:36px;height:36px}.top-bar__mail-icon{width:18px;height:18px}}
.logo{align-items:center;display:flex}.logo__img{width:auto;height:32px}@media (max-width:640px){.logo__img{height:24px}}
.app-card{-webkit-backdrop-filter:blur(18px)saturate(140%);opacity:0;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff1a;border-radius:20px;width:300px;padding:26px 24px 22px;transition:transform .5s cubic-bezier(.2,.7,.3,1),background .3s,border-color .3s,box-shadow .3s;animation:.9s cubic-bezier(.2,.7,.3,1) forwards sp-fade-up;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0f}.app-card--hover{box-shadow:0 24px 60px #00000080,0 0 0 1px var(--card-color,#ffffff0d),inset 0 1px 0 #ffffff14;background:linear-gradient(#ffffff1a,#ffffff08);border-color:#ffffff38;transform:translateY(-6px)}.app-card__wash{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);opacity:.4;transition:opacity .4s;position:absolute}.app-card--hover .app-card__wash{opacity:1}.app-card__body{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.app-card__logo-img{object-fit:contain;filter:brightness(0)invert();width:auto;height:22px}.app-card__role{font-family:var(--font-family-mono);color:#ffffff80;font-size:11px;line-height:1.4}@media (max-width:640px){.app-card{border-radius:14px;width:100%;max-width:340px;padding:20px 20px 18px}.app-card__body{flex-direction:row;justify-content:center;gap:12px}.app-card__logo-img{height:18px}.app-card__role{font-size:10px}}
.tweaks-panel{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:240px;font-family:var(--font-family-mono);color:#fff;background:#101014d9;border:1px solid #ffffff1a;border-radius:14px;padding:14px;font-size:11px;position:fixed;bottom:20px;right:20px;box-shadow:0 24px 60px #00000080}.tweaks-panel__header{margin-bottom:calc(var(--spacing,.25rem)*2.5);justify-content:space-between;align-items:center;display:flex}.tweaks-panel__title{letter-spacing:.5px;font-size:12px}.tweaks-panel__close{cursor:pointer;color:#fff9;background:0 0;border:none;font-size:16px}.tweaks-panel__label{color:#ffffff8c;margin-bottom:8px}.tweaks-panel__swatches{gap:calc(var(--spacing,.25rem)*1.5);flex-wrap:wrap;display:flex}.tweaks-panel__swatch{cursor:pointer;border:1px solid #fff3;border-radius:999px;width:24px;height:24px;padding:0}.tweaks-panel__swatch--active{border:2px solid #fff}