:root{--navy:#071d2c;--navy2:#102d40;--mint:#7ee4bb;--sky:#4fd1e8;--white:#fff;--paper:#f4f7f6;--ink:#14232d;--muted:#677781;--line:#d5dfe3;--red:#d9433b;--amber:#e4a326;--shadow:0 25px 70px rgba(4,23,35,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#f6f8f8;line-height:1.55}button,a,select,textarea{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--mint);padding:.8rem 1rem;color:var(--navy);z-index:50}.skip-link:focus{top:1rem}header{height:78px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand span{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:var(--mint);font-weight:800}.status{font-family:"Roboto Mono",monospace;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;background:#2fc78a;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(47,199,138,.12)}.hero{padding:92px max(24px,calc((100vw - 1240px)/2)) 72px;background:var(--navy);color:#fff;min-height:620px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(79,209,232,.14);border-radius:50%;right:-350px;top:-290px;box-shadow:0 0 0 90px rgba(79,209,232,.025),0 0 0 180px rgba(79,209,232,.018)}.hero>*{position:relative;z-index:1}.eyebrow{font-family:"Roboto Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#2d7c68;font-weight:600;margin:0 0 14px}.hero .eyebrow{color:var(--sky)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.5rem,6.4vw,6.4rem);line-height:.94;letter-spacing:-.065em;margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--mint)}.hero p:not(.eyebrow){color:#afc1ca;max-width:710px;font-size:1.05rem}.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{background:var(--mint);color:var(--navy)}.button.secondary{background:transparent;color:#fff;border-color:#667d89}.button.secondary.dark{color:var(--navy);border-color:#93a5ae}.button.danger{background:#fff;border-color:#e0a5a1;color:#a52822}.button:disabled{opacity:.35;cursor:not-allowed}.hero-copy>.button{margin-top:22px}.hero-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.hero-diagram div{padding:20px;border:1px solid #315064;background:rgba(10,37,54,.78);min-height:120px}.hero-diagram div:nth-of-type(3),.hero-diagram div:nth-of-type(4){grid-row:2}.hero-diagram div:nth-of-type(3){grid-column:3}.hero-diagram div:nth-of-type(4){grid-column:1}.hero-diagram b:nth-of-type(2){grid-column:2;grid-row:2;transform:rotate(180deg)}.hero-diagram small,.hero-diagram strong,.hero-diagram span{display:block}.hero-diagram small{color:var(--sky);font-family:"Roboto Mono",monospace}.hero-diagram span{color:#9fb3be;font-size:.76rem}.hero-diagram>b{color:var(--mint)}.principles{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:-38px auto 0;position:relative;z-index:2;background:#fff;box-shadow:var(--shadow)}.principles div{padding:24px;border-right:1px solid var(--line)}.principles span,.principles strong{display:block}.principles span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.demo{max-width:1320px;margin:auto;padding:100px 28px}.demo-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.demo-head h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:0}.reset{background:none;border:0;color:#2d7461;font-weight:800;cursor:pointer}.role-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.role-tabs button{border:0;border-right:1px solid var(--line);background:#fff;padding:17px;text-align:left;color:var(--muted);font-weight:700;cursor:pointer}.role-tabs button[aria-selected=true]{background:var(--navy2);color:#fff;box-shadow:inset 0 -4px var(--mint)}.screen{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;padding-top:24px}.screen[data-screen=rules],.screen[data-screen=supervisor],.screen[data-screen=admin]{grid-template-columns:1fr .75fr}.phone,.event-stream,.rules-card,.calculation,.approval-card,.audit-side,.admin-card,.automation-map{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.phone{max-width:470px;padding:0 24px 24px;background:#0a2435;color:#fff;border-radius:26px}.phone-top{display:flex;justify-content:space-between;padding:18px 0;font-size:.75rem;color:#adc0c9;border-bottom:1px solid #284253}.worker-card{display:flex;align-items:center;gap:12px;padding:22px 0}.avatar{display:grid;place-items:center;width:48px;height:48px;background:var(--mint);color:var(--navy);border-radius:50%;font-weight:800;flex:0 0 auto}.worker-card div{display:flex;flex-direction:column}.worker-card small{color:#a7bac4}.shift-badge{margin-left:auto;background:#183a4d;padding:5px 9px;font-size:.68rem;color:#bfd0d7}.phone label{display:grid;gap:8px;font-size:.74rem;color:#a9bdc6}.phone select{min-height:50px;padding:0 12px;background:#fff;color:var(--navy);border:0}.location{display:flex;gap:12px;align-items:center;border:1px solid #2c4a5c;padding:13px;margin:16px 0}.location>span{color:var(--sky);font-size:1.4rem}.location div{display:flex;flex-direction:column}.location small{color:#9bb0bb}.clock{text-align:center;padding:16px 0}.clock small{color:#8198a4;font-family:"Roboto Mono",monospace}.clock>strong{display:block;font-family:"Roboto Mono",monospace;font-size:3.6rem;letter-spacing:-.08em}.time-controls{display:flex;justify-content:center;gap:7px}.time-controls button{border:1px solid #3a5667;background:none;color:#9cb0bb;padding:5px 9px;cursor:pointer}.time-controls button.active{color:var(--mint);border-color:var(--mint)}.punch{width:100%;min-height:62px;border:0;margin-top:9px;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer}.punch.in{background:var(--mint);color:var(--navy)}.punch.out{background:#fff;color:var(--navy)}.punch:disabled{opacity:.25;cursor:not-allowed}.offline-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;margin:16px 0}.offline-toggle input{width:20px;height:20px}.queue{display:flex;justify-content:space-between;font-family:"Roboto Mono",monospace;font-size:.68rem;color:#9bb0bb;border-top:1px solid #2b4656;padding-top:14px}.queue strong{color:var(--sky)}.event-stream,.calculation,.approval-card,.admin-card{padding:34px}.panel-title{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;font-size:.76rem}.panel-title>span{font-family:"Roboto Mono",monospace;color:var(--muted)}.event-stream ol{list-style:none;padding:0;margin:0 0 25px}.event-stream li{display:grid;grid-template-columns:80px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.event-stream time{font-family:"Roboto Mono",monospace;color:#277660}.event-stream li div{display:flex;flex-direction:column}.event-stream li span{color:var(--muted);font-size:.82rem}.event-stream .button{margin-right:8px;margin-bottom:8px}.rules-card{padding:40px;background:var(--navy);color:#fff}.rules-card h3,.audit-side h3{font-size:2.4rem;line-height:1.06;letter-spacing:-.04em}.event-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:55px 0 30px}.event-pair div{border:1px solid #345267;padding:18px}.event-pair span,.event-pair strong,.event-pair small{display:block}.event-pair span{font-size:.68rem;color:var(--sky)}.event-pair strong{font-family:"Roboto Mono",monospace;font-size:2rem}.event-pair small{color:#95aab5}.event-pair>b{color:var(--mint)}.formula{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;color:#a5b8c2;font-family:"Roboto Mono",monospace;font-size:.68rem}.formula b{color:var(--mint)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metrics div,.review-grid div,.summary div{border:1px solid var(--line);padding:16px}.metrics span,.metrics strong{display:block}.metrics span,.review-grid span,.summary span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.metrics strong{font-size:1.8rem}.checks{padding:22px 0}.checks p{margin:7px 0;color:var(--muted)}.checks p.pass{color:#277660;font-weight:700}.person-row{display:flex;align-items:center;gap:14px;padding:12px 0 25px}.person-row div{display:flex;flex-direction:column}.person-row small{color:var(--muted)}.pending,.approved{margin-left:auto;padding:6px 10px;background:#fff3d8;color:#8d6515;font-size:.7rem;font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.review-grid strong{display:block}.approval-card label{display:grid;gap:8px;font-weight:700;margin-top:15px}.approval-card textarea{border:1px solid #aebec6;padding:12px}.confirm{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.confirm input{width:20px;height:20px}.approval-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.validation{font-size:.75rem;color:var(--muted);text-align:right}.audit-side,.automation-map{padding:34px}.audit-side{background:var(--navy);color:#fff}.audit-side .eyebrow{color:var(--sky)}.audit-side ol,.automation-map ol{list-style:none;padding:0;margin-top:40px}.audit-side li,.automation-map li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #294455}.audit-side li span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #446274;color:var(--mint)}.admin-top{display:flex;justify-content:space-between}.admin-top h3{font-size:2.2rem}.approved{background:#def6eb;color:#267257}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary strong{display:block;font-size:1.8rem}.table-wrap{overflow:auto;margin:25px 0}.admin-card table{width:100%;min-width:750px;border-collapse:collapse}.admin-card th,.admin-card td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:.8rem}.admin-card th{font-size:.68rem;color:var(--muted)}.export-actions{display:flex;gap:10px;justify-content:flex-end}.automation-map li{border-bottom:1px solid var(--line)}.automation-map li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);color:#277660}.automation-map li div{display:flex;flex-direction:column}.automation-map li small{color:var(--muted)}.automation-map li.done>span{background:var(--mint)}.global-log{margin-top:24px;border-left:5px solid var(--mint);padding:15px 20px;background:#eaf6f1;display:flex;gap:15px;align-items:center}.global-log span{font-family:"Roboto Mono",monospace;font-size:.68rem;color:#277660}footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(24px,calc((100vw - 1240px)/2));background:var(--navy);color:#9fb1bb;font-size:.8rem}footer p{margin:0}footer button{background:none;border:0;color:var(--mint);font-weight:700;cursor:pointer}@media(max-width:920px){.hero,.screen,.screen[data-screen=rules],.screen[data-screen=supervisor],.screen[data-screen=admin]{grid-template-columns:1fr}.principles{margin:0;grid-template-columns:repeat(2,1fr)}.phone{max-width:none}.role-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){header{height:auto;padding:16px}.status{display:none}.hero{padding:60px 20px}.hero h1{font-size:3.2rem}.hero-diagram{grid-template-columns:1fr}.hero-diagram div,.hero-diagram div:nth-of-type(3),.hero-diagram div:nth-of-type(4){grid-column:auto;grid-row:auto}.hero-diagram>b{transform:rotate(90deg)!important;text-align:center}.principles{grid-template-columns:1fr}.demo{padding:70px 15px}.demo-head{align-items:start;flex-direction:column}.role-tabs{grid-template-columns:1fr}.role-tabs button{border-bottom:1px solid var(--line)}.screen{padding-top:12px}.event-stream,.calculation,.approval-card,.admin-card,.audit-side,.automation-map{padding:22px}.event-pair{grid-template-columns:1fr}.event-pair>b{transform:rotate(90deg);text-align:center}.review-grid,.summary{grid-template-columns:repeat(2,1fr)}.approval-actions,.export-actions{flex-direction:column}.output-actions .button{width:100%}footer{flex-direction:column}}