:root {
  --page:#e8e1d2; --surface:#f5f0e5; --ink:#252a27; --muted:#6d716b;
  --line:#b8b1a1; --accent:#c9573d; --dark:#202522;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.5 'IBM Plex Sans',sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip{position:fixed;left:12px;top:10px;z-index:5;padding:10px 14px;background:var(--accent);color:white;transform:translateY(-150%)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.topbar{height:76px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:10px;font:600 22px 'Bebas Neue',sans-serif;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--dark);color:var(--surface);font-size:15px}.topbar nav{display:flex;gap:25px;color:var(--muted);font-size:13px}.topbar nav a:hover{color:var(--accent)}.connection{margin-left:auto;font:500 10px 'Bebas Neue';letter-spacing:.12em}.connection i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:7px}.hero{max-width:1240px;margin:auto;padding:80px 5vw 0;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.kicker,.summary span,.meter-label,.activity>span{font:500 12px 'Bebas Neue';letter-spacing:.12em;color:var(--muted)}h1,h2{font-family:'Bebas Neue';font-weight:600;line-height:.93;letter-spacing:.015em}h1{font-size:76px;margin:18px 0}h1 em{color:var(--accent);font-style:normal}.lede{max-width:450px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.primary{border:0;background:var(--accent);color:white;padding:14px 20px;font-weight:600}.primary span{font-size:20px;margin-left:12px}.hint{color:var(--muted);font-size:12px}.recorder{position:relative;height:330px;background:var(--surface);border:1px solid var(--line);box-shadow:10px 10px 0 var(--dark);overflow:hidden}.reel{position:absolute;top:48px;width:145px;height:145px;border-radius:50%;background:var(--accent);border:17px solid #a64031;box-shadow:inset 0 0 0 5px #df765b}.reel-left{left:47px}.reel-right{right:47px}.reel b{position:absolute;inset:51px;border-radius:50%;background:var(--dark)}.reel i{position:absolute;width:17px;height:17px;border-radius:50%;background:var(--surface);left:47px;top:12px;transform-origin:8px 60px}.reel i:nth-child(2){transform:rotate(90deg)}.reel i:nth-child(3){transform:rotate(180deg)}.reel i:nth-child(4){transform:rotate(270deg)}.tape{position:absolute;left:115px;right:115px;top:118px;height:6px;background:var(--dark)}.machine-label{position:absolute;left:25px;bottom:64px;font:600 25px 'Bebas Neue';letter-spacing:.08em}.machine-label small{display:block;color:var(--muted);font:11px 'IBM Plex Sans';letter-spacing:.08em}.display{position:absolute;right:26px;bottom:64px;background:var(--dark);color:#e1a345;padding:9px 12px;font:16px 'Bebas Neue';letter-spacing:.1em}.display span{display:block;font:9px 'IBM Plex Sans';color:#c9a05e}.transport{position:absolute;bottom:17px;left:25px;display:flex;gap:5px}.transport button{width:34px;height:25px;border:1px solid var(--line);background:var(--page);font-size:10px}.summary{grid-column:1/-1;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.summary div{padding-right:20px;border-right:1px solid var(--line);margin-right:25px}.summary div:last-child{border:0}.summary strong{display:block;font:32px 'Bebas Neue';margin:3px 0}.summary small{color:var(--muted)}.section{max-width:1240px;margin:0 auto;padding:85px 5vw 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading h2{font-size:46px;margin:8px 0 0}.section-heading>p{max-width:390px;color:var(--muted);margin:0}.bucket-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.bucket{padding:20px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:none;text-align:left}.bucket:last-child{border:0}.bucket.active{background:var(--dark);color:var(--surface)}.bucket strong{display:block;font:25px 'Bebas Neue';margin:26px 0 5px}.bucket small{color:var(--muted)}.bucket.active small{color:var(--line)}.bucket .count{display:block;margin-top:28px;color:var(--accent);font:22px 'Bebas Neue'}.tools{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-bottom:12px}.tools label{font:12px 'Bebas Neue';letter-spacing:.08em;color:var(--muted)}input,select{display:block;width:100%;height:42px;margin-top:6px;padding:0 12px;border:1px solid var(--line);background:var(--surface)}.table-wrap{overflow:auto;background:var(--surface)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left}th{font:12px 'Bebas Neue';letter-spacing:.08em;color:var(--muted)}td:first-child{font-weight:600}.record-count{font:13px 'Bebas Neue';color:var(--muted)}.queue-section{border-top:1px solid var(--line)}.queue-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px}.meter,.activity{border-top:1px solid var(--ink);padding-top:18px}.meter-label,.meter-foot{display:flex;justify-content:space-between}.progress{height:14px;background:var(--line);margin:28px 0 10px}.progress i{display:block;width:100%;height:100%;background:var(--accent);transition:width .3s}.meter-foot{color:var(--muted);font-size:12px}.activity p{border-bottom:1px solid var(--line);padding:8px 0;margin:0;color:var(--muted);font-size:13px}.activity b{color:var(--ink);margin-right:15px}.activity strong{color:var(--ink)}.notes-section{padding-bottom:85px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notes-grid article{border-top:1px solid var(--ink);padding-top:17px}.notes-grid b{font:24px 'Bebas Neue'}.notes-grid p{color:var(--muted);font-size:13px}.notes-grid code{display:block;margin-top:15px;font-size:12px}.notes-grid article:first-child code{color:var(--accent)}footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;color:var(--muted);font:11px 'Bebas Neue';letter-spacing:.08em}@media(max-width:750px){.topbar{padding:0 18px}.topbar nav{display:none}.connection{font-size:9px}.hero{padding-top:50px;grid-template-columns:1fr}.recorder{order:2}.summary{order:3}.hero h1{font-size:61px}.bucket-grid,.notes-grid{grid-template-columns:1fr 1fr}.bucket:nth-child(2){border-right:0}.queue-grid{grid-template-columns:1fr}.section{padding-top:60px}.section-heading{display:block}.section-heading>p{margin-top:15px}.tools{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin:5px 0}}@media(max-width:470px){.bucket-grid,.notes-grid{grid-template-columns:1fr}.bucket{border-right:0}.reel{transform:scale(.8)}.reel-left{left:5px}.reel-right{right:5px}.tape{left:70px;right:70px}}