@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_63bf5fcd-module__Gyhh0a__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_63bf5fcd-module__Gyhh0a__variable{--font-inter:"Inter", "Inter Fallback"}
.clockmate-landing-v2{--canvas:#fff;--canvas-soft:#f4f7fd;--canvas-tint:#e9f0fc;--ink:#0c1a2e;--ink-2:#2a3b52;--ink-mute:#5c6b82;--royal:#2563eb;--royal-deep:#1d4ed8;--royal-press:#1e40af;--sky:#3b82f6;--royal-bright:#93b4ff;--royal-soft:#e7efff;--navy:#0f1b30;--navy-2:#0b1424;--hairline:#e4eaf2;--hairline-soft:#0c1a2e12;--on-navy:#ffffffb8;--on-navy-soft:#ffffff8c;--success:#1f9d55;--shadow-1:0 1px 3px #1428500f;--shadow-2:0 12px 32px -8px #1428501f, 0 2px 8px #1428500d;--shadow-lift:0 24px 60px -24px #2563eb4d;--shadow-toast:0 10px 30px -6px #1428502e;--r-card:20px;--r-lg:24px;--r-pill:999px;--font-sans:var(--font-inter), "SF Pro Display", system-ui, -apple-system, sans-serif;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:linear-gradient(#edf3fc 0%,#f5f9fe 46%,#eef4fc 100%);min-height:100vh;overflow-x:clip}.clockmate-landing-v2 *{box-sizing:border-box}.clockmate-landing-v2 a{color:inherit;text-decoration:none}.clockmate-landing-v2 .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clockmate-landing-v2 h1,.clockmate-landing-v2 h2,.clockmate-landing-v2 h3,.clockmate-landing-v2 h4{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--ink);margin:0;font-weight:600;line-height:1.08}.clockmate-landing-v2 h2{font-size:46px;line-height:1.05}.clockmate-landing-v2 h3{letter-spacing:-.015em;font-size:22px}.clockmate-landing-v2 p{margin:0;line-height:1.55}.clockmate-landing-v2 .wrap{max-width:1200px;margin:0 auto;padding:0 32px}.clockmate-landing-v2 .eyebrow{color:var(--royal);text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:600}.clockmate-landing-v2 .section{padding:104px 0;position:relative}.clockmate-landing-v2 .section--soft{background:0 0}.clockmate-landing-v2 .xform-card{background:var(--navy);color:#fff;box-shadow:var(--shadow-2);border-radius:28px;padding:56px}.clockmate-landing-v2 .section-head{text-align:center;max-width:720px;margin:0 auto 60px}.clockmate-landing-v2 .section-head .lead{color:var(--ink-mute);margin-top:18px;max-width:600px;margin-inline:auto;font-size:18px}.clockmate-landing-v2 .section--navy .section-head .lead{color:var(--on-navy)}.clockmate-landing-v2 .btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;transition:transform .14s cubic-bezier(.3,.7,.4,1),box-shadow .2s,background .15s,color .15s;display:inline-flex}.clockmate-landing-v2 .btn-primary{background:var(--royal);color:#fff;box-shadow:0 8px 20px -10px #2563ebcc}.clockmate-landing-v2 .btn-primary:hover{background:var(--royal-deep);transform:translateY(-1px);box-shadow:0 12px 26px -10px #2563ebd9}.clockmate-landing-v2 .btn-primary:active{background:var(--royal-press);transform:translateY(0)}.clockmate-landing-v2 .btn-ghost{color:var(--royal);border-color:var(--hairline);background:#fff}.clockmate-landing-v2 .btn-ghost:hover{background:var(--royal-soft);border-color:#0000}.clockmate-landing-v2 .btn-white{color:var(--royal);background:#fff}.clockmate-landing-v2 .btn-white:hover{background:var(--royal-soft);transform:translateY(-1px)}.clockmate-landing-v2 .btn-outline-white{color:#fff;background:0 0;border-color:#fff6}.clockmate-landing-v2 .btn-outline-white:hover{background:#ffffff1f;border-color:#ffffffb3}.clockmate-landing-v2 .btn:focus-visible,.clockmate-landing-v2 .bt-opt:focus-visible,.clockmate-landing-v2 summary:focus-visible{outline:2px solid var(--royal);outline-offset:3px}.clockmate-landing-v2 .section--navy .btn:focus-visible{outline-color:#fff}.clockmate-landing-v2 .chip{color:var(--royal);background:var(--royal-soft);border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.clockmate-landing-v2 .chip .dot{background:var(--royal);border-radius:50%;width:6px;height:6px}.clockmate-landing-v2 .pill{color:var(--ink-mute);align-items:center;gap:7px;font-size:13px;display:inline-flex}.clockmate-landing-v2 .pill svg{color:var(--royal);flex-shrink:0}.clockmate-landing-v2 .icon-tile{background:var(--royal-soft);width:46px;height:46px;color:var(--royal);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@keyframes cm-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.clockmate-landing-v2 [data-reveal]{opacity:0}.clockmate-landing-v2 [data-reveal]:not([data-in]){will-change:opacity, transform}.clockmate-landing-v2 [data-reveal][data-in]{animation:cm-reveal .72s cubic-bezier(.22, .61, .36, 1) var(--d,0s) both}@keyframes cm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cm-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.12;transform:scale(1.05)}}.clockmate-landing-v2 .toast{border:1px solid var(--hairline);box-shadow:var(--shadow-toast);background:#fff;border-radius:14px;align-items:center;gap:11px;min-width:178px;padding:11px 14px;display:flex}.clockmate-landing-v2 .toast .t-ico{background:var(--royal-soft);width:30px;height:30px;color:var(--royal);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clockmate-landing-v2 .toast .t-ico.ok{color:var(--success);background:#1f9d551f}.clockmate-landing-v2 .toast .t-title{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.2;display:block}.clockmate-landing-v2 .toast .t-sub{color:var(--ink-mute);margin-top:2px;font-size:11px;line-height:1.2;display:block}.clockmate-landing-v2 .toast-float{z-index:3;animation:6s ease-in-out infinite cm-float;animation-delay:var(--fd,0s);position:absolute}.clockmate-landing-v2 .nav{z-index:50;padding:16px 0 0;position:sticky;top:0}.clockmate-landing-v2 .nav-pill{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--hairline);border-radius:var(--r-pill);height:64px;box-shadow:var(--shadow-1);background:#ffffffc7;justify-content:space-between;align-items:center;gap:18px;padding:0 12px 0 22px;display:flex;position:relative}.clockmate-landing-v2 .brand{align-items:center;gap:10px;display:flex}.clockmate-landing-v2 .brand-name{letter-spacing:-.02em;font-size:19px;font-weight:600}.clockmate-landing-v2 .brand-sub{color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:10px;line-height:1}.clockmate-landing-v2 .brand-text{flex-direction:column;display:flex}.clockmate-landing-v2 .nav-links{color:var(--ink-2);align-items:center;gap:26px;font-size:14px;display:flex}.clockmate-landing-v2 .nav-links a:hover{color:var(--royal)}.clockmate-landing-v2 .nav-cta{align-items:center;gap:10px;display:flex}.clockmate-landing-v2 .nav-cta .btn{padding:9px 18px;font-size:14px}.clockmate-landing-v2 .hero{padding:64px 0 96px;position:relative}.clockmate-landing-v2 .hero-mesh{content:"";pointer-events:none;z-index:0;filter:blur(64px);opacity:.85;background:radial-gradient(44% 56% at 16% 6%,#93b4ff8c 0%,#0000 60%),radial-gradient(42% 54% at 50% 0,#3b82f666 0%,#0000 62%),radial-gradient(48% 60% at 84% 8%,#2563eb6b 0%,#0000 60%),radial-gradient(40% 52% at 100% 26%,#c7deff99 0%,#0000 64%);height:760px;position:absolute;inset:-160px -10% auto}.clockmate-landing-v2 .hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid;position:relative}.clockmate-landing-v2 .hero-eyebrow{color:var(--royal);border:1px solid var(--hairline);border-radius:var(--r-pill);background:#ffffffb3;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.clockmate-landing-v2 h1.headline{letter-spacing:-.03em;font-size:62px;font-weight:700;line-height:1.02}.clockmate-landing-v2 h1.headline .hl{background:linear-gradient(135deg, var(--royal), var(--royal-deep));color:#fff;border-radius:16px;padding:0 14px;display:inline-block;transform:rotate(-1deg);box-shadow:0 10px 24px -10px #2563ebb3}.clockmate-landing-v2 .hero p.sub{color:var(--ink-2);max-width:480px;margin-top:24px;font-size:18px}.clockmate-landing-v2 .hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.clockmate-landing-v2 .hero-actions .btn{padding:14px 26px}.clockmate-landing-v2 .cta-note{color:var(--ink-mute);align-items:center;gap:7px;margin-top:16px;font-size:13px;display:flex}.clockmate-landing-v2 .cta-note svg{color:var(--success)}.clockmate-landing-v2 .hero-pills{flex-wrap:wrap;gap:20px;margin-top:26px;display:flex}.clockmate-landing-v2 .device-wrap{justify-content:center;align-items:center;display:flex;position:relative}.clockmate-landing-v2 .phone{background:var(--navy);width:300px;height:600px;box-shadow:var(--shadow-2), var(--shadow-lift);z-index:2;border-radius:42px;padding:13px;transition:transform .6s cubic-bezier(.3,.7,.4,1);position:relative;transform:rotate(-2deg)}.clockmate-landing-v2 .device-wrap:hover .phone{transform:rotate(0)translateY(-4px)}.clockmate-landing-v2 .phone-screen{width:100%;height:100%;color:var(--ink);background:#fff;border-radius:31px;flex-direction:column;gap:16px;padding:24px 22px;font-size:14px;display:flex;position:relative;overflow:hidden}.clockmate-landing-v2 .phone-bar{color:var(--ink-mute);justify-content:space-between;font-size:11px;display:flex}.clockmate-landing-v2 .phone-greet{letter-spacing:-.02em;margin-top:6px;font-size:28px;font-weight:600;line-height:1.1}.clockmate-landing-v2 .phone-greet .blue{color:var(--royal)}.clockmate-landing-v2 .face-oval{border:2px dashed #2563eb80;border-radius:50%/45%;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin:8px 0;display:flex;position:relative}.clockmate-landing-v2 .face-oval:before{content:"";border:1px dashed #2563eb33;border-radius:50%/45%;animation:3s ease-in-out infinite cm-pulse;position:absolute;inset:-18px}.clockmate-landing-v2 .face-oval .label{color:var(--ink-mute);font-size:11px}.clockmate-landing-v2 .phone-cta{background:var(--royal);color:#fff;text-align:center;border-radius:var(--r-pill);padding:14px;font-size:15px;font-weight:600}.clockmate-landing-v2 .phone-meta{text-align:center;color:var(--ink-mute);font-size:12px}.clockmate-landing-v2 .phone-meta strong{color:var(--ink);font-weight:600}.clockmate-landing-v2 .hero .toast-float.t1{top:8%;right:-2%}.clockmate-landing-v2 .hero .toast-float.t2{top:40%;left:-10%}.clockmate-landing-v2 .hero .toast-float.t3{bottom:8%;right:-4%}.clockmate-landing-v2 .problem-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.clockmate-landing-v2 .problem-card{border:1px solid var(--hairline);border-radius:var(--r-card);background:#fff;padding:28px;transition:transform .2s,box-shadow .2s}.clockmate-landing-v2 .problem-card:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.clockmate-landing-v2 .problem-card h3{margin-top:18px;font-size:19px}.clockmate-landing-v2 .problem-card p{color:var(--ink-mute);margin-top:10px;font-size:14px}.clockmate-landing-v2 .xform-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.clockmate-landing-v2 .xform-copy h2{color:#fff}.clockmate-landing-v2 .xform-copy .eyebrow{color:var(--royal-bright)}.clockmate-landing-v2 .xform-copy p{color:var(--on-navy);max-width:420px;margin-top:18px;font-size:17px}.clockmate-landing-v2 .xform-copy .pill{color:var(--on-navy);margin-top:22px}.clockmate-landing-v2 .xform-copy .pill svg{color:var(--royal-bright)}.clockmate-landing-v2 .board{background:var(--navy-2);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border:1px solid #ffffff14;padding:24px;position:relative}.clockmate-landing-v2 .board-head{color:var(--on-navy-soft);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.clockmate-landing-v2 .flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.clockmate-landing-v2 .flow-col{flex-direction:column;gap:10px;display:flex}.clockmate-landing-v2 .flow-row{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;font-size:12.5px;display:flex}.clockmate-landing-v2 .flow-row .fi{width:24px;height:24px;color:var(--royal-bright);background:#93b4ff29;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clockmate-landing-v2 .flow-row.clear{background:#2563eb29;border-color:#93b4ff4d}.clockmate-landing-v2 .flow-arrow{background:var(--royal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 8px 18px -8px #2563ebe6}.clockmate-landing-v2 .board .toast-float{bottom:-18px;right:-18px}.clockmate-landing-v2 .personas{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}.clockmate-landing-v2 .persona{border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-1);background:#fff;flex-direction:column;gap:14px;padding:30px;transition:transform .2s,box-shadow .2s;display:flex}.clockmate-landing-v2 .persona:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.clockmate-landing-v2 .persona h3{font-size:21px}.clockmate-landing-v2 .persona p{color:var(--ink-mute);font-size:14px}.clockmate-landing-v2 .persona .chip{align-self:flex-start;margin-top:auto}.clockmate-landing-v2 .persona--feature{background:linear-gradient(160deg, var(--royal), var(--royal-deep));color:#fff;box-shadow:var(--shadow-lift);border-color:#0000;transform:translateY(-8px)}.clockmate-landing-v2 .persona--feature:hover{transform:translateY(-12px)}.clockmate-landing-v2 .persona--feature h3{color:#fff}.clockmate-landing-v2 .persona--feature p{color:#ffffffd1}.clockmate-landing-v2 .persona--feature .icon-tile{color:#fff;background:#ffffff29}.clockmate-landing-v2 .persona--feature .chip{color:#fff;background:#ffffff2e}.clockmate-landing-v2 .persona--feature .chip .dot{background:#fff}.clockmate-landing-v2 .stat-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;display:grid}.clockmate-landing-v2 .stat{text-align:center;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-card);padding:22px 14px}.clockmate-landing-v2 .stat .n{letter-spacing:-.03em;color:var(--royal);font-size:34px;font-weight:700;line-height:1}.clockmate-landing-v2 .stat .l{color:var(--ink-mute);margin-top:8px;font-size:13px}.clockmate-landing-v2 .caps-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.clockmate-landing-v2 .cap{border:1px solid var(--hairline);border-radius:var(--r-card);background:#fff;padding:28px;transition:transform .2s,box-shadow .2s;position:relative}.clockmate-landing-v2 .cap:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.clockmate-landing-v2 .cap .cap-chip{position:absolute;top:22px;right:22px}.clockmate-landing-v2 .cap h3{margin-top:18px;font-size:19px}.clockmate-landing-v2 .cap p{color:var(--ink-mute);margin-top:10px;font-size:14px}.clockmate-landing-v2 .steps{position:relative}.clockmate-landing-v2 .steps-rail{grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.clockmate-landing-v2 .steps-rail:before{content:"";border-top:2px dashed var(--hairline);z-index:0;height:0;position:absolute;top:21px;left:12%;right:12%}.clockmate-landing-v2 .step{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.clockmate-landing-v2 .step-dot{background:linear-gradient(135deg, var(--royal), var(--royal-deep));color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:22px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 22px -10px #2563ebe6}.clockmate-landing-v2 .step-card{border:1px solid var(--hairline);border-radius:var(--r-card);width:100%;box-shadow:var(--shadow-1);background:#fff;padding:24px 22px}.clockmate-landing-v2 .step-card .icon-tile{margin:0 auto 14px}.clockmate-landing-v2 .step-card h3{font-size:18px}.clockmate-landing-v2 .step-card p{color:var(--ink-mute);margin-top:8px;font-size:13.5px}.clockmate-landing-v2 .step-card .chip{margin-top:16px}.clockmate-landing-v2 .privacy-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px;display:grid}.clockmate-landing-v2 .privacy-copy p{color:var(--ink-mute);max-width:440px;margin-top:18px;font-size:17px}.clockmate-landing-v2 .privacy-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;display:grid}.clockmate-landing-v2 .mini-card{border:1px solid var(--hairline);background:#fff;border-radius:14px;padding:18px}.clockmate-landing-v2 .mini-card h4{margin-top:12px;font-size:14px;font-weight:600}.clockmate-landing-v2 .mini-card p{color:var(--ink-mute);margin-top:6px;font-size:12.5px}.clockmate-landing-v2 .mini-card .icon-tile{border-radius:10px;width:34px;height:34px}.clockmate-landing-v2 .control-center{border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-2);background:#fff;padding:26px}.clockmate-landing-v2 .cc-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.clockmate-landing-v2 .cc-head .t{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.clockmate-landing-v2 .cc-head h3{margin-top:6px;font-size:20px}.clockmate-landing-v2 .toggle-row{border:1px solid var(--hairline);border-radius:13px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.clockmate-landing-v2 .toggle-row:last-child{margin-bottom:0}.clockmate-landing-v2 .toggle-row .tr-body{flex:1}.clockmate-landing-v2 .toggle-row .tr-title{font-size:14px;font-weight:600;display:block}.clockmate-landing-v2 .toggle-row .tr-sub{color:var(--ink-mute);margin-top:2px;font-size:12px;display:block}.clockmate-landing-v2 .switch{border-radius:var(--r-pill);background:var(--royal);flex-shrink:0;width:40px;height:23px;position:relative}.clockmate-landing-v2 .switch:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:3px;right:3px}.clockmate-landing-v2 .switch.off{background:#cfd8e6}.clockmate-landing-v2 .switch.off:after{left:3px;right:auto}.clockmate-landing-v2 .tag-mini{color:var(--royal);background:var(--royal-soft);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:4px 9px;font-size:10.5px;font-weight:600}.clockmate-landing-v2 .pricing-controls{border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-1);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-bottom:36px;padding:20px 24px;display:flex}.clockmate-landing-v2 .billing-toggle{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:4px;display:inline-flex}.clockmate-landing-v2 .bt-opt{appearance:none;color:var(--ink-mute);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.clockmate-landing-v2 .bt-opt.active{color:var(--ink);box-shadow:var(--shadow-1);background:#fff}.clockmate-landing-v2 .save-pill{background:var(--royal-soft);color:var(--royal);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;font-size:9.5px;font-weight:700}.clockmate-landing-v2 .size-finder{flex:1;min-width:320px}.clockmate-landing-v2 .size-finder label{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.clockmate-landing-v2 .size-slider-row{align-items:center;gap:16px;display:flex}.clockmate-landing-v2 .size-slider-row input[type=range]{appearance:none;background:var(--hairline);border-radius:var(--r-pill);outline:none;flex:1;height:5px}.clockmate-landing-v2 .size-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--royal);width:19px;height:19px;box-shadow:var(--shadow-1);cursor:pointer;border:2px solid #fff;border-radius:50%}.clockmate-landing-v2 .size-slider-row input[type=range]::-moz-range-thumb{background:var(--royal);width:19px;height:19px;box-shadow:var(--shadow-1);cursor:pointer;border:2px solid #fff;border-radius:50%}.clockmate-landing-v2 .size-slider-row input[type=range]:focus-visible{outline:2px solid var(--royal);outline-offset:6px}.clockmate-landing-v2 .size-readout{color:var(--ink);white-space:nowrap;font-size:16px}.clockmate-landing-v2 .size-readout strong{color:var(--royal);font-weight:700}.clockmate-landing-v2 .size-hint{color:var(--ink-mute);margin-top:8px;font-size:13px}.clockmate-landing-v2 .size-hint strong,.clockmate-landing-v2 .size-hint a{color:var(--royal);font-weight:600}.clockmate-landing-v2 .price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}.clockmate-landing-v2 .price-card{border:1px solid var(--hairline);border-radius:var(--r-lg);background:#fff;flex-direction:column;gap:16px;padding:32px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.clockmate-landing-v2 .price-card:hover,.clockmate-landing-v2 .price-card.match-highlight{box-shadow:var(--shadow-lift);border-color:var(--royal);transform:translateY(-8px)}.clockmate-landing-v2 .price-card--featured{border-color:var(--royal);box-shadow:var(--shadow-2)}.clockmate-landing-v2 .rec-pill{background:var(--royal);color:#fff;border-radius:var(--r-pill);letter-spacing:.02em;padding:5px 14px;font-size:11px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px -8px #2563ebe6}.clockmate-landing-v2 .price-tier{color:var(--royal);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.clockmate-landing-v2 .price{align-items:baseline;gap:4px;line-height:1;display:flex}.clockmate-landing-v2 .price .ccy{color:var(--ink-mute);font-size:22px;font-weight:500}.clockmate-landing-v2 .price .num{letter-spacing:-.035em;color:var(--ink);font-size:52px;font-weight:700}.clockmate-landing-v2 .price .per{color:var(--ink-mute);flex-direction:column;margin-left:4px;font-size:13px;line-height:1.25;display:flex}.clockmate-landing-v2 .price-annual-total{color:var(--ink-mute);margin-top:6px;font-size:13px}.clockmate-landing-v2 .price-sub{color:var(--ink-mute);border-bottom:1px solid var(--hairline);padding-bottom:16px;font-size:13px}.clockmate-landing-v2 .price-sub strong{color:var(--ink);font-weight:600}.clockmate-landing-v2 .price-list{color:var(--ink-2);flex-direction:column;gap:11px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.clockmate-landing-v2 .price-list li{align-items:flex-start;gap:9px;display:flex}.clockmate-landing-v2 .price-list li .ck{color:var(--royal);flex-shrink:0;margin-top:1px}.clockmate-landing-v2 .price-list li.overage{color:var(--ink-mute);border-top:1px solid var(--hairline);margin-top:4px;padding-top:10px;font-size:12px}.clockmate-landing-v2 .price-card .btn{width:100%;margin-top:auto}.clockmate-landing-v2 .pricing-footnote{text-align:center;color:var(--ink-mute);margin-top:32px;font-size:14px}.clockmate-landing-v2 .pricing-footnote .ft-sub{margin-top:8px;font-size:13px}.clockmate-landing-v2 .pricing-footnote a{color:var(--royal);font-weight:600}.clockmate-landing-v2 .pricing-footnote .sep{color:var(--hairline);margin:0 12px}.clockmate-landing-v2 .faq-grid{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:28px;display:grid}.clockmate-landing-v2 .faq-aside{background:var(--navy);color:#fff;border-radius:var(--r-lg);flex-direction:column;align-self:start;padding:34px;display:flex}.clockmate-landing-v2 .faq-aside .icon-tile{color:#fff;background:#ffffff1f;margin-bottom:22px}.clockmate-landing-v2 .faq-aside .eyebrow{color:var(--royal-bright)}.clockmate-landing-v2 .faq-aside h3{color:#fff;font-size:24px}.clockmate-landing-v2 .faq-aside p{color:var(--on-navy);margin-top:14px;font-size:14px}.clockmate-landing-v2 .faq-aside .aside-chips{flex-direction:column;gap:8px;margin:22px 0;display:flex}.clockmate-landing-v2 .faq-aside .aside-chip{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:9px;padding:11px 13px;font-size:13px;display:flex}.clockmate-landing-v2 .faq-aside .aside-chip svg{color:var(--royal-bright)}.clockmate-landing-v2 .faq-aside .aside-cta{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.clockmate-landing-v2 .faq-list{flex-direction:column;justify-content:space-between;gap:12px;display:flex}.clockmate-landing-v2 .faq-item{border:1px solid var(--hairline);border-radius:var(--r-card);background:#fff;padding:4px 22px;transition:border-color .2s,box-shadow .2s}.clockmate-landing-v2 .faq-item:hover{border-color:var(--royal);box-shadow:var(--shadow-1)}.clockmate-landing-v2 .faq-item summary{cursor:pointer;align-items:center;gap:14px;padding:18px 0;font-size:17px;font-weight:500;list-style:none;display:flex}.clockmate-landing-v2 .faq-item summary::-webkit-details-marker{display:none}.clockmate-landing-v2 .faq-item summary .icon-tile{border-radius:10px;width:34px;height:34px}.clockmate-landing-v2 .faq-item summary .q{flex:1}.clockmate-landing-v2 .faq-item summary .plus{color:var(--royal);font-size:24px;font-weight:400;line-height:1;transition:transform .22s}.clockmate-landing-v2 .faq-item[open] summary .plus{transform:rotate(45deg)}.clockmate-landing-v2 .faq-item p{color:var(--ink-mute);padding:0 0 20px 48px;font-size:14.5px;line-height:1.6}.clockmate-landing-v2 .final{padding:40px 0 110px}.clockmate-landing-v2 .final-card{background:linear-gradient(150deg, var(--royal) 0%, var(--royal-deep) 70%);text-align:center;box-shadow:var(--shadow-lift);border-radius:32px;padding:88px 40px;position:relative;overflow:hidden}.clockmate-landing-v2 .final-card:before{content:"";pointer-events:none;background:radial-gradient(40% 60% at 80% 0,#ffffff40 0%,#0000 60%),radial-gradient(50% 70% at 10% 100%,#0b14244d 0%,#0000 60%);position:absolute;inset:0}.clockmate-landing-v2 .final-card .badge{color:#fff;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.06em;background:#ffffff29;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.clockmate-landing-v2 .final-card h2{color:#fff;letter-spacing:-.03em;margin-top:22px;font-size:56px;font-weight:700;line-height:1.04;position:relative}.clockmate-landing-v2 .final-card p{color:#ffffffd9;margin-top:20px;max-width:540px;margin-inline:auto;font-size:18px;position:relative}.clockmate-landing-v2 .final-card .final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex;position:relative}.clockmate-landing-v2 .final-card .final-actions .btn{padding:15px 30px;font-size:16px}.clockmate-landing-v2 .final-card .toast-float.f1{top:36px;left:36px}.clockmate-landing-v2 .final-card .toast-float.f2{bottom:36px;right:36px}.clockmate-landing-v2 .foot{background:var(--canvas);border-top:1px solid var(--hairline);padding:60px 0 32px}.clockmate-landing-v2 .foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.clockmate-landing-v2 .foot-brand .brand{margin-bottom:14px}.clockmate-landing-v2 .foot-blurb{color:var(--ink-mute);max-width:280px;font-size:14px;line-height:1.55}.clockmate-landing-v2 .foot-chip{margin-top:16px}.clockmate-landing-v2 .foot-col h4{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:11px;font-weight:700}.clockmate-landing-v2 .foot-col a{color:var(--ink-2);padding:5px 0;font-size:14px;display:block}.clockmate-landing-v2 .foot-col a:hover{color:var(--royal)}.clockmate-landing-v2 .foot-bottom{border-top:1px solid var(--hairline);color:var(--ink-mute);justify-content:space-between;margin-top:48px;padding-top:24px;font-size:12px;display:flex}@media (max-width:1100px){.clockmate-landing-v2 h2{font-size:38px}.clockmate-landing-v2 h1.headline{font-size:50px}.clockmate-landing-v2 .final-card h2{font-size:44px}.clockmate-landing-v2 .problem-grid,.clockmate-landing-v2 .caps-grid,.clockmate-landing-v2 .stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:920px){.clockmate-landing-v2 .section{padding:76px 0}.clockmate-landing-v2 .hero-grid,.clockmate-landing-v2 .xform-grid,.clockmate-landing-v2 .privacy-grid,.clockmate-landing-v2 .personas,.clockmate-landing-v2 .price-grid,.clockmate-landing-v2 .faq-grid,.clockmate-landing-v2 .foot-grid{grid-template-columns:1fr}.clockmate-landing-v2 .steps-rail{grid-template-columns:1fr;gap:18px}.clockmate-landing-v2 .steps-rail:before{display:none}.clockmate-landing-v2 h1.headline{font-size:42px}.clockmate-landing-v2 h2{font-size:32px}.clockmate-landing-v2 .final-card{padding:60px 24px}.clockmate-landing-v2 .xform-card{border-radius:22px;padding:28px}.clockmate-landing-v2 .final-card h2{font-size:36px}.clockmate-landing-v2 .phone{transform:rotate(0)}.clockmate-landing-v2 .persona--feature,.clockmate-landing-v2 .price-card--featured{transform:none}.clockmate-landing-v2 .hero .toast-float.t2{display:none}.clockmate-landing-v2 .privacy-cards{grid-template-columns:repeat(2,1fr)}.clockmate-landing-v2 .nav-links{display:none}.clockmate-landing-v2 .foot-bottom{flex-direction:column;gap:8px}.clockmate-landing-v2 .pricing-controls{flex-direction:column;align-items:stretch;gap:18px}.clockmate-landing-v2 .size-finder{width:100%;min-width:0}}@media (max-width:560px){.clockmate-landing-v2 .problem-grid,.clockmate-landing-v2 .caps-grid,.clockmate-landing-v2 .privacy-cards{grid-template-columns:1fr}.clockmate-landing-v2 .wrap{padding:0 20px}.clockmate-landing-v2 .toast-float,.clockmate-landing-v2 .brand-sub{display:none}.clockmate-landing-v2 .nav-pill{gap:8px;height:58px;padding:0 8px 0 12px}.clockmate-landing-v2 .nav-cta{gap:6px}.clockmate-landing-v2 .nav-cta .btn{padding:9px 12px;font-size:13px}.clockmate-landing-v2 .nav-cta .btn-ghost{background:0 0;border-color:#0000;padding:9px 4px}.clockmate-landing-v2 .flow{grid-template-columns:1fr}.clockmate-landing-v2 .flow-arrow{justify-self:center;transform:rotate(90deg)}}@media (max-width:350px){.clockmate-landing-v2 .brand-text{display:none}}@media (prefers-reduced-motion:reduce){.clockmate-landing-v2 .toast-float,.clockmate-landing-v2 .face-oval:before{animation:none}.clockmate-landing-v2 .phone,.clockmate-landing-v2 .btn,.clockmate-landing-v2 .problem-card,.clockmate-landing-v2 .persona,.clockmate-landing-v2 .cap,.clockmate-landing-v2 .price-card,.clockmate-landing-v2 .faq-item,.clockmate-landing-v2 .faq-item summary .plus{transition:none}}