*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif}.stage{perspective:1200px;--stage-shift-x:0px;--stage-shift-y:0px;background:radial-gradient(120% 80% at 50% 10%,#12141c 0%,#0a0c10 55%,#060709 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.aurora{filter:blur(90px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.aurora-violet{width:46vw;max-width:620px;height:46vw;max-height:620px;translate:var(--stage-shift-x) var(--stage-shift-y);background:radial-gradient(circle,#8b7fe8 0%,#8b7fe800 70%);transition:translate .4s cubic-bezier(.16,1,.3,1);animation:22s ease-in-out infinite driftA;top:18%;left:8%}.aurora-teal{width:40vw;max-width:560px;height:40vw;max-height:560px;translate:calc(var(--stage-shift-x) * -1) calc(var(--stage-shift-y) * -1);background:radial-gradient(circle,#57cfc1 0%,#57cfc100 70%);transition:translate .4s cubic-bezier(.16,1,.3,1);animation:26s ease-in-out infinite driftB;bottom:12%;right:6%}@keyframes driftA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,6%)scale(1.08)}}@keyframes driftB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5%,-4%)scale(1.06)}}.grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.panel{z-index:2;-webkit-backdrop-filter:blur(38px)saturate(140%);opacity:0;--tilt-x:0deg;--tilt-y:0deg;--sheen-x:50%;--sheen-y:50%;transform:translateY(14px) scale(.97) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:40px;flex-direction:column;align-items:center;gap:14px;padding:72px 96px;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 30px 80px -20px #0009,0 0 0 1px #0003}.panel-in{opacity:1;transform:translateY(0) scale(1) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform .15s ease-out,box-shadow .4s}.sheen{z-index:-1;background:radial-gradient(circle 260px at var(--sheen-x) var(--sheen-y), #ffffff24, #fff0 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.panel:hover .sheen{opacity:1}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#ffffff6b;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500}.wordmark{letter-spacing:-.02em;background:linear-gradient(120deg,#fff 0%,#e8e5f5 45%,#cfe9e4 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,9vw,96px);font-weight:600;line-height:1}.subline{letter-spacing:.04em;color:#ffffff61;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400}@media (width<=640px){.panel{border-radius:28px;gap:10px;padding:48px 40px}.eyebrow{letter-spacing:.22em;font-size:10px}}@media (prefers-reduced-motion:reduce){.aurora{animation:none}.panel{transition:opacity .4s;transform:none}}.nav-pill{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(140%);background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;top:28px;left:50%;translate:-50%;box-shadow:inset 0 1px #ffffff24,0 12px 30px -12px #00000080}.nav-link{border-radius:999px;padding:8px 18px;text-decoration:none;display:inline-block;position:relative}.nav-active-bg{z-index:0;background:linear-gradient(120deg,#fff 0%,#e8e5f5 45%,#cfe9e4 100%);border-radius:999px;position:absolute;inset:0}.nav-label{z-index:1;letter-spacing:.02em;color:#ffffff80;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;transition:color .25s;position:relative}.nav-link:hover .nav-label{color:#ffffffd9}.nav-label-active{color:#0a0c10!important}@media (width<=640px){.nav-pill{top:16px}.nav-label{font-size:12px}.nav-link{padding:7px 14px}}@media (prefers-reduced-motion:reduce){.nav-active-bg{transition:none!important}}.site-footer{z-index:10;color:#ffffff7a;align-items:center;gap:16px;font-family:Space Grotesk,sans-serif;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.site-footer a{color:#ffffff7a;text-decoration:none;transition:color .25s}.site-footer a:hover{color:#fff9}@media (width<=640px){.site-footer{font-size:11px;bottom:16px}}.page-stage{--stage-shift-x:0px;--stage-shift-y:0px;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:140px 24px 60px;display:flex;position:relative;overflow-x:hidden}.tilt-perspective{perspective:1200px;justify-content:center;width:100%;display:flex}.page-stage:before{content:"";z-index:-1;background:radial-gradient(circle 640px at calc(12% + var(--stage-shift-x)) calc(20% + var(--stage-shift-y)), #8b7fe81a, transparent 70%), radial-gradient(circle 560px at calc(90% - var(--stage-shift-x)) calc(85% - var(--stage-shift-y)), #57cfc117, transparent 70%), radial-gradient(ellipse 120% 80% at 50% 10%, #12141c 0%, #0a0c10 55%, #060709 100%);transition:background .4s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.page-content{z-index:2;-webkit-backdrop-filter:blur(34px)saturate(140%);opacity:0;--tilt-x:0deg;--tilt-y:0deg;--sheen-x:50%;--sheen-y:50%;width:100%;max-width:640px;transform:translateY(14px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1f;border-radius:32px;padding:56px 64px;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 30px 80px -24px #0009}.page-content-in{opacity:1;transform:translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .15s ease-out}.page-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#ffffff6b;margin:0 0 14px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500}.page-title{letter-spacing:-.01em;background:linear-gradient(120deg,#fff 0%,#e8e5f5 45%,#cfe9e4 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,5vw,44px);font-weight:600;line-height:1.1}.page-text{color:#ffffffa6;margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:400;line-height:1.75}.page-text:last-child{margin-bottom:0}.page-home-link{color:#ffffff8c;border-bottom:1px solid #fff3;margin-top:28px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s;display:inline-block}.page-home-link:hover{color:#fff;border-color:#fff9}.app-list{flex-direction:column;gap:14px;display:flex}.app-card{--tilt-x:0deg;--tilt-y:0deg;--sheen-x:50%;--sheen-y:50%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0);transform-style:preserve-3d;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:22px 26px;transition:background .25s,border-color .25s,transform .15s ease-out;position:relative;overflow:hidden}.app-card:hover{background:#ffffff0e;border-color:#ffffff24}.app-card-sheen{border-radius:inherit}.app-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.app-name{color:#ffffffeb;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600}.app-status{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:4px 11px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500}.app-status-live{color:#a8f0dc;background:#57cfc11f;border:1px solid #57cfc140}.app-tagline{color:#ffffff80;margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:13px}.app-description{color:#fff9;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.6}@media (width<=640px){.page-stage{padding:110px 16px 60px}.page-content{border-radius:24px;padding:40px 28px}}
