/* The original blue is the canvas. Product screens supply the visual content. */
.home-page { --home-blue:#2e77eb; --home-ink:#252b36; --home-muted:#626d7c; }
.home-page .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.home-page .home-hero { position:relative; isolation:isolate; background:#fff; color:#fff; padding:106px 32px 26px; overflow:hidden; }
.home-page .home-hero::before { content:''; position:absolute; z-index:-1; inset:0 0 210px; background:linear-gradient(170deg,#3985f5 0%,#286be0 60%,#1751b8 100%); }
.home-page #mainHeader { background:transparent; border:0; }
.home-page #mainHeader:not(.scrolled) nav a:not(.white-btn):not([data-header-cta]),.home-page #mainHeader:not(.scrolled) .md\:hidden a { color:#fff; }
.home-page #mainHeader:not(.scrolled) [data-header-cta] { background:#fff; color:#2055a7; }
.home-page .home-hero__intro-wrap { position:relative; z-index:2; text-align:center; max-width:850px; margin:auto; }
.home-page .home-eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:12px; color:#e4eeff; margin:0 0 20px; }
.home-page .home-eyebrow > span { width:5px; height:5px; border:1px solid #d9e7ff; border-radius:50%; }
.home-page .home-hero h1 { font-size:clamp(40px,4.8vw,64px); font-weight:700; line-height:1.55; letter-spacing:-1.6px; margin:0; text-wrap:balance; }
.home-page .home-hero h1 > span { color:#dceaff; }
.home-page .home-hero__intro { font-size:15px; line-height:2.1; color:#edf4ff; margin:22px auto 24px; }
.home-page .home-hero__actions { display:flex; align-items:center; justify-content:center; gap:30px; }
.home-page .home-primary { display:inline-flex; align-items:center; gap:22px; background:#fff; color:#2356a4; border:1px solid #fff; border-radius:7px; padding:13px 22px; min-height:48px; font-size:13px; font-weight:700; }
.home-page .home-primary > span { font-size:20px; font-family:Arial,sans-serif!important; }
.home-page .home-hero__demo-link { color:#fff; font-size:13px; padding-block:12px; }
.home-page .home-hero__demo-link > span { margin-inline-start:12px; }
.home-page .home-demo-disclosure { max-width:430px; margin:0 auto; }
.home-page .home-demo-disclosure:not([open]) { height:0; overflow:hidden; }
.home-page .home-demo-disclosure > summary { display:none; }
.home-page .home-demo-disclosure[open] { margin-top:26px; }
.home-page .home-hero__form { display:flex; gap:8px; text-align:start; }
.home-page .home-hero__form input { flex:1; min-width:0; border:1px solid #d9e6ff; border-radius:7px; background:#fff; color:#252b36; padding:13px 16px; min-height:48px; font-size:14px; }
.home-page .home-hero__form button { color:#fff; border:1px solid #b9d1ff; border-radius:7px; background:#1b56b8; padding:12px 16px; font-size:13px; white-space:nowrap; }
.home-page .home-hero__form button:disabled { opacity:.6; cursor:wait; }
.home-page .home-form-message { color:#fff; font-size:13px; line-height:1.9; margin-top:12px; }
.home-page .home-hero__form-note { font-size:11px; color:#e3edff; margin-top:12px; line-height:1.9; }
.home-page .home-stage { position:relative; z-index:1; width:min(100%,1000px); margin:42px auto 0; scroll-margin-top:90px; }
.home-page .home-stage__navigation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:750px; margin:0 auto 20px; border-bottom:1px solid #ffffff42; }
.home-page .home-stage__navigation button { position:relative; display:flex; justify-content:center; align-items:center; gap:12px; color:#e6efff; font-size:13px; min-height:54px; padding:12px; background:none; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; }
.home-page .home-stage__navigation button[aria-selected='true'] { color:#fff; border-bottom-color:#fff; }
.home-page .home-stage__tab-index { opacity:.65; font-size:10px; }
.home-page .home-stage__body { position:relative; margin-inline:64px; }
.home-page .home-stage__panel { position:relative; }
.home-page .home-stage__panel[hidden] { display:none; }
.home-page .home-stage__meta { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; color:#e2edff; padding:0 0 12px; }
.home-page .home-stage__meta a { color:white; padding-block:5px; }
.home-page .home-stage__screen { padding:8px; border:1px solid #ffffff5c; border-radius:12px; background:#ffffff15; margin:0; box-shadow:0 28px 60px #103d8e45; }
.home-page .home-stage__screen > img { width:100%; height:auto; aspect-ratio:1.8; object-fit:contain; border-radius:6px; background:#edf0f4; }
.home-page .home-stage__phone { position:absolute; left:-60px; bottom:-12px; width:17%; min-width:126px; padding:5px; border-radius:22px; background:#fff; border:1px solid #e4e9f0; box-shadow:0 16px 30px #133c7a33; margin:0; transform:rotate(-4deg); }
.home-page .home-stage__phone img { display:block; width:100%; height:auto; border-radius:17px; }
.home-page .home-stage__phone figcaption { position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); white-space:nowrap; color:#626d7c; font-size:10px; }
.home-page .home-stage__note { color:#626d7c; text-align:center; font-size:11px; margin-top:28px; line-height:1.9; }
.home-page .home-hero__footnote { display:flex; justify-content:space-between; align-items:center; gap:16px; max-width:1180px; margin:42px auto 0; padding-top:18px; border-top:1px solid #dde5f0; font-size:11px; color:#526479; }
.home-page .home-hero :is(a,button,input,[tabindex]):focus-visible { outline:2px solid #fff; outline-offset:5px; }
.home-page .home-hero input:focus-visible { outline-color:#fff; box-shadow:0 0 0 4px #1a51b1; }
.home-page #section2 { padding:64px 32px 52px; }
.home-page #section2 > div:first-child { max-width:1120px; width:100%; margin:auto; align-items:flex-start; }
.home-page #section2 h2 { font-size:28px; line-height:1.8; text-align:start; margin-bottom:12px; }
.home-page #section2 .max-w-xl { text-align:start; margin:0; font-size:14px; }
.home-page #section2 > .container { width:100%; max-width:1120px; margin:auto; padding:32px 0 0; }
.home-page .home-product-grid { gap:0 48px; }
.home-page .home-product { position:relative; padding:26px 0; border:0; border-top:1px solid #dce2eb; border-radius:0; background:#fff; box-shadow:none; gap:14px; }
.home-page .home-product:hover { box-shadow:none; border-color:#397bea; }
.home-page .home-product__mark { width:34px; height:34px; border:0; border-radius:0; background:none; box-shadow:none; }
.home-page .home-product__mark::before { display:none; }
.home-page .home-product__mark svg { width:30px; height:30px; stroke:#366fce; }
.home-page .home-product__title { font-size:19px; }
.home-page .home-product__problem { font-size:13px; line-height:2; color:#657080; }
.home-page .home-product__list { display:none; }
.home-page .home-product__actions { padding:0; margin-top:0; }
.home-page .home-product__cta { color:#225ebd; font-size:12px; background:none; padding:4px 0; border:0; box-shadow:none; }
.home-page .home-product__link { font-size:11px; }
.home-page .home-hardware { margin-top:20px; padding-top:20px; }
.home-page .home-proof { max-width:1120px; margin:auto; padding:44px 32px; border-top:1px solid #e3e8ef; }
.home-page .home-proof h2 { font-size:24px; font-weight:700; margin-bottom:16px; }
.home-page .home-proof p { max-width:660px; margin:auto; text-align:center; line-height:2.1; color:#626d7c; font-size:14px; }
.home-page .home-proof__links { display:flex; justify-content:center; flex-wrap:wrap; gap:24px; margin-top:22px; color:#235fbc; font-size:12px; }
.home-page .home-consult { border-top:1px solid #e3e8ef; padding-block:48px; }
.home-page .home-consult__grid { display:block; max-width:560px; margin:24px auto 0; }
.home-page .home-consult__formbox { max-width:none; border:0; border-radius:0; padding:0 20px; min-height:0; }
.home-page .home-consult h2 { font-size:26px; }
.home-page .home-consult__formbox .intent__row { justify-content:flex-start; }
@media(min-width:1500px) { .home-page .home-hero { padding-top:122px; } .home-page .home-stage { margin-top:50px; } }
@media(max-width:767px) {
 .home-page .home-hero { padding:102px 22px 24px; }
 .home-page .home-hero::before { bottom:150px; }
 .home-page .home-eyebrow { font-size:11px; margin-bottom:22px; }
 .home-page .home-hero h1 { font-size:43px; line-height:1.65; letter-spacing:-1px; }
 .home-page .home-hero__intro { font-size:13px; margin-top:20px; line-height:2.1; }
 .home-page .home-hero__actions { flex-direction:column; gap:8px; }
 .home-page .home-primary { font-size:12px; gap:22px; padding-inline:20px; }
 .home-page .home-hero__demo-link { font-size:12px; }
 .home-page .home-stage { margin-top:30px; }
 .home-page .home-stage__navigation { margin-bottom:20px; }
 .home-page .home-stage__navigation button { font-size:11px; padding:10px 4px; min-height:54px; line-height:1.9; }
 .home-page .home-stage__tab-index { display:none; }
 .home-page .home-stage__body { margin-inline:0; }
 .home-page .home-stage__meta { font-size:10px; }
 .home-page .home-stage__screen { padding:4px; border-radius:8px; }
 .home-page .home-stage__screen > img { border-radius:4px; }
 .home-page .home-stage__phone { left:8px; bottom:-12px; width:26%; min-width:0; padding:3px; border-radius:12px; }
 .home-page .home-stage__phone img { border-radius:9px; }
 .home-page .home-stage__phone figcaption { display:none; }
 .home-page .home-stage__note { font-size:10px; margin-top:26px; }
 .home-page .home-hero__footnote { margin-top:30px; font-size:10px; flex-wrap:wrap; }
 .home-page .home-hero__form { flex-direction:column; }
 .home-page .home-hero__form button { min-height:48px; }
 .home-page #section2 { padding:42px 24px 28px; }
 .home-page #section2 h2 { font-size:23px; }
 .home-page .home-product-grid { grid-template-columns:1fr; }
 .home-page .home-product { padding:22px 0; }
 .home-page .home-product__title { font-size:17px; }
 .home-page .home-proof { padding:36px 24px; }
 .home-page .home-proof h2 { font-size:20px; }
}
@media(max-width:359px) { .home-page .home-hero h1 { font-size:36px; } .home-page .home-stage__navigation button { font-size:10px; } }
/* Compact product accents keep the four-card editorial hierarchy. */
.home-page .home-primary:hover{background:#e9f2ff;box-shadow:0 8px 24px #082d6c30;transform:translateY(-1px)}
.home-page .home-product{--card-accent:#0c66e4;--card-soft:#edf4ff;padding:25px 22px;border:1px solid #e0e7f0;border-inline-start:3px solid var(--card-accent);border-radius:11px;background:linear-gradient(125deg,var(--card-soft),#fff 60%);transition:border-color .18s,box-shadow .18s}.home-page .home-product--cheque{--card-accent:#8150ae;--card-soft:#f8f3fc}.home-page .home-product--asset{--card-accent:#41738e;--card-soft:#f0f6f9}.home-page .home-product--payroll{--card-accent:#8244ab;--card-soft:#f7f2fb}.home-page .home-product:hover{border-color:var(--card-accent);box-shadow:0 8px 22px #173a6510}.home-page .home-product-grid{gap:18px}.home-page .home-product__mark svg{stroke:var(--card-accent)}.home-page .home-product__list{display:block;padding-inline-start:16px;font-size:12px;color:#52647b;line-height:2.1}.home-page .home-product__cta{color:var(--card-accent);font-weight:600}.home-page .home-product__actions{margin-top:auto}.home-page .home-product__problem{color:#536479}.home-page .home-product__title{font-size:18px}
.home-page .home-hardware{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:30px;background:#f2f7fd;border:1px solid #dce7f4;border-radius:16px;padding:24px 35px;margin-top:30px;overflow:hidden}.home-page .home-hardware__visual{position:relative;grid-column:1;grid-row:1;height:235px;perspective:700px;isolation:isolate}.home-page .home-hardware__visual>span{position:absolute;inset:45px 15px 5px;border:1px solid #c7dbf4;border-radius:50%;transform:rotateX(60deg);background:#e3eefb;z-index:-1}.home-page .home-hardware__visual img{width:100%;height:220px;object-fit:contain;transform:rotateY(-14deg) rotateZ(-5deg);filter:drop-shadow(15px 18px 9px #16427220)}.home-page .home-hardware__eyebrow{font-size:11px;color:#456b9d;margin-bottom:8px}.home-page .home-hardware h3{font-size:25px;font-weight:700;color:#193554;margin-bottom:10px}.home-page .home-hardware__text{font-size:14px;color:#5a6e85;margin:0 0 18px}.home-page .home-hardware__all{display:inline-flex;align-items:center;gap:30px;background:#0c66e4;color:#fff;min-height:45px;padding:9px 18px;border-radius:7px;font-size:13px;font-weight:600}.home-page .home-hardware__links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.home-page .home-hardware__links>a{font-size:11px;color:#345a89;min-height:30px;padding:4px 0}.home-page .home-bcr-link{display:flex;align-items:center;gap:18px;border-bottom:1px solid #dbe4ef;padding:22px 8px;color:#204b7c}.home-page .home-bcr-link>span:first-child{font:38px Arial,sans-serif;color:#0c66e4}.home-page .home-bcr-link strong{display:block;font-size:14px}.home-page .home-bcr-link small{display:block;font-size:12px;color:#5a6e85;margin-top:5px}.home-page .home-bcr-link>b{margin-inline-start:auto;color:#0c66e4}.home-page .intent__row:has([data-software-key]){gap:7px}.home-page .intent__chip[data-software-key]{min-height:38px;padding:6px 12px;border-radius:7px;border:1px solid #cbd7e6;background:#fff;font-size:11px;color:#405875;transition:background .16s,border-color .16s}.home-page .intent__chip[data-software-key].is-selected{color:#084ca9;background:#eaf3ff;border-color:#0c66e4;box-shadow:inset 0 0 0 1px #0c66e4}.home-page .intent__chip[data-software-key].is-selected:before{content:'✓';margin-inline-end:5px}.home-page .intent__chip:focus-visible,.home-page .home-product a:focus-visible,.home-page .home-hardware a:focus-visible{outline:3px solid #0c66e4;outline-offset:4px}.home-page .home-hero .home-primary:focus-visible{outline-color:#fff}
@media(max-width:767px){.home-page .home-hardware{grid-template-columns:1fr;gap:5px;padding:20px}.home-page .home-hardware__visual{height:170px}.home-page .home-hardware__visual img{height:170px}.home-page .home-hardware h3{font-size:21px}.home-page .home-hardware__content{grid-column:1;grid-row:2}.home-page .home-hardware__all{width:100%;justify-content:space-between}.home-page .home-hardware__links{gap:6px 15px}.home-page .home-product{padding:22px 18px}.home-page .home-bcr-link{gap:12px}.home-page .home-bcr-link strong{font-size:13px}.home-page .home-bcr-link small{font-size:11px}.home-page .home-product-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){.home-page .home-primary,.home-page .home-product,.home-page .intent__chip{transition:none}.home-page .home-primary:hover{transform:none}}
/* Hardware showcase: stable height, deliberate six-second cadence. */
.home-page .home-hardware__all{color:#fff!important}.home-page .home-hardware__all:hover{background:#0854bd;color:#fff!important}.home-page .home-hardware__visual{height:275px}.home-page .home-hardware__visual img{height:260px}.home-page .home-hardware [hidden]{display:none!important}.home-page .home-hardware__stories{min-height:84px}.home-page .home-hardware__caption{font-size:18px;font-weight:600;color:#245486;margin:0 0 4px}.home-page .home-hardware__text{font-size:13px;margin-bottom:16px}.home-page .home-hardware__controls{display:flex;gap:12px;align-items:center;margin-top:20px}.home-page .home-hardware__selectors{display:flex;flex-wrap:wrap;gap:4px 13px}.home-page .home-hardware__selectors button{color:#526b88;font-size:10px;min-height:44px;display:flex;align-items:center;gap:6px;text-align:right}.home-page .home-hardware__selectors button[aria-pressed=true]{color:#0957b9;font-weight:700}.home-page .home-hardware__dot{width:6px;height:6px;border-radius:50%;background:#bdcfe5;flex:none}.home-page [aria-pressed=true]>.home-hardware__dot{background:#0c66e4}.home-page [data-hardware-pause]{font-size:10px;color:#425c7a;white-space:nowrap;min-height:44px}.home-page .home-hardware__links{border-top:1px solid #dce5ef;padding-top:10px;margin-top:8px}.home-page .home-hardware__visual img:not([hidden]){animation:hardware-appear .4s ease-out}.home-page .home-hardware__stories>div:not([hidden]){animation:hardware-copy .3s ease-out}@keyframes hardware-appear{from{opacity:0;transform:translateY(10px) rotateY(-14deg) rotateZ(-5deg)}to{opacity:1;transform:translateY(0) rotateY(-14deg) rotateZ(-5deg)}}@keyframes hardware-copy{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.home-page .home-hardware__visual{height:190px}.home-page .home-hardware__visual img{height:185px}.home-page .home-hardware__controls{align-items:flex-start}.home-page .home-hardware__stories{min-height:102px}.home-page .home-hardware__caption{font-size:17px}}@media(prefers-reduced-motion:reduce){.home-page .home-hardware__visual img,.home-page .home-hardware__stories>div{animation:none!important}}
.home-page .home-hardware{grid-template-columns:280px minmax(0,1fr);gap:48px;padding:40px}.home-page .home-hardware__stories{min-height:95px;margin-top:22px}.home-page .home-hardware__all{max-width:100%;font-size:12px}.home-page .home-hardware__progress{display:flex;gap:7px;margin-top:24px}.home-page .home-hardware__progress span{width:25px;height:3px;background:#c7d7eb;border-radius:2px}.home-page .home-hardware__progress .is-current{background:#0c66e4}.home-page .home-hardware__visual{cursor:pointer}@media(max-width:767px){.home-page .home-hardware{grid-template-columns:1fr;gap:15px;padding:24px}.home-page .home-hardware__visual{grid-column:auto;grid-row:auto}.home-page .home-hardware h3{font-size:22px}.home-page .home-hardware__stories{margin-top:14px;min-height:90px}}
/* Hardware themes share geometry, keeping the copy and click target stable. */
.home-page .home-hardware{--hw-accent:#7650a3;--hw-soft:#f5effa;--hw-line:#ded0ec;--hw-ink:#543476;background:var(--hw-soft);border-color:var(--hw-line);transition:background .4s,border-color .4s}.home-page .home-hardware[data-hardware-theme=attendance]{--hw-accent:#28674f;--hw-soft:#edf5ef;--hw-line:#cbe0cf;--hw-ink:#275b3c}.home-page .home-hardware[data-hardware-theme=rfid]{--hw-accent:#246c7d;--hw-soft:#eef7f9;--hw-line:#c6dfe5;--hw-ink:#215b6c}.home-page .home-hardware__caption,.home-page .home-hardware__eyebrow{color:var(--hw-ink)}.home-page .home-hardware__all{background:var(--hw-accent);transition:background .3s,box-shadow .3s}.home-page .home-hardware__all:hover{background:var(--hw-ink)}.home-page .home-hardware__visual>span{border-color:var(--hw-line);background:color-mix(in srgb,var(--hw-accent) 10%,white);border-radius:16px;transition:background .4s,border-radius .4s,transform .4s}.home-page [data-hardware-theme=attendance] .home-hardware__visual>span{border-radius:50%;transform:rotateX(60deg) rotateZ(-15deg)}.home-page [data-hardware-theme=rfid] .home-hardware__visual>span{border-radius:28% 12%;background:repeating-linear-gradient(90deg,transparent 0 25px,var(--hw-line) 25px 26px),color-mix(in srgb,var(--hw-accent) 7%,white)}.home-page .home-hardware__navigation{display:flex;align-items:center;gap:12px;margin-top:16px}.home-page .home-hardware__navigation>button{width:40px;height:44px;border:1px solid var(--hw-line);border-radius:50%;font-size:18px;color:var(--hw-accent);background:#ffffffa0}.home-page .home-hardware__progress{display:flex;gap:3px;margin:0}.home-page .home-hardware__progress>button{padding:15px 4px;min-width:30px;min-height:44px}.home-page .home-hardware__progress>button>span{display:block;width:21px;height:3px;background:var(--hw-line);border-radius:3px}.home-page .home-hardware__progress>button.is-current>span{background:var(--hw-accent)}.home-page .home-hardware__progress>.is-current{background:none}.home-page .home-hardware__navigation :is(button,a):focus-visible{outline:3px solid var(--hw-accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.home-page .home-hardware,.home-page .home-hardware__visual>span{transition:none}}