:root{--font-display: "Unbounded", "Arial Black", ui-sans-serif, sans-serif;--font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}html,body{overflow-x:clip}.landing ::selection{background:#2563eb80;color:#fff}.landing p{text-wrap:pretty}.landing :is(h1,h2,h3,h4){margin:0;color:#fff;font-family:var(--font-sans);font-size:inherit;font-weight:inherit;line-height:normal;letter-spacing:normal;text-wrap:balance}.landing{line-height:normal;position:relative;overflow-x:clip;font-family:var(--font-sans);background:#07090f;color:#ffffffd9;font-feature-settings:"ss01"}.wrap{position:relative;z-index:1;width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(100deg,#bfdbfe,#60a5fa 40%,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.surface{border:1px solid transparent;background:linear-gradient(180deg,#0e1424,#0b0f1a 60%) padding-box,linear-gradient(180deg,#93c5fd38,#60a5fa0f 35%,#ffffff0d) border-box;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006}.nav{position:fixed;z-index:50;top:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:70rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .5rem .5rem .75rem;border-radius:20px;background:#0b0f1a00;border:1px solid rgba(96,165,250,0);-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}.nav.is-scrolled{background:#0b0f1aa6;border-color:#60a5fa24;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 18px 40px -20px #000c}.brand{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;text-decoration:none;color:#fff}@media(hover:hover)and (pointer:fine){.brand:hover{color:#fff}}.logo{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text b{font-size:.875rem;font-weight:700;color:#fff}.brand-text small{font-size:.75rem;color:#ffffff8c;letter-spacing:.06em}.nav-links{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.nav-links a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 .875rem;font-size:.875rem;font-weight:500;color:#ffffffb3;text-decoration:none;white-space:nowrap;transition:color .25s ease,transform .2s var(--ease-out)}.nav-links a.is-active{color:#fff}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:#fff}}.nav-indicator{position:absolute;top:0;left:0;bottom:0;width:calc(100% / 6);border-radius:12px;background:linear-gradient(135deg,#3b82f633,#1e40af26);transition:transform .4s var(--ease-out);pointer-events:none}.nav-indicator:after{content:"";position:absolute;left:28%;right:28%;bottom:4px;height:2px;border-radius:2px;background:#60a5fa;box-shadow:0 0 8px 1px #60a5fab3}.nav-end{display:flex;align-items:center;gap:.5rem}.nav-discord{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border-radius:12px;background:#5865f226;border:1px solid rgba(88,101,242,.5);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-discord:hover{color:#fff;background:#5865f247;border-color:#5865f2d9}}.nav-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .2s var(--ease-out)}.nav-menu-wrap{display:none}.nav-scrim{position:fixed;inset:0;z-index:48;border:0;padding:0;margin:0;background:transparent;cursor:default}.nav-menu{position:fixed;z-index:49;top:64px;right:12px;width:min(300px,calc(100% - 24px));padding:.5rem;border-radius:18px;background:#07090fe0;border:1px solid rgba(96,165,250,.14);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);box-shadow:0 30px 60px -20px #000000e6;transform-origin:top right}.nav-menu-link{display:flex;align-items:center;justify-content:space-between;min-height:2.875rem;padding:0 .875rem;border-radius:12px;color:#ffffffb3;text-decoration:none;font-size:.9375rem;font-weight:500;transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-menu-link:hover{color:#fff;background:#ffffff0a}}.nav-menu-link.is-active{color:#fff;background:#3b82f626}.nav-menu-link .nav-menu-dot{width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px #60a5fae6;opacity:0}.nav-menu-link.is-active .nav-menu-dot{opacity:1}.nav-menu-discord{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;border-radius:12px;background:linear-gradient(135deg,#5865f2,#6d7bff);color:#fff;font-weight:600;text-decoration:none;transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav-menu-discord:hover{color:#fff}}@media(max-width:1024px){.nav{top:0;left:0;transform:none;width:100%;max-width:none;border-radius:0;border-width:0 0 1px 0;padding:.5rem 1rem}.nav .brand-text,.nav-links,.nav .nav-discord{display:none}.nav-burger{display:inline-flex}.nav-menu-wrap{display:block}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.nav,.nav.is-scrolled{background:#0b0f1a;border-color:#60a5fa33;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-menu{background:#07090f;-webkit-backdrop-filter:none;backdrop-filter:none}}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.action-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:0 1.5rem;border-radius:14px;background:linear-gradient(180deg,#3b82f6 -40%,#2563eb 30%,#1e40af);color:#fff;font-weight:600;font-size:1rem;letter-spacing:-.005em;text-decoration:none;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #93c5fd40,0 1px 2px #00000080,0 14px 34px -14px #2563ebf2;transition:transform .2s var(--ease-out),box-shadow .2s ease}.action-primary:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .6s ease}@media(hover:hover)and (pointer:fine){.action-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #93c5fd73,0 1px 2px #00000080,0 20px 44px -14px #2563eb}}@media(hover:hover)and (pointer:fine){.action-primary:hover:after{left:120%}}.action-primary svg{transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.action-primary:hover svg{transform:translate(3px)}}.action-soft{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:0 1.375rem;border-radius:14px;background:#5865f21f;border:1px solid rgba(88,101,242,.45);color:#fff;font-weight:600;font-size:1rem;text-decoration:none;box-shadow:inset 0 1px #ffffff0f;transition:background-color .2s ease,border-color .2s ease,transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.action-soft:hover{color:#fff;background:#5865f23d;border-color:#6d7bffcc}}.action-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:0 1.375rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:#fff;font-weight:500;font-size:1rem;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.action-ghost:hover{color:#fff;border-color:#60a5fa73;background:#3b82f60f}}.action-white{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:0 1.5rem;border-radius:14px;background:#fff;color:#3c45c9;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:inset 0 -2px #3c45c91f,0 18px 40px -16px #000000b3;transition:transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.action-white:hover{color:#2f37b0;transform:translateY(-1px)}}.section{position:relative;padding:7rem 0}.section:before{content:"";position:absolute;top:0;left:50%;width:min(1100px,calc(100% - 48px));height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(96,165,250,.22),transparent)}.hero+.section:before{display:none}.section-head{max-width:43.75rem;margin:0 auto 3.5rem;text-align:center}.kicker{display:inline-flex;align-items:center;gap:.625rem;min-height:2rem;padding:0 .875rem 0 .25rem;border-radius:999px;border:1px solid rgba(96,165,250,.2);background:#3b82f612;font-size:.8125rem;font-weight:600;color:#bfdbfe;letter-spacing:.01em}.kicker-index{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 .375rem;border-radius:999px;background:#3b82f633;font:500 .75rem var(--font-mono);font-style:normal;color:#93c5fd}.section-head h2{font-family:var(--font-display);margin-top:1.25rem;font-size:clamp(1.625rem,2.8vw,2.5rem);line-height:1.12;font-weight:600;letter-spacing:-.035em}.section-head p{margin:1rem auto 0;max-width:36rem;font-size:1.0625rem;line-height:1.6;color:#ffffffad}.hero{--hero-top: 10.5rem;position:relative;padding:var(--hero-top) 0 0;overflow:clip}.hero-backdrop{position:sticky;top:0;height:100svh;margin:calc(var(--hero-top) * -1) 0 calc(var(--hero-top) - 100svh);background:radial-gradient(55% 45% at 50% 0%,rgba(37,99,235,.24),transparent 70%);pointer-events:none}.hero-backdrop:before{content:"";position:absolute;inset:0;animation:appear 1.2s ease backwards;background-image:radial-gradient(rgba(147,197,253,.22) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 50% 55% at 50% 30%,#000 10%,transparent 70%);opacity:.55}.hero-horizon{animation:horizon-in 1.4s var(--ease-out) backwards;position:absolute;left:50%;top:-7.5rem;z-index:-1;width:2400px;height:1500px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#07090f 97%,#07090f00);box-shadow:0 -1px #bfdbfeb3,0 -2px 12px #60a5fa99;pointer-events:none}.hero-horizon:before{content:"";position:absolute;left:50%;top:50%;width:140%;height:140%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,transparent 71.3%,rgba(37,99,235,.38) 71.45%,rgba(37,99,235,.26) 74%,rgba(37,99,235,.13) 77%,rgba(37,99,235,.05) 80%,transparent 82%),radial-gradient(closest-side,transparent 71.3%,rgba(34,211,238,.1) 71.45%,rgba(34,211,238,.06) 78%,rgba(34,211,238,.025) 86%,transparent 95.2%)}.hero-horizon:after{content:"";position:absolute;left:50%;top:-70px;width:760px;height:140px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(147,197,253,.35),transparent)}.hero-content{position:sticky;top:var(--hero-top);z-index:1;max-width:62.5rem;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;min-height:2.375rem;padding:0 .375rem;border-radius:999px;border:1px solid rgba(96,165,250,.25);background:#0b0f1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;text-decoration:none;font-size:.875rem;font-weight:500;box-shadow:inset 0 1px #ffffff0d;animation:hero-in .7s var(--ease-out) backwards;transition:border-color .25s ease,transform .2s var(--ease-out)}.hero-badge b{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:1.625rem;padding:0 .625rem;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em}.hero-badge b:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:sheen 3.6s ease-in-out infinite}.hero-badge svg{margin-right:.375rem;color:#93c5fd;transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.hero-badge:hover{color:#fff;border-color:#60a5fa80}}@media(hover:hover)and (pointer:fine){.hero-badge:hover svg{transform:translate(3px)}}.hero h1{font-family:var(--font-display);margin-top:1.5rem;font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.05;font-weight:600;letter-spacing:-.04em;animation:hero-in .7s var(--ease-out) .06s backwards}.hero .hero-lead{margin:1.25rem auto 0;max-width:40rem;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6;color:#ffffffb3;animation:hero-in .7s var(--ease-out) .12s backwards}.hero .actions{justify-content:center;margin-top:2.25rem;animation:hero-in .7s var(--ease-out) .18s backwards}.framework-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;animation:hero-in .7s var(--ease-out) .24s backwards}.framework-label{font-size:1.0625rem;font-weight:500;color:#fff9}.framework-ticker{position:relative;flex:none;white-space:nowrap;color:#fff}.ticker-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.ticker-viewport{position:relative;display:block;overflow:hidden;height:1.875rem;line-height:1.875rem}.ticker-word{display:block}.ticker-underline{position:absolute;left:0;right:0;bottom:-.125rem;height:2px;border-radius:2px;background:linear-gradient(90deg,#60a5fa,#22d3ee);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out) .15s}.framework-ticker.is-final .ticker-underline{transform:scaleX(1)}.ticker-measure{position:absolute;top:0;left:0;visibility:hidden;white-space:nowrap;pointer-events:none}.ticker-measure .ticker-text{position:absolute;top:0;left:0}.journey{position:relative;z-index:2;margin-top:9rem;padding-bottom:7rem}.journey-head{display:flex;justify-content:center}.steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;margin:3rem 0 0;list-style:none;padding:0}.steps:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,#60a5fa14,#60a5fa73 20% 80%,#60a5fa14);background-size:100% 1px}.step{position:relative;text-align:center}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border-radius:20px;border:1px solid transparent;background:linear-gradient(180deg,#111a2e,#0b0f1a) padding-box,linear-gradient(180deg,#93c5fd80,#60a5fa14) border-box;color:#93c5fd;box-shadow:0 0 0 8px #07090f,0 14px 30px -12px #2563ebcc,inset 0 1px #ffffff0f;transition:transform .25s var(--ease-out),color .25s ease,box-shadow .4s ease,opacity .4s ease}@media(hover:hover)and (pointer:fine){.step:hover .step-icon{transform:translateY(-4px);color:#fff}}.step:last-child .step-icon{background:linear-gradient(180deg,#3b82f6,#1e40af) padding-box,linear-gradient(180deg,#bfdbfeb3,#60a5fa33) border-box;color:#fff}.step .step-label{display:block;margin-top:1.25rem;font:500 .75rem var(--font-mono);color:#60a5fa;letter-spacing:.04em}.step h3{margin-top:.5rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.step p{margin:.5rem auto 0;max-width:12.5rem;font-size:.9375rem;line-height:1.55;color:#ffffff9e}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));grid-auto-flow:dense;gap:.75rem}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:9.5rem;padding:1.25rem;border-radius:22px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease-out),box-shadow .25s ease}.tile:after{content:"";position:absolute;inset:auto -30% -70%;height:120%;z-index:-1;background:radial-gradient(closest-side,rgba(37,99,235,.38),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.tile:hover{color:#fff;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #60a5fa59,0 26px 50px -24px #2563ebbf}}@media(hover:hover)and (pointer:fine){.tile:hover:after{opacity:1}}.tile-monogram{position:absolute;right:-6px;bottom:-34px;z-index:-1;font-family:var(--font-display);font-size:7rem;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(96,165,250,.13);transition:transform .4s var(--ease-out),-webkit-text-stroke-color .3s ease,color .3s ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.tile:hover .tile-monogram{transform:translate(-6px,-8px);color:#3b82f612;-webkit-text-stroke-color:rgba(147,197,253,.28)}}.tile-top{display:flex;align-items:center;justify-content:space-between}.tile-index{font-family:var(--font-mono);font-size:.75rem;color:#ffffff8c}.tile-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f;color:#ffffffa6;transition:background-color .25s ease,color .25s ease,transform .25s var(--ease-out)}@media(hover:hover)and (pointer:fine){.tile:hover .tile-arrow{background:#2563eb;color:#fff;transform:rotate(-45deg)}}.tile h3{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;max-width:9.5rem}.tile-hero{grid-column:span 2;grid-row:span 2;min-height:19.75rem;padding:1.5rem;background:radial-gradient(90% 80% at 100% 0%,rgba(37,99,235,.5),transparent 60%) padding-box,radial-gradient(70% 70% at 0% 100%,rgba(34,211,238,.18),transparent 60%) padding-box,linear-gradient(180deg,#0e1424,#0b0f1a) padding-box,linear-gradient(160deg,#22d3ee8c,#60a5fa1f 45%,#ffffff0d) border-box}.tile-hero .rings{position:absolute;right:-90px;top:-90px;z-index:-1;width:300px;height:300px;border-radius:50%;border:1px solid rgba(147,197,253,.16);box-shadow:0 0 0 40px #93c5fd06,0 0 0 41px #93c5fd1a,0 0 0 90px #93c5fd05,0 0 0 91px #93c5fd12;transition:transform .6s var(--ease-out)}@media(hover:hover)and (pointer:fine){.tile-hero:hover .rings{transform:scale(1.08)}}.tile-hero h3{font-size:clamp(1.75rem,2.6vw,2.5rem);letter-spacing:-.035em;max-width:none}.tile-hero .tile-description{margin-top:.625rem;max-width:21.25rem;font-size:.9375rem;line-height:1.55;color:#ffffffbf}.tile-hero .tile-badge{display:inline-flex;align-items:center;gap:.375rem;min-height:1.625rem;padding:0 .625rem;border-radius:999px;background:#22d3ee;color:#07090f;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 20px -2px #22d3ee99}.tile-hero .tile-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:1.125rem}.tile-hero .tile-chips span{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .625rem;border-radius:9px;background:#07090f8c;border:1px solid rgba(255,255,255,.08);font-size:.75rem;font-weight:500;color:#ffffffd9}.tile-more{border:1px dashed rgba(96,165,250,.35);background:#3b82f608;box-shadow:none}.tile-more h3{color:#93c5fd}.catalog-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem;margin-top:2.5rem;text-align:center;font-size:.9375rem;color:#ffffff9e}.catalog-note span{display:inline-flex;align-items:center;gap:.5rem}.catalog-note svg{color:#22c55e}.launch-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3.5rem;align-items:center;padding:clamp(1.5rem,4vw,3.5rem);border-radius:36px;overflow:hidden;isolation:isolate}.launch-card:before{content:"";position:absolute;z-index:-1;width:700px;height:700px;left:-200px;top:50%;transform:translateY(-50%);background:radial-gradient(closest-side,rgba(37,99,235,.38),transparent);pointer-events:none}.launch-card:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(147,197,253,.14) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 40% 60% at 22% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse 40% 60% at 22% 50%,#000,transparent 70%);pointer-events:none}.stage{position:relative;display:grid;place-items:center;width:480px;max-width:100%}.orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(96,165,250,.16);transform:translate(-50%,-50%);pointer-events:none}.orbit.orbit-inner{width:560px;height:560px;animation:orbit-spin 40s linear infinite}.orbit.orbit-outer{width:720px;height:720px;border-style:dashed;border-color:#60a5fa1a;animation:orbit-spin 80s linear infinite reverse}.orbit.orbit-inner:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 4px #22d3ee26,0 0 14px #22d3ee}.player{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16 / 9;padding:.5rem;border-radius:22px;background:linear-gradient(160deg,#2a3650,#0b0f1a 35% 65%,#1e293b);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 3px #05070c,0 40px 80px -30px #000000f2,0 0 80px -20px #2563eba6}.screen{height:100%;border-radius:14px;overflow:hidden;background:#000}.screen iframe{display:block;width:100%;height:100%;border:0}.launch-copy h2{font-family:var(--font-display);margin-top:1.25rem;font-size:clamp(2.25rem,3.8vw,3.25rem);font-weight:600;letter-spacing:-.04em;line-height:1.04}.launch-copy>p{margin-top:1rem;max-width:32rem;font-size:1.0625rem;line-height:1.62;color:#ffffffb8}.feature-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.feature-chips span{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .875rem;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a;font-size:.875rem;font-weight:500;color:#ffffffe6}.feature-chips svg{color:#22d3ee}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.75rem;margin-top:1.5rem}.plan{position:relative;padding:1.125rem 1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#07090f99}.plan.best{border-color:transparent;background:linear-gradient(135deg,#2563eb38,#1e40af14) padding-box,linear-gradient(180deg,#0b0f1a,#0b0f1a) padding-box,linear-gradient(160deg,#93c5fd99,#60a5fa26) border-box}.plan small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.plan.best small{color:#93c5fd}.plan strong{display:block;margin-top:.625rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;color:#fff}.plan span{display:block;margin-top:.375rem;font-size:.875rem;color:#ffffff9e}.launch-copy .actions{margin-top:1.75rem}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"who who y n" "who who l l" "code code code fw";gap:.75rem}.bento-card{position:relative;padding:1.5rem;border-radius:26px;overflow:hidden;isolation:isolate}.bento-intro{grid-area:who;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.bento-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 0% 0%,rgba(37,99,235,.24),transparent 70%)}.bento-intro h3{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.15}.bento-intro p{margin-top:1rem;font-size:1rem;line-height:1.65;color:#ffffffb3}.intro-links{display:flex;flex-wrap:wrap;gap:.625rem}.intro-links a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:600;font-size:.875rem;transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.intro-links a:hover{color:#fff;border-color:#60a5fa73;background:#3b82f60f}}.intro-links svg{color:#60a5fa;transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.intro-links a:hover svg{transform:translate(2px,-2px)}}.bento-since{grid-area:y}.bento-count{grid-area:n}.bento-licenses{grid-area:l}.stat-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;min-height:11rem}.stat-card small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff94}.stat-card strong{display:block;font-family:var(--font-display);font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:600;line-height:1;letter-spacing:-.05em;color:#fff}.stat-card em{display:block;margin-top:.625rem;font-style:normal;font-size:.875rem;color:#fff9}.since-bars{margin-top:1rem;display:flex;gap:.375rem}.since-bars span{flex:1;height:4px;border-radius:2px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.since-bars span:last-child{background:#22d3ee;box-shadow:0 0 10px #22d3eeb3}.count-pips{margin-top:1rem;display:grid;grid-template-columns:repeat(7,10px);gap:.3125rem}.count-pips span{width:10px;height:10px;border-radius:3px;background:#60a5fa59}.count-pips span:first-child{background:#22d3ee;box-shadow:0 0 8px #22d3eeb3}.bento-licenses{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.bento-licenses:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 130% at 100% 100%,rgba(34,211,238,.16),transparent 60%)}.bento-licenses strong{margin-top:1.375rem;font-size:clamp(3rem,5vw,4.75rem)}.bento-licenses .licenses-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:#5865f224;border:1px solid rgba(88,101,242,.4);color:#a5b4fc}.bento-code{grid-area:code;padding:0}.code-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1.5rem;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.code-head b{padding:1rem 0;font-size:.9375rem;font-weight:600;color:#fff}.code-tabs{display:flex;gap:1.25rem}.code-tab{position:relative;padding:1rem 0;font-family:var(--font-mono);font-size:.75rem;color:#ffffff8c;cursor:pointer;transition:color .2s ease,transform .2s var(--ease-out)}.code-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#60a5fa;transform:scaleX(0);transition:transform .25s var(--ease-out)}.code-tab[aria-selected=true]{color:#fff}.code-tab[aria-selected=true]:after{transform:scaleX(1)}.code-tab:active{transform:scale(.96);transition-duration:.1s}@media(hover:hover)and (pointer:fine){.code-tab:hover{color:#fff}}.code-body{font-family:var(--font-mono);display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:1.125rem;min-height:calc(var(--code-lines, 0) * 1.4219rem + 2.75rem);padding:1.25rem 1.5rem 1.5rem;font-size:.8125rem;line-height:1.75;overflow-x:auto;animation:fade-in .25s var(--ease-out) backwards}.code-body pre{margin:0;white-space:pre}.code-gutter{color:#ffffff47;text-align:right;-webkit-user-select:none;user-select:none}.code-text{color:#ffffffe0}.token-keyword{color:#60a5fa}.token-string{color:#22d3ee}.token-comment{color:#ffffff80}.token-function{color:#93c5fd}.token-global{color:#a5b4fc}.bento-frameworks{grid-area:fw}.bento-frameworks small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff94}.bento-frameworks ul{list-style:none;margin:1rem 0 0;padding:0;display:grid}.bento-frameworks li{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;font-size:.9375rem;color:#fff}.bento-frameworks li:last-child{border-bottom:0}.bento-frameworks li span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#22c55e24;color:#4ade80}.compare{max-width:56.25rem;margin:0 auto;border-radius:30px;overflow:hidden}.compare-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:#07090f59}.segmented{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:.25rem;border-radius:15px;background:#07090f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #0009}.segmented-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:11px;background:linear-gradient(180deg,#3b82f6 -40%,#2563eb 30%,#1e40af);box-shadow:inset 0 1px #ffffff38,0 6px 16px -6px #2563ebe6;transition:transform .35s var(--ease-out),background .25s ease,box-shadow .25s ease;pointer-events:none}.segmented-pill.is-leaked{background:linear-gradient(180deg,#ef444447,#b91c1c38);box-shadow:inset 0 0 0 1px #f8717173,0 6px 16px -6px #ef444480}.segmented button{position:relative;z-index:1;min-height:2.5rem;padding:0 1.25rem;border:0;border-radius:11px;background:transparent;color:#ffffff9e;font:600 .875rem var(--font-sans);cursor:pointer;transition:color .25s ease,transform .2s var(--ease-out)}@media(hover:hover)and (pointer:fine){.segmented button:hover{color:#fff}}.segmented button.is-selected{color:#fff}.segmented button.is-selected.is-leaked{color:#fecaca}.score{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;color:#ffffffa6}.score b{animation:pop-in .35s var(--ease-out) backwards;font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:-.04em;color:#4ade80;transition:color .3s ease}.score.is-leaked b{color:#f87171}.compare-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:1rem;align-items:start;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);transition:background-color .35s ease}.compare-row:last-child{border-bottom:0}.compare-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,transform .45s cubic-bezier(.3,1.6,.5,1)}.compare-row.is-included .compare-icon{background:#22c55e1f;color:#4ade80;box-shadow:inset 0 0 0 1px #22c55e52}.compare-row.is-missing .compare-icon{background:#ef44441a;color:#f87171;box-shadow:inset 0 0 0 1px #ef444452;transform:rotate(-8deg)}.compare-row.is-missing{background:#ef444408}.compare-row:nth-child(3) .compare-icon{transition-delay:.04s}.compare-row:nth-child(4) .compare-icon{transition-delay:.08s}.compare-row:nth-child(5) .compare-icon{transition-delay:.12s}.compare-row:nth-child(6) .compare-icon{transition-delay:.16s}.compare-row h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;transition:color .3s ease}.compare-row p{animation:fade-in .3s var(--ease-out) backwards;margin-top:.375rem;font-size:.9375rem;line-height:1.6;color:#ffffffa8}.compare-row.is-missing h3{color:#ffffffb8;text-decoration:line-through;text-decoration-color:#ef4444a6;text-decoration-thickness:1.5px}.faq-list{max-width:51.25rem;margin:0 auto;display:grid;gap:.625rem}.faq-item{border-radius:20px;transition:box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.faq-item:hover{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #60a5fa38}}.faq-item[open]{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #60a5fa61,0 20px 40px -24px #2563eb8c}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:4rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;color:#fff;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;transition:transform .2s var(--ease-out)}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff0d;color:#93c5fd;transition:transform .25s var(--ease-out),background-color .25s ease}.faq-item[open] .faq-chevron{transform:rotate(180deg);background:#3b82f633}.faq-item p{padding:0 4rem 1.25rem 1.25rem;font-size:.9375rem;line-height:1.65;color:#ffffffb3;animation:fade-in .25s var(--ease-out) backwards}.ph{color:#f59e0b}.final-cta{padding:0 0 7rem}.final-cta-card{position:relative;overflow:hidden;isolation:isolate;padding:clamp(2.75rem,5.5vw,5rem) clamp(1.5rem,5vw,4rem);border-radius:36px;text-align:center;background:radial-gradient(60% 80% at 50% -10%,rgba(165,180,252,.55),transparent 60%),linear-gradient(170deg,#4f5be0,#3640b8,#232a85);box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff1a,0 40px 90px -40px #5865f2cc}.final-cta-card:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 0%,#000,transparent 75%)}.final-cta-mark{position:absolute;right:-50px;bottom:-90px;z-index:-1;width:340px;height:340px;color:#ffffff12;transform:rotate(-14deg);pointer-events:none}.final-cta-card h2{font-family:var(--font-display);font-size:clamp(1.625rem,3.2vw,2.75rem);font-weight:600;letter-spacing:-.04em;line-height:1.1}.final-cta-card p{margin:1.25rem auto 0;max-width:35rem;font-size:1.0625rem;line-height:1.6;color:#ffffffe6}.final-cta-card .actions{justify-content:center;margin-top:2rem}.final-cta-card .action-ghost{border-color:#fff6;background:#ffffff0f}@media(hover:hover)and (pointer:fine){.final-cta-card .action-ghost:hover{border-color:#fff;background:#ffffff1f}}.site-footer{position:relative;background:#080b14;padding:4rem 0 2rem}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:2rem}.footer-brand p{margin-top:1rem;max-width:18.75rem;font-size:.9375rem;line-height:1.6;color:#fff9}.site-footer h4{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.site-footer ul{list-style:none;margin:.875rem 0 0;padding:0}.site-footer li a{display:inline-flex;align-items:center;min-height:2.25rem;color:#ffffffb8;text-decoration:none;font-size:.9375rem;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.site-footer li a:hover{color:#fff}}.footer-bottom{margin-top:3rem;padding-top:1.375rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8125rem;color:#ffffff8c}@keyframes hero-in{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reveal:not(.is-visible),.stagger:not(.is-visible) .stagger-item{opacity:0}.reveal.is-visible{animation:reveal-in .6s var(--ease-out) backwards}.stagger.is-visible .stagger-item{animation:reveal-in .5s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes appear{0%{opacity:0}}@keyframes horizon-in{0%{opacity:0;transform:translate(-50%) translateY(5rem)}}@keyframes pop-in{0%{opacity:0;transform:translateY(.375rem) scale(.9)}}@keyframes bar-in{0%{opacity:0;transform:scaleX(.2)}}@keyframes pip-in{0%{opacity:0;transform:scale(.5)}}.since-bars span{transform-origin:left}.stagger.is-visible .since-bars span{animation:bar-in .5s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i, 0) * 70ms)}.stagger.is-visible .count-pips span{animation:pip-in .35s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i, 0) * 25ms)}.steps-progress{position:absolute;top:27.5px;left:10%;right:10%;height:2px;border-radius:2px;background:linear-gradient(90deg,#60a5fab3,#bfdbfe);box-shadow:0 0 12px #60a5facc;pointer-events:none}.step:not(.is-reached) .step-icon{color:#93c5fd73;box-shadow:0 0 0 8px #07090f,inset 0 1px #ffffff0a;opacity:.6}@media(max-width:820px){.steps-progress{inset:28px auto 60px 26.5px;width:2px;height:auto;background:linear-gradient(180deg,#60a5fab3,#bfdbfe)}}.faq-list{interpolate-size:allow-keywords}@supports (selector(::details-content)){.faq-item::details-content{height:0;overflow:clip;transition:height .25s var(--ease-out),content-visibility .25s allow-discrete}.faq-item[open]::details-content{height:auto}}.action-primary:active,.action-soft:active,.action-ghost:active,.action-white:active,.nav-discord:active,.nav-menu-discord:active,.intro-links a:active,.hero-badge:active{transform:scale(.97);transition-duration:.1s}.nav-links a:active,.nav-burger:active,.segmented button:active{transform:scale(.95);transition-duration:.1s}.nav-menu-link:active{transform:scale(.98);transition-duration:.1s}.tile:active{transform:scale(.985);transition-duration:.1s}.faq-item summary:active{transform:scale(.992);transition-duration:.1s}@media(max-width:960px){.hero{--hero-top: 7.5rem}.section{padding:5rem 0}.launch-card{grid-template-columns:minmax(0,1fr);justify-items:center;gap:3rem}.launch-copy{justify-self:stretch}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"who who" "y n" "l l" "code code" "fw fw"}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(max-width:820px){.steps{grid-template-columns:minmax(0,1fr);gap:0;max-width:26.25rem;margin-left:auto;margin-right:auto}.steps:before{inset:28px auto 60px 27px;width:1px;height:auto;background:linear-gradient(180deg,#60a5fa26,#60a5fa80,#60a5fa26)}.step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px 1.125rem;align-content:start;text-align:left;padding-bottom:1.75rem}.step-icon{grid-row:span 3;margin:0}.step .step-label{margin-top:.375rem}.step h3{margin-top:.25rem}.step p{margin:.25rem 0 0;max-width:none}}@media(max-width:640px){.wrap{padding:0 1rem}.hero h1{letter-spacing:-.035em}.journey{margin-top:7rem;padding-bottom:5rem}.tile-hero{grid-column:auto;grid-row:auto;min-height:17.5rem}.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"who" "y" "n" "l" "code" "fw"}.actions a{flex:1 1 100%}.compare-top{flex-direction:column;align-items:stretch}.segmented{display:grid}.orbit.orbit-outer{display:none}.orbit.orbit-inner{width:400px;height:400px}.faq-item p{padding-right:1.375rem}.code-body{font-size:.75rem;padding:1.125rem 1rem}}.launch-date{display:block;margin-top:.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;color:#ffffff8c}.brand:focus-visible,.nav-links a:focus-visible,.nav-discord:focus-visible,.nav-burger:focus-visible,.nav-menu-link:focus-visible,.nav-menu-discord:focus-visible,.intro-links a:focus-visible{border-radius:12px}.action-primary:focus-visible,.action-soft:focus-visible,.action-ghost:focus-visible,.action-white:focus-visible{border-radius:14px}.hero-badge:focus-visible{border-radius:999px}.tile:focus-visible{border-radius:22px}.segmented button:focus-visible{border-radius:11px}@media(prefers-reduced-motion:reduce){@keyframes hero-in{0%{opacity:0}}@keyframes reveal-in{0%{opacity:0}}.hero-badge,.hero h1,.hero .hero-lead,.hero .actions,.framework-row,.hero-horizon,.hero-backdrop:before,.reveal.is-visible,.stagger.is-visible .stagger-item{animation-duration:.25s!important;animation-delay:0s!important}}
