body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;overflow-x:hidden;padding:0}.header,body,html{box-sizing:border-box}.header{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:1rem;width:100%}.header.transparent{background:#0000;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.header.scrolled{background:radial-gradient(1200px 500px at 10% 10%,#90beae1a,#0000 60%),radial-gradient(800px 400px at 90% -10%,#9a7f6c1f,#0000 60%),linear-gradient(180deg,#f9fbff,#9fb2d7);box-shadow:0 2px 8px #0000000d;position:fixed;z-index:999}.logo{align-items:center;display:flex;gap:10px}.logo-img{display:block;height:40px;width:auto}.nav{align-items:center}.nav,.nav-links{display:flex;gap:30px}.nav-links{list-style:none;margin:0;padding:0}.nav-links li a{color:#353535;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links li a:hover{color:#0056b3}.mobile-nav-links a,.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease,border-bottom .3s ease}.mobile-nav-links a.active-link,.nav-links a.active-link{border-bottom:none;color:#1a57da;font-weight:600}.btn-get-started{background-color:#046;border-radius:25px;color:#fff;font-weight:600;padding:8px 20px;text-decoration:none;transition:background .2s ease}.btn-get-started:hover{background-color:#004a99}.desktop-nav{align-items:center;display:flex;gap:30px}.mobile-menu-icon{cursor:pointer;display:none}.mobile-drawer{background:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:250px;z-index:200}.mobile-drawer.open{right:0}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.mobile-nav-links li a{color:#353535;font-size:1.2rem;font-weight:500;text-decoration:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-icon{color:#353535;display:block}}@media (max-width:370px){.desktop-nav{display:none}.mobile-menu-icon{color:#353535;display:block}.mobile-drawer{background:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:200px;z-index:200}}.drawer-close-icon{color:#353535;cursor:pointer;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.drawer-close-icon:hover{color:#046}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:90%;padding:2rem;position:relative;width:400px}.close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:.5rem;top:.5rem}.modal-content form label{display:block;margin-bottom:1rem}.modal-content form input{margin-top:.25rem;padding:.5rem;width:100%}.modal-content form button{background:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.footer{background-color:#0c1424;color:#eaeff7;font-family:sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:24px}.footer-brand{flex:1 1 250px;margin-bottom:40px}.footer-logo{align-items:center;display:flex;gap:8px}.footer-logo-img{height:30px;width:auto}.footer-logo-text{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.footer-desc{color:#c0c6d0;font-size:.95rem;line-height:1.5;margin-top:15px;max-width:280px}.footer-links{display:flex;flex:2 1 500px;flex-wrap:wrap;gap:40px;justify-content:space-between}.footer-column{display:flex;flex-direction:column;gap:8px;min-width:150px}.footer-column h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px}.footer-column a,.footer-column p{color:#c0c6d0;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#fff}.bottom{background-color:#132039;color:#aaa;display:flex;font-size:.9rem;justify-content:space-between;padding:18px 24px;text-align:center}.bottom p{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.footer-email{align-items:center;color:#fff;display:flex;font-weight:500;gap:8px;text-decoration:none;transition:color .3s ease}.footer-email:hover{color:#fff}.email-icon{color:#fff;font-size:20px}.app-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero{-webkit-padding-after:2rem;align-items:center;display:flex;margin:0;padding-left:1.5rem;padding-block-end:2rem;padding-top:70px}.hero-gradient{background:radial-gradient(1200px 500px at 10% 10%,#0fb8801a,#0000 60%),radial-gradient(800px 400px at 90% -10%,#ff8a341f,#0000 60%),linear-gradient(180deg,#f9fbff,#f5f8ff 45%,#fff)}.hero-content{flex:1 1;max-width:50%;padding-left:1rem}.hero-content h1{color:#0f172a;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-content .highlight{color:#2563eb}.subtitle{color:#475569;font-size:1.125rem;line-height:1.6;margin:1.5rem 0}.cta-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn{padding:.8rem 1.5rem;transition:.3s}.btn-primary{background:#0f2d6b}.btn-primary:hover{background:#1e40af}.badges{display:flex;font-size:.9rem;font-weight:500;gap:1.5rem;margin-top:1.5rem}.badge.green{color:#22c55e}.badge.orange{color:#f97316}.hero-image{align-items:center;display:flex;height:80%;justify-content:center;padding-top:60px;width:50%}.main-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;height:100%;width:80%}.left-col{display:flex;flex-direction:column;gap:.75rem}.bar-sm{background:#e2e8f0;height:20px;width:10rem}.bar-sm,.box{border-radius:.5rem}.box{background:#f1f5f9;height:6.1rem}.right-col{flex-direction:column}.right-col,.top-row{display:flex;gap:.75rem}.top-row{align-items:center;justify-content:space-between}.bar-lg{width:12rem}.bar-lg,.bar-md{background:#e2e8f0;border-radius:.5rem;height:20px}.bar-md{width:7rem}.color-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.color-card{border-radius:.5rem;height:7rem}.color-card.green{background:#d1fae5}.color-card.orange{background:#ffedd5}.color-card.blue{background:#dbeafe}.big-box{background:#f1f5f9;border-radius:.5rem;height:12rem}.outer-box{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 25px #00000014;max-width:1000px;padding:1.5rem}@media (max-width:1237px){.hero{flex-direction:column;padding:70px 1rem 2rem;text-align:center}.hero-content,.hero-image{flex:none;max-width:100%;padding-top:20px;width:100%}.hero-content h1{font-size:2.5rem}.subtitle{font-size:1rem}.cta-buttons{gap:.75rem}.badges,.cta-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.hero{flex-direction:column;padding:70px 1rem 1.5rem}.hero-content h1{font-size:2rem;line-height:1.3}.main-grid{grid-template-columns:1fr;width:100%}.left-col,.right-col{flex-direction:row;flex-wrap:wrap;justify-content:center}.outer-box{display:none}.bar-lg,.bar-md,.bar-sm,.big-box,.box,.color-card{height:auto;width:90%}}@media (max-width:400px){.hero-content h1{font-size:1.4rem;line-height:1.3}.subtitle{font-size:.9rem}.cta-buttons .btn{font-size:.9rem;padding:.6rem 1rem}.outer-box{display:none;padding:1rem;width:95%}.main-grid{gap:.5rem}.bar-lg,.bar-md,.bar-sm,.big-box,.box,.color-card{height:4rem}.color-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:320px){.hero{flex-direction:column;padding:70px .5rem 1rem}.hero-content h1{font-size:1.1rem;line-height:1.2}.subtitle{font-size:.8rem}.cta-buttons{flex-direction:column;gap:.5rem}.cta-buttons .btn{text-align:center;width:100%}.hero-image,.outer-box{display:none}.bar-lg,.bar-md,.bar-sm,.big-box,.box,.color-card{height:2.5rem}.color-grid{grid-template-columns:1fr}}.features-section{background-color:#fff;padding:2rem 1.5rem}.features-title{color:#0f172a;font-size:1.875rem;font-weight:800;margin-bottom:.5rem;text-align:center}.features-subtitle{color:#475569;margin:0 auto 15px;max-width:48rem;text-align:center}.features-grid{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;padding:2rem}.feature-card{padding:1.5rem}.engage{background-color:#fafafa}.perform{background-color:#f2f2f2}.image-container{aspect-ratio:16/10;background:#f9f9f9;border:9px solid #8d868633;border-radius:18px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:400px;overflow:hidden;position:relative;width:100%}.apprisal-img,.attendance-img,.payslip-img{display:block;height:100%;object-fit:contain;width:100%}.announcement-img,.leave-img{height:auto;object-fit:contain;position:absolute;width:40%}.leave-img{left:0;top:0}.announcement-img{bottom:0;right:0}.features-info{max-width:500px}.features-info h3{font-size:1.5rem;margin-bottom:10px}.features-info ul{margin:0;padding-left:15px}.features-info li{color:#444;font-size:1rem;margin-bottom:12px}.features-info li strong{color:#1a1a1a;display:block;font-weight:600}.features-info li p{color:#555;font-size:.95rem;line-height:1.5;margin-top:4px}@media (max-width:1024px){.features-grid{gap:1.5rem;padding:1.5rem}.image-container{max-width:320px}}@media (max-width:768px){.features-grid{grid-template-columns:1fr;text-align:center}.features-info{margin-top:20px;max-width:100%}.image-container{max-width:90%}.features-info{padding:0 .5rem;text-align:left}.features-info h3{font-size:1.4rem;margin-bottom:.75rem}.features-info p{font-size:1rem;margin-bottom:1rem}.features-info ul{padding-left:1.2rem}.features-info li{font-size:.95rem;margin-bottom:.5rem}}@media (max-width:480px){.features-title{font-size:1.5rem}.features-subtitle{font-size:.9rem;padding:0 10px}.features-info h3{font-size:1.25rem}.features-info li{font-size:.9rem}.features-info li p{font-size:.85rem}.image-container{aspect-ratio:4/3;max-width:280px}}@media (max-width:320px){.features-title{font-size:1.25rem}.features-subtitle{font-size:.8rem}.features-info h3{font-size:1.1rem}.features-info li{font-size:.85rem}.features-info li p{font-size:.8rem}.image-container{aspect-ratio:4/3;max-width:220px}}.feature-card:hover{box-shadow:0 8px 20px #0000001f}.icon-circle{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.icon-emerald{background:#d1fae5;color:#059669}.icon-orange{background:#ffedd5;color:#ea580c}.icon-blue{background:#dbeafe;color:#2563eb}.icon-gray{background:#f1f5f9;color:#374151}.feature-heading{font-size:1.125rem;font-weight:600;margin-top:1rem}.feature-list{color:#475569;font-size:.875rem;list-style:disc;margin-top:.5rem;padding-left:1.25rem}.feature-list li{margin-bottom:.25rem}.screens-section{background:linear-gradient(180deg,#f8fafc,#fff);padding:2rem 1.5rem}.screens-container{margin:0 auto;max-width:72rem}.screens-grid{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr}@media (min-width:768px){.screens-grid{grid-template-columns:repeat(2,1fr)}}.screens-text h2{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:.75rem}.screens-text p{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.screens-buttons{display:flex;gap:.75rem}.btn{border-radius:.5rem;cursor:pointer;display:inline-block;font-weight:600;padding:.625rem 1.25rem;text-decoration:none}.btn-primary{background-color:#046;color:#fff}.btn-primary:hover{background-color:#fff;border-color:#2563eb;color:#2563eb}.btn-outline:hover{border-color:#2563eb;color:#2563eb}.screens-image .image-wrapper{padding:1rem}.screens-image img{aspect-ratio:16/10;border-radius:.75rem;object-fit:cover;width:100%}.why-thryiv-section{background:#f8fafc;background-color:#f9f9f9;padding:2rem 1.5rem;text-align:center}.why-thryiv-container{margin:0 auto;max-width:72rem}.h2{-webkit-margin-before:0;margin-block-start:0}.why-thryiv-title{color:#0f172a;font-size:2.25rem;font-weight:800;margin-bottom:.75rem}.why-thryiv-subtitle{color:#64748b;font-size:1rem;margin-bottom:3rem}.why-thryiv-features{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (min-width:768px){.why-thryiv-features{grid-template-columns:repeat(4,1fr)}}.why-thryiv-card{border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 12px #0000000f;padding:1.5rem;transition:all .3s ease}.hr{background-color:#ffefe5}.payroll{background-color:#e1fcea}.experience{background-color:#fff7d3}.cloud{background-color:#fdd1db}.why-thryiv-card:hover{box-shadow:0 8px 20px #0000001f}.why-thryiv-icon{align-items:center;border-radius:9999px;display:flex;font-weight:700;height:2.5rem;justify-content:center;margin:0 auto;width:2.5rem}.why-thryiv-card-title{margin-top:1rem}.why-thryiv-card-list{color:#334155;font-size:.875rem;list-style:disc;margin-top:.5rem;padding-left:1.25rem;text-align:left}.why-thryiv-card-list li{margin-bottom:.25rem}.pricing-section{background-color:#edf0f5;padding:2rem 1.5rem}.pricing-container{margin:0 auto;max-width:72rem;text-align:center}.pricing-container h2{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:.5rem}.pricing-container .subtitle{color:#475569;font-size:1rem;margin:0 auto 2rem;max-width:40rem}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 10px #0000000a;padding:2rem;text-align:left;transition:box-shadow .3s ease}.growth,.startar{background-color:#fff}.custome{background-color:#f1f5f9}.pricing-card:hover{box-shadow:0 8px 20px #0000001a}.pricing-card.featured{border:2px solid #046}.pricing-card h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.price{color:#0f172a;font-size:2.5rem;font-weight:800;margin:.5rem 0 1.5rem}.price span{color:#64748b;font-size:1rem;font-weight:600}.pricing-card ul{list-style:none;margin:0 0 1.5rem;padding:0}.pricing-card li{color:#475569;font-size:.95rem;margin-bottom:.5rem}.why-thryiv-card-image img{height:80px;margin-bottom:1rem;object-fit:contain;width:80px}.why-thryiv-card-title{color:#0f172a;font-size:1.125rem;font-weight:600}.choose-starter-btn{border:3px solid #046;border-radius:.5rem;color:inherit;display:inline-block;font-weight:600;margin-top:1.5rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:border-color .2s ease,color .2s ease;width:80%}.choose-starter-btn:hover{border-color:#2563eb;color:#2563eb}.choose-growth-btn{background-color:#046;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-weight:600;height:26px;margin-top:1.5rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease;width:80%}.choose-growth-btn:hover{background-color:#2563eb}.talk-to-sales-btn{border:3px solid #046;border-radius:.5rem;color:inherit;cursor:pointer;display:inline-block;font-weight:600;margin-top:1.5rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:border-color .2s ease,color .2s ease;width:80%}.talk-to-sales-btn:hover{border-color:#2563eb;color:#2563eb}.cta-section{background:linear-gradient(45deg,#ecfdf5,#fff7ed 50%,#eff6ff);padding:2rem 1.5rem;text-align:center}.cta-container{margin:0 auto;max-width:72rem}.cta-title{color:#0f172a;font-size:1.875rem;font-weight:800;margin-bottom:.75rem}@media (min-width:768px){.cta-title{font-size:2.25rem}}.cta-subtitle{color:#475569;font-size:1rem;margin-top:.75rem}.ctbuttons{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.ctbuttons .start-button{background-color:#046;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.ctbuttons .start-button:hover{background-color:#046}.ctbuttons .btn-outline{border:1px solid #cbd5e1;border-radius:.5rem;color:#0f172a;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:border-color .3s ease,color .3s ease}.ctbuttons .btn-outline:hover{border-color:#2563eb;color:#2563eb}:root{--primary-color:#4f46e5;--primary-hover:#3730a3;--secondary-bg:#f9fafb;--text-color:#374151;--text-light:#6b7280;--shadow:0 4px 12px #0000001a;--border-radius:12px;--transition:.3s ease}.app-container{background-color:#f9fafb;background-color:var(--secondary-bg);color:#374151;color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.contactus-container{padding-top:70px;width:100%}.contactus-image{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:center;position:relative;text-align:center}.contactus-image:before{background:#00000059;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.contactus-image h1,.contactus-image p{position:relative;z-index:1}.contactus-wrapper{display:flex;gap:30px;margin:40px auto auto;max-width:1200px;padding:30px}.contactus-form{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);flex:2 1;padding:30px}.form-row{display:flex;gap:20px}.input-group{margin-bottom:30px;position:relative;width:100%}.form-input{background:#fafafa;border:1px solid #d1d5db;border-radius:8px;padding:14px 16px;transition:.25s;width:-webkit-fill-available}.form-input:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e526;outline:none}.form-input.error{background:#fff5f5;border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.error-message{bottom:-18px;color:#ef4444;font-size:.78rem;left:4px;position:absolute}.contact_button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px;transition:.3s ease;transition:var(--transition);width:100%}.contact_button,.contact_button:hover{background:#0f2d6b}.contactus-info{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);flex:1 1;padding:30px;text-align:center}.info-box{background:#eff1f7;border-radius:10px;padding:22px}.info-box,.info-box button{margin-top:15px}@media (max-width:768px){.contactus-wrapper,.form-row{flex-direction:column}}
/*# sourceMappingURL=main.f3ab794f.css.map*/