:root{--font-sans:"Segoe UI", sans-serif;--font-size-100:10px;--font-size-200:12px;--font-size-300:14px;--font-size-400:16px;--font-size-500:20px;--font-size-600:24px;--font-size-700:28px;--font-size-800:32px;--font-size-900:40px;--font-size-1000:68px;--line-height-100:14px;--line-height-200:16px;--line-height-300:20px;--line-height-400:22px;--line-height-500:28px;--line-height-600:32px;--line-height-700:36px;--line-height-800:40px;--line-height-900:52px;--line-height-1000:92px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--header-h:54px;--stage-h:100dvh}html,body{width:100%;font-family:var(--font-sans);background:#ececea;margin:0;padding:0}#site-header{z-index:4;width:100%;height:var(--header-h);position:fixed;top:0;left:0;overflow:hidden}#site-header img{object-fit:cover;width:100%;height:100%;display:block}#stage-wrapper{z-index:0;background:#1d1d1d;width:100%;position:sticky;top:0}html[data-style=galaxy] #stage-wrapper,html[data-style=blank] #stage-wrapper,html[data-style=galaxy],html[data-style=galaxy] body,html[data-style=blank],html[data-style=blank] body{background:#000}html[data-style=matrix],html[data-style=matrix] body{background:#1d1d1d}#scroll-copy{z-index:1;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:30vh 24px 70vh;display:flex;position:relative}#scroll-copy p{max-width:min(88vw,1080px);font-family:var(--font-sans);letter-spacing:-.015em;text-align:center;text-wrap:balance;color:#fff;margin:0;font-size:52px;font-weight:300;line-height:1.16}#scroll-copy .scroll-sub{max-width:min(72vw,720px);font-size:var(--font-size-500);font-weight:var(--font-weight-regular);line-height:var(--line-height-500);letter-spacing:normal;color:#ffffffb8;text-wrap:pretty}.shine{font-weight:var(--font-weight-bold);background:linear-gradient(100deg,#65beff 0%,#fff 28%,#ffae68 50%,#fff 72%,#65beff 100%) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine-sweep;position:relative}.shine-particles{pointer-events:none;z-index:1;mix-blend-mode:screen;position:absolute}@keyframes shine-sweep{0%{background-position:150%}to{background-position:-150%}}@media (prefers-reduced-motion:reduce){.shine{background-position:50%;animation:none}}#logo-section{--logo-size:min(240px, 42vw, 28vh);z-index:1;box-sizing:border-box;pointer-events:none;min-height:100vh;padding:14vh 24px 0;position:relative}#logo-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:880px;margin:0 auto;display:grid}#logo-copy p{color:#fff;font-size:var(--font-size-500);font-weight:var(--font-weight-regular);line-height:var(--line-height-500);text-wrap:pretty;margin:0}#logo-mark{left:50%;top:min(66.6667vh, calc(var(--stage-h) - var(--logo-size) / 2 - 32px));width:var(--logo-size);height:var(--logo-size);position:absolute;transform:translate(-50%,-50%)}#black-section{z-index:2;box-sizing:border-box;background:#000;border-block:1px solid #ffffff29;justify-content:center;align-items:center;width:100%;height:900px;display:flex;position:relative;overflow:hidden}#black-section-art{flex:none;width:auto;max-width:none;height:900px;display:block}#particle-section{z-index:1;pointer-events:none;background:0 0;min-height:200vh;position:relative;overflow:visible}#particle-section-art{object-fit:cover;opacity:0;width:100%;height:100vh;min-height:720px;display:block;position:sticky;top:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 62%);mask-image:linear-gradient(#0000 0%,#000 62%)}#cards-section{z-index:2;pointer-events:auto;background:0 0;padding:120px 32px 160px;position:relative}#cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:0 auto;display:grid}.card{aspect-ratio:1;--card-x:50%;--card-y:0%;--card-glow:0;-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(150deg,#0a0c10b8,#000000d1 55%,#0a0c10c2);border-radius:14px;flex-direction:column;padding:28px;display:flex;position:relative}.card:before,.card-icon:before,.cta-secondary:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(150deg,#fff6,#78aaff3d 45%,#ffffff0f 75%,#ffffff47);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:after{content:"";border-radius:inherit;opacity:var(--card-glow);background:radial-gradient(240px circle at var(--card-x) var(--card-y), #fffffff2, #78aaff8c 40%, transparent 70%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-icon{color:#eaf4ffeb;background:#000;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:relative}.card-icon svg{width:22px;height:22px}.card-title{font-family:var(--font-sans);font-size:var(--font-size-500);line-height:var(--line-height-500);font-weight:var(--font-weight-semibold);color:#fff;margin:24px 0 0}.card-body{font-family:var(--font-sans);font-size:var(--font-size-300);line-height:var(--line-height-300);font-weight:var(--font-weight-regular);color:#eaf4ffa8;margin:10px 0 0}.card-cta{color:#fff;font-family:var(--font-sans);font-size:var(--font-size-300);line-height:var(--line-height-300);font-weight:var(--font-weight-semibold);background:#0f6cbd;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:9px 16px;text-decoration:none;display:inline-flex}.card-cta-icon{font-size:var(--font-size-400);line-height:1}@media (width<=900px){#cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#cards-section{padding:80px 20px 120px}#cards-grid{grid-template-columns:1fr}.card{aspect-ratio:auto}#logo-section{padding-top:10vh}#logo-copy{grid-template-columns:1fr;gap:20px;max-width:400px}}@media (width<=600px),(height<=600px){#logo-copy p{font-size:var(--font-size-400);line-height:var(--line-height-400)}}@media (height<=600px){#logo-section{padding-top:8vh}}#stage{width:100%;height:var(--stage-h);background:#000;margin:0 auto;position:relative;overflow:hidden}#app{position:absolute;inset:0}canvas{display:block}#paper-card{z-index:3;box-sizing:border-box;pointer-events:none;opacity:0;width:288px;font-family:var(--font-sans);-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#0000009e;border-radius:16px;padding:16px;position:absolute;top:50%;left:32px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff57,inset 0 0 0 1px #ffffff1a}#paper-card.dock-right{left:auto;right:32px}.paper-card-title{-webkit-line-clamp:3;line-clamp:3;font-size:var(--font-size-300);font-weight:var(--font-weight-semibold);line-height:var(--line-height-300);letter-spacing:0;color:#fff;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.paper-card-meta{font-size:var(--font-size-200);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);letter-spacing:0;color:#a3a3a3;margin:6px 0 0}#intro{height:var(--stage-h);z-index:2;box-sizing:border-box;padding:calc(136px + var(--header-h)) 24px 0;text-align:center;pointer-events:none;font-family:var(--font-sans);flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;right:0}#intro h1{opacity:0;margin:0;transition:opacity 1s,transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}#intro p{opacity:0;margin:0}#intro p.ready{opacity:1}#intro .line{display:block}#intro .word{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(20px)}#intro .word.in{opacity:1;transform:none}#intro h1{font-family:var(--font-sans);font-size:var(--font-size-400);font-weight:var(--font-weight-semibold);line-height:var(--line-height-400);letter-spacing:0;color:#fff}#intro p{font-family:var(--font-sans);letter-spacing:-.015em;color:#fff;text-shadow:0 0 45px #78b4ff73;max-width:min(92vw,940px);font-size:clamp(26px,3.7vw,54px);font-weight:300;line-height:1.12}#intro.visible h1{opacity:1;transform:none}.cta-row{pointer-events:auto;opacity:0;gap:12px;margin-top:10px;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(14px)}#intro.cta-visible .cta-row{opacity:1;transform:none}.cta{appearance:none;letter-spacing:.01em;color:#eaf4ffeb;cursor:pointer;background:#000;border:none;border-radius:999px;justify-content:center;align-items:center;padding:11px 26px;font:600 13px/1 Segoe UI,sans-serif;text-decoration:none;display:inline-flex;position:relative}.cta:focus-visible{outline:none}.cta-primary{color:#0b0d10;background:linear-gradient(170deg,#fff 0%,#fbfcfe 46%,#eef2f7 100%)}.cta-secondary{color:#fff;-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(150deg,#0a0c1080,#0000009e 55%,#0a0c108a)}#variants{z-index:5;justify-content:center;gap:14px;display:flex;position:fixed;bottom:14px;left:0;right:0}#variants a{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#96a0b48c;font-size:10px;text-decoration:none;transition:color .25s}#variants a:hover{color:#dce8f5e6}#variants a[aria-current=page]{color:#eaf4ff}#hud{z-index:5;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:12px;right:14px}#scroll-stats{color:#eef4fcf2;font-size:var(--font-size-200);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);font-variant-numeric:tabular-nums;background:#0a0e16d9;border:1px solid #96a5be47;border-radius:3px;grid-template-columns:auto auto;gap:4px 12px;margin:0;padding:8px 10px;display:grid}#scroll-stats dt{color:#aab6c8e6}#scroll-stats dd{text-align:right;white-space:nowrap;margin:0}#hud button{appearance:none;color:#aab6c8bf;letter-spacing:.08em;cursor:pointer;background:#0a0e168c;border:1px solid #96a5be47;border-radius:3px;margin:0;padding:5px 9px;font:600 10px/1 Segoe UI,sans-serif;transition:color .15s,border-color .15s,background-color .15s}#hud button:hover{color:#eef4fcf2;background:#121824b3;border-color:#b4c8e680}#hud button.ok{color:#9ff0c4;border-color:#78dcaa80}