.hero-root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:120px;padding-bottom:200px;display:flex;position:relative}.hero-content{position:absolute;top:53%;left:50%;transform:translate(-50%)}.hero-strip{will-change:transform;gap:32px;padding-left:32px;animation:50s linear infinite hero-scroll;display:flex;position:absolute;top:42%;left:0;transform:translateY(-50%)}.hero-subtext{color:#000;text-align:center;max-width:700px;margin-top:32px;font-family:Poppins,sans-serif;font-size:1.125rem;line-height:1.5}.hero-spacing{padding-top:120px;padding-bottom:200px;position:relative}.hero-button{color:#fff;cursor:pointer;background-color:#6e43c6;border:none;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6e43c659}.hero-button:active{transform:translateY(0);box-shadow:0 4px 12px #6e43c640}@keyframes hero-scroll{0%{transform:translateY(-50%)translate(0)}to{transform:translateY(-50%)translate(-2260px)}}.hero-item{flex-shrink:0;width:420px;height:520px}.hero-panel{transform-origin:50%;background:#000;border-radius:18px;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;overflow:hidden;transform:translateZ(0)scale(1);box-shadow:0 20px 40px #00000026}.hero-panel:hover{z-index:2;transform:translateZ(0)scale(1.08);box-shadow:0 30px 60px #0000004d}.hero-panel video{object-fit:cover;width:100%;height:100%}.hero-card{background:#fff;border-radius:24px;width:750px;max-width:75vw;padding:46px 64px;position:relative;box-shadow:0 16px 32px #0000001f,0 0 0 1px #00000008}.hero-card .hero-button{color:#fff;cursor:pointer;background:#6e43c6;border:none;border-radius:12px;margin-top:32px;margin-left:auto;padding:14px 24px;font-size:1rem;display:block}.cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-text-container{align-items:flex-start;width:100%;height:140px;display:flex;position:relative}.hero-title{margin:0;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:600;line-height:1.1;transition:opacity .4s,transform .4s;position:relative}.hero-title.fade-out{opacity:0;transform:translateY(-15px)}.hero-input-form{opacity:0;width:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;transform:translateY(15px)}.hero-input-form.fade-in-start{opacity:0;transform:translateY(15px)}.hero-input-form.fade-in-complete{opacity:1;transform:translateY(0)}.hero-input-wrapper{background:0 0;border:none;border-radius:16px;align-items:center;width:100%;padding:0;transition:all .3s;display:flex;position:relative}.hero-input-wrapper:focus-within{box-shadow:none;border:none}.hero-input{color:#1a1a1a;appearance:none;border:none;outline:none;flex:1;padding:12px 0;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;background:0 0!important}.hero-input:-webkit-autofill{-webkit-text-fill-color:#1a1a1a;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.hero-input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.hero-input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a1a;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0000}.hero-input::placeholder{color:#9ca3af;background:0 0;font-weight:400}.hero-submit-btn{cursor:pointer;color:#fff;background:#6e43c6;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;min-height:56px;margin:0;line-height:0;transition:all .2s;position:relative;overflow:hidden;border:none!important;border-radius:50%!important;width:56px!important;height:56px!important;padding:0!important;display:inline-flex!important}.hero-submit-btn svg{margin-top:-12px;margin-left:-12px;transition:transform .2s;display:block;position:absolute;top:50%;left:50%;transform:translate(0)}.hero-submit-btn:hover:not(:disabled){background:#5a35a3;transform:scale(1.05)}.hero-submit-btn:hover:not(:disabled) svg{transform:translate(2px)}.hero-submit-btn:disabled{cursor:not-allowed;opacity:.6;background:#e5e7eb}.hero-submit-btn:active:not(:disabled){transform:scale(.98)}@media (max-width:768px){.hero-card{padding:40px 32px}.hero-input{font-size:1.2rem}.hero-panel,.hero-item{width:320px;height:400px}}