:root{--navy:#071a38;--navy2:#0a254d;--blue:#1e6df2;--cyan:#3ed6d0;--ink:#101d32;--muted:#66758b;--line:#e4ebf4;--bg:#f5f8fc;--white:#fff;--radius:22px;--shadow:0 24px 60px rgba(15,40,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.14;letter-spacing:-.045em;margin-bottom:20px}h3{line-height:1.3}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{height:80px;position:absolute;z-index:50;top:0;left:0;width:100%;color:#fff;transition:.3s}.site-header.scrolled{position:fixed;height:70px;background:rgba(7,26,56,.94);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(0,0,0,.16)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.brand b{color:#58dddc}.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end;padding:5px;border-radius:9px;background:linear-gradient(145deg,#2f82ff,#1252d0);box-shadow:0 7px 18px rgba(0,100,255,.28)}.brand-mark i{display:block;background:#fff;border-radius:2px 2px 1px 1px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px}.brand-mark.small{width:25px;height:25px}.main-nav{display:flex;align-items:center;gap:34px;font-size:.92rem}.main-nav>a:not(.btn){color:#c7d3e6;transition:.2s}.main-nav>a:hover{color:#fff}.btn{min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:11px;font-weight:700;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,82,200,.22)}.btn-sm{min-height:42px;padding:0 19px;border-radius:9px}.btn-light{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.24);color:#fff}.btn-primary{background:linear-gradient(135deg,#277df9,#1459dd);color:#fff;box-shadow:0 12px 30px rgba(31,109,242,.26)}.btn-white{background:#fff;color:#0c3979}.btn-outline{border-color:#cfd9e8;color:#16345f;width:100%}.menu-toggle{display:none;background:transparent;border:0;width:40px;height:40px;padding:9px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 0}.hero{position:relative;min-height:850px;padding:165px 0 60px;color:#fff;background:linear-gradient(132deg,#061730 0%,#092750 55%,#073763 100%);overflow:hidden}.hero:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:72px;background:#fff;clip-path:polygon(0 65%,100% 0,100% 100%,0 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.glow-one{width:700px;height:700px;right:-280px;top:-200px;background:radial-gradient(circle,rgba(34,124,255,.42),transparent 67%)}.glow-two{width:440px;height:440px;left:-280px;bottom:0;background:radial-gradient(circle,rgba(29,196,203,.22),transparent 68%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:45px}.eyebrow,.section-tag{font-size:.74rem;font-weight:800;letter-spacing:.16em}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgba(99,218,219,.24);border-radius:30px;color:#81e8e5;background:rgba(43,197,204,.07);margin-bottom:25px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#44d7d2;box-shadow:0 0 14px #44d7d2}.hero h1{font-size:clamp(3rem,5.3vw,5.25rem);line-height:1.03;letter-spacing:-.065em;margin-bottom:25px}.hero h1 em{font-style:normal;color:#54dbd8}.hero-lead{max-width:570px;color:#c2cee0;font-size:1.1rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0 32px}.text-link{font-weight:600;color:#e3ebf6}.text-link span{margin-left:8px;color:#5ddedb}.trust-row{display:flex;gap:22px;color:#9eafc6;font-size:.83rem}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row span:before{content:'✓';color:#5adbd8;font-weight:800}.product-stage{position:relative;perspective:1200px}.dashboard-shell{display:flex;height:490px;background:#f5f8fc;border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 42px 90px rgba(0,8,28,.5);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg)}.dash-side{width:96px;background:#081f42;padding:24px 13px}.mini-brand{display:flex;align-items:center;gap:7px;font-size:.66rem}.side-lines{margin-top:45px;display:grid;gap:22px}.side-lines i{height:9px;width:44px;margin:auto;background:rgba(255,255,255,.11);border-radius:4px}.side-lines i.active{height:32px;width:55px;background:#1d6cf0;box-shadow:0 8px 20px rgba(30,108,240,.3)}.dash-main{color:var(--ink);padding:26px;width:calc(100% - 96px);overflow:hidden}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small{display:block;color:#8996a8;font-size:.66rem}.dash-top strong{font-size:1rem}.avatar{width:34px;height:34px;border-radius:50%;background:#d7e5ff;display:grid;place-items:center;font-size:.65rem;color:#1c60d8;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.metric-grid>div{background:#fff;border:1px solid #e6edf6;padding:14px;border-radius:12px;box-shadow:0 8px 20px rgba(25,61,107,.05)}.metric-grid small,.metric-grid em{display:block;font-size:.58rem;color:#8b98aa;font-style:normal}.metric-grid b{display:block;font-size:1.35rem;margin:4px 0}.metric-icon{float:right;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:.65rem}.metric-icon.blue{background:#dce9ff;color:#1b67ea}.metric-icon.cyan{background:#d9f7f5;color:#079c98}.metric-icon.gold{background:#fff0d5;color:#cf8121}.chart-card,.activity-card{background:#fff;border:1px solid #e5ecf5;border-radius:13px;padding:15px}.card-head{display:flex;justify-content:space-between;font-size:.7rem}.card-head span{font-size:.55rem;color:#7c899b;border:1px solid #e4eaf2;padding:3px 7px;border-radius:5px}.chart-area{height:115px;position:relative;margin-top:14px}.grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#edf1f7 0,#edf1f7 1px,transparent 1px,transparent 28px)}.chart-area svg{position:absolute;inset:0;width:100%;height:100%}.chart-area .area{fill:url(#area)}.chart-area .line{fill:none;stroke:#2b76ef;stroke-width:3}.activity-card{margin-top:12px;padding-bottom:8px}.activity-card>b{font-size:.68rem}.person-row{display:flex;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid #edf1f6}.person{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.53rem;font-weight:800;margin-right:8px}.p1{background:#dff4f2;color:#159d94}.p2{background:#e6e1ff;color:#6452d1}.person-row p{margin:0;flex:1;line-height:1.2}.person-row strong,.person-row small{display:block;font-size:.58rem}.person-row small{color:#8c99aa;margin-top:2px}.person-row em{font-size:.5rem;font-style:normal;color:#13966b;background:#e4f8ef;padding:3px 7px;border-radius:10px}.float-card{position:absolute;z-index:5;background:#fff;color:var(--ink);border-radius:13px;padding:13px 16px;box-shadow:0 18px 40px rgba(0,14,43,.24);display:flex;align-items:center;gap:10px}.float-card b,.float-card small{display:block;font-size:.7rem}.float-card small{color:#8290a4}.float-attendance{top:75px;left:-45px}.success-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d9f8ee;color:#05976a;font-weight:900}.float-payroll{right:-18px;bottom:55px}.pay-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#dce8ff;color:#1765e7;font-weight:800;font-size:.65rem}.hero-proof{position:relative;z-index:3;margin-top:75px;color:#94a8c2;text-align:center;font-size:.72rem}.hero-proof>div{display:flex;justify-content:center;gap:56px;margin-top:18px;color:#d0dbea;font-size:1rem;opacity:.72}.section{padding:115px 0}.problem-section{padding-top:80px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.section-tag{color:#1b6beb;display:inline-block;margin-bottom:18px}.problem-copy>p{font-size:1.06rem;color:var(--muted)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:34px;padding-top:24px;gap:15px}.mini-stats b,.mini-stats span{display:block}.mini-stats b{font-family:'Manrope';font-size:1.55rem;color:#155fdf}.mini-stats span{font-size:.76rem;color:#738096}.features{background:var(--bg)}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.section-heading p{color:var(--muted);font-size:1.04rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;background:#fff;border:1px solid #e3eaf3;border-radius:var(--radius);padding:30px;min-height:330px;overflow:hidden;box-shadow:0 8px 24px rgba(21,57,103,.04);opacity:0;transform:translateY(18px);transition:.55s}.feature-card.visible,.steps article.visible,.price-grid article.visible{opacity:1;transform:none}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cddbf0}.feature-card.featured{grid-row:span 2;min-height:680px;color:#fff;background:linear-gradient(160deg,#092b59,#0c4383);border:0}.feature-no{position:absolute;right:25px;top:26px;font-size:.65rem;font-weight:800;color:#a4b0c1}.featured .feature-no{color:#7796bc}.icon-box{width:44px;height:44px;border-radius:12px;background:#eaf1ff;color:#1766e7;display:grid;place-items:center;font-size:1.3rem;margin-bottom:24px}.featured .icon-box{background:rgba(255,255,255,.11);color:#5fe0db}.feature-card h3{font-size:1.25rem;margin-bottom:10px}.feature-card>p{font-size:.92rem;color:#68768a}.featured>p{color:#b9c9dc}.feature-card ul,.price-grid ul{padding:0;margin:26px 0;list-style:none}.feature-card li,.price-grid li{font-size:.85rem;margin:10px 0;color:#58677b}.feature-card li:before,.price-grid li:before{content:'✓';color:#1971ed;font-weight:800;margin-right:10px}.phone-mini{width:210px;height:355px;background:#fff;border-radius:24px 24px 0 0;margin:32px auto -32px;color:var(--ink);text-align:center;padding:16px 18px;box-shadow:0 18px 45px rgba(0,0,0,.3)}.phone-head{display:flex;justify-content:space-between;font-size:.52rem;font-weight:700}.phone-head i{width:45px;height:10px;background:#0e1b2e;border-radius:8px}.face-ring{width:100px;height:100px;border-radius:50%;border:6px solid #d8e9ff;margin:45px auto 16px;display:grid;place-items:center;background:#eef6ff}.face-ring span{width:34px;height:34px;border-radius:50%;background:#25c194;color:#fff;display:grid;place-items:center}.phone-mini>b,.phone-mini>small{display:block}.phone-mini>b{font-size:.72rem}.phone-mini>small{font-size:.55rem;color:#76869c}.phone-mini button{border:0;width:100%;margin-top:30px;padding:10px;background:#1769e9;color:#fff;border-radius:8px;font-size:.58rem;font-weight:700}.approval{margin-top:35px;border:1px solid #e2eaf4;border-radius:12px;padding:15px;position:relative}.approval span,.approval b{display:block;font-size:.68rem}.approval span{color:#7b899c}.approval b{margin-top:4px}.approval i{position:absolute;right:14px;top:20px;width:10px;height:10px;background:#f3ae32;border-radius:50%;box-shadow:0 0 0 6px #fff2db}.bars{display:flex;align-items:end;gap:10px;height:100px;margin-top:25px;border-bottom:1px solid #dbe4ef}.bars i{flex:1;background:linear-gradient(#3582f2,#87b5fa);border-radius:4px 4px 0 0}.company-list{display:grid;gap:9px;margin-top:25px}.company-list span{display:flex;align-items:center;gap:8px;border:1px solid #e4ebf4;border-radius:9px;padding:9px;font-size:.62rem}.company-list i{width:24px;height:24px;display:grid;place-items:center;background:#e5efff;color:#1a64de;border-radius:6px;font-style:normal;font-weight:800}.company-list b{margin-left:auto;color:#159168;font-size:.52rem}.report-line{border:1px solid #e4ebf4;border-radius:10px;margin-top:30px;padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:.64rem}.report-line button{border:0;color:#1765e5;background:#e7efff;border-radius:6px;padding:6px 9px;font-weight:700;font-size:.58rem}.flow{background:#071a38;color:#fff}.section-heading.light .section-tag{color:#50d7d4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.steps article{padding:38px 45px;border-left:1px solid rgba(255,255,255,.13);opacity:0;transform:translateY(18px);transition:.55s}.steps article:last-child{border-right:1px solid rgba(255,255,255,.13)}.steps span{font-family:'Manrope';color:#50d7d4;font-weight:800;font-size:.72rem}.steps h3{font-size:1.22rem;margin:22px 0 10px}.steps p{color:#aebcd0;font-size:.91rem}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-grid article{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:.55s}.price-grid article:nth-child(2){transition-delay:.1s}.price-grid article:nth-child(3){transition-delay:.2s}.price-grid article.popular{border:2px solid #1d6eef;box-shadow:0 22px 60px rgba(25,94,209,.13)}.popular-tag{position:absolute;right:22px;top:20px;font-size:.58rem;font-weight:800;color:#fff;background:#1b6cec;padding:5px 9px;border-radius:20px}.plan-name{font-size:.65rem;letter-spacing:.15em;color:#1b69e6;font-weight:800}.price-grid h3{font-size:1.45rem;margin:16px 0 10px}.price-grid p{color:var(--muted);font-size:.91rem;min-height:76px}.price-grid ul{padding-top:20px;border-top:1px solid var(--line);flex:1}.faq{background:var(--bg)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid>div:first-child>p{color:var(--muted)}details{border-top:1px solid #dce4ef;padding:22px 0}details:last-child{border-bottom:1px solid #dce4ef}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-family:'Manrope';font-weight:700}summary::-webkit-details-marker{display:none}summary span{color:#1a68e5;font-size:1.35rem;font-weight:400;transition:.25s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:.91rem;padding-right:55px;margin:13px 0 0}.contact-section{padding:100px 0;background:#fff}.contact-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:65px 70px;border-radius:28px;color:#fff;background:linear-gradient(125deg,#0b3975,#1264ce)}.contact-card:before{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-170px;top:-220px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.contact-card>div{position:relative;z-index:2}.contact-card .section-tag{color:#65e0dc}.contact-card h2{max-width:650px;margin-bottom:12px}.contact-card p{max-width:650px;color:#c9d9ee;margin:0}.contact-actions{min-width:260px;text-align:center}.contact-actions .btn{width:100%}.contact-actions small{display:block;color:#b7cae2;margin-top:12px}footer{padding:80px 0 25px;background:#061329;color:#a9b7ca}.brand.dark{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid>div:first-child p{max-width:390px;font-size:.88rem;margin-top:12px}.footer-grid b{color:#fff}.footer-grid a:not(.brand){font-size:.86rem;transition:.2s}.footer-grid a:not(.brand):hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:23px;display:flex;justify-content:space-between;font-size:.76rem}.footer-bottom a{color:#d6e1ef}@media(max-width:1020px){.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;max-width:720px;margin:auto}.hero-lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.product-stage{max-width:680px;margin:40px auto 20px;width:100%}.hero-proof{margin-top:55px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:span 2}.faq-grid{gap:55px}.contact-card{padding:55px 45px}.contact-card>div:first-child{max-width:62%}}@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.site-header{height:70px;position:absolute}.menu-toggle{display:block;z-index:2}.main-nav{display:none;position:absolute;top:62px;left:14px;right:14px;background:#0b2850;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;box-shadow:0 20px 45px rgba(0,0,0,.3);flex-direction:column;align-items:stretch;gap:5px}.main-nav.open{display:flex}.main-nav a{padding:9px}.main-nav .btn{margin-top:8px}.hero{min-height:auto;padding:125px 0 90px}.hero h1{font-size:clamp(2.75rem,13vw,4rem)}.hero-lead{font-size:1rem}.hero-actions{flex-direction:column;gap:18px}.trust-row{flex-wrap:wrap;gap:8px 18px}.dashboard-shell{height:400px;transform:none}.dash-side{width:62px;padding-inline:8px}.mini-brand b{display:none}.side-lines i{width:30px}.side-lines i.active{width:39px}.dash-main{width:calc(100% - 62px);padding:15px}.metric-grid{gap:6px}.metric-grid>div{padding:9px}.metric-grid em{display:none}.chart-area{height:95px}.float-attendance{left:-6px;top:55px}.float-payroll{right:-6px;bottom:25px}.hero-proof>div{flex-wrap:wrap;gap:10px 26px}.hero:after{height:35px}.section{padding:80px 0}.two-col,.faq-grid{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr}.feature-card.featured{grid-row:auto;min-height:650px}.steps,.price-grid{grid-template-columns:1fr}.steps article,.steps article:last-child{border:0;border-top:1px solid rgba(255,255,255,.13);padding:30px 10px}.price-grid{gap:14px}.price-grid p{min-height:auto}.contact-card{padding:45px 28px;display:block}.contact-card>div:first-child{max-width:100%}.contact-actions{margin-top:30px;min-width:0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.problem-section{padding-top:55px}}@media(max-width:430px){.dashboard-shell{height:360px}.dash-main{padding:12px}.metric-grid b{font-size:1rem}.metric-grid small{font-size:.48rem}.metric-icon{display:none}.activity-card{display:none}.float-card{padding:9px 11px}.float-attendance{top:80px}.hero-proof{display:none}.mini-stats{gap:6px}.mini-stats b{font-size:1.25rem}.feature-card{padding:25px}.phone-mini{width:195px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.feature-card,.steps article,.price-grid article{opacity:1;transform:none}}
.brand-logo-icon{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px;filter:drop-shadow(0 7px 14px rgba(0,0,0,.2))}.brand-logo-icon.small{width:25px;height:25px;flex-basis:25px;filter:none}