@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{--green:#6bcb3d;--green-dark:#5bb22e;--green-deep:#08331a;--green-tint:#effbea;--navy:#0b1f35;--footer:#061426;--ink:#334155;--muted:#64748b;--border:#e6ebf1;--surface:#f7fafc;--danger:#b91c1c;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button{cursor:pointer}.container{width:min(var(--max),100%);margin:auto;padding-inline:24px}.section{padding:94px 0;border-bottom:1px solid #eef2f6}.soft{background:var(--surface)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#3e7c1c;background:var(--green-tint);border:1px solid #c8eeb4;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.eyebrow .dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);letter-spacing:-.022em}h1{font-size:54px;line-height:1.05;margin:20px 0}h2{font-size:38px;line-height:1.13;margin:0}h3{font-size:18px}.lead{font-size:18px;line-height:1.65;color:#475569}.muted{color:var(--muted)}.green{color:var(--green-dark)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:13px 20px;font-size:14px;font-weight:700;transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:var(--green-deep);box-shadow:0 6px 18px rgba(107,203,61,.28)}.btn.primary:hover{background:#62c237}.btn.secondary{background:#fff;border:1px solid #d7dee6;color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:800 21px 'Plus Jakarta Sans';color:var(--navy)}.brand img{width:38px;height:38px;object-fit:contain}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:15px;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--green-dark);font-weight:700}.nav-actions{display:flex;align-items:center;gap:18px}.menu-button{display:none;width:42px;height:42px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:var(--navy);font-size:20px}.mobile-menu{position:absolute;top:72px;left:0;right:0;padding:14px 24px 22px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 20px 30px rgba(11,31,53,.1)}.mobile-menu a{display:block;padding:12px 0;font-weight:600}.hero{background:radial-gradient(1100px 560px at 82% -8%,#effbea 0%,rgba(239,251,234,0) 60%),linear-gradient(180deg,#f7fafc,#fff)}.hero-grid,.split{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}.hero-grid{padding-block:84px}.proof-line{border-top:1px dashed #cbd5e1;margin-top:32px;padding-top:18px;font-size:13px;color:var(--muted)}.dashboard{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 30px 60px -28px rgba(11,31,53,.34);overflow:hidden;display:grid;grid-template-columns:130px 1fr;min-height:410px}.dash-side{background:var(--navy);padding:20px 14px;color:#91a4b8}.mini-brand{color:#fff;font:700 13px 'Plus Jakarta Sans';margin-bottom:30px}.side-item{padding:9px;border-radius:7px;font-size:11px;margin:4px 0}.side-item.active{background:rgba(107,203,61,.16);color:#9ce271}.dash-main{padding:25px}.dash-main h3{margin:0 0 18px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card,.attention,.card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:17px}.stat-card b{display:block;font:800 24px 'Plus Jakarta Sans';color:var(--navy);margin-top:8px}.attention{margin-top:14px}.attention-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f6;padding:13px 0;font-size:12px}.attention-row button{border:0;background:#1f9d4d;color:white;border-radius:7px;padding:6px 9px}.problem-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:start}.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pain{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fff;border-radius:11px;padding:13px;font-size:14px;font-weight:600}.x{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#fef2f2;color:#e2574c;font-weight:800}.solution-bar{grid-column:1/-1;background:var(--navy);color:#d8e3ee;border-radius:16px;padding:20px 24px;font-weight:600}.check{color:var(--green-dark);font-weight:800}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head .eyebrow{margin-bottom:18px}.section-head p{line-height:1.65}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border-radius:18px;padding:24px;box-shadow:0 1px 3px rgba(11,31,53,.04)}.card p{font-size:14px;line-height:1.6;color:var(--muted)}.icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--green-tint);color:var(--green-dark);font-size:23px}.feature-copy p{line-height:1.65}.bullets{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;padding:0;list-style:none}.bullets li{font-size:14px}.mock{border:1px solid var(--border);border-radius:20px;background:#fff;padding:25px;box-shadow:0 24px 50px -28px rgba(11,31,53,.3)}.dtr-person{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eef2f6}.avatar{width:40px;height:40px;border-radius:50%;background:var(--green-tint);display:grid;place-items:center;color:var(--green-dark);font-weight:800}.badge{padding:5px 9px;border-radius:999px;background:var(--green-tint);color:#1f9d4d;font-size:11px;font-weight:700}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.time{background:#f8fafc;border-radius:12px;padding:15px}.time b{display:block;font-size:20px;color:var(--navy);margin-top:5px}.payroll-mock{background:var(--navy);color:#d5e0eb}.payroll-mock h3{color:#fff}.line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.positive{color:#8ad85a}.negative{color:#fca5a5}.net{font:800 23px 'Plus Jakarta Sans';color:#fff}.pills{display:flex;flex-wrap:wrap;gap:9px}.pill{font-size:12px;border:1px solid #dbe4ec;background:#fff;border-radius:999px;padding:8px 11px}.contributions .line{color:var(--ink);border-color:#eef2f6}.contributions b{color:var(--navy)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:13px;padding:16px;background:#fff;font-weight:600;font-size:14px}.phone{width:280px;margin:auto;border:9px solid var(--navy);background:#f7fafc;border-radius:36px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(11,31,53,.45)}.phone-top{background:var(--navy);color:#fff;padding:25px 19px 15px}.clock{width:128px;height:128px;margin:22px auto;border-radius:50%;background:radial-gradient(circle,#8ad85a,#5bb22e);display:grid;place-items:center;text-align:center;color:var(--green-deep);box-shadow:0 10px 25px rgba(107,203,61,.35)}.phone-cards{padding:0 15px 18px}.phone-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px;margin:10px 0;font-size:12px}.gamify{display:grid;grid-template-columns:1.35fr .65fr;gap:35px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:38px;border-radius:22px}.leader{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.rank{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef2f6}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.industry{grid-column:span 2}.industry.wide{grid-column:span 3;display:flex;gap:16px}.dark-band{background:var(--navy);color:#b9c7d5;background-image:radial-gradient(600px 300px at 80% 0,rgba(107,203,61,.14),transparent)}.dark-band h2{color:white}.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.result{border:1px solid rgba(255,255,255,.12);border-radius:17px;padding:25px;background:rgba(255,255,255,.06);color:#fff}.result.after{background:var(--green);color:var(--green-deep)}.result strong{font:800 29px 'Plus Jakarta Sans';display:block;margin-top:10px}.center{text-align:center}.final-cta{padding:95px 0}.page-hero{text-align:center;padding:76px 0 88px;background:radial-gradient(900px 440px at 70% 0,#effbea,transparent),var(--surface)}.page-hero .lead{max-width:690px;margin:0 auto}.toggle{display:inline-flex;margin-top:28px;background:#e9eef3;border-radius:12px;padding:4px}.toggle button{border:0;background:transparent;padding:10px 17px;border-radius:9px;font-weight:700;color:var(--muted)}.toggle button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(11,31,53,.1)}.save{background:var(--green);color:var(--green-deep);padding:3px 6px;border-radius:999px;font-size:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;transform:translateY(-28px)}.plan{border:1px solid var(--border);border-radius:21px;padding:29px;background:#fff}.plan.popular{background:var(--navy);color:#c7d2df;transform:translateY(-14px);box-shadow:0 28px 60px -26px rgba(11,31,53,.5)}.plan.popular h2,.plan.popular h3{color:#fff}.plan h3{margin:0}.price{font:800 42px 'Plus Jakarta Sans';color:var(--navy);margin:20px 0 4px}.popular .price{color:#fff}.plan ul{list-style:none;padding:0;margin:25px 0}.plan li{padding:8px 0;font-size:14px}.comparison{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:17px;overflow:hidden}.comparison th,.comparison td{padding:15px;border-bottom:1px solid var(--border);text-align:center;font-size:13px}.comparison th:first-child,.comparison td:first-child{text-align:left}.comparison th:nth-child(3),.comparison td:nth-child(3){background:#fbfef8}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq{border:1px solid var(--border);border-radius:16px;padding:21px;background:#fff}.faq h3{margin:0 0 8px;font-size:16px}.faq p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.story-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:28px}.story-arrow{text-align:center;color:var(--green-dark);font-size:28px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-big{font:800 42px 'Plus Jakarta Sans';color:#8ad85a}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.benefit{display:flex;gap:14px;margin:25px 0}.benefit h3,.benefit p{margin:0 0 5px}.benefit p{font-size:14px;line-height:1.55;color:var(--muted)}.form-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 30px 60px -28px rgba(11,31,53,.34)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dee6;border-radius:11px;padding:12px 13px;font-size:14px;color:var(--navy);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(107,203,61,.18)}.field textarea{min-height:92px;resize:vertical}.error{background:#fef2f2;border:1px solid #fecaca;color:var(--danger);padding:12px;border-radius:10px;font-size:13px;margin-bottom:15px}.success{text-align:center;padding:35px 12px}.success-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--green-tint);color:var(--green-dark);font-size:31px}.success p{line-height:1.65;color:var(--muted);margin-bottom:25px}.site-footer{background:var(--footer);color:#90a2b6;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.site-footer .brand{color:#fff}.site-footer h3{color:#fff;font-size:14px}.site-footer p,.site-footer a{font-size:14px;line-height:1.7}.site-footer a{display:block;margin:9px 0}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:42px;font-size:12px;color:#6e8198}.is-navigating main{opacity:.35;transform:translateY(4px)}main{transition:.16s opacity,.16s transform}@keyframes pulse{50%{opacity:.35}}.pulse{animation:pulse 1.8s ease-in-out infinite}.install{margin-top:15px}[hidden]{display:none!important}
@media(max-width:960px){.nav-links,.nav-actions>a:not(.btn){display:none}.menu-button{display:block}.hero-grid,.split,.problem-grid,.proof-grid,.demo-grid{grid-template-columns:1fr;gap:42px}.platform-grid,.principles{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr}.industry,.industry.wide{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.plan.popular{transform:none}.gamify{grid-template-columns:1fr}.dashboard{max-width:650px}.faq-grid{grid-template-columns:1fr}}
@media(max-width:680px){h1{font-size:35px}h2{font-size:30px}.section{padding:68px 0}.container{padding-inline:18px}.hero-grid{padding-block:58px}.platform-grid,.principles,.report-grid,.pain-grid,.bullets,.form-row,.stats{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.dash-side{display:none}.before-after{grid-template-columns:1fr}.before-after>span{transform:rotate(90deg)}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.comparison-wrap{overflow-x:auto}.comparison{min-width:650px}.page-hero{padding:58px 0 76px}.plan-grid{transform:translateY(-18px)}.nav-actions .btn{padding:11px 12px;font-size:12px}.brand{font-size:17px}.brand img{width:32px;height:32px}}
.hero-video-wrap{min-width:0;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--navy);box-shadow:0 30px 60px -28px rgba(11,31,53,.34);line-height:0}.hero-video{display:block;width:100%;max-width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}
.spam-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.btn:disabled{cursor:wait;opacity:.72;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.payroll-preview{justify-self:center;width:min(100%,470px);overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 24px 50px -28px rgba(11,31,53,.3);line-height:0}.payroll-preview img{display:block;width:100%;height:auto}
.gamify-video-wrap{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 16px 35px -24px rgba(11,31,53,.35);line-height:0}.gamify-video{display:block;width:100%;height:auto}