:root{--cl-ink:#0b2471;--cl-deep:#102a52;--shadow-soft:0 10px 40px rgba(11,36,113,0.08);--shadow-card:0 18px 50px rgba(11,36,113,0.10)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.7);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);transition:box-shadow 0.3s ease,background-color 0.3s ease}.site-header.is-scrolled{background:rgba(255,255,255,0.92);box-shadow:0 4px 24px rgba(11,36,113,0.08)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}.site-header__brand{display:inline-flex;align-items:center}.site-header__brand img{height:42px;width:auto;mix-blend-mode:multiply}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{color:var(--cl-ink);font-weight:500;font-size:1.05rem;transition:color 0.2s ease}.site-nav a:hover{color:var(--cl-primary)}.site-nav a.btn{color:#fff}.btn-sm{padding:0.6rem 1.3rem}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0}.nav-toggle span{display:block;height:2px;width:26px;margin:0 auto;background:var(--cl-secondary);border-radius:2px;transition:transform 0.3s ease,opacity 0.2s ease}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.nav-toggle{display:flex}.site-nav{position:fixed;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:1rem 1.4rem 2rem;box-shadow:0 20px 40px rgba(11,36,113,0.12);transform:translateY(-150%);transition:transform 0.35s cubic-bezier(0.22,1,0.36,1);max-height:calc(100vh - 72px);overflow-y:auto}.site-nav.is-open{transform:translateY(0)}.site-nav a{padding:1rem 0.4rem;border-bottom:1px solid rgba(11,36,113,0.08);font-size:1.15rem}.site-nav a.btn{margin-top:1rem;text-align:center;border-bottom:0}body.nav-open{overflow:hidden}}main{display:block}[id]{scroll-margin-top:90px}.hero{padding-top:72px}.hero-eyebrow{display:inline-block;margin:0 auto 0.4rem;padding:0.4rem 1rem;border-radius:999px;background:rgba(0,160,255,0.1);color:var(--cl-secondary);font-weight:600;font-size:0.95rem !important;letter-spacing:0.2px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-on-light{border:2px solid var(--cl-secondary) !important;color:var(--cl-secondary);background:transparent}.btn-on-light:hover{background:var(--cl-secondary);color:#fff}.hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:0.6rem 1.6rem;justify-content:center;padding:0;margin:0}.hero-badges li{position:relative;padding-left:1.5rem;font-size:0.98rem;font-weight:500;color:var(--cl-ink)}.hero-badges li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z' fill='%2300a0ff'/%3E%3C/svg%3E")}.amounts__number{font-variant-numeric:tabular-nums}.section-compliance{background:radial-gradient(1200px 500px at 80% -10%,rgba(0,160,255,0.12),transparent 60%),linear-gradient(180deg,#f5f9ff 0%,#ffffff 100%)}.feature-card{background:#fff;border:1px solid rgba(11,36,113,0.07);border-radius:22px;padding:2.4rem 2rem;box-shadow:var(--shadow-soft);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.feature-card__icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cl-primary),var(--cl-secondary));margin-bottom:1.2rem}.feature-card h3{margin-top:0;margin-bottom:0.6rem;font-weight:700;color:var(--cl-secondary)}.compliance-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:3rem;padding:2rem 2.4rem;border-radius:22px;background:linear-gradient(135deg,var(--cl-secondary),var(--cl-primary))}.compliance-cta p{margin:0;color:#fff;font-weight:500;font-size:1.25rem}.compliance-cta .btn-primary{background:#fff;color:var(--cl-secondary);border-color:#fff;white-space:nowrap}.compliance-cta .btn-primary:hover{background:#eaf4ff;border-color:#eaf4ff !important}.section-timetracking{background-color:#fff}.timetracking-grid{align-items:center}.timetracking-content .is-style-checks{margin-bottom:1.5rem}.timetracking-content .btn{margin-top:0.5rem}.timetracking-visual{display:flex;justify-content:center}.clock-card{width:100%;max-width:380px;background:linear-gradient(160deg,#102a52 0%,#004297 100%);border-radius:28px;padding:2.6rem 2.2rem;color:#fff;box-shadow:0 30px 60px rgba(16,42,82,0.35);text-align:center}.clock-card__time{font-size:3.6rem;font-weight:700;line-height:1;letter-spacing:1px;font-variant-numeric:tabular-nums}.clock-card__label{margin:0.6rem 0 1.6rem;color:rgba(255,255,255,0.7);font-size:1rem !important}.clock-card__actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;margin-bottom:1.6rem}.chip{font-size:0.85rem;font-weight:500;padding:0.4rem 0.9rem;border-radius:999px;background:rgba(255,255,255,0.12);color:#fff}.chip--in{background:rgba(46,204,113,0.22)}.chip--out{background:rgba(255,99,99,0.22)}.clock-card__bar{height:8px;border-radius:999px;background:rgba(255,255,255,0.15);overflow:hidden}.clock-card__bar span{display:block;height:100%;width:68%;border-radius:999px;background:linear-gradient(90deg,#00a0ff,#6fd0ff)}.input-wrap--hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}.input-wrap--checkbox{display:flex;align-items:flex-start;gap:0.6rem}.input-wrap--checkbox input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}.form-label--inline{font-weight:400 !important;font-size:0.95rem !important;line-height:1.4}.form-control.has-error,textarea.has-error{border-color:#ff5d5d;background-color:#fff6f6}.field-error{display:block;margin-top:0.35rem;color:#ffd2d2;font-size:0.85rem}.form-status{margin-top:1rem;font-size:0.98rem;min-height:1.2em}.form-status.is-success{color:#9af5c0}.form-status.is-error{color:#ffb3b3}.section-contact .btn-primary[disabled]{opacity:0.7}.site-footer{background:#0d1f3f;color:rgba(255,255,255,0.75);padding-top:3.5rem}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem}.footer-brand img{height:42px;width:auto;background:#fff;padding:6px 10px;border-radius:8px;margin-bottom:1rem}.footer-brand p{max-width:360px;font-size:1rem;color:rgba(255,255,255,0.65)}.footer-col h4{color:#fff;margin-bottom:1rem;font-size:1.05rem}.footer-col a{display:block;color:rgba(255,255,255,0.7);padding:0.35rem 0;font-size:1rem;transition:color 0.2s ease}.footer-col a:hover{color:#fff}.site-footer .footer-copyright{border-top:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);font-size:0.95rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:1.8rem}.compliance-cta{flex-direction:column;align-items:flex-start;text-align:left}}.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,36,113,0.08);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;margin-top:2rem}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card)}.product-card__media{position:relative;padding:2.4rem 2.4rem 0;background:linear-gradient(160deg,#eaf3ff 0%,#f7fbff 100%);overflow:hidden;min-height:230px;display:flex;align-items:flex-end;justify-content:center}.product-card__media img{display:block;width:100%;max-width:460px;border-radius:14px 14px 0 0;box-shadow:0 -8px 40px rgba(11,36,113,0.18);transition:transform 0.4s ease}.product-card:hover .product-card__media img{transform:translateY(-6px) scale(1.02)}.product-card__body{display:flex;flex-direction:column;flex:1;padding:2rem 2.2rem 2.4rem}.product-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.4rem}.product-card__logo{height:34px;width:auto}.product-card__tag{font-size:0.78rem;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;padding:0.35rem 0.8rem;border-radius:999px;color:var(--cl-secondary);background:rgba(0,160,255,0.12);white-space:nowrap}.product-card__tag--alt{color:#b85c00;background:rgba(255,153,0,0.14)}.product-card__body h3{margin:0.6rem 0 0.6rem;font-weight:700;color:var(--cl-secondary)}.product-card__features{list-style:none;margin:0.4rem 0 1.6rem;padding:0}.product-card__features li{position:relative;padding-left:1.9rem;margin-bottom:0.6rem;font-size:1.02rem;line-height:1.45;color:var(--cl-ink)}.product-card__features li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11.0026 16L18.0737 8.92893L16.6595 7.51472L11.0026 13.1716L8.17421 10.3431L6.75999 11.7574L11.0026 16Z' fill='%2300a0ff'/%3E%3C/svg%3E")}.product-card__cta{margin-top:auto;align-self:flex-start}@media (max-width:768px){.product-card__media{padding:1.6rem 1.6rem 0;min-height:180px}.product-card__body{padding:1.6rem 1.6rem 2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel .carousel-track{animation:none}*{transition-duration:0.001ms !important}}