.hero{align-items:flex-start;min-height:100vh;display:flex}.hero .container{padding:var(--spacing-3xl);gap:var(--spacing-3xl);grid-template-columns:1fr 1.1fr;justify-content:center;align-items:center;width:100%;max-width:100vw;height:100vh;display:grid;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#000 70%,#0000 100%);mask:linear-gradient(#000 70%,#0000 100%)}.hero .container .video-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero .container .video-wrapper video{object-fit:cover;width:100%;height:100%}@media (max-width:968px){.hero .container{gap:var(--spacing-xl);max-width:100vw;height:auto;min-height:100dvh;padding:0 var(--spacing-lg);flex-direction:column;justify-content:center;display:flex}}.hero__content{z-index:1;max-width:850px}.hero__badge{white-space:nowrap;width:fit-content;padding:var(--spacing-xs)var(--spacing-md);background-color:var(--color-black);color:var(--color-white);border-radius:var(--spacing-sm);letter-spacing:.02em;margin:0;font-size:.875rem;font-weight:500;display:inline-block}.hero__title{-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#000 0%,#6e5a6e99 100%);-webkit-text-fill-color:#0000;margin:0;margin-bottom:var(--spacing-md);-webkit-background-clip:text;font-size:90px;line-height:1}@media (max-width:768px){.hero__title{font-size:var(--spacing-xl)}}.hero__description{-webkit-user-select:none;user-select:none;margin-bottom:var(--spacing-xl);font-size:20px;line-height:1.4}@media (max-width:768px){.hero__description{font-size:var(--spacing-sm)}}.hero__form{-webkit-user-select:none;user-select:none;gap:var(--spacing-sm);margin:0 0 16px;display:flex}@media (max-width:640px){.hero__form{flex-direction:column}}.hero__input{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);outline-offset:-1px;border-radius:var(--spacing-ss);font-size:var(--spacing-sm);background:#ffffff4d;border:none;outline:2px solid #e5e5e566;flex:1;padding:16px 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.hero__button{background-color:var(--color-black);color:var(--color-white);border-radius:var(--spacing-ss);font-weight:600;font-size:var(--spacing-sm);white-space:nowrap;padding:16px 2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.hero__status{width:fit-content;padding:var(--spacing-ss)var(--spacing-sm);background-color:var(--color-black);color:var(--color-white);border-radius:9999px;margin-top:24px;font-size:14px}.hero__visual{perspective:1600px;perspective-origin:30%;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (max-width:1400px){.hero__visual{display:none}}.hero__code-block{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#000000a6;border-radius:18px;width:100%;max-width:2000px;position:relative;overflow:hidden;transform:skew(-8deg)scaleY(.98);box-shadow:60px 40px 90px #0000008c}.hero__code-block:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff0f,#0000 30% 70%,#00000040);position:absolute;inset:0}.hero__code-header{padding:14px var(--spacing-sm);background:var(--color-gray-900);border-bottom:1px solid #ffffff0f;gap:.5rem;display:flex}.hero__title-name{text-align:end;width:100%;color:var(--color-white);margin:0;font-size:14px;font-weight:400;line-height:1}.hero__code-dot{width:var(--spacing-ss);height:var(--spacing-ss);border-radius:50%}.hero__code-dot:first-child{background-color:#ff5f57}.hero__code-dot:nth-child(2){background-color:#ffbd2e}.hero__code-dot:nth-child(3){background-color:#28ca42}.hero__code{padding:var(--spacing-md);font-size:var(--spacing-sm);color:#e5e7eb;min-height:400px;line-height:1.75}.hero__code-line{align-items:flex-start;display:flex}.hero__line-number{text-align:right;color:#6b7280;-webkit-user-select:none;user-select:none;opacity:.6;width:42px;padding-right:12px}.hero__line-content{font-family:var(--font-mono),monospace;white-space:pre;font-variant-ligatures:contextual;flex:1}.hero__code-line.active{background:linear-gradient(90deg,#eeeeee14,#0000 80%)}.hero .token.keyword{color:#c792ea}.hero .token.function{color:#82aaff}.hero .token.string{color:#c3e88d}.hero .token.comment{color:#6a9955;opacity:.85}.hero .token.number{color:#f78c6c}.hero__cursor{color:var(--color-white);margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}