@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;500;600&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#25d366;--green-dark:#1aaa4f;--green-light:#d1f7e0;--dark:#111827;--dark2:#1f2937;--red:#ff3b30;--bg:#f9fafb;--white:#fff;--gray:#6b7280;--gray-light:#e5e7eb;--font-head:"Montserrat",sans-serif;--font-body:"Open Sans",sans-serif}html{scroll-behavior:smooth}body{background:#f9fafb;background:var(--bg);color:#111827;color:var(--dark);font-family:Open Sans,sans-serif;font-family:var(--font-body);overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg)}::-webkit-scrollbar-thumb{background:#25d366;background:var(--green);border-radius:9px}nav{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9fafbe0;border-bottom:1px solid #25d36626;display:flex;height:68px;justify-content:space-between;left:0;padding:0 5%;position:fixed;right:0;top:0;transition:box-shadow .3s;z-index:999}nav.scrolled{box-shadow:0 2px 24px #25d3661a}.nav-logo{color:#111827;color:var(--dark);font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.25rem;font-weight:800;gap:10px;text-decoration:none}.nav-logo,.nav-logo .logo-icon{align-items:center;display:flex}.nav-logo .logo-icon{background:#25d366;background:var(--green);border-radius:10px;height:36px;justify-content:center;width:36px}.nav-logo .logo-icon svg{fill:#fff;height:20px;width:20px}.nav-logo em{color:#25d366;color:var(--green);font-style:normal}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#111827;color:var(--dark);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#25d366;color:var(--green)}.nav-cta{background:#ff3b30!important;background:var(--red)!important;border-radius:8px;color:#fff!important;font-size:.88rem!important;font-weight:600!important;padding:9px 22px;transition:background .2s,transform .15s!important}.nav-cta:hover{background:#e02d23!important;transform:translateY(-1px)}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:6px}.hamburger span{background:#111827;background:var(--dark);border-radius:2px;display:block;height:2px;transition:.3s;width:24px}.mobile-menu{background:#fff;box-shadow:0 10px 30px #00000014;display:none;flex-direction:column;gap:1rem;left:0;padding:1.5rem 5%;position:fixed;right:0;top:68px;z-index:998}.mobile-menu.open{display:flex}.mobile-menu a{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-light);color:#111827;color:var(--dark);font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none}.mobile-menu a:last-child{border-bottom:none}#hero{align-items:center;background:#111827;background:var(--dark);display:flex;min-height:100vh;overflow:hidden;padding:100px 5% 60px;position:relative}.hero-bg-dots{background-image:radial-gradient(circle,#25d366 1px,#0000 0);background-size:32px 32px;inset:0;opacity:.06;position:absolute}.hero-bg-glow{background:radial-gradient(circle,#25d3662e 0,#0000 70%);height:700px;right:-200px;top:-200px;width:700px}.hero-bg-glow,.hero-bg-glow2{border-radius:50%;pointer-events:none;position:absolute}.hero-bg-glow2{background:radial-gradient(circle,#ff3b301a 0,#0000 70%);bottom:-200px;height:500px;left:-100px;width:500px}.hero-inner{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.hero-badge{align-items:center;background:#25d3661f;border:1px solid #25d3664d;border-radius:100px;color:#25d366;color:var(--green);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:1.5rem;padding:6px 14px;text-transform:uppercase}.hero-badge .dot{animation:pulse 2s infinite;background:#25d366;background:var(--green);border-radius:50%;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero-h1{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem}.hero-h1 .hl{color:#25d366;color:var(--green)}.hero-sub{color:#ffffffa6;font-size:1.1rem;margin-bottom:1rem}.hero-announcement,.hero-sub{line-height:1.7;max-width:480px}.hero-announcement{color:#ffffffe0;font-size:1rem;margin-bottom:1.8rem}.hero-btns{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.btn-primary{align-items:center;background:#25d366;background:var(--green);border-radius:10px;box-shadow:0 0 30px #25d3664d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;padding:15px 30px;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#1aaa4f;background:var(--green-dark);box-shadow:0 4px 40px #25d36666;transform:translateY(-2px)}.btn-primary svg{fill:#fff;height:18px;width:18px}.btn-secondary{align-items:center;border:1px solid #fff3;border-radius:10px;color:#fffc;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;padding:15px 26px;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff80;color:#fff}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}.hero-stat{text-align:left}.hero-stat .val{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.8rem;font-weight:800}.hero-stat .lbl{color:#ffffff73;font-size:.78rem;letter-spacing:.03em;margin-top:2px}.phone-wrap{align-items:center;display:flex;justify-content:center;position:relative}.phone-outer{animation:float 4s ease-in-out infinite;background:#1f2937;background:var(--dark2);border:6px solid #2d3748;border-radius:48px;box-shadow:0 40px 80px #0009,inset 0 0 0 1px #ffffff0d;height:560px;overflow:hidden;position:relative;width:270px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-notch{background:#111827;background:var(--dark);border-radius:0 0 12px 12px;height:22px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:80px;z-index:10}.phone-screen{background:linear-gradient(160deg,#0f1f14,#0d2818);display:flex;flex-direction:column;height:100%;padding:52px 16px 16px;width:100%}.phone-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.phone-topbar .appname{color:#25d366;color:var(--green);font-size:.65rem;font-weight:700;letter-spacing:.05em}.phone-topbar .time{color:#ffffff80;font-size:.6rem}.phone-header-card{background:#25d3661a;border:1px solid #25d36633;border-radius:14px;margin-bottom:12px;padding:12px}.phone-header-card .greeting{color:#ffffff80;font-size:.58rem}.phone-header-card .name{color:#fff;font-size:.85rem;font-weight:700;margin:2px 0}.phone-header-card .dept{color:#25d366;color:var(--green);font-size:.58rem;font-weight:600}.phone-face-ring{align-items:center;border:3px solid #25d366;border:3px solid var(--green);border-radius:50%;box-shadow:0 0 20px #25d3664d;display:flex;height:90px;justify-content:center;margin:0 auto 10px;position:relative;width:90px}.phone-face-ring:before{animation:spin 8s linear infinite;border:1px dashed #25d3664d;border-radius:50%;content:"";inset:-8px;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.phone-face-ring .face-icon{color:#ffffffb3;font-size:2.2rem}.face-status{color:#25d366;color:var(--green);font-size:.6rem;letter-spacing:.08em}.face-status,.phone-scan-btn{font-weight:700;margin-bottom:12px;text-align:center}.phone-scan-btn{background:#25d366;background:var(--green);border-radius:12px;color:#fff;font-size:.65rem;padding:10px}.phone-footer-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.phone-mini-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;padding:8px}.phone-mini-card .mini-label{color:#fff6;font-size:.5rem;margin-bottom:3px}.phone-mini-card .mini-val{color:#fff;font-size:.75rem;font-weight:700}.phone-mini-card .mini-dot{background:#25d366;background:var(--green);border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.phone-glow{background:radial-gradient(ellipse,#25d36640 0,#0000 70%);bottom:-60px;height:100px;left:50%;position:absolute;transform:translateX(-50%);width:250px}section{padding:90px 5%}.section-center{margin:0 auto 60px;max-width:600px;text-align:center}.section-tag{background:#d1f7e0;background:var(--green-light);border-radius:100px;color:#1aaa4f;color:var(--green-dark);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.07em;margin-bottom:1rem;padding:5px 14px;text-transform:uppercase}.section-h2{color:#111827;color:var(--dark);font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.section-sub{color:#6b7280;color:var(--gray);font-size:1rem;line-height:1.7}.section-center .section-h2 .hl{color:#25d366;color:var(--green)}#features{background:#fff}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px}.feat-card{background:#f9fafb;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--gray-light);border-radius:18px;overflow:hidden;padding:32px 28px;position:relative;transition:all .3s}.feat-card:before{background:#25d366;background:var(--green);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.feat-card:hover{border-color:#25d366;border-color:var(--green);box-shadow:0 20px 50px #25d3661f;transform:translateY(-4px)}.feat-card:hover:before{transform:scaleX(1)}.feat-icon{align-items:center;background:#d1f7e0;background:var(--green-light);border-radius:14px;display:flex;height:52px;justify-content:center;margin-bottom:20px;width:52px}.feat-icon svg{fill:#1aaa4f;fill:var(--green-dark);height:26px;width:26px}.feat-card h3{color:#111827;color:var(--dark);font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.1rem;font-weight:700;margin-bottom:10px}.feat-card p{color:#6b7280;color:var(--gray);font-size:.9rem;line-height:1.6}#how{background:#f9fafb;background:var(--bg)}.steps-wrap{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px;position:relative}.steps-wrap:before{background:linear-gradient(90deg,#25d366,#25d366);background:linear-gradient(to right,var(--green),var(--green));background-size:200% 2px;content:"";height:2px;left:12.5%;position:absolute;right:12.5%;top:36px}.step{flex-direction:column;padding:0 20px;text-align:center}.step,.step-num{align-items:center;display:flex;position:relative}.step-num{background:#25d366;background:var(--green);border-radius:50%;box-shadow:0 0 0 8px #f9fafb,0 0 0 10px #25d36633;box-shadow:0 0 0 8px var(--bg),0 0 0 10px #25d36633;color:#fff;font-size:1.5rem;font-weight:800;height:72px;justify-content:center;margin-bottom:20px;width:72px;z-index:2}.step h3,.step-num{font-family:Montserrat,sans-serif;font-family:var(--font-head)}.step h3{color:#111827;color:var(--dark);font-size:1rem;font-weight:700;margin-bottom:8px}.step p{color:#6b7280;color:var(--gray);font-size:.85rem;line-height:1.6}#trust{background:#111827;background:var(--dark)}#trust .section-h2{color:#fff}#trust .section-sub{color:#ffffff80}#trust .section-tag{background:#25d36626;color:#25d366;color:var(--green)}.trust-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1100px}.trust-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:28px;transition:all .3s}.trust-card:hover{background:#25d36612;border-color:#25d3664d;transform:translateY(-3px)}.trust-badge{align-items:center;background:#25d3661f;border:1px solid #25d36633;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:18px;width:48px}.trust-badge svg{fill:#25d366;fill:var(--green);height:24px;width:24px}.trust-card h3{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1rem;font-weight:700;margin-bottom:8px}.trust-card p{color:#ffffff80;font-size:.87rem;line-height:1.6}#preview{background:#fff}.preview-inner{margin:0 auto;max-width:1100px}.screens-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.screen-card{background:#111827;background:var(--dark);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative;transition:transform .3s}.screen-card:hover{transform:translateY(-8px)}.screen-card.main{flex-shrink:0;width:200px}.screen-card.side{flex-shrink:0;opacity:.75;width:168px}.screen-card.side:hover{opacity:1}.screen-inner{background:linear-gradient(180deg,#0f1f14,#071510);display:flex;flex-direction:column;min-height:360px;padding:16px}.screen-inner.dashboard-bg{background:linear-gradient(180deg,#0a1628,#071020)}.sc-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sc-topbar .sc-title{color:#fff;font-size:.65rem;font-weight:700}.sc-topbar .sc-time{color:#fff6;font-size:.6rem}.attendance-circle{align-items:center;background:#25d3661a;border:4px solid #25d366;border:4px solid var(--green);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 10px;width:80px}.attendance-circle .pct{color:#25d366;color:var(--green);font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.1rem;font-weight:800}.attendance-label{color:#ffffff80;font-size:.55rem;margin-bottom:14px;text-align:center}.mini-list{display:flex;flex-direction:column;gap:7px}.mini-row{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;justify-content:space-between;padding:7px 10px}.mini-row .lname{color:#ffffffb3;font-size:.58rem}.mini-row .status-p{color:#25d366;color:var(--green);font-size:.55rem;font-weight:700}.mini-row .status-a{color:#ff3b30;color:var(--red);font-size:.55rem;font-weight:700}.map-placeholder{align-items:center;background:#25d36612;border:1px dashed #25d36640;border-radius:10px;display:flex;flex-direction:column;gap:4px;height:80px;justify-content:center;margin-bottom:10px}.map-placeholder .map-icon{color:#25d366;color:var(--green);font-size:1.2rem}.map-placeholder .map-lbl{color:#fff6;font-size:.55rem;font-weight:600}.geo-status{background:#25d3661a;border:1px solid #25d36633;border-radius:8px;color:#25d366;color:var(--green);font-size:.58rem;font-weight:700;padding:8px;text-align:center}.chart-bars{align-items:flex-end;display:flex;gap:6px;height:70px;margin-top:6px}.chart-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.chart-bar{background:#25d3664d;border-radius:3px;transition:.3s;width:100%}.chart-bar.active{background:#25d366;background:var(--green)}.chart-day{color:#ffffff59;font-size:.5rem}#download{background:#25d366;background:var(--green);overflow:hidden;position:relative}.dl-bg{background-image:radial-gradient(circle,#0000000f 1px,#0000 0);background-size:24px 24px;inset:0;position:absolute}.dl-inner{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.dl-tag{background:#00000026;border-radius:100px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.07em;margin-bottom:1.5rem;padding:5px 14px;text-transform:uppercase}.dl-h2{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:1rem}.dl-sub{color:#fffc;font-size:1rem;line-height:1.7}.dl-btns,.dl-sub{margin-bottom:3rem}.dl-btns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-dl-main{align-items:center;background:#111827;background:var(--dark);border-radius:12px;box-shadow:0 4px 30px #00000040;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:12px;padding:18px 36px;text-decoration:none;transition:all .2s}.btn-dl-main:hover{background:#0d1520;box-shadow:0 8px 40px #00000059;transform:translateY(-2px)}.btn-dl-main svg{fill:#fff;height:22px;width:22px}.dl-version{color:#ffffffb3;font-size:.8rem;margin-top:.75rem}.qr-wrap{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:inline-flex;flex-direction:column;gap:10px;padding:20px}.qr-box{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(11,1fr);height:110px;width:110px}.qr-cell{border-radius:1px}.qr-dark{background:#111827;background:var(--dark)}.qr-light{background:#0000}.qr-label{color:#6b7280;color:var(--gray);font-size:.75rem;font-weight:600}footer{background:#111827;background:var(--dark);padding:60px 5% 30px}.footer-top{grid-gap:3rem;border-bottom:1px solid #ffffff14;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding-bottom:40px}.footer-brand .logo-icon{align-items:center;background:#25d366;background:var(--green);border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.footer-brand .logo-icon svg{fill:#fff;height:22px;width:22px}.footer-brand h3{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.2rem;font-weight:800;margin-bottom:.75rem}.footer-brand p{color:#fff6;font-size:.88rem;line-height:1.7;max-width:280px}.social-links{display:flex;gap:10px;margin-top:1.5rem}.social-link{align-items:center;border:1px solid #ffffff1f;border-radius:8px;color:#ffffff80;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.social-link:hover{background:#25d36614;border-color:#25d366;border-color:var(--green);color:#25d366;color:var(--green)}.social-link svg{fill:currentColor;height:16px;width:16px}.footer-col h4{color:#fff;font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:.85rem;font-weight:700;margin-bottom:1.2rem}.footer-col ul{display:flex;flex-direction:column;gap:.65rem;list-style:none}.footer-col ul li a{color:#ffffff73;font-size:.87rem;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#25d366;color:var(--green)}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:30px auto 0;max-width:1200px}.footer-bottom p{color:#ffffff4d;font-size:.83rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffff4d;font-size:.83rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#25d366;color:var(--green)}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}.phone-wrap{display:none}.hero-btns,.hero-stats{justify-content:center}.hero-announcement,.hero-sub{margin-left:auto;margin-right:auto}}@media (max-width:768px){.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.hamburger{display:flex}}@media (max-width:600px){section{padding:70px 5%}.footer-top{grid-template-columns:1fr}.screens-row{flex-wrap:wrap}.screen-card.side{display:none}.phone-outer{height:420px;width:200px}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-d1{transition-delay:.1s}.fade-up-d2{transition-delay:.2s}.fade-up-d3{transition-delay:.3s}.fade-up-d4{transition-delay:.4s}.modal-overlay{align-items:center;background:#000000b3;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-overlay.open{display:flex}.modal-box{background:#fff;border-radius:20px;max-height:80vh;max-width:620px;overflow-y:auto;padding:40px;width:100%}.modal-box h2{color:#111827;color:var(--dark);font-family:Montserrat,sans-serif;font-family:var(--font-head);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.modal-box p{font-size:.9rem;line-height:1.8;margin-bottom:1rem}.modal-box p,.modal-close{color:#6b7280;color:var(--gray)}.modal-close{background:none;border:none;cursor:pointer;float:right;font-size:1.5rem}.modal-close:hover{color:#111827;color:var(--dark)}
/*# sourceMappingURL=main.04e8e8ec.css.map*/