@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--teal: #00C2A8;--teal-deep: #189B88;--teal-dark: #0E7C6C;--mint: #7FE0D0;--mint-bg: #EAF9F5;--navy: #123C5A;--navy-deep: #0F2A44;--ink: #152238;--muted: #5B6B80;--line: #E3E9F0;--bg: #F5F8FA;--blue: #1E6FEB;--blue-dark: #1559C4;--green: #21A453;--green-dark: #18803F;--amber: #F5A623;--red: #E5484D;--card: #FFFFFF;--shadow-sm: 0 1px 3px rgba(18, 60, 90, .08);--shadow-md: 0 10px 30px rgba(18, 60, 90, .1);--shadow-lg: 0 24px 60px rgba(18, 60, 90, .16);--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 8px;letter-spacing:-.02em}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:12.5px}.text-danger{color:var(--red);font-weight:600}.logo-lockup{display:inline-flex;align-items:center}.logo-word{font-weight:800;color:var(--teal-deep);letter-spacing:-.02em}.logo-word-dark{color:#fff}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;border:none;cursor:pointer;font-weight:700;font-family:inherit;border-radius:10px;padding:10px 18px;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px #1e6feb47}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:var(--green);color:#fff;box-shadow:0 6px 16px #21a45340}.btn-secondary:hover{background:var(--green-dark)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-dark)}.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:8px}.btn-lg{padding:14px 26px;font-size:15.5px;border-radius:12px}.btn-block{width:100%}.icon-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:inline-flex}.icon-btn:hover{color:var(--red);background:#feecec}input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00c2a826}label.mini{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.grid-form{display:flex;flex-direction:column;gap:12px}.inline-form{display:grid;grid-template-columns:1.2fr 1.4fr 1fr auto;gap:8px;margin-bottom:14px}.coord-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.month-input{width:auto}.lp{background:linear-gradient(180deg,#f2f7f6,#fff 40%)}.lp-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,6vw,84px);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(227,233,240,.7)}.lp-nav-links{display:flex;gap:30px;font-weight:600;font-size:14.5px;color:var(--navy)}.lp-nav-links a:hover{color:var(--teal-deep)}.lp-nav-cta{display:flex;align-items:center;gap:18px}.lp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:clamp(40px,7vw,90px) clamp(20px,6vw,84px)}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,194,168,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,194,168,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 30% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 30% 40%,#000 30%,transparent 75%)}.lp-hero-copy{position:relative;z-index:1}.lp-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06;font-weight:900;color:var(--navy-deep);margin-bottom:18px}.lp-hero h1 em{font-style:normal;color:var(--teal-deep)}.lp-tagline{font-size:clamp(16px,1.6vw,20px);color:var(--muted);font-weight:600;margin-bottom:6px}.lp-sub{font-size:15px;color:var(--muted);max-width:46ch;margin-bottom:26px}.lp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.lp-hero-visual{position:relative;z-index:1;display:flex;justify-content:center}.hero-dashboard{width:min(560px,100%);border-radius:18px;background:#fff;box-shadow:var(--shadow-lg),0 0 0 1px #123c5a0d;overflow:hidden;border:1px solid var(--line)}.hero-dash-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.hero-dash-dot{width:10px;height:10px;border-radius:50%}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.hero-kpi{border-radius:12px;padding:12px 14px;color:#fff}.hero-kpi b{display:block;font-size:22px}.hero-kpi span{font-size:11px;opacity:.85}.hero-kpi-blue{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.hero-kpi-red{background:linear-gradient(135deg,#e5484d,#f07377)}.hero-kpi-green{background:linear-gradient(135deg,#21a453,#35be6b)}.hero-rows{padding:4px 16px 16px;display:flex;flex-direction:column;gap:8px}.hero-row{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.hero-avatar{width:26px;height:26px;border-radius:50%;background:var(--mint-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--teal-dark);font-weight:800;font-size:11px}.hero-row b{color:var(--ink);font-weight:600;min-width:86px}.hero-pill{margin-left:auto;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px}.pill-green{background:#e5f7ec;color:var(--green)}.pill-amber{background:#fdf3df;color:#b97d0e}.hero-bars{display:flex;align-items:flex-end;gap:4px;height:40px;margin-left:auto}.hero-bars i{width:7px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--teal),var(--mint))}.hero-phone{position:absolute;left:-14px;bottom:-18px;width:148px;border-radius:22px;background:var(--navy-deep);padding:10px 8px 12px;box-shadow:var(--shadow-lg);transform:rotate(-4deg)}.hero-phone-screen{border-radius:14px;background:#fff;padding:10px}.hero-phone-map{position:relative;height:108px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#dff3ee,#f0faf7)}.hero-phone-pin{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#00c2a873,#00c2a81f);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center}.hero-phone-pin:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal-deep)}.hero-phone-btn{margin-top:8px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;text-align:center;border-radius:8px;padding:6px}.lp-partners{background:var(--navy-deep);color:#fff;padding:26px clamp(20px,6vw,84px);text-align:center}.lp-partners h4{margin:0 0 16px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#9fb2c8}.lp-partners-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,4vw,56px);opacity:.92}.lp-partner{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#c7d4e2}.lp-partner svg{opacity:.9}.lp-section{padding:clamp(46px,7vw,88px) clamp(20px,6vw,84px);max-width:1200px;margin:0 auto}.lp-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);background:var(--mint-bg);border:1px solid rgba(0,194,168,.3);padding:5px 12px;border-radius:99px;margin-bottom:14px}.lp-title{font-size:clamp(26px,3vw,38px);font-weight:900;color:var(--navy-deep)}.lp-lead{color:var(--muted);font-size:15.5px;max-width:62ch}.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center}.feat+.feat{margin-top:clamp(48px,7vw,96px)}.feat-copy .feat-num{font-size:clamp(30px,3vw,44px);font-weight:900;color:var(--blue);line-height:1;display:block;margin-bottom:6px}.feat-copy h3{font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--navy-deep)}.feat-copy p{color:var(--muted);font-size:15px;max-width:52ch}.feat-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.feat-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--ink)}.feat-list svg{flex:none;margin-top:2px;color:var(--green)}.feat-visual{position:relative;display:flex;justify-content:center}.feat-blob{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(0,194,168,.14),transparent 65%)}.mock{position:relative;z-index:1}.mock-phone{width:210px;border-radius:30px;background:var(--navy-deep);padding:12px 10px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.12)}.mock-phone-screen{border-radius:20px;background:#fff;overflow:hidden}.mock-phone-alert{padding:22px 14px;text-align:center}.mock-alert-icon{width:46px;height:46px;margin:0 auto 10px;border-radius:12px;background:#feecec;color:var(--red);display:flex;align-items:center;justify-content:center}.mock-phone-alert b{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}.mock-phone-alert span{font-size:11px;color:var(--muted);display:block;margin-bottom:12px}.mock-phone-alert .btn{width:100%}.mock-duo{display:flex;gap:18px;align-items:flex-start}.mock-duo .mock-phone+.mock-phone{margin-top:34px}.mock-map-screen{padding:10px}.mock-map{position:relative;height:240px;border-radius:14px;background:linear-gradient(160deg,#e7f4ef,#f4faf7 60%,#eaf2fb);overflow:hidden}.mock-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(18,60,90,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,60,90,.05) 1px,transparent 1px);background-size:30px 30px}.mock-geofence{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#00c2a859,#00c2a814);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center}.mock-geofence:after{content:"";width:14px;height:14px;background:var(--teal-deep);border-radius:50%;box-shadow:0 0 0 5px #00c2a840}.mock-map-label{position:absolute;bottom:10px;left:10px;font-size:10.5px;font-weight:700;color:var(--navy);background:#ffffffd9;padding:4px 8px;border-radius:7px}.mock-selfie{width:240px;border-radius:30px;background:var(--navy-deep);padding:12px 10px 14px;box-shadow:var(--shadow-lg)}.mock-selfie-screen{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#24384f,#10202f);height:320px;display:flex;align-items:center;justify-content:center}.mock-face{position:relative;width:130px;height:160px}.mock-face-head{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:46% 46% 44% 44%;background:linear-gradient(180deg,#2e4a63,#1b3145)}.mock-face-scan{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:24px;border:2.5px solid var(--teal);mask:linear-gradient(180deg,#000 0 42%,transparent 42% 58%,#000 58%);animation:scanline 2.6s ease-in-out infinite}@keyframes scanline{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.mock-face-corner{position:absolute;width:26px;height:26px;border:3.5px solid var(--teal)}.fc-tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:8px 0 0}.fc-tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.fc-bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 8px}.fc-br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 8px}.mock-selfie-hint{margin-top:10px;text-align:center;color:#b9efe4;font-size:11.5px;font-weight:700;letter-spacing:.08em}.mock-calendar-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.mock-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:800;font-size:13.5px;color:var(--navy-deep)}.mock-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px 16px 16px}.mock-cal-cell{height:40px;border-radius:8px;background:#f2f6f9;font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700}.mock-cal-ev{color:#fff!important;font-size:9px;text-align:center;line-height:1.15;padding:2px}.ev-green{background:linear-gradient(135deg,#21a453,#35be6b)}.ev-amber{background:linear-gradient(135deg,#f5a623,#f7bc55)}.ev-purple{background:linear-gradient(135deg,#7a5af8,#9b85fb)}.ev-blue{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.mock-pay-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.mock-pay-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.mock-pay-title{font-weight:800;font-size:13.5px;color:var(--navy-deep)}.mock-chip-row{display:flex;gap:8px}.mock-chip{font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:99px;background:var(--mint-bg);color:var(--teal-dark)}.mock-pay-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;padding:9px 16px;font-size:11.5px;color:var(--muted);border-bottom:1px solid #F0F4F8;align-items:center}.mock-pay-row b{color:var(--ink);font-weight:700}.mock-pay-row:last-child{border-bottom:none}.mock-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:99px;text-align:center}.mb-green{background:#e5f7ec;color:var(--green)}.mb-amber{background:#fdf3df;color:#b97d0e}.mb-blue{background:#e7effe;color:var(--blue)}.hiw{background:linear-gradient(180deg,#fff,#f4faf8)}.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.hiw-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm);position:relative}.hiw-step-num{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1e6feb66}.hiw-icon{width:58px;height:58px;margin:8px auto 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.hiw-icon.i1{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.hiw-icon.i2{background:linear-gradient(135deg,#00c2a8,#5fdfc9)}.hiw-icon.i3{background:linear-gradient(135deg,#21a453,#43c973)}.hiw-step h4{margin:0 0 4px;font-size:15.5px;font-weight:800;color:var(--navy-deep)}.hiw-step p{font-size:13px;color:var(--muted);margin:0}.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.uc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.uc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.uc-art{height:130px;display:flex;align-items:center;justify-content:center;color:#fff}.uc-art.a1{background:linear-gradient(135deg,#f5a623,#f7bc55)}.uc-art.a2{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.uc-art.a3{background:linear-gradient(135deg,#00c2a8,#5fdfc9)}.uc-body{padding:16px 18px 18px}.uc-body h4{margin:0 0 3px;font-size:15px;font-weight:800;color:var(--navy-deep)}.uc-body p{margin:0;font-size:12.5px;color:var(--muted)}.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.testi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.testi-quote-mark{font-size:44px;line-height:.6;color:var(--teal);font-weight:900;margin-bottom:12px;font-family:Georgia,serif}.testi p{font-size:14px;color:var(--ink)}.testi-who{display:flex;align-items:center;gap:10px;margin-top:14px}.testi-ava{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.ta-1{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.ta-2{background:linear-gradient(135deg,#21a453,#43c973)}.ta-3{background:linear-gradient(135deg,#f5a623,#f7bc55)}.ta-4{background:linear-gradient(135deg,#7a5af8,#9b85fb)}.testi-who b{display:block;font-size:13.5px;color:var(--navy-deep)}.testi-who span{font-size:12px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;align-items:stretch}.price-card{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative}.price-card.hot{border-color:var(--teal);box-shadow:var(--shadow-md),0 0 0 4px #00c2a81f}.price-flag{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--teal);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 14px;border-radius:99px}.price-name{font-size:18px;font-weight:900;color:var(--navy-deep)}.price-for{font-size:12.5px;color:var(--muted);min-height:32px}.price-amount{margin:14px 0 16px}.price-amount small{font-size:14px;font-weight:800;color:var(--navy);vertical-align:14px;margin-right:2px}.price-amount b{font-size:38px;font-weight:900;color:var(--navy-deep);letter-spacing:-.03em}.price-amount span{font-size:13px;color:var(--muted);font-weight:600}.price-feats{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}.price-feats li{display:flex;gap:8px;font-size:13.5px;color:var(--ink);align-items:flex-start}.price-feats svg{flex:none;margin-top:2px;color:var(--green)}.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.sec-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.sec-icon{width:44px;height:44px;flex:none;border-radius:12px;background:var(--mint-bg);color:var(--teal-dark);display:flex;align-items:center;justify-content:center}.sec-item b{display:block;font-size:14.5px;color:var(--navy-deep);margin-bottom:2px}.sec-item span{font-size:12.5px;color:var(--muted)}.lp-cta-wrap{padding:0 clamp(20px,6vw,84px) 70px;max-width:1200px;margin:0 auto}.lp-cta{background:linear-gradient(120deg,var(--blue) 0%,#2E7FF0 55%,var(--teal-deep) 130%);border-radius:24px;color:#fff;text-align:center;padding:clamp(36px,5vw,60px) 24px;box-shadow:0 24px 60px #1e6feb59}.lp-cta h2{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:8px}.lp-cta p{opacity:.9;margin-bottom:24px}.lp-cta .btn{background:#fff;color:var(--blue);font-size:15px;padding:14px 28px}.lp-cta .btn:hover{transform:translateY(-2px)}.lp-footer{background:var(--navy-deep);color:#9fb2c8;padding:46px clamp(20px,6vw,84px) 28px}.lp-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}.lp-footer h5{color:#fff;font-size:13.5px;margin:0 0 12px}.lp-footer a{display:block;font-size:13px;margin-bottom:8px}.lp-footer a:hover{color:#fff}.lp-footer-desc{font-size:13px;max-width:34ch}.lp-social{display:flex;gap:10px;margin-top:14px}.lp-social a{width:34px;height:34px;border-radius:9px;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#c7d4e2}.lp-social a:hover{background:var(--teal);color:#fff}.lp-copy{border-top:1px solid rgba(255,255,255,.09);margin-top:34px;padding-top:20px;text-align:center;font-size:12.5px;max-width:1200px;margin-left:auto;margin-right:auto}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:linear-gradient(160deg,var(--navy-deep),#0D2236 70%);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,194,168,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,194,168,.06) 1px,transparent 1px);background-size:44px 44px}.auth-side h2{font-size:30px;font-weight:900;max-width:16ch}.auth-side p{color:#afc2d6;max-width:40ch}.auth-points{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.auth-point{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#d7e3ee}.auth-point svg{color:var(--teal);flex:none;margin-top:2px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg)}.auth-card{width:min(420px,100%)}.auth-card h1{font-size:26px;font-weight:900;color:var(--navy-deep)}.auth-card form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.auth-alt{margin-top:18px;font-size:13.5px;color:var(--muted);text-align:center}.auth-alt a{color:var(--blue);font-weight:700}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:11px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer}.btn-google:hover{border-color:#c9d4e0;box-shadow:var(--shadow-sm)}.ok-box,.error-box{border-radius:10px;padding:11px 14px;font-size:13.5px;font-weight:600;margin-top:12px}.ok-box{background:#e5f7ec;color:var(--green-dark)}.error-box{background:#feecec;color:#b3222a}.dash{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,var(--navy-deep),#0D2236);color:#c7d4e2;padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}.side-brand .logo-word{color:#fff}.side-item{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:none;color:#b9c9da;font-family:inherit;font-size:14px;font-weight:600;padding:11px 12px;border-radius:10px;cursor:pointer;text-align:left}.side-item:hover{background:#ffffff0f;color:#fff}.side-item.active{background:linear-gradient(90deg,var(--teal-deep),rgba(24,155,136,.35));color:#fff;box-shadow:0 4px 14px #00c2a840}.side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;display:flex;align-items:center;gap:10px}.side-ava{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--mint));color:#06322b;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.side-footer b{display:block;color:#fff;font-size:13px}.side-footer span{font-size:11.5px;color:#8fa3b8}.side-exit{margin-left:auto}.main{padding:26px clamp(18px,3vw,36px);max-width:1160px;width:100%;margin:0 auto}.main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:14px;flex-wrap:wrap}.main-head h1{font-size:22px;font-weight:900;color:var(--navy-deep);margin:0}.main-head .muted{font-size:13px}.trial-banner{background:linear-gradient(90deg,#fdf3df,#fefaf0);border:1px solid #F2DFAF;color:#7a5a10;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card h2{font-size:16.5px;font-weight:800;color:var(--navy-deep);display:flex;align-items:center;gap:8px}.card h3{font-size:14.5px;font-weight:800;color:var(--navy-deep)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.home-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.welcome-title{font-size:clamp(24px,3vw,32px);font-weight:900;color:var(--navy-deep)}.clocknow-card{text-align:left}.clock-btn-big{width:100%;font-size:17px;padding:18px;border-radius:14px}.today-card{margin-top:16px}.today-status{font-size:30px;font-weight:900;color:var(--green);margin:4px 0 2px}.today-status.late{color:#b97d0e}.today-status.absent{color:var(--red)}.today-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.today-meta div{background:var(--bg);border-radius:10px;padding:10px 12px}.today-meta b{display:block;font-size:17px;color:var(--navy-deep)}.today-meta span{font-size:11.5px;color:var(--muted);font-weight:600}.geo-card h3{margin-bottom:12px}.geo-map{position:relative;height:240px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#e7f4ef,#f4faf7 60%,#eaf2fb);border:1px solid var(--line)}.geo-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(18,60,90,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,60,90,.05) 1px,transparent 1px);background-size:30px 30px}.geo-fence{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#00c2a859,#00c2a814);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center}.geo-fence:after{content:"";width:14px;height:14px;background:var(--teal-deep);border-radius:50%;box-shadow:0 0 0 5px #00c2a840}.geo-label{position:absolute;bottom:10px;left:10px;font-size:11px;font-weight:700;color:var(--navy);background:#ffffffd9;padding:5px 9px;border-radius:8px}.team-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.team-mini div{background:var(--bg);border-radius:10px;padding:10px 12px;text-align:center}.team-mini b{display:block;font-size:20px;color:var(--navy-deep)}.team-mini span{font-size:11px;color:var(--muted);font-weight:700}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1.5px solid var(--line)}.table td{padding:10px;border-bottom:1px solid #F0F4F8}.table tr:hover td{background:#fafcfd}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;background:#eef2f6;color:var(--muted)}.status-present{background:#e5f7ec;color:var(--green-dark)}.status-late{background:#fdf3df;color:#b97d0e}.status-absent{background:#feecec;color:#b3222a}.status-leave,.status-sick{background:#e7effe;color:var(--blue-dark)}.status-holiday{background:#f3e8fd;color:#7a3ed0}.leave-pending{background:#fdf3df;color:#b97d0e}.leave-approved{background:#e5f7ec;color:var(--green-dark)}.leave-rejected{background:#feecec;color:#b3222a}.verify-yes,.verify-no{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.verify-yes{background:var(--mint-bg);color:var(--teal-dark)}.verify-no{background:#feecec;color:var(--red)}.review-btns{display:inline-flex;gap:6px}.stat-row{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0 14px}.stat{font-size:13px;color:var(--muted)}.stat strong{color:var(--navy-deep);font-size:15px}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}.export-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.analytics{display:flex;flex-direction:column;gap:18px}.analytics-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.analytics-head h2{font-size:21px;font-weight:900;color:var(--navy-deep);margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);border-top:4px solid var(--teal)}.kpi-num{font-size:30px;font-weight:900;color:var(--navy-deep);line-height:1.1}.kpi-label{font-size:12.5px;font-weight:700;color:var(--muted)}.kpi-green{border-top-color:var(--green)}.kpi-amber{border-top-color:var(--amber)}.kpi-red{border-top-color:var(--red)}.kpi-blue{border-top-color:var(--blue)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.trend{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:10px}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.trend-bars{display:flex;align-items:flex-end;gap:2px;height:100%;width:100%;justify-content:center}.bar{width:22%;border-radius:4px 4px 0 0;min-height:2px}.bar-green{background:var(--green)}.bar-amber{background:var(--amber)}.bar-red{background:var(--red)}.trend-date{font-size:10.5px;color:var(--muted);font-weight:700}.trend-total{font-size:11px;color:var(--navy-deep);font-weight:800}.legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--muted)}.legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.leader-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:9px;font-size:13.5px}.leader-list li{display:flex;justify-content:space-between;align-items:center;gap:8px}.live-feed{display:flex;flex-direction:column}.live-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0F4F8;font-size:13px}.live-row:last-child{border-bottom:none}.live-name{font-weight:700;color:var(--navy-deep);min-width:130px}.users-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.clock-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}.clock-card h2{margin-bottom:12px}.clock-state{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.state-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:6px 12px;border-radius:99px}.state-ok{color:var(--green-dark);background:#e5f7ec;border-color:#bfe8cd}.gps-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.selfie-btn{width:100%;min-height:150px;border:2px dashed var(--line);border-radius:14px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:700;cursor:pointer;font-family:inherit;font-size:14px}.selfie-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.selfie-btn:disabled{opacity:.55;cursor:not-allowed}.selfie-preview{max-height:220px;border-radius:10px}.clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.challenge-live{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1.5px dashed var(--teal);border-radius:14px;background:#00c2a80f}.challenge-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:800;letter-spacing:10px;color:var(--teal-dark);-webkit-user-select:none;user-select:none}.challenge-live .selfie-preview{border-radius:12px;max-width:200px}.tips{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.site-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.site-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13.5px}.role-select{min-width:170px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.pay-tile{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.pay-file-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;flex:none}.pfi-csv{background:linear-gradient(135deg,#21a453,#43c973)}.pfi-xls{background:linear-gradient(135deg,#1e6feb,#4e8df5)}.pay-tile b{display:block;font-size:15px;color:var(--navy-deep)}.pay-tile span{font-size:12.5px;color:var(--muted)}.summary-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary-kpis div{background:var(--bg);border-radius:10px;padding:12px}.summary-kpis b{display:block;font-size:20px;color:var(--navy-deep)}.summary-kpis span{font-size:11.5px;color:var(--muted);font-weight:700}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1020px){.lp-hero,.feat{grid-template-columns:1fr}.feat.rev .feat-visual{order:-1}.home-grid,.two-col,.clock-grid,.analytics-grid,.pay-grid,.testi-grid,.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.hiw-grid,.uc-grid,.sec-grid,.price-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.dash{grid-template-columns:64px 1fr}.side-brand .logo-word,.side-item span,.side-footer div{display:none}.side-item,.side-footer{justify-content:center}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.lp-nav-links{display:none}.inline-form{grid-template-columns:1fr}.hero-phone{display:none}.mock-duo{flex-direction:column;align-items:center}}