.header-main{position:-webkit-sticky;position:sticky;top:32px;left:0;right:0;z-index:1000;transition:padding .3s ease-in-out;background:transparent}.header-main.scrolled{background-color:#ecf1ff;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:17px 32px;border-radius:16px}header{margin-top:45px;margin-bottom:60px}.nav-item{color:var(--primary);transition:.3s ease-in-out;text-decoration:none;font-weight:600;font-size:20px}.nav-item.active{color:var(--foreground)}.header-main.scrolled .header__btn.ant-btn-default{color:var(--primary);background-color:white}.header-main.scrolled .header__btn.ant-btn-primary{background-color:var(--foreground);color:white}.header__btn{font-weight:600;font-size:16px;width:121px}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px;font-size:32px}.mobile-menu-close{font-size:24px;color:var(--primary);background-color:transparent;border:none;padding:0}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-menu-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99}.mobile-menu-backdrop.open{display:block}.mobile-menu-backdrop.closing{animation:fadeOut .3s forwards}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;width:100%;max-width:100%;background-color:white;z-index:100;padding-top:20px;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease-in-out}.mobile-menu.open{display:flex;animation:slideIn .3s ease-in-out forwards}.mobile-menu.closing{animation:slideOut .3s ease-in-out forwards}.mobile-menu-header{justify-content:space-between;align-items:center}.mobile-menu-header,.mobile-menu-nav{display:flex;margin-bottom:30px;padding:10px 0}.mobile-menu-nav{flex-direction:column;gap:20px}.mobile-menu-nav .nav-item{font-size:24px;font-weight:700;color:#000;text-decoration:none}.mobile-menu-buttons{display:flex;flex-direction:column;margin-bottom:15px;padding:5px 0}.buttons-row{display:flex;gap:10px;width:100%}.btn-mobile{background-color:#f5f5f5;border:none;color:#888;width:50%;height:44px;border-radius:8px;font-weight:500;font-size:16px;cursor:not-allowed;text-align:center}.mobile-menu-notice{display:flex;padding:16px;border-radius:8px;margin-top:10px;gap:10px;align-items:flex-start;box-shadow:0 4px 12px rgba(0,0,0,.1)}.notice-icon{color:white;background-color:#4f46e5;font-size:14px;line-height:1;flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-top:2px}.notice-text p{margin:0;font-size:14px;line-height:1.4;color:#333}.notice-text p:first-child{font-weight:600;margin-bottom:5px}@media (max-width:1200px){.header-main.scrolled{top:0;padding:17px 8%;width:100%}header{margin-top:20px;margin-bottom:60px}.desktop-buttons,.desktop-nav{display:none}.mobile-menu-toggle{display:block}.header__btn{width:100%}}.how-it-works-container{background-color:var(--white);width:100%;margin:0 auto;max-width:100%}.how-it-works-header-wrapper{display:flex;justify-content:space-between;padding-top:156px;gap:3rem;align-items:flex-start}.how-it-works-header{text-align:left}.how-it-works-title{font-size:48px;font-weight:600;line-height:1.2;margin-bottom:1rem}.how-it-works-subtitle{font-size:18px;color:var(--text-secondary);margin-top:.5rem}.blue-text{color:var(--blue-primary)}.how-it-works-grid{align-items:center}.workflow-steps{display:flex;flex-direction:column;gap:.5rem;width:50%}.workflow-step{gap:1rem}.step-number,.workflow-step{display:flex;align-items:center}.step-number{justify-content:center;width:32px;height:32px;background-color:var(--foreground);color:var(--white);border-radius:50%;font-weight:600;flex-shrink:0}.step-text{font-size:18px;color:var(--primary);margin:0;font-weight:700}.workflow-video-container{width:100%;overflow:hidden;margin-top:2rem;padding-bottom:6rem}.workflow-video{width:100%;height:auto;display:block;border:none;outline:none}.workflow-image{width:100%;height:100%;object-fit:cover;border-radius:12px}@media (max-width:1200px){.how-it-works-container{padding:4rem 0}.how-it-works-header-wrapper{flex-direction:column;padding-top:0}.mobile-order-1{order:1}.mobile-order-2{order:2}.how-it-works-title{font-size:36px}.workflow-steps{width:100%;margin-top:2rem}.workflow-video{padding:0 2rem}}.introduction-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;background:transparent;width:100%;overflow:hidden}.content-container{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20%}.background-animation-introduction{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/background-gradient.svg);background-repeat:no-repeat;background-position-x:center;background-position-y:20%;z-index:0;pointer-events:none}.content-left{flex:1 1;max-width:50%;padding-top:8%}@media (max-width:1200px){.content-container{flex-direction:column}.content-left{max-width:100%}.illustration-container{width:100%;margin:6rem 0}}.heading{font-weight:700;line-height:1.2}.title{font-size:3rem;font-weight:800;margin-bottom:0;line-height:1}@media (max-width:480px){.title{font-size:2rem}.description{font-size:18px;line-height:26px}.access-button{width:100%;max-width:280px}}@media (min-width:1200px){.title{font-size:3rem}}.dark .title{color:var(--white)}.subtitle{font-size:3rem;font-weight:800;margin-top:0;line-height:1}.teal-text{color:var(--blue-secondary)}@media (max-width:480px){.subtitle{font-size:2rem}}@media (min-width:1200px){.subtitle{font-size:3rem}}.description{font-size:24px;line-height:32px;letter-spacing:0;text-transform:capitalize;margin:1rem 0;max-width:100%;color:var(--Colors-Neutral-Text-colorTextSecondary,rgba(10,12,17,.65))}.dark .description{color:var(--white)}.access-button{margin-top:1rem;width:280px;font-size:19px;font-weight:600}.illustration-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;margin:0}@media (min-width:1200px){.illustration-container{height:400px;justify-content:flex-end;margin-top:0;padding-top:12rem}}.illustration{object-fit:contain;max-width:100%;height:auto;padding-top:15rem}@keyframes moveBackAndForth{0%{transform:translate(0)}50%{transform:translate(70px,65px)}75%{transform:translate(85px,100px)}to{transform:translate(85px,100px)}}.arrow-group{animation:moveBackAndForth 4s ease-in-out infinite}.client-ui-video{width:100%;max-width:550px;margin-top:20px;border-radius:8px}.why-finhive-container{width:100%;padding:7rem 0;margin:0;text-align:center;background-image:url(/background-gradient3.svg);background-size:53% 82%;background-position-y:bottom;background-repeat:no-repeat;max-width:100%}.why-finhive-content{margin:0 auto}.why-finhive-header{margin-bottom:3rem}.why-finhive-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-align:center}.why-finhive-title div{margin:0;padding:0;line-height:1}.black-text{color:var(--primary)}.blue-text{background:linear-gradient(90deg,var(--foreground) 0,var(--blue-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.features-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem}.benefits-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;width:100%}.benefit-stats-row{display:flex;align-items:flex-start;width:100%}@media (max-width:1200px){.why-finhive-container{padding:3rem 0;background-size:100% 60%}.why-finhive-title{font-size:2.5rem}.benefit-stats-row{flex-direction:column;align-items:center;gap:2rem}}.benefit-card{background-color:rgba(255,255,255,.5);border-radius:16px;padding:2rem 2rem 2rem 6rem;position:relative;flex:1 1;min-width:300px;max-width:100%;text-align:left;display:flex;justify-content:space-between;gap:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.03);border:1.2px solid var(--Colors-Neutral-Border-colorBorder,rgba(217,217,217,1))}.benefit-card:before{content:"";position:absolute;left:59px;top:147px;bottom:90px;width:3px;background-color:var(--card-accent-color,var(--blue-primary))}.benefit-content{padding-top:5rem}.benefit-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--card-accent-color,var(--blue-primary));margin-bottom:.5rem;position:absolute;left:42px;top:111px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.benefit-title{font-weight:400;font-size:32px;line-height:120%;margin-bottom:2.5rem;color:var(--primary)}.benefit-list{color:var(--text-secondary);list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;font-size:20px}.benefit-list li{display:flex;align-items:flex-start;gap:.75rem}.check-icon{font-weight:700;font-size:1.2rem}.check-icon,.checkmark-icon{color:var(--card-accent-color,var(--blue-primary))}.checkmark-icon{filter:brightness(0) saturate(100%)}.benefit-card img.checkmark-icon,.benefit-stats-row .benefit-card img.checkmark-icon{filter:none}.benefits-wrapper>.benefit-card:nth-of-type(2) img.checkmark-icon{filter:invert(41%) sepia(69%) saturate(3922%) hue-rotate(246deg) brightness(93%) contrast(86%)}.benefits-wrapper>.benefit-card:nth-of-type(3) img.checkmark-icon{filter:invert(28%) sepia(98%) saturate(280%) hue-rotate(57deg) brightness(122%) contrast(178%)}.stats-container{display:flex;gap:1rem;margin-top:auto}.stat{flex:1 1;display:flex;align-items:center;gap:.5rem}.stat-graph{flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:var(--text-secondary)}.stat-value{font-size:1.1rem;font-weight:600;color:var(--primary)}@media (max-width:1200px){.benefit-card{min-width:100%;padding:2rem 1.5rem 2rem 5rem;flex-direction:column}.benefit-content{padding-right:0}.benefit-title{font-size:28px;margin-bottom:2rem}.benefit-list{padding-right:0;font-size:18px}.stats-container{flex-direction:column;align-items:flex-start;gap:1.5rem}.benefit-icon{left:36px}.benefit-main-icon{width:18px;height:18px}.checkmark-icon{width:22px;height:22px}.benefit-card:before{left:53px}.stats-graph{align-self:center}}.stats-graph{position:relative;display:flex;flex-direction:column;gap:1rem;justify-content:center}.stats-graph img{width:100%;height:auto;max-width:454px}@media (max-width:1200px){.stats-graph img{max-width:350px}}