.attendance-product-page{--ap-navy:#0b2e57;--ap-blue:#1769ff;--ap-mint:#0bb99c;--ap-ink:#102846;--ap-muted:#5f6f82;--ap-line:#dce5ee;background:#fff;color:var(--ap-ink)}.attendance-product-page *{box-sizing:border-box}.ap-kicker{margin:0 0 18px;color:#087f70;font-size:11px;font-weight:800;letter-spacing:.16em}.ap-hero{padding:76px 0 88px;background:#f5f8fb;border-bottom:1px solid var(--ap-line)}.ap-hero-grid,.ap-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.ap-hero h1{max-width:680px;margin:0;font-size:clamp(48px,5.5vw,78px);line-height:.95;letter-spacing:-.065em;color:var(--ap-navy)}.ap-hero-copy>p:not(.ap-kicker){max-width:620px;margin:27px 0 0;color:var(--ap-muted);font-size:18px;line-height:1.7}.ap-actions{display:flex;align-items:center;gap:10px;margin-top:30px}.ap-actions>a,.ap-actions>button{min-height:48px;padding:0 19px;border-radius:9px;font:inherit;font-size:13px;font-weight:750}.ap-actions>button{color:#fff;background:var(--ap-navy);border:1px solid var(--ap-navy);cursor:pointer}.ap-actions>a{display:inline-flex;align-items:center;gap:18px;color:var(--ap-navy);background:#fff;border:1px solid #cbd8e5;text-decoration:none}.ap-hero-copy>small{display:block;margin-top:14px;color:#718094;font-size:12px}.ap-product{overflow:hidden;background:#fff;border:1px solid #cfdbe7;box-shadow:0 22px 55px rgba(19,51,87,.1);transform:rotate(.6deg)}.ap-product header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--ap-line)}.ap-product header span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.ap-product header img{width:22px}.ap-product header em{padding:6px 9px;color:#9a6412;background:#fff7e8;font-size:10px;font-style:normal;font-weight:750}.ap-product-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.ap-product-summary article{padding:15px;background:#f3f6f9}.ap-product-summary span,.ap-product-summary small{display:block;color:#708094;font-size:10px}.ap-product-summary b{display:block;margin:5px 0;font-size:28px;color:var(--ap-navy)}.ap-record{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;margin:0 18px 9px;padding:13px;border:1px solid var(--ap-line)}.ap-record time{font-size:12px;font-weight:750}.ap-record span b,.ap-record span small{display:block}.ap-record span b{font-size:13px}.ap-record span small{margin-top:3px;color:#718094;font-size:10px}.ap-record em{color:#9a6412;font-size:10px;font-style:normal;font-weight:750}.ap-record--ok em{color:#087f70}.ap-product footer{padding:10px 18px 16px;color:#8491a0;font-size:9px}.ap-methods,.ap-workflow,.ap-control,.ap-devices,.ap-faq{padding:96px 0}.ap-methods header{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:end}.ap-methods h2,.ap-workflow h2,.ap-control h2,.ap-devices h2,.ap-faq h2,.ap-final h2{margin:0;color:var(--ap-navy);font-size:clamp(36px,4vw,58px);line-height:1.02;letter-spacing:-.055em}.ap-methods header>p:last-child,.ap-workflow .ap-split>div>p:not(.ap-kicker),.ap-devices .ap-split>div>p:not(.ap-kicker){margin:0;color:var(--ap-muted);font-size:16px;line-height:1.7}.ap-method-list{margin-top:52px;border-top:1px solid var(--ap-line)}.ap-method-list article{display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:start;padding:25px 0;border-bottom:1px solid var(--ap-line)}.ap-method-list b{font-size:17px}.ap-method-list p{max-width:690px;margin:0;color:var(--ap-muted);font-size:14px;line-height:1.65}.ap-method-list a{color:#0b5bb7;font-size:12px;font-weight:750;text-decoration:none}.ap-workflow{background:var(--ap-navy);color:#fff}.ap-workflow .ap-kicker{color:#7fe3ce}.ap-workflow h2{color:#fff}.ap-workflow .ap-split>div>p:not(.ap-kicker){margin-top:22px;color:#c1cfdd}.ap-text-button{margin-top:24px;padding:0;color:#fff;background:transparent;border:0;border-bottom:1px solid #7fe3ce;font-size:13px;font-weight:750;cursor:pointer}.ap-workflow ol{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}.ap-workflow li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2)}.ap-workflow li i{color:#7fe3ce;font-size:11px;font-style:normal}.ap-workflow li b,.ap-workflow li small{display:block}.ap-workflow li b{font-size:16px}.ap-workflow li small{margin-top:7px;color:#bdcad8;font-size:13px;line-height:1.55}.ap-control .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.ap-control-copy>p:last-child{color:var(--ap-muted);line-height:1.75}.ap-exception{border:1px solid #cfdbe7;background:#fff;box-shadow:0 18px 45px rgba(19,51,87,.08)}.ap-exception header,.ap-exception footer{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#f4f7fa}.ap-exception header span{color:#9a6412;font-size:11px;font-weight:750}.ap-exception dl{margin:0;padding:4px 20px}.ap-exception dl div{display:grid;grid-template-columns:160px 1fr;padding:13px 0;border-bottom:1px solid var(--ap-line)}.ap-exception dl div:last-child{border:0}.ap-exception dt{color:#738295;font-size:12px}.ap-exception dd{margin:0;font-size:13px;font-weight:650}.ap-exception footer span{font-size:11px;color:#68798b}.ap-exception footer button{padding:9px 12px;color:#fff;background:var(--ap-navy);border:0}.ap-devices{background:#f3f6f9;border-block:1px solid var(--ap-line)}.ap-device-actions{display:flex;gap:10px;margin-top:26px}.ap-device-actions a{padding:11px 14px;color:var(--ap-navy);background:#fff;border:1px solid #cbd8e5;text-decoration:none;font-size:12px;font-weight:750}.ap-device-logos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-device-logos figure{margin:0;padding:25px;background:#fff;border:1px solid var(--ap-line)}.ap-device-logos img{width:100%;height:42px;object-fit:contain}.ap-device-logos figcaption{margin-top:18px;color:#718094;font-size:11px;text-align:center}.ap-device-logos>p{grid-column:1/-1;margin:4px 0 0;color:#7b8999;font-size:10px;line-height:1.5}.ap-faq .ap-split{align-items:start}.ap-faq details{border-top:1px solid var(--ap-line)}.ap-faq details:last-child{border-bottom:1px solid var(--ap-line)}.ap-faq summary{display:flex;justify-content:space-between;gap:25px;padding:21px 0;cursor:pointer;list-style:none;font-weight:750}.ap-faq summary::-webkit-details-marker{display:none}.ap-faq summary i{font-style:normal}.ap-faq details[open] summary i{transform:rotate(45deg)}.ap-faq details p{max-width:680px;margin:-5px 0 22px;color:var(--ap-muted);font-size:14px;line-height:1.7}.ap-final{padding:65px 0;background:#e9f1f8}.ap-final .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.ap-final h2{font-size:clamp(34px,4vw,52px)}.ap-final p:not(.ap-kicker){max-width:650px;color:var(--ap-muted)}.ap-final .ap-actions{flex:0 0 auto;margin:0}
@media(max-width:900px){.ap-hero-grid,.ap-split,.ap-control .wrap,.ap-methods header{grid-template-columns:1fr;gap:42px}.ap-product{transform:none}.ap-method-list article{grid-template-columns:170px 1fr}.ap-method-list article a{grid-column:2}.ap-final .wrap{display:block}.ap-final .ap-actions{margin-top:28px}}
@media(max-width:620px){.ap-hero{padding:54px 0 64px}.ap-hero h1{font-size:46px}.ap-actions{align-items:stretch;flex-direction:column}.ap-actions>a,.ap-actions>button{justify-content:center;width:100%}.ap-methods,.ap-workflow,.ap-control,.ap-devices,.ap-faq{padding:68px 0}.ap-method-list article{grid-template-columns:1fr;gap:9px}.ap-method-list article a{grid-column:auto}.ap-product-summary{grid-template-columns:1fr 1fr}.ap-record{grid-template-columns:46px 1fr}.ap-record em{grid-column:2}.ap-exception dl div{grid-template-columns:1fr;gap:4px}.ap-device-logos{grid-template-columns:1fr}.ap-final .ap-actions{align-items:stretch}.ap-final .ap-actions>*{width:100%}}