@keyframes hero-content-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-prompt-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes hero-prompt-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}main:has(.hero-page)>.content-panel:first-child{display:none}.hero-page{position:relative;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.hero-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(107,225,149,.06) 0%,transparent 70%);pointer-events:none}.hero-page__content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:36rem;width:100%;gap:1.25rem}.hero-page__content>*{animation:hero-content-enter .5s ease-out both}.hero-page__content>*:nth-child(1){animation-delay:.1s}.hero-page__content>*:nth-child(2){animation-delay:.2s}.hero-page__content>*:nth-child(3){animation-delay:.3s}.hero-page__content>*:nth-child(4){animation-delay:.4s}.hero-page__label{font-family:var(--sl-font);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff6}.hero-page__tabs{position:relative;display:flex;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.hero-page__tab{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:#ffffff80;font-family:var(--sl-font);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.hero-page__tab:hover{color:#fffc}.hero-page__tab--active{color:#6be195}.hero-page__tab:focus-visible{outline:2px solid #6be195;outline-offset:-2px}.hero-page__tab-indicator{position:absolute;bottom:-1px;left:0;height:2px;background:#6be195;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hero-page__code{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:#1b1b1b;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden}.hero-page__dollar{color:#6be195;font-family:var(--sl-font-mono);font-size:.875rem;flex-shrink:0;user-select:none}.hero-page__command{flex:1;font-family:var(--sl-font-mono);font-size:.875rem;color:#ffffffd9;white-space:nowrap;overflow-x:auto;scrollbar-width:none;background:none}.hero-page__command::-webkit-scrollbar{display:none}.hero-page__copy{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:#ffffff59;cursor:pointer;transition:color .2s,background .2s}.hero-page__copy:hover{color:#ffffffb3;background:#ffffff0f}.hero-page__copy:focus-visible{outline:2px solid #6be195;outline-offset:2px}.hero-page__showcase{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;background:#1b1b1b}.hero-page__window-chrome{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.hero-page__dots{display:flex;gap:.375rem}.hero-page__dots span{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff26}.hero-page__window-title{flex:1;text-align:center;font-family:var(--sl-font);font-size:.75rem;color:#ffffff4d}.hero-page__copy--prompt{width:1.75rem;height:1.75rem}.hero-page__window-body{padding:1.25rem 1rem;height:7.5rem;display:flex;align-items:flex-start;overflow:hidden}.hero-page__prompt-text{font-family:var(--sl-font-mono);font-size:.875rem;line-height:1.6;color:#ffffffbf;margin:0;animation:hero-prompt-enter .4s ease-out both}.hero-page__prompt-text--fading{animation:hero-prompt-exit .4s ease-in both}.hero-page__cursor{display:inline-block;width:.5rem;height:1.1em;background:#6be195;margin-left:2px;vertical-align:text-bottom;animation:hero-cursor-blink 1s step-end infinite}@media(prefers-reduced-motion:reduce){.hero-page__content>*,.hero-page__prompt-text,.hero-page__prompt-text--fading,.hero-page__cursor{animation-duration:.01ms!important;animation-delay:0ms!important}.hero-page__tab-indicator,.hero-page__tab,.hero-page__copy{transition-duration:.01ms!important}}@media(max-width:640px){.hero-page{padding:2rem 1rem}.hero-page__content{gap:1rem}.hero-page__label{font-size:.7rem}.hero-page__tab{font-size:.8rem;padding:.5rem .75rem}.hero-page__code{padding:.75rem;gap:.5rem}.hero-page__dollar,.hero-page__command{font-size:.8rem}.hero-page__window-body{padding:1rem .875rem;height:10rem}.hero-page__prompt-text{font-size:.8rem}}