@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
html{scroll-behavior:smooth;overflow-x:clip}.nbh{--nb-shadow:15 23 42;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}.dark .nbh{--nb-shadow:0 0 0}.nbh ::selection{background:color-mix(in srgb, var(--interactive-primary) 25%, transparent)}.nb-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace}.nbh [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);will-change:opacity, transform;transform:translateY(28px)}.nbh [data-reveal=left]{transform:translate(-64px)}.nbh [data-reveal=right]{transform:translate(64px)}.nbh [data-reveal=scale]{transform:scale(.92)}.nbh [data-reveal].is-in{opacity:1;transform:none}@keyframes nb-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes nb-float-a{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-14px)rotate(.6deg)}}@keyframes nb-float-b{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-10px)rotate(-.8deg)}}@keyframes nb-float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes nb-glow-drift{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.08)}66%{transform:translate(-30px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes nb-tile-pulse{0%{opacity:0}25%{opacity:.9}to{opacity:0}}@keyframes nb-shine{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(220%)skew(-20deg)}}@keyframes nb-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes nb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes nb-pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}@keyframes nb-blink{50%{opacity:.2}}@keyframes nb-confetti{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--x), 110vh, 0) rotate(720deg);opacity:0}}@keyframes nb-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes nb-tick{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}@keyframes nb-slide-in-r{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes nb-slide-in-l{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes nb-sla{0%{width:100%}to{width:0%}}@keyframes nb-orbit{to{transform:rotate(360deg)}}@keyframes nb-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nb-anim-rise{animation:.9s cubic-bezier(.2,.7,.2,1) both nb-rise;animation-delay:var(--d,0s)}.nb-rise-quick{animation:.5s cubic-bezier(.2,.7,.2,1) both nb-rise;animation-delay:var(--d,0s)}.nb-float-a{animation:7s ease-in-out infinite nb-float-a}.nb-float-b{animation:8.5s ease-in-out infinite nb-float-b}.nb-float-c{animation:6s ease-in-out infinite nb-float-c}.nb-pulse-ring{animation:nb-pulse-ring var(--ring-t,1.8s) ease-out infinite}.nb-blink{animation:nb-blink var(--blink-t,1.4s) infinite}.nb-pop{animation:.5s cubic-bezier(.2,.7,.2,1) both nb-pop}.nb-sla-bar{animation:14s linear infinite nb-sla}.nb-orbit{animation:18s linear infinite nb-orbit}.nb-wave>*{animation:2.4s ease-in-out infinite nb-wave;animation-delay:calc(var(--i,0) * .15s)}.nb-tick path{stroke-dasharray:48;stroke-dashoffset:48px;animation:.6s ease-out .25s forwards nb-tick}.nb-slide-in{animation:.5s cubic-bezier(.2,.7,.2,1) both nb-slide-in-r}.nb-slide-in-back{animation:.5s cubic-bezier(.2,.7,.2,1) both nb-slide-in-l}.nb-glow{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:9999px;animation:22s ease-in-out infinite nb-glow-drift;position:absolute}.nb-tiles{grid-template-columns:repeat(var(--cols,16), 1fr);grid-template-rows:repeat(var(--rows,10), 1fr);pointer-events:none;gap:2px;display:grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 75%)}.nb-tiles i{background:color-mix(in srgb, var(--interactive-primary) 8%, transparent);opacity:0;border-radius:4px;display:block}.nb-tiles i.lit{animation:nb-tile-pulse var(--t,3s) ease-in-out both;background:var(--c-tile,transparent)}.nb-grid-lines{background-image:linear-gradient(color-mix(in srgb, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,#0000 75%)}.nb-btn,.nb-btn-pri,.nb-btn-ghost,.nb-btn-soft{-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .3s;display:inline-flex}.nb-btn-pri{background:var(--interactive-primary);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb, var(--interactive-primary) 25%, transparent), 0 20px 60px -15px color-mix(in srgb, var(--interactive-primary) 45%, transparent);padding:.75rem 1.5rem;position:relative;overflow:hidden}.nb-btn-pri:hover{background:var(--interactive-primary-hover);transform:translateY(-2px)}.nb-btn-pri:active{transform:translateY(0)}.nb-btn-pri:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;animation:3.2s ease-in-out infinite nb-shine;position:absolute;top:0;bottom:0}.nb-btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.nb-btn-ghost{border:1px solid var(--border-default);background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--foreground);padding:.75rem 1.25rem}.nb-btn-ghost:hover{border-color:color-mix(in srgb, var(--interactive-primary) 50%, transparent);color:var(--interactive-primary);transform:translateY(-2px)}.nb-btn-ghost:disabled{opacity:.4;pointer-events:none}.nb-btn-soft{background:color-mix(in srgb, var(--interactive-primary) 10%, transparent);color:var(--interactive-primary);padding:.625rem 1.25rem;font-size:.875rem}.nb-btn-soft:hover{background:color-mix(in srgb, var(--interactive-primary) 15%, transparent)}.nb-card{border:1px solid var(--border-default);background:var(--card);box-shadow:0 1px 2px rgb(var(--nb-shadow) / .06), 0 12px 40px -12px rgb(var(--nb-shadow) / .18);border-radius:1.25rem}.nb-card-hover{transition:all .5s}.nb-card-hover:hover{border-color:color-mix(in srgb, var(--interactive-primary) 40%, transparent);box-shadow:0 2px 6px rgb(var(--nb-shadow) / .08), 0 30px 70px -20px rgb(var(--nb-shadow) / .35);transform:translateY(-6px)}.nb-eyebrow{border:1px solid color-mix(in srgb, var(--interactive-primary) 20%, transparent);background:color-mix(in srgb, var(--interactive-primary) 10%, transparent);text-transform:uppercase;letter-spacing:.14em;color:var(--interactive-primary);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.nb-eyebrow-invert{color:#fff;background:#ffffff1a;border-color:#fff3}.nb-gradient-text{background:linear-gradient(100deg, var(--interactive-primary), var(--interactive-secondary) 60%, var(--interactive-primary));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite nb-sweep}.nb-chip{border:1px solid var(--border-default);background:var(--card);color:var(--fg-secondary);white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.nb-marquee{width:max-content;animation:32s linear infinite nb-marquee;display:flex}.nb-marquee:hover{animation-play-state:paused}.nb-field{border:1px solid var(--border-default);background:var(--background);width:100%;color:var(--foreground);border-radius:.75rem;outline:none;padding:.75rem 1rem;transition:all .2s}.nb-field::placeholder{color:color-mix(in srgb, var(--fg-muted) 70%, transparent)}.nb-field:focus{border-color:var(--interactive-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--interactive-primary) 15%, transparent)}.nb-field.is-invalid{border-color:var(--error-600);box-shadow:0 0 0 4px color-mix(in srgb, var(--error-600) 10%, transparent)}.nb-lbl{color:var(--fg-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.nb-choice{cursor:pointer;border:1px solid var(--border-default);background:var(--background);text-align:left;border-radius:1rem;padding:1rem;transition:all .3s}.nb-choice:hover{border-color:color-mix(in srgb, var(--interactive-primary) 50%, transparent);transform:translateY(-2px)}.nb-choice[aria-pressed=true]{border-color:var(--interactive-primary);background:color-mix(in srgb, var(--interactive-primary) 10%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--interactive-primary) 25%, transparent), 0 20px 60px -15px color-mix(in srgb, var(--interactive-primary) 45%, transparent)}.nb-seg{border:1px solid var(--border-default);background:var(--background);border-radius:9999px;gap:.25rem;padding:.25rem;display:grid;position:relative}.nb-seg>button{z-index:10;color:var(--fg-secondary);border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:color .3s;position:relative}.nb-seg>button[aria-pressed=true]{color:#fff}.nb-seg-pill{background:var(--interactive-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--interactive-primary) 25%, transparent), 0 20px 60px -15px color-mix(in srgb, var(--interactive-primary) 45%, transparent);top:.25rem;bottom:.25rem;left:var(--l,4px);width:var(--w,0px);border-radius:9999px;transition:all .3s;position:absolute}.nbh input[type=range]{appearance:none;background:linear-gradient(90deg, var(--interactive-primary) var(--p,0%), var(--border-default) var(--p,0%));border-radius:9999px;outline:none;width:100%;height:8px}.nbh input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card);border:3px solid var(--interactive-primary);width:26px;height:26px;box-shadow:0 4px 14px color-mix(in srgb, var(--interactive-primary) 45%, transparent);cursor:grab;border-radius:50%;transition:transform .2s}.nbh input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}.nbh input[type=range]::-moz-range-thumb{background:var(--card);border:3px solid var(--interactive-primary);width:26px;height:26px;box-shadow:0 4px 14px color-mix(in srgb, var(--interactive-primary) 45%, transparent);cursor:grab;border-radius:50%}.nb-tog{cursor:pointer;border:1px solid var(--border-default);background:var(--background);border-radius:9999px;flex-shrink:0;align-items:center;width:3rem;height:1.75rem;transition:all .3s;display:inline-flex;position:relative}.nb-tog:after{content:"";background:var(--fg-muted);border-radius:9999px;width:1.25rem;height:1.25rem;transition:all .3s;position:absolute;left:.125rem}.nb-tog[aria-checked=true]{border-color:var(--interactive-primary);background:var(--interactive-primary)}.nb-tog[aria-checked=true]:after{background:#fff;left:1.625rem}.nb-stage{cursor:pointer;border:1px solid var(--border-default);background:var(--card);text-align:left;border-radius:1rem;padding:1rem;transition:all .5s;position:relative}.nb-stage.active{border-color:color-mix(in srgb, var(--interactive-primary) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--interactive-primary) 25%, transparent), 0 20px 60px -15px color-mix(in srgb, var(--interactive-primary) 45%, transparent);transform:translateY(-4px)}.nb-stage .nb-stage-num{background:color-mix(in srgb, var(--interactive-primary) 10%, transparent);width:2.25rem;height:2.25rem;color:var(--interactive-primary);border-radius:.75rem;place-items:center;font-size:.875rem;font-weight:700;transition:all .5s;display:grid}.nb-stage.active .nb-stage-num{background:var(--interactive-primary);color:#fff}.nb-stage.done .nb-stage-num{background:color-mix(in srgb, var(--success-600) 15%, transparent);color:var(--success-600)}.nb-dot{background:var(--border-default);border-radius:9999px;width:8px;height:.5rem;transition:all .3s}.nb-dot.cur{background:var(--interactive-primary);width:28px}.nb-dot.done{background:color-mix(in srgb, var(--interactive-primary) 50%, transparent)}.nbh svg.pring circle.prog{transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1)}.nb-side-step{color:#fff9;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;transition:all .3s;display:flex}.nb-side-step .nb-side-b{border:1px solid #ffffff26;border-radius:.5rem;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;transition:all .3s;display:grid}.nb-side-step.cur{color:#fff;background:#ffffff1a}.nb-side-step.cur .nb-side-b{background:var(--interactive-secondary);color:var(--color-band,#0e1e42);border-color:#0000}.nb-side-step.done{color:#ffffffd9}.nb-side-step.done .nb-side-b{border-color:color-mix(in srgb, var(--success-600) 60%, transparent);background:color-mix(in srgb, var(--success-600) 25%, transparent);color:#fff}.nb-confetti i{z-index:100;pointer-events:none;border-radius:2px;width:10px;height:14px;animation:2.6s ease-in both nb-confetti;position:fixed;top:-10px}@media (prefers-reduced-motion:reduce){.nbh *,.nbh :before,.nbh :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.nbh [data-reveal]{opacity:1;transform:none}}
