:root{--nc-bg:oklch(17% .014 15);--nc-surface:oklch(21.5% .014 15);--nc-surface-2:oklch(26.5% .014 15);--nc-primary:oklch(64% .19 258);--nc-primary-dk:oklch(56% .2 258);--nc-primary-lt:oklch(64% .19 258/.12);--nc-accent:oklch(80% .14 75);--nc-ink:oklch(96% .004 15);--nc-ink-2:oklch(85% .006 15);--nc-muted:oklch(68% .008 15);--nc-subtle:oklch(48% .008 15);--nc-hairline:oklch(36% .04 258);--nc-divider:oklch(64% .19 258/.35);--nc-dark:oklch(11% .01 15);--nc-dark-2:oklch(15% .01 15);--nc-dark-3:oklch(19% .01 15);--nc-on-dark:oklch(96% .004 15);--nc-on-dark-2:oklch(64% .006 15);--nc-green:oklch(70% .16 155);--shadow-1:0 1px 3px oklch(0% 0 0/.3), 0 2px 8px oklch(0% 0 0/.2);--shadow-2:0 4px 16px oklch(0% 0 0/.34), 0 8px 32px oklch(0% 0 0/.24);--shadow-3:0 12px 48px oklch(0% 0 0/.4), 0 24px 80px oklch(0% 0 0/.28);--shadow-glow:0 0 60px oklch(64% .19 258/.18), 0 0 120px oklch(64% .19 258/.09);--nc-font:"Manrope", system-ui, -apple-system, sans-serif;--nc-mono:"JetBrains Mono", "Fira Code", monospace;--nc-nav-height:64px;--nc-banner-height:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--ease-spring:cubic-bezier(.32, .72, 0, 1);--z-base:1;--z-float:10;--z-sticky:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--nc-font);background:var(--nc-bg);color:var(--nc-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:1120px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.btn-primary{background:var(--nc-primary-dk);color:#fff;font-family:var(--nc-font);border-radius:var(--radius-pill);cursor:pointer;transition:background .3s var(--ease-spring), transform .3s var(--ease-spring), box-shadow .3s var(--ease-spring);letter-spacing:-.01em;white-space:nowrap;border:none;align-items:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:oklch(48% .2 258);transform:translateY(-2px)scale(1.015);box-shadow:0 8px 24px oklch(64% .19 258/.35)}.btn-primary:active{transition-duration:.15s;transform:translateY(0)scale(.98)}.btn-primary .btn-icon{width:22px;height:22px;transition:transform .3s var(--ease-spring), background .3s var(--ease-spring);background:oklch(100% 0 0/.16);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-primary:hover .btn-icon{background:oklch(100% 0 0/.22);transform:translateY(-1px)scale(1.08)}.btn-ghost{color:var(--nc-muted);font-family:var(--nc-font);cursor:pointer;transition:color .25s var(--ease-spring), gap .25s var(--ease-spring);background:0 0;border:none;align-items:center;gap:6px;padding:12px 0;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--nc-ink);gap:10px}.btn-outline{color:var(--nc-ink);font-family:var(--nc-font);border-radius:var(--radius-pill);border:1.5px solid var(--nc-hairline);cursor:pointer;transition:border-color .3s var(--ease-spring), background .3s var(--ease-spring), transform .3s var(--ease-spring);background:0 0;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--nc-primary);background:var(--nc-primary-lt);transform:translateY(-2px)}.btn-outline:active{transform:translateY(0)scale(.98)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.beta-banner{min-height:var(--nc-banner-height);background:var(--nc-surface);border-bottom:1px solid var(--nc-hairline);z-index:calc(var(--z-sticky) + 1);align-items:center;padding-block:8px;display:flex;position:fixed;top:0;left:0;right:0}.beta-banner__inner{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.beta-banner__pill{letter-spacing:.04em;text-transform:uppercase;color:var(--nc-primary);background:var(--nc-primary-lt);border:1px solid oklch(64% .19 258/.2);border-radius:99px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.beta-banner__text{color:var(--nc-ink-2);font-size:13px;font-weight:500}.beta-banner__text-short{display:none}@media (width<=480px){.beta-banner__text-full{display:none}.beta-banner__text-short{display:inline}}.nav{top:var(--nc-banner-height);height:var(--nc-nav-height);z-index:var(--z-sticky);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;left:0;right:0}.nav__inner{pointer-events:auto;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--nc-hairline);width:calc(100% - 40px);max-width:880px;box-shadow:var(--shadow-2);transition:border-color .3s var(--ease-spring), box-shadow .3s var(--ease-spring), transform .3s var(--ease-spring);background:oklch(21.5% .014 15/.78);align-items:center;gap:32px;padding:10px 14px 10px 20px;display:flex}.nav__inner:hover{box-shadow:var(--shadow-2), 0 0 32px oklch(64% .19 258/.08);border-color:oklch(64% .19 258/.3)}.nav__logo{color:var(--nc-ink);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.nav__logo-mark{background:var(--nc-primary-dk);color:#fff;letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.nav__links{gap:24px;margin-left:auto;display:flex}.nav__links a{color:var(--nc-muted);transition:color .2s var(--ease-spring);font-size:14px;font-weight:500;position:relative}.nav__links a:after{content:"";background:var(--nc-primary);height:1.5px;transition:right .25s var(--ease-spring);position:absolute;bottom:-2px;left:0;right:100%}.nav__links a:hover{color:var(--nc-ink)}.nav__links a:hover:after{right:0}.nav__cta{flex-shrink:0;padding:9px 18px;font-size:13px}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:30px;height:30px;display:none;position:relative}.nav__toggle-bar{background:var(--nc-ink);height:1.5px;transition:transform .3s var(--ease-spring), opacity .2s var(--ease-spring);border-radius:1px;position:absolute;left:6px;right:6px}.nav__toggle-bar:first-child{top:12px}.nav__toggle-bar:last-child{top:18px}.nav__toggle[aria-expanded=true] .nav__toggle-bar:first-child{top:15px;transform:rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:last-child{top:15px;transform:rotate(-45deg)}.nav__menu{z-index:calc(var(--z-sticky) - 1);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease-spring), visibility .35s;background:oklch(13% .012 15/.94);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.nav__menu[data-open=true]{opacity:1;visibility:visible}.nav__menu a{color:var(--nc-ink);letter-spacing:-.02em;opacity:0;transition:opacity .4s var(--ease-spring), transform .4s var(--ease-spring);transition-delay:calc(var(--i,0) * 60ms);font-size:26px;font-weight:700;transform:translateY(16px)}.nav__menu[data-open=true] a{opacity:1;transform:translateY(0)}.nav__menu-cta{margin-top:8px}.footer{background:var(--nc-dark);color:var(--nc-on-dark-2);margin-top:120px;padding:56px 0 28px}.footer__inner{border-bottom:1px solid oklch(100% 0 0/.07);justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:36px;display:flex}.footer__logo{color:var(--nc-on-dark);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.footer__logo-mark{background:var(--nc-primary-dk);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.footer__brand p{color:var(--nc-on-dark-2);font-size:13px;line-height:1.5}.footer__nav{gap:24px;padding-top:4px;display:flex}.footer__nav a{color:var(--nc-on-dark-2);font-size:14px;transition:color .15s}.footer__nav a:hover{color:var(--nc-on-dark)}.footer__bottom{color:oklch(40% .005 15);padding-top:24px;font-size:12px}@media (width<=768px){.nav__links,.nav__cta{display:none}.nav__toggle{display:block}.footer__inner{flex-direction:column;gap:28px}}@media (prefers-reduced-motion:reduce){.nav__menu a{transition-delay:0s}}
