.hero-section{padding-block:var(--space-20);text-align:center;background:var(--Landing-Page-New-backgr-light-blue, #F5F7FE);@media(max-width:768px){padding-block:1px}.hero-title{color:var(--Landing-Page-New-text-primary, #2B2C31);text-align:center;font-family:var(--font-inter-tight);font-size:52px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-1.04px;text-transform:capitalize;width:100%;max-width:1008px;margin:20px auto 40px;@media(max-width:768px){font-size:26px;margin:12px auto 20px}}.hero-subtitle{color:var(--Landing-Page-New-text-primary, #2B2C31);text-align:center;font-family:var(--font-poppins);font-size:19px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.38px;width:100%;max-width:846px;margin-inline:auto;@media(max-width:768px){font-size:14px;padding:0 18px;margin-bottom:50px}}.hero-actions{padding-bottom:110px;@media(max-width:768px){padding-bottom:40px}}.hero-actions-button{margin-top:40px;display:inline-flex;height:70px;padding:20px 4px 20px 36px;justify-content:center;align-items:center;gap:22px;border-radius:555px;background:var(--Landing-Page-New-accent-blue, #1565C0);border:none;cursor:pointer;width:315px;.hero-actions-button-arrow{transition:transform .25s ease;@media(max-width:768px){width:55px;height:55px}}&:hover{background:var(--Landing-Page-New-Primitive-blue-350, #0F72EE)}&:active{background:var(--Landing-Page-New-Primitive-blue-600, #0856AE)}@media(max-width:768px){height:60px;font-size:16px}}.hero-actions-button span{color:#fff;text-align:center;font-family:var(--font-inter-tight);font-size:20px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.4px;@media(max-width:768px){font-size:16px;width:190px}}.hero-video-section{background-image:url(/images/main/hero-section-backgr.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;height:587px;position:relative;@media(max-width:768px){height:211px}}.hero-video-content{margin:0 auto;position:relative;width:1161px;@media(max-width:768px){width:100%;padding:0 18px}}.hero-video-box{position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:2;@media(max-width:768px){top:-10px;width:100%}}.hero-section-desktop-image{width:100%;height:100%;max-width:1136px;margin-inline:auto}.hero-video{width:1161px;height:587px;margin-inline:auto;position:absolute;top:50px;left:0;z-index:1;@media(max-width:768px){width:100%;height:auto;top:14px;padding:0 19px}}.mobile{display:none;@media(max-width:768px){display:block}}.desktop{display:block;@media(max-width:768px){display:none}}}.features-section{background:var(--Landing-Page-New-backgr-light-blue, #F5F7FE);padding:120px 0;@media(max-width:768px){padding:40px 18px 0}.title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);text-align:center;font-family:var(--font-inter-tight);font-size:46px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-.92px;max-width:456px;margin:0 auto;@media(max-width:768px){font-size:26px}}.features-container{width:100%;max-width:1280px;margin:60px auto 0;display:flex;gap:20px;@media(max-width:768px){flex-direction:column;gap:20px;margin-top:40px}}.feature-single-container{display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--Landing-Page-New-Primitive-blue-200, #A4BEE4);width:630px;height:608px;padding:40px;@media(max-width:768px){width:100%;height:327px;padding:20px}}.features-list{display:flex;gap:20px;flex-wrap:wrap;max-width:630px;width:100%;margin:0 auto;@media(max-width:768px){display:grid;grid-template-columns:repeat(2,46%)}}.feature-description{display:none;color:#fff;font-family:var(--font-inter-tight);font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.36px;text-transform:capitalize}.feature-item{display:flex;width:305px;height:294px;padding:30px;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-shrink:0;border-radius:20px;background:var(--Landing-Page-New-Semantic-backg-blue, #EDF1F8);@media(max-width:768px){width:100%;flex:0 0 50%;height:174px;padding:15px}@media(min-width:769px){&:hover{background:var(--Landing-Page-New-Primitive-blue-500, #1565C0);img{display:none}.feature-title{color:#fff}.feature-description{display:block}}}}.feature-item-primary{display:flex;width:305px;height:294px;padding:30px;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-shrink:0;border-radius:20px;background:var(--Landing-Page-New-Primitive-blue-500, #1565C0);@media(max-width:768px){width:100%;height:174px;padding:15px}}.feature-title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:26px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.52px;text-transform:capitalize;@media(max-width:768px){font-size:16px}}.feature-primary-title{color:#fff;font-family:var(--font-inter-tight);font-size:26px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.52px;text-transform:capitalize;@media(max-width:768px){font-size:18px}}.feature-primary-description{color:#fff;font-family:var(--font-inter-tight);font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.36px;text-transform:capitalize;@media(max-width:768px){font-size:14px}}}.who-needs-tyto-section{background:var(--Landing-Page-New-backgr-light-blue, #F5F7FE);padding:120px 0;@media(max-width:768px){padding:40px 18px}.content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;@media(max-width:768px){flex-direction:column;gap:40px}}.content-left{display:flex;flex-direction:column;max-width:415px;width:100%;@media(max-width:768px){max-width:100%;justify-content:center;align-items:center}.question{color:var(--Landing-Page-New-Primitive-blue-500, #1565C0);font-family:var(--font-inter-tight);font-size:22px;font-style:normal;font-weight:600;line-height:110%;letter-spacing:-.44px}.description{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-poppins);font-size:18px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.36px;@media(max-width:768px){display:none}}}.title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:46px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-.92px;margin:30px 0;@media(max-width:768px){font-size:26px;text-align:center}}.hero-actions-button{margin-top:94px;display:inline-flex;height:70px;padding:20px 4px 20px 36px;justify-content:center;align-items:center;gap:22px;border-radius:555px;background:var(--Landing-Page-New-accent-blue, #1565C0);border:none;cursor:pointer;width:294px;@media(max-width:768px){margin-top:20px}.hero-actions-button-arrow{transition:transform .25s ease}&:hover{background:var(--Landing-Page-New-Primitive-blue-350, #0F72EE)}&:active{background:var(--Landing-Page-New-Primitive-blue-600, #0856AE)}}.hero-actions-button span{color:#fff;text-align:center;font-family:var(--font-inter-tight);font-size:20px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.4px;width:170px}.collapsible{background:transparent;cursor:pointer;width:100%;border:none;text-align:left;outline:none;font-size:15px}.collapse-item-image-close{width:150px;height:172px;border-radius:16px;display:none;position:absolute;right:0;top:0;@media(max-width:768px){width:107px;height:122px}}.collapse-item-image-open{display:block}.collapsible-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;padding:10px 10px 22px;border-bottom:1px solid #D9E0E8}.collapse-content{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;display:flex;justify-content:space-between}.active,.collapsible:hover{align-items:flex-start;border-bottom:none;.collapse-item-image-close{display:block}.collapse-item-image-open{display:none}}.collapse{width:630px;display:flex;flex-direction:column;gap:36px;@media(max-width:768px){width:100%}}.collapse-item-description{width:305px;color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-poppins);font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.32px;@media(max-width:768px){width:250px}span{color:var(--Landing-Page-New-Semantic-text-secondary, #8892A6);font-family:var(--font-poppins);font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.32px}}.collapse-item-number{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:26px;font-style:normal;font-weight:300;line-height:110%;letter-spacing:-.52px;@media(max-width:768px){font-size:20px}}.collapse-item-title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:26px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.52px;@media(max-width:768px){font-size:20px}}.mobile{display:none;@media(max-width:768px){display:flex}}.desktop{display:flex;@media(max-width:768px){display:none}}}.why-need-tyto-section{background:var(--Landing-Page-New-backgr-light-blue, #F5F7FE);position:relative;padding-top:40px;.title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);text-align:center;font-family:var(--font-inter-tight);font-size:46px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-.92px;@media(max-width:768px){font-size:26px}}.description{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);text-align:center;font-family:var(--font-inter-tight);font-size:18px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.36px;max-width:908px;margin:30px auto 50px;@media(max-width:768px){font-size:14px;padding:0 18px}}.reasons-list{display:flex;gap:36px;flex-wrap:wrap;max-width:832px;width:100%;margin:0 auto;@media(max-width:768px){gap:20px;flex-direction:column;padding:0 18px}}.reason-item{display:flex;gap:13px;align-items:center;@media(max-width:768px){border-radius:12px;background:#fff;box-shadow:5px 5px 20px #1926330f;height:47px;padding:0 12px}}.reason-title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:18px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.36px;position:relative;@media(max-width:768px){font-size:16px}}.why-need-tyto-image-container{background-image:url(/images/main/why-need-tyto-bg.png);background-repeat:no-repeat;width:1280px;height:558px;margin:120px auto 0;position:relative;@media(max-width:768px){width:100%;height:250px;margin-top:80px;background-size:cover}}.why-need-tyto-image-container-inner{display:block;position:absolute;top:-67px;left:50%;transform:translate(-50%);height:625px;filter:drop-shadow(-1.695px 1.085px 3.712px rgba(25,38,51,.03)) drop-shadow(-7.578px 4.853px 8.576px rgba(25,38,51,.05)) drop-shadow(-18.845px 12.068px 19.584px rgba(25,38,51,.07)) drop-shadow(-36.692px 23.497px 41.728px rgba(25,38,51,.09)) drop-shadow(-62.317px 39.907px 80px rgba(25,38,51,.12));width:1039px;background-image:url(/images/main/why-need-tyto-folder.png);background-repeat:no-repeat;background-size:contain;background-position:center;@media(max-width:768px){display:none}}.why-need-tyto-image{width:100%;height:100%;object-fit:contain}.mobile-slider{display:none;@media(max-width:768px){display:block;overflow:hidden;position:absolute;touch-action:pan-y;margin-top:-50px;width:100%}}.slider-track{display:flex;width:100%;transition:transform .3s ease-out;will-change:transform}.slider-item{flex:0 0 100%;width:100%;box-sizing:border-box;max-height:282px;height:100%;img{width:auto;height:100%;display:block;pointer-events:none;margin:0 auto}}}.services-section{background:var(--Landing-Page-New-backgr-light-blue, #F5F7FE);@media(max-width:768px){padding:40px 18px 0}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1280px;width:100%;margin:0 auto;@media(max-width:768px){grid-template-columns:repeat(1,1fr)}}.services-list-item{background-image:url(/images/main/service-folder.svg);background-size:contain;background-repeat:no-repeat;display:flex;max-width:630px;width:100%;height:440px;padding:30px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;flex-shrink:0;@media(max-width:768px){height:100%;background-size:cover;padding:20px 0}}.service-title{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-inter-tight);font-size:26px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:-.52px;text-transform:capitalize;margin:10px 0 20px;@media(max-width:768px){padding:0 20px}}.service-description{color:var(--Landing-Page-New-Semantic-text-primary, #2B2C31);font-family:var(--font-poppins);font-size:16px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.32px;@media(max-width:768px){padding:0 20px}}.desktop-image{display:block;@media(max-width:768px){display:none}}.mobile-image{display:none;@media(max-width:768px){display:block}}}