@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Quicksand:wght@500;600;700&display=swap");.kp-root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--amber-400:#fbbf24;--amber-500:#f59e0b;--primary:var(--green-500);--primary-light:var(--green-100);--primary-dark:var(--green-700);--background:var(--slate-50);--surface:#ffffff;--text-primary:var(--slate-800);--text-secondary:var(--slate-500);--border:var(--slate-200);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--text-primary);min-height:100vh;line-height:1.6}.kp-root *,.kp-root :after,.kp-root :before{margin:0;padding:0;box-sizing:border-box}.kp-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;position:sticky;top:0;z-index:100}.kp-header-inner{max-width:1200px;margin:0 auto;justify-content:space-between}.kp-header-inner,.kp-logo{display:flex;align-items:center}.kp-logo{gap:.5rem;text-decoration:none}.kp-logo-img{width:48px;height:48px;object-fit:contain}.kp-logo-text{font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.kp-logo-text span{color:var(--green-600)}.kp-nav-links{display:flex;gap:1.5rem;align-items:center}.kp-nav-link{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;transition:color .2s}.kp-nav-link:hover{color:var(--green-600)}.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:var(--radius-full);font-family:inherit;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.kp-btn-primary{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:white;box-shadow:var(--shadow-md),0 2px 8px var(--green-300)}.kp-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),0 4px 12px var(--green-300)}.kp-btn-outline{background:transparent;border:2px solid var(--green-500);color:var(--green-600)}.kp-btn-outline:hover{background:var(--green-50)}.kp-btn-lg{padding:1rem 2rem;font-size:1rem}.kp-btn-white{background:white;color:var(--green-700);font-weight:700}.kp-btn-white:hover{background:var(--green-50);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.kp-hero{padding:4rem 2rem;background:linear-gradient(180deg,var(--green-50) 0,var(--background) 100%);position:relative;overflow:hidden}.kp-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--green-200) 0,transparent 70%);opacity:.5;pointer-events:none}.kp-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.kp-hero-content h1{font-family:Quicksand,sans-serif;font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:1.5rem}.kp-hero-content h1 span{color:var(--green-600)}.kp-hero-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:480px}.kp-hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.kp-hero-card{background:var(--surface);border-radius:var(--radius-2xl);padding:3rem;box-shadow:var(--shadow-xl);border:1px solid var(--border);text-align:center}.kp-hero-card-logo{width:160px;height:160px;object-fit:contain;margin:0 auto 1.5rem;display:block}.kp-hero-card h2{font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.kp-hero-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.kp-hero-card .kp-btn{width:100%}.kp-features{padding:4rem 2rem;max-width:1200px;margin:0 auto}.kp-section-header{text-align:center;margin-bottom:3rem}.kp-section-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--green-100);color:var(--green-700);padding:.25rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:1rem}.kp-section-title{font-family:Quicksand,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.kp-section-subtitle{color:var(--text-secondary);font-size:1.0625rem}.kp-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.kp-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;transition:all .3s ease}.kp-feature-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kp-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--green-100),var(--green-200));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem}.kp-feature-card h3{font-family:Quicksand,sans-serif;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.kp-feature-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.kp-how-it-works{padding:4rem 2rem;background:var(--green-50)}.kp-how-it-works-inner{max-width:1200px;margin:0 auto}.kp-steps{display:flex;gap:2rem;margin-top:3rem}.kp-step{flex:1;text-align:center;position:relative}.kp-step:not(:last-child):after{content:"";position:absolute;top:28px;right:-30px;width:60px;height:2px;background:linear-gradient(90deg,var(--green-400),var(--green-200))}.kp-step-number{width:56px;height:56px;background:linear-gradient(135deg,var(--green-500),var(--green-600));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:white;font-size:1.5rem;box-shadow:0 4px 12px var(--green-300)}.kp-step h3,.kp-step-number{font-family:Quicksand,sans-serif;font-weight:700}.kp-step h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.kp-step p{font-size:.9375rem;color:var(--text-secondary);max-width:280px;margin:0 auto}.kp-trust{padding:4rem 2rem;max-width:1200px;margin:0 auto}.kp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.kp-trust-item{text-align:center;padding:1.5rem}.kp-trust-icon{width:64px;height:64px;background:var(--green-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.75rem}.kp-trust-item h4{font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.kp-trust-item p{font-size:.875rem;color:var(--text-secondary)}.kp-cta{padding:4rem 2rem;background:linear-gradient(135deg,var(--green-600),var(--green-700));text-align:center;position:relative;overflow:hidden}.kp-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.kp-cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}.kp-cta h2{font-family:Quicksand,sans-serif;font-size:2rem;font-weight:700;color:white;margin-bottom:1rem}.kp-cta p{color:var(--green-100);font-size:1.0625rem;margin-bottom:2rem}.kp-footer{background:var(--slate-900);color:var(--slate-400);padding:3rem 2rem}.kp-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.kp-footer-logo{display:flex;align-items:center;gap:.5rem}.kp-footer-logo img{width:36px;height:36px;object-fit:contain}.kp-footer-logo .kp-logo-text{font-size:1.25rem;color:white}.kp-footer-info{font-size:.875rem;text-align:right}.kp-footer-info p{margin-bottom:.25rem}.kp-footer-info a{color:var(--green-400);text-decoration:none}.kp-footer-info a:hover{text-decoration:underline}@keyframes kp-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kp-hero-card,.kp-hero-content{animation:kp-fadeInUp .6s ease-out}.kp-hero-card{animation-delay:.2s;animation-fill-mode:both}@media (max-width:1024px){.kp-hero-inner{grid-template-columns:1fr;gap:3rem}.kp-hero-content{text-align:center}.kp-hero-content p{margin-left:auto;margin-right:auto}.kp-hero-buttons{justify-content:center}.kp-hero-card{max-width:440px;margin:0 auto}.kp-trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kp-header{padding:1rem}.kp-nav-links{display:none}.kp-hero{padding:3rem 1rem}.kp-hero-content h1{font-size:2rem}.kp-features{padding:3rem 1rem}.kp-features-grid{grid-template-columns:1fr}.kp-steps{flex-direction:column;gap:2rem}.kp-step:not(:last-child):after{display:none}.kp-trust-grid{grid-template-columns:1fr}.kp-footer-inner{flex-direction:column;gap:1.5rem}.kp-footer-info,.kp-footer-inner{text-align:center}}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");.kc-root{--blue:#4A90D9;--blue-dark:#3A7BC8;--green:#3DBAA0;--green-dark:#2FA88F;--navy:#1E3A5F;--gray-100:#F8FAFC;--gray-200:#E2E8F0;--gray-400:#94A3B8;--gray-600:#475569;--white:#FFFFFF;font-family:DM Sans,sans-serif;color:var(--navy);background:var(--white);line-height:1.6}.kc-root *,.kc-root :after,.kc-root :before{margin:0;padding:0;box-sizing:border-box}.kc-nav{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--gray-200)}.kc-nav-container{max-width:1140px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.kc-logo,.kc-nav-container{display:flex;align-items:center}.kc-logo{gap:.5rem;text-decoration:none}.kc-logo svg{width:40px;height:40px}.kc-logo-text{font-size:1.4rem;font-weight:700}.kc-nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.kc-nav-links a{text-decoration:none;color:var(--gray-600);font-weight:500;font-size:.95rem;transition:color .2s}.kc-nav-links a:hover{color:var(--blue)}.kc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-family:DM Sans,sans-serif}.kc-btn-primary{background:var(--blue);color:white}.kc-btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.kc-btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}.kc-btn-outline:hover{border-color:var(--blue);color:var(--blue)}.kc-hero{padding:10rem 2rem 6rem;background:linear-gradient(180deg,var(--gray-100) 0,var(--white) 100%)}.kc-hero-container{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.kc-hero-content h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--navy)}.kc-hero-content h1 .kc-highlight{color:var(--blue)}.kc-hero-content p{font-size:1.15rem;color:var(--gray-600);margin-bottom:2rem;max-width:480px}.kc-hero-buttons{display:flex;gap:1rem}.kc-hero-visual{display:flex;justify-content:center}.kc-dashboard-card{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(30,58,95,.12);padding:1.5rem;border:1px solid var(--gray-200)}.kc-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.kc-dashboard-title{font-weight:600;color:var(--navy)}.kc-dashboard-badge{background:rgba(61,186,160,.1);color:var(--green);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.kc-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.kc-metric-card{background:var(--gray-100);border-radius:10px;padding:1rem}.kc-metric-label{font-size:.8rem;color:var(--gray-400);margin-bottom:.25rem}.kc-metric-value{font-size:1.5rem;font-weight:700;color:var(--navy)}.kc-metric-value.kc-blue{color:var(--blue)}.kc-metric-value.kc-green{color:var(--green)}.kc-employee-list{display:flex;flex-direction:column;gap:.75rem}.kc-employee-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--gray-100);border-radius:8px}.kc-employee-info{display:flex;align-items:center;gap:.75rem}.kc-employee-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:.85rem}.kc-employee-name{font-weight:500;font-size:.9rem;color:var(--navy)}.kc-employee-role{font-size:.75rem;color:var(--gray-400)}.kc-employee-status{font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.kc-status-paid{background:rgba(61,186,160,.1);color:var(--green)}.kc-status-pending{background:rgba(74,144,217,.1);color:var(--blue)}.kc-services{padding:6rem 2rem}.kc-section-container{max-width:1140px;margin:0 auto}.kc-section-header{text-align:center;margin-bottom:4rem}.kc-section-label{font-size:.85rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.kc-section-title{font-size:2.25rem;font-weight:700;color:var(--navy);margin-bottom:1rem}.kc-section-subtitle{font-size:1.1rem;color:var(--gray-600);max-width:560px;margin:0 auto}.kc-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1100px){.kc-services-grid{grid-template-columns:repeat(2,1fr)}}.kc-service-card{background:white;border:1px solid var(--gray-200);border-radius:12px;padding:2rem;transition:all .3s}.kc-service-card:hover{border-color:var(--blue);box-shadow:0 10px 40px rgba(74,144,217,.1);transform:translateY(-4px)}.kc-service-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.kc-service-icon.kc-icon-blue{background:rgba(74,144,217,.1);color:var(--blue)}.kc-service-icon.kc-icon-green{background:rgba(61,186,160,.1);color:var(--green)}.kc-service-icon.kc-icon-navy{background:rgba(30,58,95,.1);color:var(--navy)}.kc-service-icon.kc-icon-purple{background:rgba(139,92,246,.1);color:#8B5CF6}.kc-service-icon.kc-icon-orange{background:rgba(249,115,22,.1);color:#F97316}.kc-service-icon.kc-icon-teal{background:rgba(20,184,166,.1);color:#14B8A6}.kc-service-icon.kc-icon-pink{background:rgba(236,72,153,.1);color:#EC4899}.kc-service-icon svg{width:24px;height:24px}.kc-service-title{font-size:1.15rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}.kc-service-desc{font-size:.95rem;color:var(--gray-600);line-height:1.6}.kc-benefits{padding:6rem 2rem;background:var(--gray-100)}.kc-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.kc-benefits-content h2{font-size:2rem;font-weight:700;color:var(--navy);margin-bottom:1.5rem}.kc-benefit-list{display:flex;flex-direction:column;gap:1.25rem}.kc-benefit-item{display:flex;gap:1rem}.kc-benefit-check{width:24px;height:24px;border-radius:50%;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.kc-benefit-check svg{width:14px;height:14px}.kc-benefit-text h4{font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:.25rem}.kc-benefit-text p{font-size:.9rem;color:var(--gray-600)}.kc-benefits-visual{display:flex;justify-content:center}.kc-stats-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 10px 40px rgba(30,58,95,.08);max-width:380px}.kc-stats-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.kc-stats-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;color:white}.kc-stats-title{font-weight:600;color:var(--navy)}.kc-stats-subtitle{font-size:.85rem;color:var(--gray-400)}.kc-stats-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--gray-200)}.kc-stats-row:last-child{border-bottom:none}.kc-stats-label{color:var(--gray-600);font-size:.9rem}.kc-stats-value{font-weight:600;color:var(--navy)}.kc-stats-value.kc-green{color:var(--green)}.kc-cta{padding:6rem 2rem;text-align:center}.kc-cta-box{max-width:700px;margin:0 auto;background:linear-gradient(135deg,var(--navy) 0,#2C4A6E 100%);border-radius:20px;padding:4rem}.kc-cta-box h2{font-size:2rem;font-weight:700;color:white;margin-bottom:1rem}.kc-cta-box p{font-size:1.1rem;color:rgba(255,255,255,.7);margin-bottom:2rem}.kc-cta-buttons{display:flex;justify-content:center;gap:1rem}.kc-btn-white{background:white;color:var(--navy)}.kc-btn-white:hover{background:var(--gray-100)}.kc-btn-ghost{background:transparent;color:white;border:1.5px solid rgba(255,255,255,.3)}.kc-btn-ghost:hover{border-color:white;background:rgba(255,255,255,.1)}.kc-footer{background:var(--navy);color:white;padding:4rem 2rem 2rem}.kc-footer-container{max-width:1140px;margin:0 auto}.kc-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.kc-footer-brand p{color:rgba(255,255,255,.6);font-size:.9rem;margin-top:1rem;max-width:260px}.kc-footer-col h4{font-weight:600;margin-bottom:1rem;font-size:.95rem}.kc-footer-col ul{list-style:none}.kc-footer-col li{margin-bottom:.5rem}.kc-footer-col a{color:rgba(255,255,255,.6);text-decoration:none;font-size:.9rem;transition:color .2s}.kc-footer-col a:hover{color:var(--green)}.kc-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;color:rgba(255,255,255,.5)}@media (max-width:968px){.kc-benefits-grid,.kc-hero-container{grid-template-columns:1fr;text-align:center}.kc-hero-content h1{font-size:2.25rem}.kc-hero-content p{margin:0 auto 2rem}.kc-hero-buttons{justify-content:center}.kc-services-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.kc-benefits-content{order:2}.kc-benefit-list{text-align:left}.kc-footer-top{grid-template-columns:1fr 1fr;gap:2rem}.kc-nav-links{display:none}}