@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceMono-Regular.latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.mana-landing{--bg:#fbfaf7;--bg-warm:#f4efe6;--card:#fff;--line:#ece5d8;--line-soft:#f2ece0;--ink:#1b1611;--ink-2:#57504733;--muted:#6a6258;--faint:#9a9286;--dark:#0f1116;--dark-2:#16181f;--dark-3:#1d202a;--dark-line:#ffffff17;--on-dark:#f2f0eb;--on-dark-2:#a7a39b;--indigo:#8b93f8;--gold:#f5b301;--gold-deep:color-mix(in srgb, var(--gold) 64%, #4a3200);--gold-soft:color-mix(in srgb, var(--gold) 22%, #fff);--gold-line:color-mix(in srgb, var(--gold) 46%, #fff);--g-bg-deep:#1a262b;--g-text:#fff;--g-text-2:#ffffffb3;--g-text-3:#ffffff8c;--g-accent:#d4b895;--g-hairline:1px solid #ffffff26;--g-glass-border:1px solid #ffffff4d;--g-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--g-mono:"Space Mono", ui-monospace, monospace;--g-maxw:1400px;--g-pad:clamp(20px, 5.5vw, 80px);--hero-h1:clamp(4.5rem, 6.6vw, 5.5rem);--g-zoom:1}.mana-landing,.mana-landing *{box-sizing:border-box}.mana-landing{min-height:100svh;color:var(--g-text);font-family:var(--g-font);-webkit-font-smoothing:antialiased;background-color:var(--g-bg-deep);background-image:linear-gradient(135deg,#1a262bcc 0%,#423428cc 100%),url(/landing/sky-wide.webp);background-position:50%;background-size:cover;background-attachment:fixed;margin:0;padding-top:96px;padding-bottom:20px}.mana-landing,.mana-landing *{-webkit-user-select:text!important;user-select:text!important}.mana-landing button,.mana-landing .pill-button,.mana-landing .dock,.mana-landing .dock *{-webkit-user-select:none!important;user-select:none!important}.mana-landing ::selection{-webkit-text-fill-color:#fff;color:#fff!important;background:#d4b89566!important}.mana-landing ::-moz-selection{color:#fff!important;background:#d4b89566!important}@media (orientation:portrait){.mana-landing{background-image:linear-gradient(135deg,#1a262bcc 0%,#423428cc 100%),url(/landing/sky-tall.webp)}}.mana-landing h1,.mana-landing h2{letter-spacing:-.03em;margin:0;font-weight:400;line-height:1.1}.mana-landing p{color:var(--g-text-2);margin:0;font-weight:300;line-height:1.6}.mana-landing a{color:inherit;text-decoration:none}.mana-landing button{cursor:pointer;font-family:inherit}.mana-landing a:focus-visible,.mana-landing button:focus-visible{outline-offset:3px;outline:2px solid var(--g-accent)!important}.mana-landing .wrap{max-width:var(--g-maxw);padding-inline:var(--g-pad);margin:0 auto}.mana-landing .pill-button{border:var(--g-glass-border);color:var(--g-text);font-family:var(--g-font);white-space:nowrap;background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;padding:14px 36px;font-size:14px;font-weight:500;transition:background-color .4s cubic-bezier(.2,.8,.2,1),border-color .4s cubic-bezier(.2,.8,.2,1),color .4s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.mana-landing .pill-button:hover{background:#ffffff26;border-color:#fff9;transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080}.mana-landing .pill-button--secondary{color:var(--g-text-2);background:0 0;border:none;padding:14px 24px}.mana-landing .pill-button--secondary:hover{color:var(--g-text);box-shadow:none;background:0 0;transform:none}.mana-landing .pill-button--primary{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-bg-deep);font-weight:600}.mana-landing .pill-button--primary:hover{color:var(--g-bg-deep);background:#e0c7a6;border-color:#e0c7a6;box-shadow:0 10px 30px -10px #d4b8958c}.mana-landing .section-label{color:var(--g-text-3);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.mana-landing .section-label:after{content:"";background-color:#fff6;width:40px;height:1px;display:block}.mana-landing .cta-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mana-landing .dock{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--g-hairline);white-space:nowrap;background:#1a262b66;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0006}.mana-landing .dock-logo{border-right:1px solid #ffffff1a;align-items:center;gap:10px;padding:0 22px 0 6px;font-size:16px;font-weight:600;display:flex}.mana-landing .dock-logo .mark{flex:none;width:26px;height:26px;display:block}.mana-landing .dock-link{color:var(--g-text-2);background:0 0;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:400;transition:color .3s,background-color .3s}.mana-landing .dock-link:hover{color:#fff;background:#ffffff0d}.mana-landing .dock-cta{background:var(--g-accent);color:var(--g-bg-deep);font-weight:600}.mana-landing .dock-cta:hover{color:var(--g-bg-deep);background:#e0c7a6}.mana-landing{flex-direction:column;display:flex;overflow-x:clip}.mana-landing .hero{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.mana-landing .hero:before{content:"";flex:34 1 0;min-height:24px}.mana-landing .hero:after{content:"";flex:66 1 0;min-height:24px}.mana-landing .hero .section-label{align-items:flex-start}.mana-landing .hero-copy{max-width:780px}.mana-landing .hero h1{font-size:var(--hero-h1);background:linear-gradient(#fff 0%,#dcdcdc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 26px;padding-bottom:.08em;line-height:.95}.mana-landing .hero .lead{text-wrap:pretty;max-width:48ch;margin-bottom:34px;font-size:clamp(17px,1.4vw,19px)}.mana-landing .tech-note{font-family:var(--g-mono);color:var(--g-text-3);letter-spacing:.04em;margin-top:22px;font-size:12px}.mana-landing .hero-copy{z-index:1;position:relative}.mana-landing .art{--vw:calc(100vw / var(--g-zoom));--vh:calc(100svh / var(--g-zoom));--room-start:calc(var(--g-pad) + 8.2 * var(--hero-h1) + 24px);--room-end:calc((var(--vw) + min(var(--vw), var(--g-maxw))) / 2 - var(--g-pad));--art-size:min((var(--room-end) - var(--room-start)) / .8, var(--vh) - 240px, 900px);width:var(--art-size);aspect-ratio:1;top:44%;left:calc((var(--room-start) + var(--room-end) - var(--art-size)) / 2);pointer-events:none;position:absolute;transform:translateY(-50%)}.mana-landing .art-glow{filter:blur(42px);background:radial-gradient(circle,#d4b8956b,#0000 66%);border-radius:50%;position:absolute;inset:12%}@keyframes mana-art-spin{to{transform:rotate(360deg)}}.mana-landing .art-orbit svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mana-landing .art-orbit .ring{fill:none;stroke:#ffffff24;stroke-width:1px}.mana-landing .art-orbit .ring.dashed{stroke:#fff3;stroke-dasharray:2 6}.mana-landing .art-orbit .ring.strong{stroke:#ffffff42}.mana-landing .art-orbit .node{fill:#ffffff8c}.mana-landing .art-orbit .node.gold{fill:#d4b895;filter:drop-shadow(0 0 6px #d4b895e6)}.mana-landing .art-orbit .spin{transform-box:view-box;transform-origin:200px 200px;animation:90s linear infinite mana-art-spin}.mana-landing .art-orbit .spin.s2{animation-duration:60s;animation-direction:reverse}.mana-landing .art-orbit .spin.s3{animation-duration:38s}.mana-landing .art-orbit .core{fill:#ffffff14;stroke:#ffffff59;stroke-width:1px}.mana-landing .art-orbit .core-label{fill:#fff;font-family:var(--g-font);text-anchor:middle;letter-spacing:-.02em;font-size:14px;font-weight:400}@media (max-width:1099px){.mana-landing .hero h1{font-size:clamp(1.9rem,10vw,4.5rem)}.mana-landing .hero-main{position:relative}.mana-landing .art{opacity:.32;width:min(88vw,520px,100svh - 150px);top:50%;left:50%;transform:translate(-50%,-50%)}.mana-landing .art-glow{opacity:.5}.mana-landing .art-orbit .core-label{opacity:.6}}@media (prefers-reduced-motion:reduce){.mana-landing .art-orbit .spin{animation:none}}.mana-landing .foot{width:100%;color:var(--g-text-3);justify-content:space-between;gap:16px;padding-block:28px 8px;font-size:13px;display:flex}.mana-landing .foot a:hover{color:var(--g-text)}.mana-landing .invite-dialog{border:var(--g-hairline);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--g-text);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1a262bb8;border-radius:28px;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 80px #00000080}.mana-landing .invite-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e108c}.mana-landing .invite-body{padding:clamp(28px,5vw,44px);padding-bottom:calc(clamp(28px,5vw,44px) - 20px);position:relative}.mana-landing .invite-body .eyebrow{color:var(--g-text-3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;display:inline-flex}.mana-landing .invite-body .eyebrow .dot{background:var(--g-accent);border-radius:50%;width:6px;height:6px}.mana-landing .invite-dialog h2{margin:16px 0 0;font-size:clamp(1.8rem,4vw,2.4rem)}.mana-landing .invite-dialog .lead{text-wrap:pretty;max-width:38ch;margin:14px auto 0;font-size:16px}.mana-landing .invite-close{width:38px;height:38px;color:var(--g-text-2);background:0 0;border:none;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:12px;right:12px}.mana-landing .invite-close:hover{color:#fff;background:#ffffff14}.mana-landing .invite-form{flex-wrap:wrap;gap:10px;margin:26px auto 0;display:flex}@media (min-width:561px){.mana-landing .invite-form input[type=email]{flex-basis:100%}}.mana-landing .invite-form input{border:var(--g-glass-border);min-width:0;height:52px;font-family:var(--g-font);color:#fff;background:#ffffff0a;border-radius:999px;outline:none;flex:1;padding:0 22px;font-size:15px;transition:border-color .15s,box-shadow .15s}.mana-landing .invite-form input:focus{border-color:var(--g-accent);box-shadow:0 0 0 4px #d4b8952e}.mana-landing .invite-form input[aria-invalid=true]{border-color:#e39a86}.mana-landing .invite-form input::placeholder{color:var(--g-text-3)}.mana-landing .invite-form .btn{background:var(--g-accent);height:52px;color:var(--g-bg-deep);white-space:nowrap;border:none;border-radius:999px;padding:0 24px;font-size:14px;font-weight:600}.mana-landing .invite-form .btn:disabled{opacity:.7;cursor:default}.mana-landing .invite-consent{color:var(--g-text-3);margin-top:14px;font-size:12.5px}.mana-landing .invite-consent a{color:var(--g-text-2);text-underline-offset:2px;text-decoration:underline}.mana-landing .invite-consent a:hover{color:var(--g-text)}.mana-landing .invite-msg{color:#e39a86;min-height:1.4em;margin-top:12px;font-size:14px}.mana-landing .invite-ok{color:var(--g-text);margin-top:26px;font-size:15px}.mana-landing .invite-ok b{color:var(--g-accent);font-weight:500}.mana-landing .fade-in{opacity:0;animation:1.2s ease-out forwards mana-fade-in;transform:translateY(20px)}.mana-landing .delay-1{animation-delay:.2s}.mana-landing .delay-2{animation-delay:.4s}.mana-landing .delay-3{animation-delay:.6s}@keyframes mana-fade-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mana-landing .fade-in{opacity:1;animation:none;transform:none}}@media (max-width:560px){.mana-landing{padding-top:80px}.mana-landing .dock{gap:4px;padding:6px 8px;top:16px}.mana-landing .dock-logo{padding:0 16px 0 4px}.mana-landing .cta-group .pill-button{padding-inline:28px}.mana-landing .cta-group .pill-button--secondary{padding-inline:14px}.mana-landing .dock-link{padding:10px 12px}.mana-landing .dock-demo{display:none}.mana-landing .invite-form{flex-direction:column}.mana-landing .invite-form input{flex:none;width:100%}.mana-landing .invite-form .btn{width:100%}}@media (max-width:379px){.mana-landing .dock-word{display:none}.mana-landing .dock-logo{border-right:none;padding-right:4px}}@media (max-height:500px) and (orientation:landscape){.mana-landing{padding-top:68px}.mana-landing .dock{gap:4px;padding:6px 8px;top:10px}.mana-landing .dock-link{padding:8px 14px}.mana-landing .hero:before,.mana-landing .hero:after{min-height:12px}.mana-landing .hero .section-label{gap:8px;margin-bottom:14px;font-size:12px}.mana-landing .hero h1{margin-bottom:14px;font-size:min(9.4vw,12vh)}.mana-landing .hero .lead{max-width:60ch;margin-bottom:18px;font-size:16px}.mana-landing .cta-group .pill-button{padding-block:11px}.mana-landing .tech-note{margin-top:12px}}@media (min-width:2200px) and (min-height:1300px){.mana-landing{--g-zoom:1.3}.mana-landing .dock,.mana-landing .hero,.mana-landing .foot{zoom:var(--g-zoom)}}