@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b1020;--panel:#11182b;--panel2:#151e33;--text:#f4f5fb;--muted:#9aa4b9;--purple:#8b7cff;--purple2:#6557e8;--line:rgba(167,177,204,.13);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 56px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;background:#5948db;top:60px;left:-230px}.ambient-two{width:480px;height:480px;background:#2458a4;top:360px;right:-320px;opacity:.12}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;color:#a69aff;display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand-name{font:700 25px var(--display);letter-spacing:-1.5px}.brand-period{color:#8b7cff}.header-nav{display:flex;align-items:center;gap:36px;color:#b0b8c9;font-size:13px}.header-nav a:hover,.text-link:hover,.footer-link:hover{color:#fff}.nav-cta,.footer-link{border:0;background:none;color:#f1f2f8;font-size:13px}.nav-cta{padding:11px 17px;border:1px solid rgba(157,145,255,.35);border-radius:9px;background:rgba(111,93,238,.09)}.nav-cta span{color:#a99cff;margin-left:8px}.mobile-menu{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:45px;padding-top:58px;padding-bottom:65px}.hero-copy{padding:10px 0 15px}.eyebrow,.section-kicker,.tiny-label{font-size:10px;font-weight:700;letter-spacing:1.55px;color:#a99eff}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot,.mini-dot{width:7px;height:7px;background:#73d6ad;border-radius:50%;display:inline-block;box-shadow:0 0 12px #73d6ad88}.eyebrow-line{height:1px;width:35px;background:#5a557c;margin-left:2px}.hero h1,.section-heading h2,.how-copy h2,.beta-content h2{font:600 clamp(48px,6vw,72px)/1.04 var(--display);letter-spacing:-4px;margin:25px 0 20px}.gradient-text{background:linear-gradient(100deg,#a89bff 5%,#7b9bff 55%,#83d8ce);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:450px;color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.primary-button{border:0;border-radius:9px;padding:14px 20px;background:linear-gradient(110deg,#7565ef,#5e56d9);color:white;font-weight:600;font-size:13px;box-shadow:0 9px 30px #6358df35;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 34px #6358df55}.primary-button span{margin-left:18px;font-size:17px}.text-link{font-size:13px;color:#c4cada}.text-link span{color:#9f94ff;margin-left:7px}.hero-footnote{margin-top:34px;color:#7f8aa1;font-size:11px}.lock-icon{font-size:16px;color:#a79aff;margin-right:7px}
.hero-visual{position:relative;min-height:475px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#6d5fe52b 0,transparent 68%);filter:blur(10px)}.library-window{position:relative;width:min(100%,500px);background:#121a2d;border:1px solid #ffffff1b;border-radius:17px;box-shadow:0 35px 100px #0008,0 0 60px #7164e51a;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.window-top{height:49px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;padding:0 17px;position:relative}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#566078}.window-dots i:first-child{background:#ee8c8e}.window-dots i:nth-child(2){background:#e8c77c}.window-dots i:nth-child(3){background:#77cda7}.window-title{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#7e8aa2}.window-avatar{margin-left:auto;background:#6559d7;color:white;border-radius:50%;width:22px;height:22px;text-align:center;font:600 12px/22px var(--display)}.library-content{padding:22px 23px 16px}.library-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.tiny-label{font-size:8px;color:#8179ca}.library-heading h2{font:600 19px var(--display);letter-spacing:-.5px;margin:3px 0 0}.count-pill{font-size:8px;letter-spacing:.7px;color:#a69bff;border:1px solid #8a7cff45;padding:5px 8px;border-radius:20px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.video-card{position:relative;background:#19233a;border:1px solid #ffffff0d;border-radius:9px;overflow:hidden;min-width:0}.video-art{height:105px;position:relative;overflow:hidden}.art-one{background:linear-gradient(145deg,#e1a97e,#8d6a88 53%,#384c72)}.art-sun{position:absolute;width:36px;height:36px;border-radius:50%;background:#ffd6a0;top:16px;right:35px;box-shadow:0 0 28px #ffd6a080}.art-hill{position:absolute;bottom:-30px;width:130%;height:80px;border-radius:50% 50% 0 0}.hill-one{background:#465b69;left:-20px;transform:rotate(-9deg)}.hill-two{background:#263d4c;left:55px;bottom:-43px;transform:rotate(12deg)}.art-two{background:linear-gradient(135deg,#302b67,#d07c9c 70%,#f0b28c)}.art-orb{position:absolute;width:70px;height:70px;border-radius:50%;background:linear-gradient(130deg,#f9d1b0,#9d79d8);left:35%;top:12px;box-shadow:0 0 28px #eeb8e36b}.art-shape{position:absolute;width:150px;height:40px;background:#322d5c;bottom:-25px;left:5px;transform:rotate(-25deg);border-radius:50%}.art-three{background:linear-gradient(160deg,#273b59,#668b9b 55%,#d0a7a0)}.art-moon{position:absolute;width:32px;height:32px;border-radius:50%;background:#f3d9c3;top:18px;left:42px;box-shadow:0 0 25px #f3d9c399}.art-water{position:absolute;bottom:0;width:100%;height:35px;background:linear-gradient(180deg,#668c9a,#334e6a);clip-path:polygon(0 20%,30% 0,55% 25%,100% 5%,100% 100%,0 100%)}.art-four{background:linear-gradient(135deg,#e1b5a1,#8c7da9 65%,#45536e)}.art-lines{position:absolute;inset:20px 40px;border:1px solid #fff8;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 10px #ffffff18,0 0 0 20px #ffffff0c}.art-star{position:absolute;color:#fff4d8;font-size:40px;top:20px;left:44%}.play-button{position:absolute;top:35px;left:calc(50% - 13px);width:26px;height:26px;border-radius:50%;background:#10182b9c;border:1px solid #ffffff6b;color:white;text-align:center;font-size:9px;line-height:25px;padding-left:2px}.video-meta{padding:9px 10px 10px}.video-meta b,.video-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta b{font-size:9px;font-weight:600;color:#e4e8f2}.video-meta small{font-size:8px;color:#8793aa;margin-top:3px}.library-bottom{display:flex;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid #ffffff12;color:#8490a8;font-size:8px;letter-spacing:.5px}.library-bottom>span:first-child{letter-spacing:0}.mini-dot{width:5px;height:5px;margin-right:5px}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #ffffff20;background:#18223aee;box-shadow:0 12px 35px #0005;border-radius:11px;backdrop-filter:blur(12px)}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:10px}.floating-note small{font-size:9px;color:#8e9ab0;margin-top:1px}.note-top{right:-6px;top:56px}.note-bottom{left:-13px;bottom:52px}.note-icon,.note-check{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#6559d733;color:#b7adff}.note-check{background:#3eaa8230;color:#83d9b6}
.platform-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.strip-label{font-size:9px;letter-spacing:1.2px;color:#727e95;font-weight:700}.platforms{display:flex;align-items:center;gap:35px;color:#aeb7c9;font-size:12px}.platforms>span{display:flex;align-items:center;gap:8px}.platform-icon{font:700 13px var(--display);width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#202a40;color:#c3baff}.platform-icon.reddit{color:#ff987c}.platform-icon.play{color:#86c9c1;font-size:10px}.platform-icon.link{color:#b4a9ff}
.section{padding-top:115px;padding-bottom:115px}.section-heading{max-width:600px}.section-heading h2,.how-copy h2,.beta-content h2{font-size:49px;letter-spacing:-2.5px;margin:15px 0}.muted-heading{color:#737f98}.section-heading>p,.how-copy>p,.beta-content>p{color:var(--muted);max-width:430px;font-size:14px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.feature-card{position:relative;min-height:220px;padding:25px 25px 28px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#141d31,#101729);overflow:hidden;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#8174dc55}.feature-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;margin-bottom:24px}.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.purple-icon{background:#7162e52a;color:#a89cff}.blue-icon{background:#4b9bd42a;color:#8bc9ef}.pink-icon{background:#d77fa32a;color:#e9a0bd}.feature-card h3,.step h3{font:600 16px var(--display);margin:0 0 8px;letter-spacing:-.3px}.feature-card p,.step p{font-size:12px;color:#929db2;line-height:1.75;margin:0;max-width:280px}.feature-number{position:absolute;right:22px;bottom:16px;color:#39435a;font:600 22px var(--display)}
.how-section{padding-top:0}.how-panel{border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 0 100%,#4c43a51c,transparent 50%),#11192b;padding:55px 58px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.how-copy h2{font-size:48px}.how-copy>p{max-width:340px;margin-bottom:25px}.secondary-button{border:1px solid #8174dc66;background:#7162e51a;color:#e6e3ff;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:600}.secondary-button span{margin-left:14px}.steps{border-left:1px solid #343d54;padding-left:33px}.step{display:grid;grid-template-columns:34px 1fr 35px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff10}.step:last-child{border:0}.step-index{font:600 10px var(--display);color:#8d81ed}.step-symbol{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff14;border-radius:9px;color:#a89cff;font-size:18px}.step h3{font-size:14px;margin-bottom:4px}
.beta-section{padding-bottom:95px}.beta-card{position:relative;overflow:hidden;min-height:340px;border:1px solid #8275e74a;border-radius:18px;background:linear-gradient(110deg,#1b1c3a 0%,#171b36 50%,#172b3c 100%);padding:48px 58px}.beta-content{position:relative;z-index:2;max-width:490px}.beta-content h2{font-size:46px}.beta-content>p{max-width:420px}.beta-content .primary-button{margin-top:13px}.beta-caption{display:block;margin-top:17px;color:#9ba6bb;font-size:10px}.beta-caption .status-dot{margin-right:7px}.beta-orbit{position:absolute;border:1px solid #a79aff20;border-radius:50%;width:410px;height:410px;right:35px;top:-35px}.orbit-two{width:310px;height:310px;right:85px;top:15px;border-color:#a79aff28}.beta-decoration{position:absolute;right:105px;top:30px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#8274ed2d,transparent 68%);display:grid;place-items:center}.big-pig{font:700 170px var(--display);color:#b3aaff;text-shadow:0 15px 65px #9b8cff66;transform:rotate(-8deg)}.sparkle{position:absolute;color:#c0b7ff}.sparkle-a{right:20px;top:40px;font-size:25px}.sparkle-b{left:10px;bottom:50px;font-size:20px}.sparkle-c{right:50px;bottom:25px;font-size:45px}
.site-footer{height:105px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.small-mark{width:27px;height:27px}.footer-brand .brand-name{font-size:20px}.footer-copy{font-size:11px;color:#77839a}.footer-copy span{margin-left:15px;color:#59657c}.footer-link{color:#a99eff}
.invite-dialog{width:min(450px,calc(100% - 32px));border:1px solid #ffffff20;border-radius:18px;padding:38px;background:#121a2d;color:var(--text);box-shadow:0 25px 100px #000b;position:fixed}.invite-dialog::backdrop{background:#050914c9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#8995ab;font-size:27px;font-weight:300}.dialog-brand{width:42px;height:42px;border-radius:12px;background:#7162e528;display:grid;place-items:center;margin-bottom:22px}.dialog-kicker{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#a99eff}.invite-dialog h2{font:600 34px/1.12 var(--display);letter-spacing:-1.5px;margin:12px 0}.dialog-description{font-size:13px;color:#9ca7bb;line-height:1.75;margin-bottom:25px}.invite-dialog label{display:block;font-size:11px;font-weight:600;color:#d9deea;margin-bottom:8px}.invite-dialog input{width:100%;height:47px;border:1px solid #35415c;border-radius:8px;background:#0d1425;color:#fff;padding:0 13px;outline:none;font-size:13px}.invite-dialog input:focus{border-color:#8c7df3;box-shadow:0 0 0 3px #8274ed20}.invite-dialog input::placeholder{color:#66728a}.form-message{min-height:18px;margin:7px 0 5px;font-size:11px;color:#e7a2a8}.dialog-submit{width:100%;margin-top:5px}.dialog-submit span{float:right}.dialog-foot{border-top:1px solid #ffffff13;margin-top:24px;padding-top:18px;font-size:10px;color:#8d99af;text-align:center}.dialog-foot span{color:#c0b8ff}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:15px;padding-top:75px}.hero-copy{max-width:620px}.hero-visual{min-height:430px}.library-window{width:min(100%,530px)}.platform-strip{align-items:flex-start;flex-direction:column}.how-panel{padding:42px;gap:35px}.beta-decoration{right:15px;opacity:.65}}
@media(max-width:640px){.container{width:min(100% - 36px,500px)}.site-header{height:72px}.header-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:#11182b;border:1px solid var(--line);border-radius:0 0 12px 12px;flex-direction:column;align-items:stretch;gap:18px}.header-nav.open{display:flex}.header-nav a,.nav-cta{text-align:center}.mobile-menu{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#141d31}.mobile-menu span{width:15px;height:1px;background:#dce1ed}.hero{padding-top:65px;padding-bottom:50px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:53px;letter-spacing:-3px;margin-top:22px}.hero-description{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-visual{min-height:360px;margin:5px -5px 0}.library-window{transform:none}.library-content{padding:16px}.video-art{height:80px}.note-top{right:-2px;top:20px}.note-bottom{left:-2px;bottom:20px}.floating-note{padding:8px 10px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.platform-strip{padding:20px 0}.platforms{gap:17px;flex-wrap:wrap;font-size:10px}.strip-label{font-size:8px}.section{padding-top:78px;padding-bottom:78px}.section-heading h2,.how-copy h2{font-size:42px}.feature-grid{grid-template-columns:1fr;gap:11px;margin-top:30px}.feature-card{min-height:185px}.how-section{padding-top:0}.how-panel{padding:30px 23px;grid-template-columns:1fr;gap:25px}.how-copy h2{font-size:43px}.steps{padding-left:15px}.step{grid-template-columns:26px 1fr 30px;gap:10px}.beta-section{padding-bottom:65px}.beta-card{padding:34px 25px;min-height:390px}.beta-content{max-width:100%}.beta-content h2{font-size:40px}.beta-decoration{right:-65px;top:150px;opacity:.22}.beta-orbit{right:-150px;top:90px}.site-footer{height:auto;min-height:115px;gap:12px;flex-wrap:wrap;padding:22px 0}.footer-copy{order:3;width:100%}.footer-copy span{margin-left:8px}.invite-dialog{padding:30px 24px}.invite-dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}