.progress-bar-container{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.progress-bar{flex:1 1;background-color:#f0f0f0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.progress-bar,.progress-bar__fill{border-radius:9999px;overflow:hidden;position:relative}.progress-bar__fill{height:100%;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-bar__percentage{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);min-width:3rem;text-align:right}.progress-bar--success .progress-bar__fill{background-color:#10b981}.progress-bar--warning .progress-bar__fill{background-color:#f59e0b}.progress-bar--small{height:.5rem}.progress-bar--medium{height:.625rem}.progress-bar--large{height:.875rem}.custom-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d0d0d0!important;border-radius:.5rem;font-size:1rem;font-family:var(--font-family);background:white!important;color:var(--text-primary);transition:all .2s ease;outline:none;box-sizing:border-box;resize:vertical}.custom-textarea:focus{border-color:#1a1a1a!important;box-shadow:0 0 0 3px rgba(26,26,26,.05)!important}.custom-textarea:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.success-modal{text-align:center;padding:32px 16px}.success-modal__icon{width:64px;height:64px;background:linear-gradient(135deg,#00c2a8,#4338ca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:32px;font-weight:700}.success-modal__title{font-size:24px;font-weight:700;color:#333;margin:0 0 10px}.success-modal__message{color:#666;font-size:16px;margin:0}.success-modal--success .success-modal__icon{background:linear-gradient(135deg,#00c2a8,#4338ca)}.success-modal--info .success-modal__icon{background:linear-gradient(135deg,#667eea,#764ba2)}.success-modal--warning .success-modal__icon{background:linear-gradient(135deg,#ff6b35,#f7931e)}@media (max-width:640px){.success-modal{padding:2rem 1.5rem}.success-modal__title{font-size:1.5rem}}.navigation{background:#ffffff;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.navigation__container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6);height:var(--nav-height);justify-content:space-between}.navigation__brand,.navigation__brand-link,.navigation__container{display:flex;align-items:center}.navigation__brand-link{gap:var(--space-2);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.navigation__brand-link:hover .navigation__logo{transform:scale(1.05)}.navigation__brand-link:active .navigation__company-name,.navigation__brand-link:active .navigation__logo{transform:scale(.95)}.navigation__logo{height:var(--space-5);width:auto;object-fit:contain}.navigation__company-name,.navigation__logo{transition:transform var(--duration-normal) var(--ease-out)}.navigation__company-name{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text-primary)}.navigation__menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-8)}.navigation__item{margin:0}.navigation__link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-normal) var(--ease-out);font-size:var(--text-base);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md)}.navigation__link:hover{color:var(--color-brand-primary)}.navigation__link:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__link--button{width:100%;background:transparent;border:none;cursor:pointer}.navigation__item--right{margin-left:auto;padding-left:var(--space-5)}.navigation__auth-link{display:flex;align-items:center;gap:.5rem}.navigation__item--user-header{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.navigation__user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--text-base)}.navigation__mobile-toggle{display:none;flex-direction:column;gap:var(--space-1);background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--duration-normal) var(--ease-out)}.navigation__mobile-toggle:hover{background-color:var(--color-gray-100)}.navigation__mobile-toggle:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation__burger{width:var(--space-6);height:2px;background:var(--color-text-secondary);transition:all var(--duration-slow) var(--ease-in-out);border-radius:1px}@media (max-width:768px){.navigation__mobile-toggle{display:flex}.navigation__menu{position:absolute;top:var(--nav-height);left:0;right:0;background:#ffffff;flex-direction:column;padding:var(--space-6);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--duration-slow) var(--ease-in-out);gap:var(--space-1)}.navigation__menu--open{transform:translateY(0);opacity:1;pointer-events:all}.navigation__item{text-align:right;width:100%}.navigation__item--user-header{padding:var(--space-3) 0}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{text-align:right;display:block;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium)}.navigation__link--button{width:100%}.navigation__item--with-divider{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.navigation__item--with-divider .navigation__link,.navigation__item--with-divider .navigation__link--button{color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{display:block;text-align:right;width:100%;padding:var(--space-3) 0;color:#000000;font-weight:var(--font-weight-medium);font-size:var(--text-base)}.navigation__item .navigation__sign-in-btn{width:100%;text-align:right;display:block}}.navigation__sign-in-btn{background:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;border-radius:var(--radius-full)!important;padding:var(--space-2) var(--space-4)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--duration-normal) var(--ease-out)!important;box-shadow:none!important}.navigation__sign-in-btn:hover{background:var(--color-gray-50)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important}.navigation__sign-in-btn:focus{outline:2px solid var(--color-gray-300)!important;outline-offset:2px!important;background:var(--color-gray-50)!important}@media (max-width:640px){.navigation__container{padding:0 var(--space-6)}.navigation__logo{height:var(--space-4)}}@media (min-width:768px){.navigation__container{padding:0 var(--space-10)}.navigation__logo{height:var(--space-5)}}@media (min-width:1024px){.navigation__container{padding:0 var(--space-16)}.navigation__logo{height:var(--space-6)}}@media (min-width:1440px){.navigation__container{padding:0 var(--space-20)}.navigation__logo{height:var(--space-6)}}@media (max-width:480px){.navigation__container{padding:0 var(--space-6);height:var(--nav-height-mobile)}.navigation__logo{height:var(--space-4)}.navigation__company-name{font-size:var(--text-lg)}.navigation__menu{padding:var(--space-5) var(--space-6);top:var(--nav-height-mobile)}.navigation__link{font-size:var(--text-base)}.navigation__link,.navigation__link--button{padding:var(--space-3) 0;text-align:right;color:#000000}.navigation__item .navigation__auth-link,.navigation__item>span{padding:var(--space-3) 0;font-size:var(--text-base);color:#000000}.navigation__sign-in-btn{padding:var(--space-1) var(--space-3)!important;font-size:var(--text-xs)!important}.navigation__item--with-divider{border-top:1px solid var(--color-border-light);margin-top:var(--space-4);padding-top:var(--space-4)}}.user-dropdown{position:relative;display:inline-block}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border,#e5e7eb);border-radius:9999px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__trigger:hover{background:var(--color-gray-50,#f9fafb);border-color:var(--color-border-dark,#d1d5db);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.user-dropdown__trigger:focus{outline:2px solid var(--color-gray-300,#d1d5db);outline-offset:2px}.user-dropdown__trigger:active{transform:scale(.98)}.user-dropdown__profile-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-light,#e5e7eb)}.user-dropdown__profile-placeholder{width:28px;height:28px;border-radius:50%;background:var(--color-gray-100,#f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#6b7280)}.user-dropdown__name{line-height:1}.user-dropdown__icon{transition:transform .2s ease;color:var(--color-text-secondary,#6b7280)}.user-dropdown__icon--open{transform:rotate(180deg)}.user-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:white;border:1px solid var(--color-border,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50;animation:dropdown-fade-in .15s ease-out;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.user-dropdown__item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary,#000)}.user-dropdown__item:hover{background:var(--color-gray-50,#f9fafb)}.user-dropdown__item:focus{outline:none;background:var(--color-gray-100,#f3f4f6)}.user-dropdown__item--with-divider{border-top:1px solid var(--color-border-light,#e5e7eb);margin-top:.25rem;padding-top:.75rem}.user-dropdown__tooltip{position:absolute;top:calc(100% + .75rem);right:0;background:#ff6b35;color:white;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;white-space:nowrap;z-index:60;box-shadow:0 4px 12px rgba(255,107,53,.3);cursor:pointer;animation:tooltip-bounce .5s ease-out}@keyframes tooltip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.user-dropdown__tooltip:hover{background:#e65a2b;box-shadow:0 6px 16px rgba(255,107,53,.4)}.user-dropdown__tooltip-content{display:flex;align-items:center;gap:.5rem}.user-dropdown__tooltip-close{background:transparent;border:none;color:white;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease}.user-dropdown__tooltip-close:hover{background:rgba(255,255,255,.2)}.user-dropdown__tooltip-arrow{position:absolute;top:-6px;right:1rem;width:12px;height:12px;background:#ff6b35;transform:rotate(45deg)}@media (max-width:640px){.user-dropdown__trigger{padding:.375rem .625rem;font-size:.8125rem}.user-dropdown__menu{min-width:10rem}.user-dropdown__item{padding:.625rem .875rem;font-size:.8125rem}.user-dropdown__profile-image,.user-dropdown__profile-placeholder{width:24px;height:24px}.user-dropdown__tooltip{font-size:.75rem;padding:.625rem .875rem;right:-.5rem}.user-dropdown__tooltip-arrow{right:1.5rem}}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInFromLeftBrand{0%{opacity:0;transform:translateY(-20px) translateX(-40px)}to{opacity:1;transform:translateY(-20px) translateX(0)}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromTopBrand{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(-20px)}}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes floatSubtleBrand{0%,to{transform:translateY(-20px)}50%{transform:translateY(-24px)}}@keyframes fadeInLines{0%{opacity:0}to{opacity:1}}@keyframes drawLinesHorizontal{0%{opacity:0;stroke-dasharray:2000;stroke-dashoffset:2000}to{opacity:1;stroke-dasharray:2000;stroke-dashoffset:0}}@keyframes drawLinesVertical{0%{opacity:0;stroke-dasharray:1500;stroke-dashoffset:1500}to{opacity:1;stroke-dasharray:1500;stroke-dashoffset:0}}@keyframes fadeInArrows{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.hero{min-height:100vh;min-height:100dvh;align-items:center;background:var(--color-background);overflow:hidden;isolation:isolate}.hero,.hero__container{position:relative;display:flex;justify-content:center}.hero__container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:var(--space-8) var(--space-6);z-index:1;min-height:inherit;flex-direction:column}.hero__content{display:grid;grid-template-columns:1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center;width:100%;position:relative}.hero__main-content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.hero__text-section{width:100%;max-width:42rem;position:relative}.hero__title{font-size:clamp(1.5rem,6vw,3rem);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:var(--color-text-primary);letter-spacing:-.025em;word-spacing:.05em;position:relative}.hero__title-line-1,.hero__title-line-2{display:inline-block;white-space:nowrap}@media (max-width:320px){.hero__title{font-size:clamp(1.5rem,7vw,2rem)}.hero__title-line-1,.hero__title-line-2{white-space:normal}}.hero__buttons{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-8);width:100%}.hero__flow-section{position:relative;flex-direction:column;z-index:2;padding:var(--space-4) 0}.hero__flow-section,.hero__interactive-area{width:100%;display:flex;align-items:center;gap:var(--space-8)}.hero__interactive-area{justify-content:center;flex-wrap:wrap}.hero__upload-areas{flex-direction:column;gap:var(--space-1);--box-offset:-40px;transform:translateX(var(--box-offset))}.hero__demo-video,.hero__upload-areas{display:flex;flex-shrink:0;align-items:center}.hero__demo-video{justify-content:center;position:relative}.hero__mobile-cta{display:none;width:100%;justify-content:center;align-items:center;padding:var(--space-4);margin-top:var(--space-8)}.hero__section-lines{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;pointer-events:none;opacity:0;animation:fadeInLines .6s ease-out 0s forwards}.hero__section-lines--desktop{display:block}.hero__section-lines--mobile{display:none}.hero__section-lines--desktop path{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLinesHorizontal 2s ease-out 0s forwards}.hero__asset-box{width:14rem;height:8rem;background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);padding:var(--space-3);gap:var(--space-2);transition:all var(--duration-normal) var(--ease-out);position:relative;flex-shrink:0}.hero__asset-box--brand{opacity:0;transform:translateY(-20px);animation:fadeInFromLeftBrand .8s ease-out .4s forwards,floatSubtleBrand 4s ease-in-out 1.6s infinite}.hero__asset-box--creator{opacity:0;animation:fadeInFromLeft .8s ease-out .4s forwards,floatSubtle 4s ease-in-out 1.8s infinite}.hero__upload-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.hero__icon{width:2rem;height:2rem;color:var(--color-text-secondary)}.hero__asset-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin:0}.hero__final-video-content{display:flex;justify-content:center;align-items:center;width:100%;opacity:0;animation:fadeInFromLeft .8s ease-out .4s forwards}@media (orientation:portrait){.hero__section-lines--desktop,.hero__section-lines--mobile{display:none}.hero__container{display:flex}.hero__container,.hero__content{justify-content:center}.hero__asset-box--brand{animation:fadeInFromTopBrand .8s ease-out .4s forwards,floatSubtleBrand 4s ease-in-out 1.6s infinite}.hero__asset-box--creator{animation:fadeInFromTop .8s ease-out .4s forwards,floatSubtle 4s ease-in-out 1.8s infinite}.hero__final-video-content{animation:fadeInFromTop .8s ease-out .4s forwards}}.hero__mobile-arrows-wrapper{display:none}@media (max-width:640px){.hero__container{padding:var(--space-6) var(--space-6);display:flex;justify-content:center}.hero__title{margin-top:0;margin-bottom:var(--space-6)}.hero__content{gap:var(--space-8)}.hero__content,.hero__flow-section,.hero__main-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__interactive-area{gap:var(--space-6);justify-content:center;width:100%}.hero__interactive-area,.hero__upload-areas{flex-direction:column;align-items:center;position:relative}.hero__upload-areas{--box-offset:0;gap:2.8rem;z-index:2;display:flex}.hero__asset-box{width:10.5rem;height:6rem;margin:0}.hero__asset-box--brand{margin-top:0}.hero__demo-video{display:flex;justify-content:center;align-items:center;width:100%}.hero__final-video-content{display:none}.hero__mobile-cta{display:flex;margin-top:var(--space-8);padding-top:0;margin-bottom:0}.hero__buttons,.hero__section-lines--desktop,.hero__section-lines--mobile{display:none}.hero__mobile-arrows-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;top:calc(50% - 80px);left:50%;transform:translateX(-50%) translateY(0);width:300px;height:180px;pointer-events:none;z-index:1;opacity:0;animation:fadeInArrows .8s ease-out .5s forwards}.hero__mobile-arrows{width:100%;height:100%;display:block}}@media (min-width:768px){.hero__container{padding:var(--space-16) var(--space-10)}.hero__content{gap:var(--space-16)}.hero__interactive-area{gap:var(--space-12);flex-wrap:nowrap}.hero__upload-areas{--box-offset:-60px;gap:var(--space-8)}.hero__asset-box{width:12rem;height:7rem}.hero__final-video-content{display:flex}.hero__mobile-cta{display:none}.hero__buttons{display:flex}.hero__mobile-arrows-wrapper{display:none!important}}@media (min-width:1024px){.hero__container{padding:var(--space-20) var(--space-16)}.hero__content{grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center}.hero__main-content{text-align:left;align-items:flex-start}.hero__buttons{justify-content:flex-start}.hero__flow-section{height:28rem;justify-content:center}.hero__interactive-area{gap:var(--space-16);align-items:center}.hero__upload-areas{--box-offset:-80px;flex-direction:column;gap:var(--space-10)}.hero__asset-box{width:11rem;height:6.5rem}.hero__mobile-arrows-wrapper{display:none!important}}@media (min-width:1440px){.hero__container{padding:var(--space-24) var(--space-20)}.hero__content{gap:var(--space-24)}.hero__flow-section{height:32rem}.hero__interactive-area{gap:var(--space-20)}.hero__upload-areas{--box-offset:-100px;gap:var(--space-12)}.hero__asset-box{width:12rem;height:7rem}.hero__mobile-arrows-wrapper{display:none!important}}