.timeclock-hero{position:relative;overflow:hidden;padding:70px 0 78px;background:radial-gradient(circle at 78% 10%,rgba(189,255,202,.7),transparent 31%),linear-gradient(180deg,#f6fffa,#fff)}
.timeclock-hero::after{content:"";position:absolute;right:-145px;bottom:-190px;width:350px;height:350px;border:48px solid rgba(120,233,162,.15);border-radius:50%;pointer-events:none}
.timeclock-hero .timeclock-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.9fr) minmax(390px,.72fr);gap:64px}
.timeclock-hero-copy h1{max-width:670px;font-size:clamp(2.6rem,4.4vw,4rem)}
.timeclock-hero-copy .lead{max-width:630px;margin:21px 0 27px}
.timeclock-hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:#426471;font-size:.82rem;font-weight:800}
.timeclock-hero-visual{position:relative;isolation:isolate;min-height:520px;display:grid;place-items:center}
.timeclock-hero-visual::before{content:"";position:absolute;z-index:-3;inset:11% 2% 3%;border-radius:48% 52% 42% 58%;background:radial-gradient(circle at 54% 42%,rgba(189,255,202,.72),rgba(120,233,162,.24) 43%,rgba(219,244,251,.12) 65%,transparent 70%);filter:blur(18px);animation:timeclock-glow-breathe 5.5s ease-in-out infinite}
.timeclock-hero-visual::after{content:"";position:absolute;z-index:-2;width:410px;height:410px;border:1px solid rgba(0,76,105,.11);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.22),0 0 0 35px rgba(0,76,105,.045);animation:timeclock-orbit-drift 9s ease-in-out infinite}
.timeclock-hero-video{position:relative;z-index:2;width:820px;max-width:none;height:auto;display:block;filter:drop-shadow(0 28px 24px rgba(0,46,69,.22));transform:translateY(5px);pointer-events:none}
.timeclock-video-ring{position:absolute;z-index:-1;border:1px solid rgba(5,144,96,.22);border-radius:50%;pointer-events:none}.timeclock-video-ring-one{width:330px;height:330px;transform:translate(32px,-6px);animation:timeclock-ring-one 8s ease-in-out infinite}.timeclock-video-ring-two{width:235px;height:235px;border-color:rgba(20,127,224,.16);transform:translate(-102px,76px);animation:timeclock-ring-two 7s ease-in-out infinite}
.timeclock-video-dot{position:absolute;z-index:1;border-radius:50%;background:#79e9a3;box-shadow:0 0 0 8px rgba(121,233,163,.16);pointer-events:none}.timeclock-video-dot-one{top:20%;right:10%;width:10px;height:10px;animation:timeclock-dot-float 4.2s ease-in-out infinite}.timeclock-video-dot-two{left:8%;bottom:23%;width:7px;height:7px;background:#2d9be7;box-shadow:0 0 0 7px rgba(45,155,231,.11);animation:timeclock-dot-float 4.8s ease-in-out -1.2s infinite}
.timeclock-video-floor{position:absolute;z-index:-1;bottom:3%;left:50%;width:310px;height:42px;border-radius:50%;background:rgba(0,46,69,.18);filter:blur(17px);transform:translateX(-50%)}
@keyframes timeclock-glow-breathe{0%,100%{transform:scale(.98) rotate(-2deg);opacity:.78}50%{transform:scale(1.04) rotate(2deg);opacity:1}}@keyframes timeclock-orbit-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes timeclock-ring-one{0%,100%{transform:translate(32px,-6px) scale(1)}50%{transform:translate(23px,-13px) scale(1.035)}}@keyframes timeclock-ring-two{0%,100%{transform:translate(-102px,76px) scale(1)}50%{transform:translate(-91px,67px) scale(.965)}}@keyframes timeclock-dot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.timeclock-phone{position:relative;z-index:2;width:284px;min-height:515px;padding:24px 14px 16px;border:4px solid #18323e;border-radius:43px;color:#173b4b;background:#f8fbfb;box-shadow:0 30px 65px rgba(0,46,69,.25),inset 0 0 0 2px #49606a;transform:rotate(1.8deg);transition:transform .3s ease,box-shadow .3s ease}
.timeclock-phone:hover{box-shadow:0 38px 72px rgba(0,46,69,.31);transform:rotate(.6deg) translateY(-5px)}
.timeclock-phone-island{position:absolute;z-index:4;top:8px;left:50%;width:82px;height:19px;border-radius:0 0 13px 13px;background:#071820;transform:translateX(-50%)}
.timeclock-phone header{height:44px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;padding:4px 5px;color:#fff;border-radius:19px 19px 0 0;background:#00374e}
.timeclock-phone header i,.timeclock-phone header b{font-style:normal;text-align:center}.timeclock-phone header strong{font-size:.8rem;text-align:center}
.timeclock-face{position:relative;width:154px;height:154px;margin:18px auto 14px;padding:7px;border:2px solid #80eda5;border-radius:50%;background:#e7f4f1}
.timeclock-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 24%}
.timeclock-face>b{position:absolute;right:-2px;bottom:7px;width:37px;height:37px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;background:#08aa70;font-size:1rem}
.scan-corner{position:absolute;width:23px;height:23px;border-color:#22d988;border-style:solid}.scan-corner-one{left:20px;top:24px;border-width:3px 0 0 3px;border-radius:8px 0 0}.scan-corner-two{right:20px;top:24px;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.scan-corner-three{left:20px;bottom:24px;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.scan-corner-four{right:20px;bottom:24px;border-width:0 3px 3px 0;border-radius:0 0 8px}
.timeclock-authorized-map{position:relative;min-height:126px;overflow:hidden;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px;padding:11px;border:1px solid #d6e6e3;border-radius:15px;background:linear-gradient(135deg,#e6f0ee,#f8fbfa)}
.timeclock-authorized-map::before,.timeclock-authorized-map::after{content:"";position:absolute;width:180px;height:10px;background:#fff;opacity:.8;transform:rotate(-18deg)}.timeclock-authorized-map::before{left:-30px;top:38px}.timeclock-authorized-map::after{left:30px;bottom:28px;transform:rotate(24deg)}.timeclock-authorized-map>*{position:relative;z-index:2}
.timeclock-map-zone{width:82px;height:82px;display:grid;place-items:center;border:2px dashed #26c984;border-radius:50%;background:rgba(120,233,162,.27);animation:point-zone-pulse 2.8s ease-in-out infinite}.timeclock-map-zone i{width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#147fe0;box-shadow:0 3px 10px rgba(0,46,69,.25)}
.timeclock-authorized-map small,.timeclock-authorized-map strong{display:block}.timeclock-authorized-map small{color:#07885b;font-size:.5rem;font-weight:900}.timeclock-authorized-map strong{margin-top:4px;color:#173b4b;font-size:.68rem;line-height:1.2}
.timeclock-success{margin-top:10px;padding:11px;border-radius:12px;color:#fff;background:#08a76e;font-size:.72rem;font-weight:900;text-align:center}
.timeclock-live-notice{position:absolute;z-index:4;right:-8px;bottom:44px;width:262px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:13px;border:1px solid #d4e5e2;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 18px 42px rgba(0,46,69,.18);animation:point-notice-float 4s ease-in-out infinite}
.timeclock-live-notice>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#07885b;background:#d8fbe4;font-size:.55rem}.timeclock-live-notice small,.timeclock-live-notice strong{display:block}.timeclock-live-notice small{color:#718991;font-size:.54rem}.timeclock-live-notice strong{color:#173b4b;font-size:.66rem;line-height:1.25}.timeclock-live-notice time{color:#07885b;font-size:.61rem;font-weight:900}
@keyframes point-zone-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes point-notice-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.timeclock-compliance{padding:38px 0;color:#fff;background:#002e45}.timeclock-compliance-inner{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:24px}.timeclock-law-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(189,255,202,.38);border-radius:18px;color:#002e45;background:#bdffca;font-size:1.7rem;font-weight:950}.timeclock-compliance .eyebrow{margin-bottom:5px;color:#9ff2b7;font-size:.7rem}.timeclock-compliance h2{color:#fff;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.2}.timeclock-compliance p:not(.eyebrow){max-width:760px;margin:8px 0 3px;color:#c4d8df;font-size:.9rem;line-height:1.55}.timeclock-compliance small{color:#8facb7;font-size:.7rem}.timeclock-law-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-size:.78rem;font-weight:850;white-space:nowrap;transition:color .2s ease,background .2s ease}.timeclock-law-link:hover{color:#002e45;background:#bdffca}
.timeclock-section{overflow:hidden;background:#f6fbfa}.timeclock-section-dark{color:#fff;background:radial-gradient(circle at 90% 10%,rgba(120,233,162,.12),transparent 27%),#002e45}.timeclock-section-heading{max-width:790px;margin-bottom:32px}.timeclock-section-heading h2{max-width:750px;font-size:clamp(2.15rem,4vw,3.55rem)}.timeclock-section-heading>p:last-child{max-width:650px;margin:14px 0 0;color:#5d7681;font-size:1rem}.timeclock-section-dark .timeclock-section-heading h2{color:#fff}.timeclock-section-dark .timeclock-section-heading .eyebrow{color:#9ff2b7}.timeclock-section-dark .timeclock-section-heading>p:last-child{color:#c4d8df}
.timeclock-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeclock-card{min-width:0;min-height:238px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.68fr);align-items:center;gap:20px;padding:22px;border:1px solid #d7e6e3;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(0,46,69,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.timeclock-card:hover{border-color:#a6ddba;box-shadow:0 22px 48px rgba(0,46,69,.13);transform:translateY(-5px)}.timeclock-card:hover>:last-child{transform:scale(1.025)}.timeclock-card-copy{position:relative;padding-left:46px}.timeclock-card-number{position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#087650;background:#dffbea;font-size:.65rem;font-weight:950}.timeclock-card-copy h3{font-size:clamp(1.12rem,1.55vw,1.35rem);line-height:1.16}.timeclock-card-copy p{margin:8px 0 0;color:#5d7681;font-size:.88rem;line-height:1.48}.timeclock-card>:last-child{min-width:0;transition:transform .25s ease}
.mini-map-preview,.mini-live-map{position:relative;height:142px;overflow:hidden;border:1px solid #d4e5e2;border-radius:15px;background:linear-gradient(135deg,#eaf3f1,#f8fbfa)}.mini-map-preview::before,.mini-map-preview::after,.mini-live-map::before,.mini-live-map::after{content:"";position:absolute;width:210px;height:13px;background:#fff;opacity:.85}.mini-map-preview::before,.mini-live-map::before{left:-34px;top:40px;transform:rotate(-22deg)}.mini-map-preview::after,.mini-live-map::after{right:-42px;bottom:31px;transform:rotate(29deg)}.mini-road{position:absolute;width:180px;height:2px;background:#bdd6d2;opacity:.8}.road-a{left:9px;bottom:38px;transform:rotate(-9deg)}.road-b{right:-24px;top:35px;transform:rotate(48deg)}.mini-zone{position:absolute;z-index:2;left:18px;top:16px;width:84px;height:84px;display:grid;place-items:center;border:2px dashed #20c781;border-radius:50%;background:rgba(120,233,162,.25);animation:point-zone-pulse 2.8s ease-in-out infinite}.mini-zone b{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#1682df}.mini-worker{position:absolute;z-index:3;left:49px;top:44px;display:flex;align-items:center;gap:5px}.mini-worker img{width:29px;height:29px;border:2px solid #fff;border-radius:50%;object-fit:cover;object-position:50% 22%;box-shadow:0 4px 10px rgba(0,46,69,.22)}.mini-worker em{padding:4px 6px;border-radius:999px;color:#087650;background:#fff;box-shadow:0 4px 10px rgba(0,46,69,.1);font-size:.48rem;font-style:normal;font-weight:850;white-space:nowrap}
.mini-face-preview{display:grid;justify-items:center;gap:7px;padding:13px;border:1px solid #d8e7e4;border-radius:15px;background:#f3f9f7}.mini-face-preview img{width:88px;height:88px;padding:4px;border:2px solid #65e697;border-radius:50%;object-fit:cover;object-position:50% 22%}.mini-face-preview span{width:66px;height:1px;margin-top:-50px;background:#20d789;box-shadow:0 0 10px #20d789;animation:point-face-scan 2.2s ease-in-out infinite}.mini-face-preview b{margin-top:36px;color:#087650;font-size:.63rem}@keyframes point-face-scan{0%,100%{transform:translateY(-24px)}50%{transform:translateY(24px)}}
.mini-alert-stack{display:grid;gap:7px}.mini-alert-stack span{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;gap:0 7px;padding:9px;border:1px solid #dce8e6;border-radius:12px;background:#f8fbfa}.mini-alert-stack i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#087650;background:#d8fbe4;font-size:.65rem;font-style:normal;font-weight:950}.mini-alert-stack b{color:#294f5c;font-size:.61rem}.mini-alert-stack small{color:#758d95;font-size:.52rem}.mini-alert-stack .is-missed{border-color:#f0d1cd;background:#fff8f7}.mini-alert-stack .is-missed i{color:#b83228;background:#ffe0dc;animation:point-warning 1.7s ease-in-out infinite}@keyframes point-warning{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.mini-offline-preview{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:8px;padding:13px;border:1px solid #d8e6e3;border-radius:15px;background:#f4f9f7}.mini-offline-preview>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#003b54;background:#dffbea;font-size:1.05rem}.mini-offline-preview small,.mini-offline-preview strong,.mini-offline-preview em{display:block}.mini-offline-preview small{color:#7c9299;font-size:.49rem;font-weight:900}.mini-offline-preview strong{color:#294f5c;font-size:.7rem}.mini-offline-preview em{color:#718991;font-size:.53rem;font-style:normal}.mini-offline-preview>b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#087650;background:#c8f9d7;font-size:.61rem}
.mini-hours-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-hours-preview span{padding:10px 5px;border:1px solid #d9e7e4;border-radius:11px;background:#f7faf9;text-align:center}.mini-hours-preview small,.mini-hours-preview strong{display:block}.mini-hours-preview small{color:#758d95;font-size:.5rem;font-weight:800}.mini-hours-preview strong{margin-top:3px;color:#16485a;font-size:.72rem}.mini-hours-preview .positive{background:#edfff3}.mini-hours-preview .positive strong{color:#07885b}
.mini-report-preview{overflow:hidden;padding:10px;border:1px solid #d7e5e3;border-radius:14px;background:#fff;box-shadow:0 9px 20px rgba(0,46,69,.07)}.mini-report-preview header{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;padding-bottom:7px;border-bottom:1px solid #e4eceb}.mini-report-preview header>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#0a4770;font-size:.6rem}.mini-report-preview header b,.mini-report-preview header small{display:block}.mini-report-preview header b{color:#173b4b;font-size:.58rem}.mini-report-preview header small{color:#7b9198;font-size:.47rem}.mini-report-preview header em{color:#07885b;font-size:.58rem;font-style:normal}.mini-report-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:3px;padding:6px 1px;border-bottom:1px solid #edf1f0;color:#59727c;font-size:.48rem}.mini-report-row b{color:#315763}.mini-report-row strong{color:#087650}.mini-report-preview footer{padding-top:6px;color:#087650;font-size:.47rem;font-weight:850;text-align:right}
.mini-approval-preview{padding:11px;border:1px solid #d8e6e3;border-radius:14px;background:#f7faf9}.mini-approval-preview header{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center}.mini-approval-preview header i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#164c67;font-size:.55rem;font-style:normal;font-weight:900}.mini-approval-preview header b,.mini-approval-preview header small{display:block}.mini-approval-preview header b{color:#294f5c;font-size:.62rem}.mini-approval-preview header small{color:#758d95;font-size:.51rem}.mini-approval-preview p{margin:9px 0;padding:7px;border-radius:8px;color:#5f7780;background:#fff;font-size:.54rem}.mini-approval-preview>span{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mini-approval-preview>span b,.mini-approval-preview>span strong{padding:6px 3px;border-radius:8px;font-size:.51rem;text-align:center}.mini-approval-preview>span b{color:#a33b32;background:#ffe9e7}.mini-approval-preview>span strong{color:#087650;background:#dffbea}
.mini-client-hours{display:grid;gap:10px}.mini-client-hours>span{display:grid;grid-template-columns:1fr 44px;gap:3px 6px;align-items:center}.mini-client-hours b{color:#315763;font-size:.56rem}.mini-client-hours strong{grid-row:1/3;grid-column:2;color:#087650;font-size:.6rem;text-align:right}.mini-client-hours i{height:7px;overflow:hidden;border-radius:99px;background:#e4eeec}.mini-client-hours em{display:block;width:var(--bar);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a9968,#78e9a2)}
.mini-shift-preview{display:grid;gap:6px;padding:10px;border:1px solid #d8e6e3;border-radius:14px;background:#f7faf9}.mini-shift-preview header{display:flex;justify-content:space-between;color:#315763;font-size:.52rem}.mini-shift-preview>div{display:grid;grid-template-columns:42px 1fr;gap:7px;align-items:center;padding:8px;border-radius:9px;background:#fff}.mini-shift-preview small{color:#789098;font-size:.48rem;font-weight:850}.mini-shift-preview div b{padding:4px;border-radius:6px;color:#075b47;background:#dffbea;font-size:.56rem;text-align:center}
.live-client-zone{position:absolute;z-index:2;left:45px;top:24px;width:78px;height:78px;display:grid;place-items:center;border:2px dashed #20c781;border-radius:50%;background:rgba(120,233,162,.22)}.live-client-zone b{width:9px;height:9px;border:3px solid #fff;border-radius:50%;background:#087650}.live-road-one,.live-road-two{position:absolute;width:170px;height:12px;background:#fff;opacity:.85}.live-road-one{left:-25px;top:44px;transform:rotate(-18deg)}.live-road-two{right:-37px;bottom:28px;transform:rotate(33deg)}.live-person{position:absolute;z-index:3;display:flex;align-items:center;gap:4px}.live-person img,.live-person>b{width:27px;height:27px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;object-fit:cover;object-position:50% 22%;color:#fff;background:#164c67;font-size:.45rem;box-shadow:0 4px 10px rgba(0,46,69,.22)}.live-person small{padding:3px 5px;border-radius:99px;color:#087650;background:#fff;box-shadow:0 4px 10px rgba(0,46,69,.1);font-size:.44rem;font-weight:850;white-space:nowrap}.person-one{left:59px;top:52px}.person-two{right:8px;bottom:17px}
.mini-leave-preview{padding:10px;border:1px solid #d8e6e3;border-radius:14px;background:#f8fbfa}.mini-leave-preview header{display:flex;justify-content:space-between;color:#315763;font-size:.55rem}.mini-calendar-days{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0}.mini-calendar-days i{padding:4px;border-radius:6px;color:#315763;background:#dffbea;font-size:.5rem;font-style:normal;text-align:center}.mini-calendar-days i:nth-child(n+4):nth-child(-n+6){background:#fff1c8}.mini-calendar-days i:nth-child(n+7){background:#d9ebfa}.mini-leave-preview footer{display:flex;align-items:center;gap:4px;color:#789098;font-size:.44rem}.mini-leave-preview footer span{width:6px;height:6px;border-radius:50%;background:#b8f2cb}.mini-leave-preview footer span:nth-child(2){background:#f3cc73}
.mini-modes-preview{display:grid;gap:6px}.mini-modes-preview span{min-height:35px;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;padding:5px 7px;border:1px solid #d9e7e4;border-radius:10px;color:#315763;background:#f8fbfa}.mini-modes-preview i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#087650;background:#dffbea;font-style:normal}.mini-modes-preview b{font-size:.58rem}.mini-modes-preview .is-active{color:#fff;border-color:#003b54;background:#003b54}.mini-modes-preview .is-active i{color:#003b54;background:#bdffca}
.timeclock-lead-section{background:#f6fbfa}.timeclock-lead-panel{align-items:start}.timeclock-lead-panel .button[type=submit]{width:100%}.timeclock-faq-section{padding-top:78px}
@media(max-width:980px){.timeclock-hero .timeclock-hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.timeclock-live-notice{right:-4px}.timeclock-card{grid-template-columns:minmax(0,1fr) 155px}.timeclock-compliance-inner{grid-template-columns:62px 1fr}.timeclock-law-link{grid-column:2;justify-self:start}}
@media(max-width:820px){.timeclock-hero .timeclock-hero-grid{grid-template-columns:1fr}.timeclock-hero-copy{text-align:center}.timeclock-hero-copy h1,.timeclock-hero-copy .lead{margin-inline:auto}.timeclock-hero-copy .hero-actions,.timeclock-hero-proof{justify-content:center}.timeclock-hero-visual{min-height:475px}.timeclock-hero-video{width:760px}.timeclock-hero-visual::after{width:370px;height:370px}.timeclock-card-grid{grid-template-columns:1fr}.timeclock-card{min-height:205px;grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:680px){.timeclock-hero{padding:52px 0 58px}.timeclock-hero-copy h1{font-size:clamp(2.15rem,10.5vw,3rem)}.timeclock-hero-copy .lead{margin:16px auto 21px;font-size:.98rem}.timeclock-hero-copy .hero-actions{display:grid}.timeclock-hero-proof{display:grid;gap:5px;margin-top:17px;text-align:left}.timeclock-hero-visual{min-height:395px;margin-top:6px}.timeclock-hero-video{width:660px;transform:translateY(9px)}.timeclock-hero-visual::before{inset:14% -4% 2%}.timeclock-hero-visual::after{width:305px;height:305px;box-shadow:0 0 0 24px rgba(255,255,255,.2),0 0 0 25px rgba(0,76,105,.045)}.timeclock-video-ring-one{width:265px;height:265px}.timeclock-video-ring-two{width:180px;height:180px}.timeclock-video-dot-one{right:6%}.timeclock-video-dot-two{left:4%}.timeclock-video-floor{bottom:2%;width:240px;height:34px}.timeclock-compliance{padding:31px 0}.timeclock-compliance-inner{grid-template-columns:48px 1fr;gap:14px}.timeclock-law-icon{width:48px;height:48px;border-radius:14px;font-size:1.25rem}.timeclock-compliance h2{font-size:1.24rem}.timeclock-compliance p:not(.eyebrow){font-size:.82rem}.timeclock-compliance small{display:block;margin-top:6px;line-height:1.4}.timeclock-law-link{grid-column:1/-1}.timeclock-section{padding:58px 0}.timeclock-section-heading{margin-bottom:21px}.timeclock-section-heading h2{font-size:clamp(1.75rem,8.6vw,2.35rem)}.timeclock-section-heading>p:last-child{margin-top:11px;font-size:.9rem;line-height:1.52}.timeclock-card-grid{gap:11px}.timeclock-card{min-height:158px;grid-template-columns:minmax(0,1fr) 94px;gap:11px;padding:15px;border-radius:17px;box-shadow:0 10px 24px rgba(0,46,69,.06)}.timeclock-card:hover{transform:none}.timeclock-card-copy{padding-left:37px}.timeclock-card-number{width:28px;height:28px;border-radius:8px;font-size:.56rem}.timeclock-card-copy h3{font-size:1rem;line-height:1.18}.timeclock-card-copy p{margin-top:6px;font-size:.77rem;line-height:1.4}.mini-map-preview,.mini-live-map{height:92px;border-radius:11px}.mini-zone{left:8px;top:8px;width:58px;height:58px}.mini-worker{left:27px;top:29px}.mini-worker img{width:23px;height:23px}.mini-worker em{display:none}.mini-face-preview{gap:3px;padding:7px;border-radius:11px}.mini-face-preview img{width:60px;height:60px}.mini-face-preview span{width:45px;margin-top:-37px}.mini-face-preview b{margin-top:27px;font-size:.48rem}.mini-alert-stack{gap:4px}.mini-alert-stack span{grid-template-columns:21px 1fr;padding:5px;border-radius:8px}.mini-alert-stack i{width:21px;height:21px;border-radius:6px;font-size:.5rem}.mini-alert-stack b{font-size:.48rem;line-height:1.15}.mini-alert-stack small{display:none}.mini-offline-preview{grid-template-columns:27px 1fr;gap:5px;padding:7px;border-radius:10px}.mini-offline-preview>span{width:27px;height:27px;border-radius:8px;font-size:.75rem}.mini-offline-preview small{font-size:.42rem}.mini-offline-preview strong{font-size:.55rem}.mini-offline-preview em,.mini-offline-preview>b{display:none}.mini-hours-preview{grid-template-columns:1fr;gap:3px}.mini-hours-preview span{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:7px}.mini-hours-preview small{font-size:.42rem}.mini-hours-preview strong{margin:0;font-size:.52rem}.mini-report-preview{padding:6px;border-radius:9px}.mini-report-preview header{grid-template-columns:18px 1fr auto;gap:3px}.mini-report-preview header>span{width:18px;height:18px;border-radius:5px}.mini-report-preview header b{font-size:.45rem}.mini-report-preview header small,.mini-report-preview header em{font-size:.4rem}.mini-report-row{grid-template-columns:1fr 1fr;font-size:.4rem}.mini-report-row span{display:none}.mini-report-preview footer{font-size:.39rem}.mini-approval-preview{padding:7px;border-radius:9px}.mini-approval-preview header{grid-template-columns:23px 1fr;gap:4px}.mini-approval-preview header i{width:23px;height:23px;font-size:.43rem}.mini-approval-preview header b{font-size:.48rem}.mini-approval-preview header small{font-size:.4rem}.mini-approval-preview p{margin:5px 0;padding:4px;font-size:.43rem}.mini-approval-preview>span b,.mini-approval-preview>span strong{padding:4px 2px;font-size:.4rem}.mini-client-hours{gap:6px}.mini-client-hours>span{grid-template-columns:1fr 27px;gap:1px 3px}.mini-client-hours b,.mini-client-hours strong{font-size:.43rem}.mini-client-hours i{height:5px}.mini-shift-preview{gap:4px;padding:6px;border-radius:9px}.mini-shift-preview header{font-size:.4rem}.mini-shift-preview>div{grid-template-columns:30px 1fr;gap:3px;padding:4px}.mini-shift-preview small,.mini-shift-preview div b{font-size:.4rem}.live-client-zone{left:17px;top:10px;width:55px;height:55px}.live-person img,.live-person>b{width:20px;height:20px;font-size:.35rem}.live-person small{display:none}.person-one{left:35px;top:29px}.person-two{right:10px;bottom:10px}.mini-leave-preview{padding:6px;border-radius:9px}.mini-leave-preview header{font-size:.43rem}.mini-calendar-days{gap:2px;margin:5px 0}.mini-calendar-days i{padding:2px;font-size:.4rem}.mini-leave-preview footer{font-size:.36rem}.mini-modes-preview{gap:3px}.mini-modes-preview span{min-height:25px;grid-template-columns:18px 1fr;gap:4px;padding:3px 4px;border-radius:7px}.mini-modes-preview i{width:18px;height:18px;border-radius:5px;font-size:.46rem}.mini-modes-preview b{font-size:.44rem}.timeclock-lead-section{padding:58px 0}.timeclock-faq-section{padding:58px 0 76px}}
@media(prefers-reduced-motion:reduce){.timeclock-hero-visual::before,.timeclock-hero-visual::after,.timeclock-video-ring,.timeclock-video-dot,.timeclock-phone,.timeclock-live-notice,.timeclock-map-zone,.mini-zone,.mini-face-preview span,.mini-alert-stack .is-missed i,.timeclock-card,.timeclock-card>:last-child{animation:none!important;transition:none!important}}
@media(max-width:680px){.timeclock-hero-copy h1{font-size:clamp(2.05rem,9.6vw,2.8rem)}.timeclock-card-copy p{font-size:.8rem}}

/* Órbita de recursos e correção da composição móvel */
.timeclock-mobile-orbit{display:none}
@keyframes timeclock-mobile-orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes timeclock-mobile-orbit-counter{from{transform:translate(-50%,-50%) rotate(var(--counter-angle))}to{transform:translate(-50%,-50%) rotate(calc(var(--counter-angle) - 360deg))}}
@media(max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .timeclock-hero .container,.timeclock-hero .timeclock-hero-grid,.timeclock-hero-copy,.timeclock-hero-visual{min-width:0;width:100%;max-width:100%}
  .timeclock-hero .timeclock-hero-grid{gap:28px}
  .timeclock-hero-copy h1,.timeclock-hero-copy .lead{width:100%;max-width:100%;overflow-wrap:normal}
  .timeclock-hero-copy .hero-actions{width:100%;grid-template-columns:minmax(0,1fr)}
  .timeclock-hero-copy .hero-actions .button{width:100%;max-width:330px;margin-inline:auto;white-space:normal}
  .timeclock-hero-proof{width:min(100%,330px);margin-inline:auto}
  .timeclock-hero-visual{min-height:365px;margin-top:0;overflow:visible}
  .timeclock-hero-video{width:470px;max-width:none;transform:translateY(8px);filter:drop-shadow(0 21px 19px rgba(0,46,69,.2))}
  .timeclock-hero-visual::before{inset:13% 3% 3%;filter:blur(14px)}
  .timeclock-hero-visual::after,.timeclock-video-ring,.timeclock-video-dot{display:none}
  .timeclock-video-floor{bottom:4%;width:220px;height:30px}
  .timeclock-mobile-orbit{position:absolute;z-index:3;left:50%;top:50%;width:266px;height:266px;display:block;border-radius:50%;transform:translate(-50%,-50%);animation:timeclock-mobile-orbit-spin 30s linear infinite;pointer-events:none}
  .timeclock-mobile-orbit::before,.timeclock-mobile-orbit::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
  .timeclock-mobile-orbit::before{inset:0;border:1px solid rgba(0,72,101,.17);box-shadow:0 0 0 12px rgba(255,255,255,.18)}
  .timeclock-mobile-orbit::after{inset:38px;border:1px dashed rgba(15,163,106,.16)}
  .timeclock-orbit-node{position:absolute;left:50%;top:50%;width:1px;height:1px;display:block;transform:rotate(var(--angle)) translateX(133px)}
  .timeclock-orbit-node>i{position:absolute;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(0,72,101,.12);border-radius:50%;color:#004865;background:rgba(255,255,255,.97);box-shadow:0 10px 24px rgba(0,46,69,.14);font-size:1.22rem;font-style:normal;font-weight:900;transform:translate(-50%,-50%) rotate(var(--counter-angle));animation:timeclock-mobile-orbit-counter 30s linear infinite}
  .timeclock-orbit-node>i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .timeclock-orbit-node>i>small{position:absolute;left:50%;top:53px;min-width:68px;padding:3px 7px;border:1px solid rgba(0,72,101,.08);border-radius:999px;color:#315763;background:rgba(255,255,255,.95);box-shadow:0 5px 14px rgba(0,46,69,.09);font-size:.69rem;font-style:normal;font-weight:850;line-height:1.2;text-align:center;white-space:nowrap;transform:translateX(-50%)}
  .timeclock-orbit-node.is-vacation>i{color:#07885b;background:#ddfbea}.timeclock-orbit-node.is-calendar>i{color:#0878ba;background:#e8f6fd}.timeclock-orbit-node.is-law>i{color:#004865;background:#f3fbff}.timeclock-orbit-node.is-clock>i{color:#aa7200;background:#fff7dc}.timeclock-orbit-node.is-reports>i{color:#087650;background:#e7fff0}
}
@media(max-width:380px){.timeclock-mobile-orbit{width:250px;height:250px}.timeclock-orbit-node{transform:rotate(var(--angle)) translateX(125px)}.timeclock-orbit-node>i{width:44px;height:44px}.timeclock-orbit-node>i>small{top:49px;min-width:62px;font-size:.64rem}.timeclock-hero-video{width:440px}.timeclock-hero-visual{min-height:345px}}
@media(prefers-reduced-motion:reduce){.timeclock-mobile-orbit,.timeclock-orbit-node>i{animation:none!important}}

/* Órbita funcional em desktop e profundidade 3D */
@keyframes timeclock-feature-orbit{from{offset-distance:0%}to{offset-distance:100%}}
.timeclock-hero-visual::after{display:block;z-index:1;left:50%;top:50%;width:540px;height:400px;border:1px solid rgba(32,94,115,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.12),0 0 0 35px rgba(32,94,115,.035);transform:translate(-50%,-50%) rotate(-7deg);animation:none}
.timeclock-hero-video{z-index:3}
.timeclock-video-ring,.timeclock-video-dot{display:none}
.timeclock-video-floor{z-index:1}
.timeclock-video-depth-arc{position:absolute;z-index:2;left:50%;top:50%;width:540px;height:400px;border:1px solid transparent;border-right-color:rgba(32,94,115,.24);border-bottom-color:rgba(32,94,115,.24);border-radius:50%;clip-path:inset(51% -10px -10px -10px);transform:translate(-50%,-50%) rotate(-7deg);pointer-events:none}
.timeclock-mobile-orbit{position:absolute;z-index:4;left:50%;top:50%;width:540px;height:400px;display:block;border-radius:50%;transform:translate(-50%,-50%);animation:none;pointer-events:none}
.timeclock-mobile-orbit::before,.timeclock-mobile-orbit::after{display:none}
.timeclock-orbit-node{position:absolute;left:0;top:0;width:1px;height:1px;display:block;transform:none;offset-path:path("M270 10 A270 190 0 1 1 269.9 10");offset-distance:0%;offset-rotate:0deg;animation:timeclock-feature-orbit 32s linear infinite;animation-delay:var(--orbit-delay)}
.timeclock-orbit-node>i{position:absolute;left:0;top:0;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(49,87,99,.14);border-radius:50%;color:#516d77;background:rgba(255,255,255,.9);box-shadow:0 9px 23px rgba(0,46,69,.1);font-size:1.1rem;font-style:normal;font-weight:800;opacity:.84;transform:translate(-50%,-50%);animation:none}
.timeclock-orbit-node>i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.timeclock-orbit-node>i>small{position:absolute;left:50%;top:58px;min-width:74px;padding:0;color:#516d77;background:transparent;box-shadow:none;border:0;font-size:.69rem;font-style:normal;font-weight:750;line-height:1.15;text-align:center;white-space:nowrap;opacity:.86;transform:translateX(-50%)}
.timeclock-orbit-node[class]>i{color:#516d77;background:rgba(255,255,255,.9)}
@media(max-width:980px) and (min-width:681px){.timeclock-hero-visual::after,.timeclock-video-depth-arc{width:450px;height:350px}.timeclock-mobile-orbit{width:450px;height:350px}.timeclock-orbit-node{offset-path:path("M225 5 A225 170 0 1 1 224.9 5")}.timeclock-orbit-node>i{width:48px;height:48px}.timeclock-orbit-node>i>small{top:54px}.timeclock-hero-video{width:730px}}
@media(max-width:680px){
  .timeclock-hero-visual::after{display:block;z-index:1;width:280px;height:280px;border-color:rgba(32,94,115,.14);box-shadow:0 0 0 15px rgba(255,255,255,.13);transform:translate(-50%,-50%) rotate(-8deg)}
  .timeclock-video-depth-arc{width:280px;height:280px;border-right-color:rgba(32,94,115,.2);border-bottom-color:rgba(32,94,115,.2);transform:translate(-50%,-50%) rotate(-8deg)}
  .timeclock-mobile-orbit{width:266px;height:266px;transform:translate(-50%,-50%);animation:none}
  .timeclock-orbit-node{left:0;top:0;transform:none;offset-path:path("M133 7 A133 126 0 1 1 132.9 7");offset-distance:0%;animation:timeclock-feature-orbit 32s linear infinite;animation-delay:var(--orbit-delay)}
  .timeclock-orbit-node>i{width:43px;height:43px;opacity:.78;transform:translate(-50%,-50%);animation:none}
  .timeclock-orbit-node>i svg{width:18px;height:18px}
  .timeclock-orbit-node>i>small{display:none}
}
@media(max-width:380px){.timeclock-hero-visual::after,.timeclock-video-depth-arc{width:260px;height:260px}.timeclock-mobile-orbit{width:250px;height:250px}.timeclock-orbit-node{offset-path:path("M125 5 A125 120 0 1 1 124.9 5")}}
@supports not (offset-path:path("M0 0L1 1")){.timeclock-mobile-orbit{animation:timeclock-mobile-orbit-spin 32s linear infinite}.timeclock-orbit-node{left:50%;top:50%;offset-path:none;transform:rotate(var(--angle)) translateX(250px);animation:none}.timeclock-orbit-node>i{transform:translate(-50%,-50%) rotate(var(--counter-angle));animation:timeclock-mobile-orbit-counter 32s linear infinite}@media(max-width:980px){.timeclock-orbit-node{transform:rotate(var(--angle)) translateX(210px)}}@media(max-width:680px){.timeclock-orbit-node{transform:rotate(var(--angle)) translateX(133px)}}@media(max-width:380px){.timeclock-orbit-node{transform:rotate(var(--angle)) translateX(125px)}}}
@media(prefers-reduced-motion:reduce){.timeclock-orbit-node{animation:none!important;offset-distance:var(--orbit-position)}.timeclock-video-depth-arc{animation:none!important}}

/* Telemóvel em primeiro plano e paleta pastel neutra */
.timeclock-mobile-orbit{z-index:2}
.timeclock-hero-video{z-index:4}
.timeclock-orbit-node>i{opacity:.9;border-color:rgba(71,104,115,.13);box-shadow:0 8px 20px rgba(0,46,69,.085)}
.timeclock-orbit-node:nth-child(1)>i{color:#647f8c;background:#edf6fa}
.timeclock-orbit-node:nth-child(2)>i{color:#647d6d;background:#eef8f1}
.timeclock-orbit-node:nth-child(3)>i{color:#8a6d78;background:#faf0f4}
.timeclock-orbit-node:nth-child(4)>i{color:#746e88;background:#f3f0f8}
.timeclock-orbit-node:nth-child(5)>i{color:#83745e;background:#faf5eb}
.timeclock-orbit-node:nth-child(6)>i{color:#657d8e;background:#eef4fa}
.timeclock-orbit-node:nth-child(7)>i{color:#807080;background:#f8f0f5}
.timeclock-orbit-node:nth-child(8)>i{color:#5f7d73;background:#edf7f3}
.timeclock-orbit-node>i>small{color:currentColor;opacity:.82}
@media(max-width:680px){
  .timeclock-mobile-orbit{z-index:2;opacity:1}
  .timeclock-hero-video{z-index:4;opacity:1!important}
  .timeclock-orbit-node>i{opacity:1!important}
  .timeclock-video-depth-arc{opacity:1}
}

/* Safari no iPhone usa o MP4 de reserva, cujo fundo branco faz parte do vídeo.
   O recorte mantém apenas o aparelho e deixa a órbita visível ao redor. */
@supports (-webkit-touch-callout:none){
  @media(max-width:680px){
    .timeclock-hero-video{
      opacity:1!important;
      filter:drop-shadow(0 21px 19px rgba(0,46,69,.2));
      -webkit-clip-path:inset(4% 29.3% 0 25.4% round 31px 31px 0 0);
      clip-path:inset(4% 29.3% 0 25.4% round 31px 31px 0 0);
      transform:translateY(8px) translateZ(0);
    }
  }
}
.timeclock-law-update{padding:26px 0;background:#eefaf3;border-bottom:1px solid #ccebd9}
.timeclock-law-update-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 28px;border:1px solid #bde6ce;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(5,54,73,.07)}
.timeclock-law-update-mark{width:82px;height:82px;display:grid;place-content:center;text-align:center;border-radius:20px;color:#fff;background:#07384d;box-shadow:0 10px 22px rgba(7,56,77,.18);transform:rotate(-2deg)}
.timeclock-law-update-mark span{font-size:1.65rem;font-weight:900;line-height:1}
.timeclock-law-update-mark small{margin-top:7px;color:#aef6c7;font-size:.55rem;font-weight:900;letter-spacing:.1em}
.timeclock-law-update-copy .eyebrow{margin:0 0 6px;color:#068455}
.timeclock-law-update-copy h2{margin:0;color:#07384d;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.08}
.timeclock-law-update-copy p:last-child{max-width:760px;margin:9px 0 0;color:#506b76;font-size:.92rem;line-height:1.55}
.timeclock-law-update .button{white-space:nowrap}
@media(max-width:880px){.timeclock-law-update-inner{grid-template-columns:auto 1fr}.timeclock-law-update .button{grid-column:1/-1;width:100%}}
@media(max-width:560px){.timeclock-law-update{padding:18px 0}.timeclock-law-update-inner{grid-template-columns:1fr;gap:15px;padding:20px;text-align:left}.timeclock-law-update-mark{width:70px;height:70px}.timeclock-law-update-copy h2{font-size:1.4rem}.timeclock-law-update .button{grid-column:auto}}