:root{--ink: #00052d;--blue: #377df0;--green: #32b985;--yellow: #f6bd3b;--yellow-ink: #b57a00;--green-ink: #1c8a62;--coral: #ff6b6b;--bg: #f7f9fc;--muted: #54617a;--border: #dfe7f2;--card: #ffffff;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--duration-stagger: 40ms;--duration-quick: .15s;--duration-fast: .25s;--duration-slow: .4s;--duration-very-slow: .5s;--stagger-dur: .5s;--stagger-distance: 12px;--stagger-blur: 3px;--modal-open-dur: .25s;--modal-close-dur: .15s;--modal-scale: .96;--learn-shift: 2px;--learn-spread: 8deg;--learn-in: .35s;--learn-out: .35s;--learn-ease: cubic-bezier(.22, 1, .36, 1);--tilt-perspective: 1000px;--tilt-return: 1s;--tilt-return-ease: cubic-bezier(.22, 1, .36, 1);--tilt-follow: .4s;--tilt-follow-ease: cubic-bezier(.22, 1, .36, 1);--tilt-glare-opacity: .32;--tilt-glare-fade: .3s;--tilt-glare-ease: cubic-bezier(.22, 1, .36, 1);--wrap: min(1160px, calc(100% - 2.5rem) );--nav-h: 72px;--stripe: 6px}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-h) + 12px)}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,sans-serif;font-optical-sizing:auto;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance;letter-spacing:-.04em;line-height:1.08;font-weight:800}h1{font-size:clamp(2.35rem,6vw,4.35rem)}h2{font-size:clamp(1.7rem,3.4vw,2.55rem)}h3{font-size:1.15rem;letter-spacing:-.02em}.lede{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.45;max-width:40rem;text-wrap:pretty}.skip{position:absolute;left:12px;top:-40px;z-index:80;background:#fff;color:var(--ink);padding:8px 12px;border-radius:10px}.skip:focus{top:14px}.stripe{position:fixed;inset:0 0 auto;z-index:50;height:var(--stripe);display:grid;grid-template-columns:repeat(4,1fr)}.stripe span:nth-child(1){background:var(--green)}.stripe span:nth-child(2){background:var(--blue)}.stripe span:nth-child(3){background:var(--yellow)}.stripe span:nth-child(4){background:var(--coral)}.progress{position:fixed;top:var(--stripe);left:0;right:0;z-index:49;height:2px;background:transparent}.progress i{display:block;height:100%;width:0%;background:var(--blue);transform-origin:left}.wrap{width:var(--wrap);margin-inline:auto}.nav{position:fixed;top:var(--stripe);left:0;right:0;z-index:40;color:#fff;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) ease}.nav.is-open{background:#00052df5}.nav-inner{width:var(--wrap);margin-inline:auto;min-height:var(--nav-h);display:flex;align-items:center;gap:20px}.nav-logo{flex:none;display:flex;align-items:center}.nav-logo img{height:52px;width:auto}.nav-links{display:none;gap:22px;margin-left:12px;font-size:.92rem;font-weight:600}.nav-links a{text-decoration:none;opacity:.82;transition:opacity var(--duration-quick) ease}.nav-toggle{margin-left:auto;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;gap:6px;cursor:pointer}.nav-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform var(--duration-fast) var(--ease-out)}.nav.is-open .nav-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.nav.is-open .nav-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav-drawer{background:#00052df5;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);padding:8px 0 28px}.nav-drawer nav{width:var(--wrap);margin-inline:auto;display:grid;gap:4px}.nav-drawer a{text-decoration:none;padding:12px 0;font-weight:600;min-height:44px;display:flex;align-items:center}.nav-drawer .btn{margin-top:12px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;border:0;cursor:pointer;transition:transform .16s var(--ease-out),background-color var(--duration-fast) ease}.btn:active{transform:scale(.96)}.btn-ghost,.btn-ghost-ink{background:transparent;border:1px solid color-mix(in srgb,currentColor 28%,transparent)}.btn-ghost{color:#fff}.btn-ghost-ink{color:var(--ink);width:100%;margin-top:auto}.btn-nav{display:none;min-height:42px;padding-inline:16px;font-size:.88rem}.t-learn-chevron{display:inline-flex;transform:translate(0);transition:transform var(--learn-out) var(--learn-ease)}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out) var(--learn-ease)}@media(hover:hover)and (pointer:fine){.nav-links a:hover{opacity:1}.t-learn:hover .t-learn-chevron{transform:translate(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}.btn:hover{background:color-mix(in srgb,var(--blue) 88%,white)}.btn-ghost:hover,.btn-ghost-ink:hover{background:color-mix(in srgb,currentColor 8%,transparent)}}.hero,.section.dark{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}.hero{min-height:100svh;padding:calc(var(--nav-h) + 48px) 0 0}.hero-grid,.split,.cta-grid{display:grid;gap:40px;align-items:center}.hero-copy{position:relative;z-index:1}.hero-copy .lede,.dark .lede,.lede.light{color:#c9d4ea}.eyebrow{color:var(--blue);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.eyebrow.light{color:#8eb7ff}.hero-copy h1{margin-bottom:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}.orb{position:absolute;border-radius:50%;background:#111847;pointer-events:none}.orb-a{width:min(70vw,610px);height:min(70vw,610px);right:-18%;top:18%}.orb-b{width:min(80vw,670px);height:min(48vw,400px);left:-20%;bottom:-22%;background:#17113d}@media(prefers-reduced-motion:no-preference){.orb-a{animation:drift 18s ease-in-out infinite alternate}.orb-b{animation:drift 22s ease-in-out infinite alternate-reverse}}@keyframes drift{to{transform:translate3d(18px,-24px,0)}}.hero-visual{position:relative;z-index:1;margin-right:-8%}.hero-visual img{width:118%;max-width:none;filter:drop-shadow(0 30px 50px rgba(0,0,0,.35))}@media(prefers-reduced-motion:no-preference){.hero-visual img{animation:float-phone 7s var(--ease-in-out) infinite}}@keyframes float-phone{50%{transform:translate3d(0,-14px,0)}}.section{padding:88px 0}.section-head{max-width:42rem;margin-bottom:40px}.section-head h2,.split h2{margin:8px 0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 7px 16px #00052d0f;outline:1px solid oklch(0 0 0 / .06);outline-offset:-1px}.grid-3,.grid-4,.pricing{display:grid;gap:18px}.benefit,.module .t-tilt-card,.price-card .t-tilt-card{padding:28px 24px;height:100%}.benefit{position:relative;overflow:hidden}.benefit:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--blue)}.benefit[data-accent=green]:before{background:var(--green)}.benefit[data-accent=coral]:before{background:var(--coral)}.benefit h3,.module h3{margin:0 0 10px}.benefit p,.module p,.point p,.routine p{color:var(--muted);font-size:.98rem}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;font-style:normal;flex:none}.icon[data-accent=green]{background:var(--green)}.icon[data-accent=yellow]{background:var(--yellow);color:var(--ink)}.icon[data-accent=coral]{background:var(--coral)}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.module .t-tilt-card{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:24px;min-height:188px}.module h3{margin-top:8px}.points{display:grid;gap:22px;margin-top:28px}.point,.routine{display:flex;gap:16px;align-items:flex-start}.point b,.routine b{display:block;margin-bottom:4px}.dark-points .point p{color:#b9c4db}.media{overflow:hidden;padding:0}.media img{width:100%;height:100%;object-fit:cover}.dashboard-shot img{width:124%;max-width:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}.phone-stage{position:relative;display:grid;place-items:center;min-height:420px}.phone-glow{position:absolute;inset:12% 8%;background:#eaf2ff;border-radius:40px}.phone-stage img{position:relative;width:min(280px,70%);filter:drop-shadow(0 18px 30px rgba(0,5,45,.18))}.routine{padding:16px 18px;align-items:center}.timekeeping-layout{display:grid;gap:24px}.qr-col{display:grid;justify-items:start;gap:12px}.qr-col img{width:min(240px,70vw)}.pill{display:inline-flex;align-items:center;padding:8px 15px;border-radius:999px;background:var(--green);color:#fff;font-size:.82rem;font-weight:700}.timekeeping-shot{padding:12px}.price-card{background:transparent;border:0;box-shadow:none;outline:0}.price-card .t-tilt-card{border:1px solid var(--border);box-shadow:0 7px 16px #00052d0f;min-height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.price-card .t-tilt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:9px;background:var(--blue)}.price-card[data-accent=yellow] .t-tilt-card:before{background:var(--yellow)}.price-card[data-accent=yellow] .offer,.price-card[data-accent=yellow] h3{color:var(--yellow-ink)}.price-card[data-accent=green] .t-tilt-card:before{background:var(--green)}.price-card[data-accent=green] .offer,.price-card[data-accent=green] h3{color:var(--green-ink)}.price-card[data-accent=blue] .offer,.price-card[data-accent=blue] h3{color:var(--blue)}.offer{font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.price-card h3{margin:10px 0 12px;font-size:1.05rem}.price-card ul{margin:0 0 22px;padding:0;list-style:none;color:var(--muted);font-size:.92rem}.price-card li{padding:4px 0}.price-card li:before{content:"✓";margin-right:10px;font-weight:800;color:var(--blue)}.price-card[data-accent=yellow] li:before{color:var(--yellow-ink)}.price-card[data-accent=green] li:before{color:var(--green-ink)}.extra-probes{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px}.extra-probes span{color:var(--muted);font-size:.88rem}.cta{padding-bottom:0}.cta h2{margin:8px 0 16px}.demo-form{display:grid;gap:14px;margin-top:28px;max-width:34rem}.field-row{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:.88rem;font-weight:600}.opt{color:#9aa8c2;font-weight:500}.field input,.field textarea{width:100%;min-height:46px;border-radius:14px;border:1px solid color-mix(in srgb,white 16%,transparent);background:color-mix(in srgb,white 8%,transparent);color:#fff;padding:10px 12px;font:inherit}.field textarea{min-height:110px;resize:vertical}.field input:focus-visible,.field textarea:focus-visible,.btn:focus-visible,.nav-links a:focus-visible,.nav-toggle:focus-visible{outline:2px solid #8eb7ff;outline-offset:3px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--coral)}.error{color:#ffb4b4;font-size:.82rem}.form-hint{color:#9aa8c2;font-size:.82rem}.form-status{min-height:1.2em;color:var(--green);font-weight:600}.cta-visual img{width:130%;max-width:none;margin-left:-8%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.footer{background:var(--ink);color:#b9c4db;padding:28px 0 40px;border-top:1px solid color-mix(in srgb,white 8%,transparent)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.88rem}.footer img{width:28px;height:28px;background:#fff;border-radius:8px}.footer-meta{margin-left:auto}.footer a{color:#d7e0f1}.t-tilt-card{position:relative;overflow:hidden;transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));transform-style:preserve-3d;transition:transform var(--tilt-return) var(--tilt-return-ease)}.t-tilt-card.is-tilting{transition:transform var(--tilt-follow) var(--tilt-follow-ease)}.t-tilt-glare{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),rgba(255,255,255,.48),rgba(255,255,255,.06) 52%,transparent 84%),radial-gradient(circle 200px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),rgba(255,255,255,.22),transparent 78%);transition:opacity var(--tilt-glare-fade) var(--tilt-glare-ease)}.t-tilt.is-hover .t-tilt-glare{opacity:var(--tilt-glare-opacity)}.js .reveal{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur))}@media(min-width:760px){.nav-links{display:flex}.nav-toggle,.nav-drawer{display:none!important}.btn-nav{display:inline-flex;margin-left:auto}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:repeat(3,1fr);align-items:stretch}.field-row{grid-template-columns:1fr 1fr}.timekeeping-layout{grid-template-columns:220px 1fr;align-items:end}}@media(min-width:980px){.hero-grid,.split,.cta-grid{grid-template-columns:1.05fr .95fr;gap:48px}.split.reverse{grid-template-columns:.95fr 1.05fr}.split.reverse>:first-child{order:1}.grid-4{grid-template-columns:repeat(4,1fr)}.section{padding:112px 0}}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;filter:none}.t-learn-chevron,.t-learn-arm,.t-modal,.t-panel-slide,.t-tilt-card{transition:none!important;transform:none!important}.orb{animation:none!important}}@media(prefers-reduced-transparency:reduce){.nav-drawer{background:#00052d;-webkit-backdrop-filter:none;backdrop-filter:none}}