:root{--ink:#241f18;--cream:#f6f0e3;--white:#fffefa;--line:#d8d0c2;--coral:#ff705c;--yellow:#ffd760;--blue:#2d5f7d;--green:#26755f;--muted:#72695f;--mono:"IBM Plex Mono",monospace;--sans:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:10px;background:#fff;padding:10px;z-index:10}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--ink);background:var(--white)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand>span{display:grid;place-items:center;width:42px;height:42px;background:var(--coral);font:500 14px var(--mono)}header>div{font-size:11px;color:var(--muted)}header i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:75px;padding:95px 30px 78px;align-items:end}.eyebrow{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}h1{font-size:clamp(50px,6.7vw,92px);line-height:.98;letter-spacing:-.06em;margin:20px 0 28px}h1 em{font-style:normal;color:var(--coral)}.hero>div>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:720px}.button{min-height:48px;padding:12px 17px;border:1px solid var(--ink);display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font-weight:750;font-size:13px}.hero .button{margin-top:24px;text-decoration:none}.dark{background:var(--ink);color:#fff}.coral{background:var(--coral);color:var(--ink)}.outline{background:transparent;color:var(--ink)}.hero aside{background:var(--blue);color:#fff;padding:32px;transform:rotate(-1.2deg);box-shadow:14px 14px 0 var(--yellow)}.clock span{font:500 10px var(--mono);letter-spacing:.08em}.clock strong{display:block;font-size:84px;letter-spacing:-.07em;line-height:1}.clock small{color:#dceaf2}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:38px;border-top:1px solid rgba(255,255,255,.35);padding-top:20px}.hero-stats span{font-size:10px}.hero-stats strong{display:block;font-size:24px}.truth-strip{background:var(--ink);color:#fff;padding:18px max(24px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;gap:22px;font:500 10px var(--mono);white-space:nowrap;overflow:auto}.truth-strip span:before{content:"●";color:var(--yellow);margin-right:10px}.console{max-width:1320px;margin:auto;padding:84px 30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-head h2,.report h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.05em;margin:7px 0}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700}.next{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;background:var(--yellow);padding:18px 22px;margin:30px 0 22px}.next>span{font:500 10px var(--mono)}.glow{animation:glow 1.4s infinite}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.source-grid article{background:var(--white);border:1px solid var(--line);padding:20px;display:grid;gap:5px}.source-grid span,.card-head,.case>span{font:500 10px var(--mono);color:var(--blue)}.source-grid small{color:var(--muted)}.pipeline-card,.register,.case,.report{background:var(--white);border:1px solid var(--line)}.card-head{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.pipeline{list-style:none;margin:0;padding:12px 22px;display:grid;grid-template-columns:repeat(7,1fr)}.pipeline li{min-width:0;padding:13px;border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;gap:13px}.pipeline li:last-child{border-right:0}.pipeline li>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);font:500 10px var(--mono)}.pipeline li strong,.pipeline li small{display:block}.pipeline li strong{font-size:12px}.pipeline li small{font-size:10px;color:var(--muted);margin-top:4px}.pipeline li>b{font:500 9px var(--mono);color:#90877d}.pipeline li.running{background:#fff7d6}.pipeline li.done>span{background:var(--yellow);border-color:var(--yellow);font-size:0}.pipeline li.done>span:after{content:"✓";font-size:13px}.pipeline li.done>b{color:var(--green)}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric{background:var(--white);border:1px solid var(--line);border-top:5px solid var(--green);padding:18px}.metric.leave{border-top-color:var(--blue)}.metric.alert{border-top-color:var(--coral)}.metric span,.metric small{display:block;font-size:10px;color:var(--muted)}.metric strong{font-size:38px}.result-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.table-wrap{overflow:auto}.register table{width:100%;border-collapse:collapse;min-width:720px}.register th,.register td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.register th{font:500 9px var(--mono);color:var(--muted)}.register td>strong,.register td>small{display:block}.register td>small{color:var(--muted)}.register tr.flagged{background:#fff0ed}.status{font-size:9px;padding:5px 7px;background:#e7f2ec;color:var(--green);white-space:nowrap}.status.approved-leave{background:#e7f0f6;color:var(--blue)}.status.unaccounted-absence{background:#ffe5e1;color:#a9382a}.mini-bar{display:inline-block;width:60px;height:5px;background:#e5dfd5;margin-right:7px}.mini-bar i{display:block;height:100%;background:var(--green)}.case{padding:24px;border-top:6px solid var(--coral)}.case h3{font-size:25px;margin:20px 0 8px}.case>p{font-size:12px;color:var(--muted)}.channel-tabs{display:flex;margin-top:20px}.channel-tabs button{flex:1;border:1px solid var(--line);background:#fff;padding:9px;font-size:10px}.channel-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.message{background:#f1eee8;padding:15px;margin-bottom:20px}.message small{font:500 9px var(--mono);color:var(--blue)}.message p{font-size:12px}.message strong{font:500 9px var(--mono);color:var(--coral)}label{font-size:11px;font-weight:700}textarea{width:100%;padding:10px;border:1px solid var(--line);font:12px var(--sans);margin:7px 0 10px;resize:vertical}.case .button{width:100%}.case>p:last-child{font-size:10px}.report{margin-top:22px;padding:30px;display:grid;grid-template-columns:.7fr 1fr .7fr;gap:35px;align-items:center}.report>div:first-child>p:last-child{font-size:12px;color:var(--muted)}.bars{display:grid;gap:9px}.bars>div{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:10px;font-size:10px}.bars i{height:8px;background:#e2ddd4}.bars b{display:block;height:100%;background:var(--blue)}.report-actions{display:grid;gap:10px}.report-actions small{color:var(--muted);font-size:9px}footer{background:var(--ink);color:#c9c1b6;padding:25px max(24px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;gap:25px;font-size:10px}footer p{margin:0}footer a{color:var(--yellow)}@keyframes glow{50%{box-shadow:0 0 0 8px rgba(255,112,92,.2)}}@media(max-width:980px){.hero,.result-grid,.report{grid-template-columns:1fr}.hero{gap:45px}.pipeline{grid-template-columns:1fr}.pipeline li{grid-template-columns:46px 1fr auto;grid-template-rows:auto;border-right:0;border-bottom:1px solid var(--line)}.source-grid,.dashboard{grid-template-columns:repeat(2,1fr)}.report-actions{max-width:420px}}@media(max-width:620px){header{padding:14px 16px;height:auto}header>div{display:none}.hero{padding:58px 18px}.hero h1{font-size:48px}.hero aside{box-shadow:7px 7px 0 var(--yellow)}.clock strong{font-size:68px}.console{padding:55px 14px}.section-head{align-items:start;flex-direction:column}.next{grid-template-columns:1fr}.next .button{width:100%}.source-grid,.dashboard{grid-template-columns:1fr}.pipeline{padding:8px 12px}.pipeline li{grid-template-columns:40px 1fr}.pipeline li>b{grid-column:2}.card-head{gap:15px}.case{padding:20px 14px}.report{padding:22px 14px}.bars>div{grid-template-columns:90px 1fr 42px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glow{animation:none}}
