.professional-section{position:relative;width:100%;min-height:800px;background:#fff;margin-top:0;padding:120px 0 30px;z-index:2;overflow-x:hidden}.professional-section .professional-container{position:relative;width:1440px;margin:0 auto;max-width:100%}.professional-section .professional-container .title-section{width:580px;margin:0 auto 30px;text-align:center}.professional-section .professional-container .title-section .main-title{font-family:var(--font-inter-tight),"Inter Tight",sans-serif;font-weight:800;font-size:64px;line-height:1.2;letter-spacing:-1.92px;color:#000;margin:0 0 20px}.professional-section .professional-container .title-section .main-title .highlight-text{color:#4d4397}.professional-section .professional-container .title-section .subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#000;margin:0;text-wrap:balance;max-width:100%}.professional-section .professional-container .testimonials-loop-container{width:100%;height:auto;min-height:730px;overflow:hidden;touch-action:pan-x pan-y}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{height:auto;min-height:100%;overflow-y:hidden!important;padding-bottom:25px!important}.professional-section .testimonial-column{display:flex;flex-direction:column;gap:35px;width:350px;flex-shrink:0}.professional-section .card-link{text-decoration:none;color:inherit;display:block;width:fit-content}.professional-section .clickable-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.professional-section .clickable-card:hover{transform:translateY(-4px)}.professional-section .clickable-card:hover .card-bottom-section{box-shadow:0 6px 16px rgba(77,67,151,.2)}.professional-section .clickable-card:active{transform:translateY(-2px)}.professional-section .image-card{width:350px;height:auto;display:flex;flex-direction:column;flex-shrink:0}.professional-section .image-card .card-image-container{position:relative;width:100%;height:225px}.professional-section .image-card .card-image-container .card-top-image{width:100%;height:100%;object-fit:cover;border-top-left-radius:26.37px;border-top-right-radius:26.37px;border:.799px solid hsla(0,0%,7%,.05)}.professional-section .image-card .card-image-container .overlay-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-inter-tight),"Inter Tight",sans-serif;font-weight:800;text-align:center;white-space:nowrap;overflow:visible;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:2px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:44px;line-height:1.1;letter-spacing:-1.3px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:28px;line-height:1.2}.professional-section .image-card .card-bottom-section{width:100%;min-height:80px;background:#fff;border-bottom-left-radius:26.37px;border-bottom-right-radius:26.37px;box-shadow:0 3.196px 3.196px 0 rgba(0,0,0,.25);border:.799px solid hsla(0,0%,7%,.05);border-top:none;display:flex;align-items:flex-start;padding:15px 19px;box-sizing:border-box}.professional-section .image-card .card-bottom-section .bottom-text{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:rgba(0,0,0,.5);margin:0;line-height:1.4}.professional-section .image-card .overlay-text{text-shadow:0 0 8px hsla(0,0%,100%,.9),0 0 15px hsla(0,0%,100%,.7),0 0 25px hsla(0,0%,100%,.5);color:#4d4397}.professional-section .testimonial-card{width:350px;flex-shrink:0}.professional-section .testimonial-card.clickable{cursor:pointer;transition:transform .3s ease}.professional-section .testimonial-card.clickable .card-content{transition:box-shadow .3s ease}.professional-section .testimonial-card.clickable:hover{transform:translateY(-4px)}.professional-section .testimonial-card.clickable:hover .card-content{box-shadow:0 6px 16px rgba(77,67,151,.2)}.professional-section .testimonial-card.clickable:active{transform:translateY(-2px)}.professional-section .card-content{width:100%;min-height:305px;padding:35px 40px;background:#fff;border:.799px solid hsla(0,0%,7%,.05);border-radius:26.37px;box-shadow:0 3.196px 3.196px 0 rgba(0,0,0,.25)}.professional-section .card-content>:last-child{margin-bottom:0!important}.professional-section .card-content>.user-company{font-family:Inter,sans-serif;font-weight:700;font-style:italic;font-size:14px;line-height:19px;color:#161d3a;margin:0 0 17px}.professional-section .card-content .user-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.professional-section .card-content .user-header .user-avatar{width:60px;height:60px;border-radius:50%;flex-shrink:0;object-fit:cover}.professional-section .card-content .user-header .user-details{flex:1;padding-top:8px}.professional-section .card-content .user-header .user-details .user-name{font-family:Inter,sans-serif;font-weight:400;font-size:12.785px;line-height:17.58px;color:#000;margin:0 0 2px}.professional-section .card-content .user-header .user-details .user-role{font-family:Inter,sans-serif;font-weight:500;font-size:12.785px;line-height:17.58px;color:#161d3a;margin:0}.professional-section .card-content .company-logo{width:103.448px;height:25px;margin-bottom:15px}.professional-section .card-content .company-logo img{width:100%;height:100%;object-fit:contain}.professional-section .card-content .testimonial-text{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#000;margin:0}@media screen and (max-width:375px){.professional-section{min-height:auto;display:flex;flex-direction:column;padding:20px 0;box-sizing:border-box}.professional-section .professional-container{display:flex;flex-direction:column;padding:0}.professional-section .professional-container .title-section{width:100%;padding:0 12px;margin-bottom:10px}.professional-section .professional-container .title-section .main-title{font-size:24px;letter-spacing:-.5px;margin-bottom:8px}.professional-section .professional-container .title-section .subtitle{font-size:11px;line-height:16px}.professional-section .professional-container .testimonials-loop-container{min-height:300px;width:100%;margin:0;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:15px!important;width:100%}.professional-section .testimonial-column{width:155px;gap:16px}.professional-section .image-card{width:155px;height:auto}.professional-section .testimonial-card{width:155px}.professional-section .image-card .card-image-container{height:100px}.professional-section .image-card .card-image-container .card-top-image{border-top-left-radius:15px;border-top-right-radius:15px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:26px;letter-spacing:-.5px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:13px}.professional-section .image-card .card-bottom-section{min-height:35px;padding:7px 8px;align-items:flex-start;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 1.5px 1.5px 0 rgba(0,0,0,.25);border:.4px solid hsla(0,0%,7%,.05);border-top:none}.professional-section .image-card .card-bottom-section .bottom-text{font-size:8px;line-height:1.2}.professional-section .card-content{padding:10px 12px;min-height:135px;border-radius:15px}.professional-section .card-content .user-header{gap:6px;margin-bottom:8px}.professional-section .card-content .user-header .user-avatar{width:28px;height:28px}.professional-section .card-content .user-header .user-details{padding-top:2px}.professional-section .card-content .user-header .user-details .user-name,.professional-section .card-content .user-header .user-details .user-role{font-size:8px;line-height:11px}.professional-section .card-content>.user-company{font-weight:700;font-size:9px;line-height:12px;margin-bottom:6px}.professional-section .card-content .company-logo{width:50px;height:12px;margin-bottom:6px}.professional-section .card-content .testimonial-text{font-size:7px;line-height:11px}}@media screen and (min-width:376px)and (max-width:480px){.professional-section{min-height:auto;display:flex;flex-direction:column;padding:20px 0;box-sizing:border-box}.professional-section .professional-container{display:flex;flex-direction:column;padding:0}.professional-section .professional-container .title-section{width:100%;padding:0 12px;margin-bottom:10px}.professional-section .professional-container .title-section .main-title{font-size:28px;letter-spacing:-.8px;margin-bottom:8px}.professional-section .professional-container .title-section .subtitle{font-size:11px;line-height:16px}.professional-section .professional-container .testimonials-loop-container{min-height:320px;width:100%;margin:0;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:18px!important;width:100%}.professional-section .testimonial-column{width:175px;gap:20px}.professional-section .image-card{width:175px;height:auto}.professional-section .testimonial-card{width:175px}.professional-section .image-card .card-image-container{height:113px}.professional-section .image-card .card-image-container .card-top-image{border-top-left-radius:18px;border-top-right-radius:18px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:28px;letter-spacing:-.6px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:15px}.professional-section .image-card .card-bottom-section{min-height:40px;padding:8px 10px;align-items:flex-start;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:0 1.6px 1.6px 0 rgba(0,0,0,.25);border:.4px solid hsla(0,0%,7%,.05);border-top:none}.professional-section .image-card .card-bottom-section .bottom-text{font-size:9px;line-height:1.3}.professional-section .card-content{padding:15px 18px;min-height:153px;border-radius:18px}.professional-section .card-content .user-header{gap:8px;margin-bottom:10px}.professional-section .card-content .user-header .user-avatar{width:32px;height:32px}.professional-section .card-content .user-header .user-details{padding-top:3px}.professional-section .card-content .user-header .user-details .user-name,.professional-section .card-content .user-header .user-details .user-role{font-size:9px;line-height:12px}.professional-section .card-content>.user-company{font-weight:700;font-size:10px;line-height:13px;margin-bottom:8px}.professional-section .card-content .company-logo{width:60px;height:14px;margin-bottom:8px}.professional-section .card-content .testimonial-text{font-size:8px;line-height:13px}}@media screen and (min-width:481px)and (max-width:768px){.professional-section{min-height:auto;display:flex;flex-direction:column;padding:20px 0;box-sizing:border-box}.professional-section .professional-container{display:flex;flex-direction:column;padding:0}.professional-section .professional-container .title-section{width:100%;padding:0 16px;margin-bottom:10px}.professional-section .professional-container .title-section .main-title{font-size:36px;letter-spacing:-1px;margin-bottom:8px}.professional-section .professional-container .title-section .subtitle{font-size:11px;line-height:16px}.professional-section .professional-container .testimonials-loop-container{min-height:380px;width:100%;margin:0;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:20px!important;width:100%}.professional-section .testimonial-column{width:230px;gap:24px}.professional-section .image-card{width:230px;height:auto}.professional-section .testimonial-card{width:230px}.professional-section .image-card .card-image-container{height:148px}.professional-section .image-card .card-image-container .card-top-image{border-top-left-radius:20px;border-top-right-radius:20px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:36px;letter-spacing:-.8px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:18px}.professional-section .image-card .card-bottom-section{min-height:52px;padding:10px 13px;align-items:flex-start;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 2.1px 2.1px 0 rgba(0,0,0,.25);border:.5px solid hsla(0,0%,7%,.05);border-top:none}.professional-section .image-card .card-bottom-section .bottom-text{font-size:11px;line-height:1.35}.professional-section .card-content{padding:22px 26px;min-height:200px}.professional-section .card-content .user-header{gap:10px;margin-bottom:12px}.professional-section .card-content .user-header .user-avatar{width:42px;height:42px}.professional-section .card-content .user-header .user-details{padding-top:5px}.professional-section .card-content .user-header .user-details .user-name,.professional-section .card-content .user-header .user-details .user-role{font-size:10px;line-height:14px}.professional-section .card-content>.user-company{font-weight:700;font-size:11px;line-height:15px;margin-bottom:11px}.professional-section .card-content .company-logo{width:75px;height:18px;margin-bottom:10px}.professional-section .card-content .testimonial-text{font-size:10px;line-height:16px}}@media screen and (min-width:769px)and (max-width:1024px){.professional-section{padding:20px 0}.professional-section .professional-container{padding:0 30px}.professional-section .professional-container .title-section{width:auto;max-width:500px;margin:0 auto 30px}.professional-section .professional-container .title-section .main-title{font-size:48px;letter-spacing:-1.4px;margin-bottom:20px}.professional-section .professional-container .title-section .subtitle{font-size:11px;line-height:16px}.professional-section .professional-container .testimonials-loop-container{height:auto;min-height:600px;width:calc(100% + 60px);margin:0 -30px;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:22px!important}.professional-section .testimonial-column{width:280px;gap:28px}.professional-section .image-card{width:280px;height:auto}.professional-section .testimonial-card{width:280px}.professional-section .image-card .card-image-container{height:180px}.professional-section .image-card .card-image-container .card-top-image{border-top-left-radius:21px;border-top-right-radius:21px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:44px;letter-spacing:-1px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:22px}.professional-section .image-card .card-bottom-section{min-height:64px;padding:12px 15px;align-items:flex-start;border-bottom-left-radius:21px;border-bottom-right-radius:21px;box-shadow:0 2.5px 2.5px 0 rgba(0,0,0,.25);border:.64px solid hsla(0,0%,7%,.05);border-top:none}.professional-section .image-card .card-bottom-section .bottom-text{font-size:12px}.professional-section .card-content{padding:28px 32px;min-height:244px}.professional-section .card-content .user-header{gap:11px;margin-bottom:14px}.professional-section .card-content .user-header .user-avatar{width:48px;height:48px}.professional-section .card-content .user-header .user-details{padding-top:6px}.professional-section .card-content .user-header .user-details .user-name,.professional-section .card-content .user-header .user-details .user-role{font-size:11px;line-height:15px}.professional-section .card-content>.user-company{font-weight:700;font-size:12px;line-height:16px;margin-bottom:14px}.professional-section .card-content .company-logo{width:83px;height:20px;margin-bottom:12px}.professional-section .card-content .testimonial-text{font-size:11px;line-height:18px}}@media screen and (min-width:1025px)and (max-width:1440px){.professional-section .professional-container{padding:0 40px}.professional-section .professional-container .title-section{width:550px;margin:0 auto 30px}.professional-section .professional-container .title-section .main-title{font-size:58px;letter-spacing:-1.7px;margin-bottom:20px}.professional-section .professional-container .title-section .subtitle{font-size:14px;line-height:21px}.professional-section .professional-container .testimonials-loop-container{height:auto;min-height:700px;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:25px!important}.professional-section .testimonial-column{width:320px;gap:32px}.professional-section .image-card{width:320px;height:auto}.professional-section .testimonial-card{width:320px}.professional-section .image-card .card-image-container{height:206px}.professional-section .image-card .card-image-container .card-top-image{border-top-left-radius:24px;border-top-right-radius:24px}.professional-section .image-card .card-image-container .overlay-text .overlay-title{font-size:48px;letter-spacing:-1.2px}.professional-section .image-card .card-image-container .overlay-text .overlay-subtitle{font-size:25px}.professional-section .image-card .card-bottom-section{min-height:73px;padding:14px 17px;align-items:flex-start;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 2.9px 2.9px 0 rgba(0,0,0,.25);border:.73px solid hsla(0,0%,7%,.05);border-top:none}.professional-section .image-card .card-bottom-section .bottom-text{font-size:13px}.professional-section .card-content{padding:32px 36px;min-height:279px}.professional-section .card-content .user-header{gap:12px;margin-bottom:16px}.professional-section .card-content .user-header .user-avatar{width:55px;height:55px}.professional-section .card-content .user-header .user-details .user-name,.professional-section .card-content .user-header .user-details .user-role{font-size:12px;line-height:16px}.professional-section .card-content>.user-company{font-weight:700;font-size:13px;line-height:17px;margin-bottom:16px}.professional-section .card-content .company-logo{width:95px;height:23px;margin-bottom:14px}.professional-section .card-content .testimonial-text{font-size:11px;line-height:19px}}@media screen and (min-width:1441px)and (max-width:1919px){.professional-section .professional-container{width:1600px;padding:0}.professional-section .professional-container .testimonials-loop-container{width:100%;margin:0;height:auto;min-height:750px;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:25px!important}.professional-section .testimonial-column{width:350px;gap:35px}}@media screen and (min-width:1920px){.professional-section .professional-container{width:1800px;padding:0}.professional-section .professional-container .testimonials-loop-container{width:100%;margin:0;height:auto;min-height:750px;overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:25px!important}.professional-section .testimonial-column{width:350px;gap:35px}}@media screen and (min-width:2560px){.professional-section .professional-container{width:2200px}}@media screen and (max-height:600px)and (orientation:landscape){.professional-section{padding:60px 0 40px;min-height:auto}.professional-section .professional-container .testimonials-loop-container{height:auto;min-height:clamp(420px,75vh,650px);overflow:hidden}.professional-section .professional-container .testimonials-loop-container .testimonials-loop{padding-bottom:20px!important}.professional-section .testimonial-column{width:280px;gap:20px}.professional-section .image-card{min-height:180px}.professional-section .testimonial-card{width:280px}.professional-section .card-content{min-height:180px;padding:16px 20px}}@keyframes breathing{0%,to{transform:scale(1);box-shadow:0 3.196px 8px rgba(0,0,0,.12)}50%{transform:scale(1.01);box-shadow:0 4px 20px rgba(77,67,151,.3)}}@media(hover:none)and (pointer:coarse){.professional-section .testimonials-loop-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.professional-section .image-card:hover,.professional-section .testimonial-card:hover{transform:none;box-shadow:none}.professional-section .clickable{-webkit-tap-highlight-color:rgba(77,67,151,.1)}.professional-section .clickable:active{transform:scale(.98);transition:transform .1s ease}}@media(prefers-contrast:high){.professional-section .card-bottom-section,.professional-section .card-content{border:2px solid #000}.professional-section .testimonial-text{color:#000}}@media(prefers-reduced-motion:reduce){.professional-section *{animation:none!important;transition:none!important}}.onboarding-demo-section .start-modal{position:absolute;inset:0;z-index:20;pointer-events:none}.onboarding-demo-section .start-modal.is-open{pointer-events:auto}.onboarding-demo-section .start-modal .start-modal-backdrop{position:absolute;inset:0;border:0;padding:0;background:transparent;opacity:0;transition:opacity .3s ease;cursor:default}.onboarding-demo-section .start-modal.is-open .start-modal-backdrop{opacity:1}.onboarding-demo-section .start-modal .start-modal-card{position:absolute;width:400px;padding:28px 28px 24px;background:#fff;border:1px solid #e8e6f2;border-radius:24px;box-shadow:0 40px 90px -36px rgba(77,67,151,.45),0 10px 30px -18px rgba(29,29,31,.18);color:#1d1d1f;opacity:0;transform:translateY(12px) scale(.96);transform-origin:100% 100%;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.onboarding-demo-section .start-modal.is-open .start-modal-card{opacity:1;transform:none}.onboarding-demo-section .start-modal .start-modal-title{margin:0;font-family:var(--font-inter-tight),"Inter Tight",sans-serif;font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.02em;color:#000}.onboarding-demo-section .start-modal .start-modal-sub{margin:8px 0 20px;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;color:#6e6e73}.onboarding-demo-section .start-modal .start-modal-choices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.onboarding-demo-section .start-modal .start-choice{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 16px;border:1.5px solid #e8e6f2;border-radius:14px;background:#fff;color:#1d1d1f;font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.onboarding-demo-section .start-modal .start-choice:hover{border-color:#4d4397}.onboarding-demo-section .start-modal .start-choice:focus-visible{outline:2px solid #4d4397;outline-offset:2px}.onboarding-demo-section .start-modal .start-choice.is-primary{background:#4d4397;border-color:#4d4397;color:#fff}.onboarding-demo-section .start-modal .start-choice.is-primary .start-choice-note{color:hsla(0,0%,100%,.78)}.onboarding-demo-section .start-modal .start-choice.is-primary .start-choice-icon svg{color:#fff!important}.onboarding-demo-section .start-modal .start-choice.is-primary:hover{background:#433a86;border-color:#433a86}.onboarding-demo-section .start-modal .start-choice-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#f7f6fb}.onboarding-demo-section .start-modal .start-choice-icon svg{width:18px;height:18px}.onboarding-demo-section .start-modal .is-primary .start-choice-icon{background:hsla(0,0%,100%,.16)}.onboarding-demo-section .start-modal .start-choice-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-family:Inter,sans-serif}.onboarding-demo-section .start-modal .start-choice-label{font-size:16px;font-weight:600;letter-spacing:-.01em}.onboarding-demo-section .start-modal .start-choice-note{font-size:13px;color:#6e6e73}.onboarding-demo-section .start-modal .start-modal-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#6e6e73;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.onboarding-demo-section .start-modal .start-modal-close:hover{background:#f7f6fb}.onboarding-demo-section .start-modal .start-modal-close:focus-visible{outline:2px solid #4d4397}.onboarding-demo-section .start-modal .start-modal-arrow{position:absolute;right:-83px;bottom:-10px;width:132px;height:85px;color:#4d4397;pointer-events:none}.onboarding-demo-section .start-modal .start-modal-stroke{stroke:currentColor;stroke-dasharray:260;stroke-dashoffset:260}.onboarding-demo-section .start-modal.is-open .start-modal-stroke{animation:start-modal-draw .9s cubic-bezier(.22,1,.36,1) .2s forwards}@media screen and (min-width:1025px){.onboarding-demo-section .start-modal .start-modal-card{right:calc(var(--start-anchor-right, 50%) + 40px);bottom:var(--start-anchor-bottom,20%)}}@media screen and (max-width:1024px){.onboarding-demo-section .start-modal{position:fixed}.onboarding-demo-section .start-modal .start-modal-backdrop{background:rgba(29,29,31,.32)}.onboarding-demo-section .start-modal .start-modal-card{left:0;right:0;bottom:0;width:auto;max-width:560px;margin:0 auto;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(24px);transform-origin:50% 100%}.onboarding-demo-section .start-modal .start-modal-arrow{display:none}}@media(prefers-reduced-motion:reduce){.onboarding-demo-section .start-modal .start-modal-backdrop,.onboarding-demo-section .start-modal .start-modal-card{transition:none}.onboarding-demo-section .start-modal.is-open .start-modal-stroke{animation:none;stroke-dashoffset:0}}@keyframes start-modal-draw{to{stroke-dashoffset:0}}.onboarding-demo-section{position:relative;width:100%;background:#fff;padding:60px 0 80px;overflow-x:clip;--phone-w:452px;--phone-h:913px;--phone-scale:1;--demo-gap:120px}.onboarding-demo-section .onboarding-demo-container{width:1440px;max-width:100%;margin:0 auto;padding:0 80px;display:grid;grid-template-columns:minmax(0,560px) auto;column-gap:120px;justify-content:center;align-items:center}.onboarding-demo-section .demo-copy{max-width:560px}.onboarding-demo-section .demo-copy .main-title{font-family:var(--font-inter-tight),"Inter Tight",sans-serif;font-weight:800;font-size:64px;line-height:1.1;letter-spacing:-1.92px;color:#000;margin:0 0 36px;text-wrap:balance}.onboarding-demo-section .demo-copy .main-title .highlight-text{color:#4d4397}.onboarding-demo-section .demo-copy .main-title .demo-hop,.onboarding-demo-section .demo-copy .main-title .demo-hop-letter{display:inline-block}@media(prefers-reduced-motion:no-preference){.onboarding-demo-section .demo-copy .main-title .demo-hop-letter{animation:demo-hop 2.5s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}}.onboarding-demo-section .demo-copy .subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:17px;line-height:26px;color:rgba(0,0,0,.72);margin:0 0 28px;max-width:44ch}.onboarding-demo-section .demo-copy .demo-points{list-style:none;margin:0 0 36px;padding:0;display:grid;row-gap:14px;max-width:46ch}.onboarding-demo-section .demo-copy .demo-points li{position:relative;padding-left:22px;font-family:Inter,sans-serif;font-size:15px;line-height:23px;color:#000}.onboarding-demo-section .demo-copy .demo-points li:before{content:"";position:absolute;left:0;top:11px;width:12px;height:2px;border-radius:2px;background:#4d4397}.onboarding-demo-section .demo-entries{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.onboarding-demo-section .demo-copy,.onboarding-demo-section .demo-note{transition:opacity .3s ease}.onboarding-demo-section.is-start-open .demo-copy,.onboarding-demo-section.is-start-open .demo-note{opacity:0;pointer-events:none}.onboarding-demo-section .demo-canvas{position:relative;width:calc(var(--phone-w)*var(--phone-scale));height:calc(var(--phone-h)*var(--phone-scale));justify-self:end}.onboarding-demo-section .phone{position:absolute;top:0;left:0;width:var(--phone-w);height:var(--phone-h);transform:scale(var(--phone-scale));transform-origin:top left;padding:21.6px 24.4px 21.6px 25.4px}.onboarding-demo-section .phone:after{content:"";position:absolute;inset:0;background:url(/images/onboarding-demo/phone-frame-silver.png) 50%/100% 100% no-repeat;pointer-events:none;z-index:4}.onboarding-demo-section .phone-key{display:none}.onboarding-demo-section .phone-screen{position:relative;width:402px;height:870px;border-radius:44px;overflow:hidden;background:#fff}.onboarding-demo-section .phone-island{display:none}.onboarding-demo-section .phone-status{position:absolute;top:0;left:0;right:0;height:59px;display:flex;align-items:center;justify-content:space-between;padding:2px 30px 0 44px;color:#000;font-family:Inter,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.2px;z-index:2;pointer-events:none}.onboarding-demo-section .phone-status .phone-signals{display:inline-flex;align-items:center;gap:7px}.onboarding-demo-section .phone-status .phone-signals svg{fill:currentColor;display:block}.onboarding-demo-section .demo-frame,.onboarding-demo-section .demo-placeholder{position:absolute;top:59px;left:0;width:402px;height:781px;border:0;display:block;background:#fff}.onboarding-demo-section .demo-placeholder .placeholder-ticks{display:flex;gap:5px;padding:22px 28px 0}.onboarding-demo-section .demo-placeholder .placeholder-ticks i{height:2px;flex:1;border-radius:2px;background:#e8e6f2}.onboarding-demo-section .phone-home{position:absolute;bottom:8px;left:50%;width:139px;height:5px;transform:translateX(-50%);border-radius:3px;background:#000;z-index:2;pointer-events:none}.onboarding-demo-section .demo-note{position:absolute;right:calc(100% + 11px);bottom:8.95%;width:max-content;max-width:360px;text-align:right;z-index:2;pointer-events:none;color:#4d4397;transition:opacity .4s ease,bottom .6s cubic-bezier(.22,1,.36,1)}.onboarding-demo-section .demo-note.demo-note--right{right:auto;left:calc(100% + 11px);text-align:left}.onboarding-demo-section .demo-note.demo-note--right .demo-note-text{transform-origin:left bottom}.onboarding-demo-section .demo-note.demo-note--right .demo-note-arrow{transform:scaleX(-1);margin:4px auto 0 -53px}.onboarding-demo-section .demo-note.demo-note--right[data-page="1"]{bottom:54.3%}.onboarding-demo-section .demo-note.demo-note--right[data-page="2"]{bottom:53.9%}.onboarding-demo-section .demo-note.demo-note--right[data-page="3"]{bottom:68.3%}@media screen and (min-width:1025px){.onboarding-demo-section .demo-note.demo-note--right{max-width:min(360px,(100vw - 560px - var(--demo-gap) - var(--phone-w)*var(--phone-scale))/2 - 35px)}}.onboarding-demo-section .demo-note.is-hidden{opacity:0}.onboarding-demo-section .demo-note .demo-note-text{display:block;font-family:var(--font-caveat),"Caveat",cursive;font-weight:600;font-size:25px;line-height:1.1;--note-tilt:-5deg;transform:rotate(var(--note-tilt));transform-origin:right bottom;white-space:normal;text-wrap:balance}.onboarding-demo-section .demo-note .demo-note-arrow{display:block;width:132px;height:85px;margin:4px -66px 0 auto}.onboarding-demo-section .demo-note .demo-note-arrow--down{display:none}.onboarding-demo-section .demo-note .demo-note-stroke{stroke:currentColor;stroke-dasharray:260;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.onboarding-demo-section .demo-note .demo-note-text{opacity:0}.onboarding-demo-section .demo-note .demo-note-stroke{stroke-dashoffset:260}.onboarding-demo-section .demo-note.is-inview .demo-note-text{animation:demo-note-in .45s ease both}.onboarding-demo-section .demo-note.is-inview .demo-note-stroke{animation:demo-note-draw 1.1s cubic-bezier(.22,1,.36,1) .35s both}}@media screen and (min-width:1441px){.onboarding-demo-section .onboarding-demo-container{grid-template-columns:minmax(0,600px) auto}.onboarding-demo-section .demo-copy{max-width:600px}}@media screen and (min-width:1025px)and (max-width:1440px){.onboarding-demo-section{--phone-scale:0.92;--demo-gap:72px}.onboarding-demo-section .onboarding-demo-container{padding:0 48px;column-gap:72px}.onboarding-demo-section .demo-copy .main-title{font-size:56px;letter-spacing:-1.6px}}@media screen and (max-width:1024px){.onboarding-demo-section{padding:48px 0 64px}.onboarding-demo-section .onboarding-demo-container{display:flex;flex-direction:column;align-items:center;row-gap:0;padding:0 40px}.onboarding-demo-section .demo-copy{display:contents}.onboarding-demo-section .demo-copy .main-title{order:1;max-width:640px;margin:0 0 20px;text-align:center;font-size:48px;letter-spacing:-1.4px}.onboarding-demo-section .demo-canvas{order:3;position:static;width:100%;height:auto;display:flex;flex-direction:column;align-items:center}.onboarding-demo-section .demo-entries{order:2;justify-content:center;margin:0 0 24px}.onboarding-demo-section .demo-copy .demo-points,.onboarding-demo-section .demo-copy .subtitle{display:none}.onboarding-demo-section .phone{position:relative;flex:none}.onboarding-demo-section .demo-canvas{position:relative}.onboarding-demo-section .demo-note{position:absolute;left:var(--frame-x,0);width:var(--frame-w,100%);right:auto;bottom:auto;max-width:none;margin:0;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;z-index:3;transition:opacity .4s ease}.onboarding-demo-section .demo-note .demo-note-text{max-width:300px;transform-origin:center}.onboarding-demo-section .demo-note .demo-note-arrow--side{display:none}.onboarding-demo-section .demo-note .demo-note-arrow--down,.onboarding-demo-section .demo-note.demo-note--right .demo-note-arrow--down{display:block;width:32px;height:32px;margin:0;transform:none}.onboarding-demo-section .demo-note.demo-note--right{left:var(--frame-x,0);right:auto;top:var(--band-top-y,0);height:var(--band-top-h,0);justify-content:flex-end;padding-bottom:10px}.onboarding-demo-section .demo-note.demo-note--left{top:var(--band-bottom-y,0);height:var(--band-bottom-h,0);justify-content:flex-end;padding-bottom:4px}.onboarding-demo-section .demo-canvas[data-bottom-fit=none] .demo-note--left,.onboarding-demo-section .demo-canvas[data-bottom-fit=text] .demo-note--left .demo-note-arrow--down,.onboarding-demo-section .demo-canvas[data-top-fit=none] .demo-note--right,.onboarding-demo-section .demo-canvas[data-top-fit=text] .demo-note--right .demo-note-arrow--down,.onboarding-demo-section .demo-note.is-hidden{display:none}.onboarding-demo-section .demo-canvas[data-bottom-fit=text] .demo-note--left .demo-note-text,.onboarding-demo-section .demo-canvas[data-top-fit=text] .demo-note--right .demo-note-text{--note-tilt:0deg}.onboarding-demo-section .demo-canvas:not([data-bands-ready=true]) .demo-note{visibility:hidden}}@media screen and (max-width:768px){.onboarding-demo-section{padding:40px 0 48px}.onboarding-demo-section .onboarding-demo-container{padding:0 24px}.onboarding-demo-section .demo-copy .main-title{font-size:36px;letter-spacing:-1px;line-height:1.15}}@media screen and (max-width:480px){.onboarding-demo-section .demo-copy .main-title{font-size:32px}.onboarding-demo-section .demo-canvas{width:calc(100% + 48px);margin:0 -24px}.onboarding-demo-section .phone{position:static;width:100%;height:auto;transform:none;padding:0}.onboarding-demo-section .phone:after{display:none}.onboarding-demo-section .phone-screen{width:auto;height:max(720px,100svh - 58px);border-radius:0;box-shadow:none;border-top:1px solid #e8e6f2;border-bottom:1px solid #e8e6f2}.onboarding-demo-section .phone-home,.onboarding-demo-section .phone-island,.onboarding-demo-section .phone-status{display:none}.onboarding-demo-section .demo-frame,.onboarding-demo-section .demo-placeholder{top:0;width:100%;height:100%}}@keyframes demo-note-draw{0%{stroke-dashoffset:260}to{stroke-dashoffset:0}}@keyframes demo-note-in{0%{opacity:0;transform:rotate(var(--note-tilt,-5deg)) translateY(4px)}to{opacity:1;transform:rotate(var(--note-tilt,-5deg)) translateY(0)}}@keyframes demo-hop{0%,26%,to{transform:translateY(0)}11%{transform:translateY(-.3em)}22%{transform:translateY(.04em)}}@font-face{font-family:__Caveat_2ecfb6;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/3116fcb204c40969-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Caveat_2ecfb6;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0356e5937fc4ee74-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Caveat_2ecfb6;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9313cbe49017d230-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Caveat_2ecfb6;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7fdeec0c074ef54a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Caveat_Fallback_2ecfb6;src:local("Arial");ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.00%;size-adjust:76.94%}.__className_2ecfb6{font-family:__Caveat_2ecfb6,__Caveat_Fallback_2ecfb6;font-weight:600;font-style:normal}.__variable_2ecfb6{--font-caveat:"__Caveat_2ecfb6","__Caveat_Fallback_2ecfb6"}