.timekeeping-page{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.42857143;color:#364153;display:flex;flex-direction:column;align-self:stretch;gap:80px}.nowrap{white-space:nowrap}.text-center{text-align:center}.default-title{font-family:Inter Bold;font-size:36px;color:#0A0A0A;margin:0}.pb-title{padding-bottom:8px}.check-item{padding:0 0 0 32px;background:url(/sites/ihos/images/pages/timekeeping/ic-check.svg) no-repeat top left;line-height:28px}.timekeeping-page .container{width:100%;max-width:1310px}a.primary-btn{color:#FFF;display:flex;padding:12px 40px;justify-content:center;align-items:center;gap:16px;border-radius:8px;background:#EC5504;box-shadow:7px 10px 15px -3px rgba(255,105,0,.3),3px 4px 6px -4px rgba(255,105,0,.15)}a.second-btn{color:#EC5504;display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:16px;border-radius:8px;border:1.5px solid #EC5504}@media (min-width:1500px){.timekeeping-page .container{max-width:1430px}}@media (min-width:1800px){.timekeeping-page{font-size:18px}}@media (max-width:979px){.default-title{font-size:26px}}@media (max-width:767px){.timekeeping-page{font-size:14px;gap:60px}a.primary-btn{padding:8px 24px}a.second-btn{padding:7px 23px}.check-item{padding-left:24px;background-size:16px;background-position:top 4px left}.default-title{font-size:20px}}.sticky-menu{position:fixed;top:-100px;left:0;right:0;background-color:#FFF;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10000;transition:top 0.3s ease-in-out}.sticky-menu.visible{top:0}.sticky-menu-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.sticky-logo{display:flex;align-items:center}.sticky-logo img{height:48px;width:auto}.sticky-nav{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.sticky-nav li{margin:0}.sticky-nav a{font-family:Inter Bold;font-size:16px;color:#39425D;text-decoration:none;transition:color 0.3s ease;position:relative}.sticky-nav a:hover,.sticky-nav a.active{color:#EC5504}.sticky-cta .sticky-btn{padding:10px 20px;background:#EC5504;color:#FFF;border-radius:8px;text-decoration:none;font-family:Inter SemiBold;font-size:16px;transition:transform 0.3s ease,box-shadow 0.3s ease;display:inline-block}.sticky-cta .sticky-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(98,70,229,.3)}@media (max-width:1199px){.sticky-nav{gap:24px}.sticky-nav a{font-size:14px}.sticky-logo img{height:40px}}.sticky-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.sticky-mobile-toggle span{display:block;width:24px;height:2px;background-color:#39425D;margin:5px 0;transition:all 0.3s ease}@media (max-width:979px){.sticky-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:#FFF;flex-direction:column;gap:0;padding:16px 0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.sticky-nav.active{display:flex}.sticky-nav li{width:100%;text-align:center;padding:12px 0;border-bottom:1px solid #E1E6E9}.sticky-nav li:last-child{border-bottom:none}.sticky-menu-wrap{justify-content:space-between;position:relative}.sticky-mobile-toggle{display:block}}@media (max-width:767px){.sticky-logo img{height:36px}.sticky-cta{display:none}.sticky-cta .sticky-btn{padding:8px 16px;font-size:14px}.sticky-menu-wrap{padding:8px 0}}.hero-section{background:url(/sites/ihos/images/pages/timekeeping/bg-hero.webp) no-repeat center;background-size:cover}.hero-wrap{display:flex;align-items:center;padding:110px 0 150px;position:relative}.hero-content{max-width:644px;position:relative;z-index:2}.hero-tag{padding:4px 10px;border-radius:9999px;background:#D2FFD3;font-family:Inter Bold;font-size:16px;color:#0EAC13;line-height:24px;width:fit-content}.hero-title{font-family:Inter Bold;font-size:40px;color:#0A0A0A;padding:12px 0 40px}.hero-desc{display:flex;flex-direction:column;gap:16px}.hero-cta{display:flex;align-items:center;gap:16px;padding:40px 0}.hero-info{display:flex;align-items:center;gap:16px}.hero-info-item{font-family:Inter Bold;font-size:14px;color:#0A0A0A;display:flex;padding:8px 16px;align-items:center;gap:8px;border-radius:9999px;background:#FFF;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.hero-image{position:absolute;width:61%;max-width:1012px;right:0;bottom:0}.hero-section .container{max-width:1710px}@media (max-width:979px){.hero-section{background:url(/sites/ihos/images/pages/timekeeping/bg-hero-tablet.webp) no-repeat center;background-size:cover}.hero-wrap{flex-direction:column;padding:40px 0 0;gap:24px}.hero-image{position:static;margin:0 auto;width:100%}.hero-content{max-width:100%;padding:0 9px}.hero-title{font-size:28px;padding:18px 0 28px}.hero-cta{padding:24px 0}.hero-info{display:none}}@media (max-width:767px){.hero-title{font-size:24px}.hero-cta{gap:8px;flex-wrap:wrap}}.intro-video{position:relative;margin-top:40px;cursor:pointer}.intro-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.intro-video:hover .intro-video-play{transform:translate(-50%,-50%) scale(1.1)}@media (max-width:979px){.intro-video-play{width:60px}}@media (max-width:767px){.intro-video-play{width:50px}.intro-video{margin-top:30px}}.challenge-swiper{margin-top:40px}.challenge-swiper .swiper-wrapper{align-items:stretch}.challenge-card{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:24px;background:#FAFAFA;text-align:center;height:auto}.challenge-icon{height:90px;width:auto;object-fit:contain;margin-bottom:10px}.challenge-body{width:100%;padding-top:10px}.challenge-title{font-family:Inter Bold;font-size:18px;color:#0A0A0A;line-height:1.4;margin-bottom:8px}.challenge-desc{font-size:14px;color:#4B5563;line-height:1.6;margin:0}.challenge-pagination{display:none;margin-top:20px;position:static}.swiper-pagination-bullet-active{background:#EC5504}@media (max-width:1024px){.challenge-pagination{display:block}}.solution-card{max-width:630px;margin:0 auto;border-radius:40px;padding:12px 5px 5px;background:url(/sites/ihos/images/pages/timekeeping/bg-solution.webp) no-repeat center;background-size:cover}.solution-card-header{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Inter Bold;font-size:24px;color:#FFF;padding-bottom:12px}.solution-card-content{padding:24px 36px;background-color:#FFF;border-radius:40px;text-align:center;color:#364153}@media (max-width:979px){.solution-card-content{padding:16px}.solution-card-header{font-size:20px}}@media (max-width:767px){.solution-card-header{font-size:18px}}.feature-bg{background:url(/sites/ihos/images/pages/timekeeping/bg-feature.webp) no-repeat center;background-size:cover;max-width:1680px;margin:0 auto;padding:40px 0 80px;border-radius:40px}.feature-head{margin-bottom:40px}.feature-swiper .swiper-wrapper{align-items:stretch}@media (min-width:1025px){.feature-swiper{overflow:visible}.feature-swiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(6,1fr);gap:24px;transform:none!important;width:100%!important}.feature-swiper .swiper-slide{grid-column:span 2;width:auto!important;margin:0!important}.feature-swiper .swiper-slide:nth-child(4){grid-column:2 / span 2}.feature-swiper .swiper-slide:nth-child(5){grid-column:4 / span 2}}.feature-card{background:#fff;border-radius:40px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;height:100%;box-sizing:border-box}.feature-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0}.feature-card-title{font-family:Inter Bold;font-size:22px;color:#0A0A0A;line-height:1.4;text-align:center;width:100%}.feature-list{display:flex;flex-direction:column;gap:12px;width:100%}.feature-pagination{display:none;margin-top:20px;position:static}@media (max-width:1024px){.feature-pagination{display:block}}@media (max-width:767px){.feature-card{border-radius:20px}.feature-card-title{font-size:18px}}.benefit-head{margin-bottom:40px}.benefit-wrap{display:flex;align-items:center;gap:80px}.benefit-image-wrap{position:relative;flex-shrink:0;width:660px;aspect-ratio:600/644}.benefit-image{position:absolute;width:107%;max-width:701px;left:-6%}.benefit-swiper{flex:1;min-width:0;overflow:visible}.benefit-card{display:flex;flex-direction:column;gap:8px}.benefit-card-head{display:flex;align-items:center;gap:8px}.benefit-card-icon{flex-shrink:0}.benefit-card-title{font-family:Inter Bold;font-size:22px;color:#0A0A0A;line-height:1.4}.benefit-card-desc{font-size:18px;color:#364153;line-height:1.6;margin:0}.benefit-pagination{display:none}@media (min-width:1025px){.benefit-swiper .swiper-wrapper{flex-direction:column!important;gap:40px;transform:none!important;width:100%!important}.benefit-swiper .swiper-slide{width:100%!important;margin:0!important}}@media (max-width:1024px){.benefit-wrap{flex-direction:column;gap:40px}.benefit-image-wrap{width:400px}.benefit-swiper{width:100%;overflow:hidden}.benefit-swiper .swiper-wrapper{align-items:stretch}.benefit-card{background:#F6F6F6;border-radius:24px;padding:16px;height:auto;box-sizing:border-box}.benefit-card-title{font-size:18px}.benefit-card-desc{font-size:16px}.benefit-pagination{display:block;margin-top:20px;position:static}}@media (max-width:767px){.benefit-image-wrap{width:260px}.benefit-card-title{font-size:16px}}.scale-swiper{overflow:visible;margin-top:40px}.scale-swiper .swiper-wrapper{align-items:stretch}.scale-card{position:relative;border-radius:32px;overflow:hidden;background:url(/sites/ihos/images/pages/timekeeping/bg-scale.webp) no-repeat center / cover}.scale-card-label{white-space:nowrap;color:#fff;font-family:Inter Bold;font-size:18px;line-height:1.4;text-align:center;padding:6px 12px}.scale-card-img{width:100%;object-fit:cover;border-radius:24px 32px}.scale-pagination{display:none;margin-top:20px;position:static}@media (min-width:1025px){.scale-swiper .swiper-wrapper{display:flex;gap:40px;transform:none!important;width:100%!important}.scale-swiper .swiper-slide{flex:1;width:auto!important;margin:0!important}}@media (max-width:1024px){.scale-swiper{overflow:hidden;margin-top:30px}.scale-pagination{display:block}.scale-card-label{font-size:14px;white-space:normal}}.foundation-bg{background:url(/sites/ihos/images/pages/timekeeping/bg-foundation.webp) no-repeat center / cover;max-width:1680px;margin:0 auto;padding:40px 0 80px;border-radius:40px}.foundation-head{margin-bottom:40px}.foundation-swiper .swiper-wrapper{align-items:stretch}.foundation-card{background:#fff;border-radius:40px;padding:24px;display:flex;flex-direction:column;height:auto;box-sizing:border-box}.foundation-icon{width:48px;height:48px;flex-shrink:0}.foundation-card-title{font-family:Inter Bold;font-size:22px;color:#0A0A0A;line-height:1.4;padding:16px 0 8px}.foundation-card-desc{font-size:18px;color:#364153;line-height:1.6;margin:0;flex:1}.foundation-pagination{display:none;margin-top:20px;position:static}@media (min-width:1025px){.foundation-swiper{overflow:visible}.foundation-swiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(6,1fr);gap:24px;transform:none!important;width:100%!important}.foundation-swiper .swiper-slide{grid-column:span 2;width:auto!important;margin:0!important}.foundation-swiper .swiper-slide:nth-child(4){grid-column:2 / span 2}.foundation-swiper .swiper-slide:nth-child(5){grid-column:4 / span 2}}@media (max-width:1024px){.foundation-swiper{overflow:hidden}.foundation-pagination{display:block}.foundation-card{border-radius:24px}.foundation-card-title{font-size:18px}.foundation-card-desc{font-size:16px}}@media (max-width:767px){.foundation-bg{padding:30px 0}}.license-header{margin-bottom:40px}.license-card{width:600px;margin:0 auto;border-radius:40px;overflow:hidden;background:url(/sites/ihos/images/pages/timekeeping/bg-license-item.webp) no-repeat top center;background-size:100% auto}.license-card-label{font-family:Inter Bold,Arial,sans-serif;font-size:24px;line-height:1.4;color:#fff;text-align:center;text-transform:capitalize;padding:8px 40px}.license-card-body{background:#fff;margin:0 5px 5px;border-radius:36px;padding:24px 40px 32px;text-align:center;display:flex;flex-direction:column;gap:4px}.license-card-price{font-size:0;line-height:1.4}.license-price-number{font-family:Inter Black,Inter Bold,Arial,sans-serif;font-size:50px;color:#ec5504}.license-price-unit{font-size:26px;color:#364153}.license-card-period{font-size:18px;color:#364153;line-height:1.4}.license-card-note{font-size:18px;color:#364153;line-height:1.4;margin-top:20px}@media (max-width:767px){.license-card{width:100%}.license-price-number{font-size:36px}.license-price-unit{font-size:20px}.license-card-label{font-size:18px}.license-card-note,.license-card-period{font-size:15px}}.pricing-header{margin-bottom:40px}.pricing-block{background:url(/sites/ihos/images/pages/timekeeping/bg-price-block.webp) no-repeat center;background-size:cover;border-radius:36px;overflow:hidden;padding:8px}.pricing-swiper{width:100%}.pricing-swiper .swiper-wrapper{align-items:stretch}.pricing-card{background:#fff;border-radius:36px;padding:45px 32px;display:flex;flex-direction:column;gap:56px;height:auto;box-sizing:border-box;position:relative}.pricing-card-inner{display:flex;flex-direction:column;gap:56px;height:100%}.pricing-card:first-child{border-radius:36px 0 0 36px}.pricing-card:nth-child(2){border-radius:0 36px 36px 0}.pricing-card:last-child{background:unset}.pricing-card:first-child+.pricing-card::before{content:'';position:absolute;left:0;top:45px;bottom:45px;width:1px;background:#ddd}.pricing-card-title{font-family:Inter Bold,Arial,sans-serif;font-size:24px;line-height:1.4;color:#0a0a0a;text-transform:capitalize;padding-bottom:16px}.pricing-price-row{font-size:0;line-height:1.4;margin-bottom:4px}.pricing-price-number{font-family:Inter Black,Inter Bold,Arial,sans-serif;font-size:40px;color:#ec5504}.pricing-price-text{font-size:40px}.pricing-price-unit{font-size:26px;color:#364153}.pricing-price-period{font-size:18px;color:#364153;line-height:1.4}.pricing-card-features{display:flex;flex-direction:column;gap:28px}.pricing-cta{display:flex;justify-content:center;margin-top:40px}.pricing-pagination{position:static}@media (min-width:1025px){.pricing-swiper .swiper-wrapper{flex-direction:row;transform:none!important}.pricing-swiper .swiper-slide{width:calc(33.333% - 1px)!important;flex:1}.pricing-pagination{display:none}}@media (max-width:1024px){.pricing-card::before{display:none}.pricing-pagination{margin-top:16px}.pricing-block{background:unset;padding:0;border-radius:unset}.pricing-card{padding:5px;border-radius:24px!important;background:linear-gradient(122deg,#DAFFDB 16.72%,#F4FFF4 58.36%,#EFFFF0 100%)!important}.pricing-card-inner{background:#FFF;border-radius:20px;padding:16px 16px 20px;gap:32px}.pricing-card-title{font-size:20px}}@media (max-width:767px){.pricing-card-inner{padding:12px}.pricing-card-title{font-size:18px}.pricing-price-number,.pricing-price-text{font-size:30px}.pricing-price-unit{font-size:20px}.pricing-card-features{gap:12px}.pricing-card-features .check-item{font-size:15px}}.register-bg{background:url(/sites/ihos/images/pages/timekeeping/bg-register.webp) no-repeat center / cover;border-radius:40px;overflow:hidden;max-width:1792px;margin:0 auto}.register-wrap{position:relative;display:flex;justify-content:flex-end;min-height:560px;padding:40px 0 80px;max-width:1400px;margin:0 auto}.register-image{position:absolute;left:-12%;bottom:0;height:100%;max-height:781px;width:auto;object-fit:contain;object-position:bottom;pointer-events:none}.register-form-wrap{width:750px;flex-shrink:0;display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.register-header{display:flex;flex-direction:column;gap:8px}.register-title{font-family:Inter Bold,Arial,sans-serif;font-size:36px;line-height:1.4;color:#0a0a0a}.register-desc{font-size:18px;line-height:1.4;color:#364153}.register-form{display:flex;flex-direction:column;gap:24px}.register-row{display:flex;gap:16px}.register-row .register-field{flex:1;min-width:0}.register-field{display:flex;flex-direction:column;gap:12px}.register-label{font-size:16px;line-height:24px;color:#364153}.register-required{color:#dc2626}input.register-input{width:100%;height:50px;background:#fff;border:1.5px solid transparent;border-radius:14px;padding:12px 16px;font-family:Inter,Arial,sans-serif;font-size:16px;color:#111;box-sizing:border-box;outline:none;transition:border-color .2s}.register-input::placeholder{color:#888}.register-input:focus{border-color:#EC5504}.register-textarea{height:145px;resize:vertical}.register-policy{font-size:14px;line-height:18px;color:#1f1f1f}.register-policy a{color:#2662ff;font-family:Inter Bold,Arial,sans-serif;text-decoration:none}.register-submit{padding-top:24px}.register-submit .primary-btn{width:fit-content;color:#FFF;display:flex;padding:12px 40px;justify-content:center;align-items:center;gap:16px;border-radius:8px;background:#EC5504;box-shadow:7px 10px 15px -3px rgba(255,105,0,.3),3px 4px 6px -4px rgba(255,105,0,.15)}@media (max-width:1024px){.register-wrap{flex-direction:column-reverse;align-items:center;padding:32px 40px 0;min-height:unset}.register-image{position:static;width:420px;height:auto;max-height:unset;margin-top:24px}.register-form-wrap{width:100%;gap:32px}.register-title{font-size:26px;text-align:center}.register-desc{font-size:16px;text-align:center}.register-submit{display:flex;justify-content:center}}@media (max-width:767px){.register{border-radius:24px}.register-wrap{padding:24px 16px 0}.register-row{flex-direction:column}.register-title{font-size:20px}.register-desc{font-size:14px}.register-image{width:240px}}