*{box-sizing:border-box}body{color:#202b29;background:#f5f6f3;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1040px;margin:auto;padding:0 30px}header{border-bottom:1px solid #dedfd8;justify-content:space-between;align-items:center;height:94px;display:flex}.brand{color:#244d40;letter-spacing:-.5px;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand-light{font-weight:400}.tag{letter-spacing:1.5px;color:#52665a;border:1px solid #c7d1c8;border-radius:30px;padding:8px 12px;font-size:10px}.intro{text-align:center;margin:51px 0 32px}.eyebrow{letter-spacing:2px;color:#577560;font-size:10px;font-weight:700}h1{letter-spacing:-1.8px;margin:13px 0;font-size:44px}p{color:#6b746f;font-size:14px;line-height:1.7}.intro p{margin:0}.mobile{display:none}.machine{background:#e4e5df;border:1px solid #d5d8ce;border-radius:24px;grid-template-columns:1.65fr 1fr;gap:28px;padding:25px;display:grid;box-shadow:0 12px #d4d7ce,0 25px 40px #25392c0b}.screen{background:#f9fcf5;border:9px solid #cbd0c4;border-radius:12px;flex-direction:column;min-height:330px;display:flex}.screen-head{letter-spacing:1px;color:#65765f;border-bottom:1px solid #e1e7da;justify-content:space-between;padding:16px;font-size:9px;display:flex}.dot{color:#43754e;font-size:8px}.screen-content{text-align:center;flex:1;padding:21px 12px}.ballot-icon{color:#56754d;border:1px solid #a7b59e;border-radius:10px;place-items:center;width:40px;height:40px;font-size:25px;display:inline-grid}.screen h2{letter-spacing:-.6px;margin:13px 0 8px;font-size:24px}.screen p{margin:0;font-size:12px;line-height:1.6}.status{color:#456641;min-height:14px;margin:18px 0 0;font-size:11px}.status.error{color:#b03131}.screen-foot{text-align:center;color:#75826c;border-top:1px solid #e1e7da;padding:10px;font-size:9px}.controls-label{text-align:center;letter-spacing:1.5px;color:#687065;margin:4px 0 13px;font-size:9px}.controls button{color:#fff;text-align:left;cursor:pointer;background:#26342d;border:1px solid #343b38;border-bottom:5px solid #101b16;border-radius:10px;grid-template-columns:72px 1fr;align-items:center;width:100%;margin-bottom:12px;padding:16px;transition:transform .12s,background .12s;display:grid}.controls button:hover{background:#354c3e}.controls button:active{transform:translateY(3px)}.controls button:focus-visible{outline-offset:4px;outline:3px solid #b19b43}.controls button:disabled{opacity:.55;cursor:wait}.controls strong{letter-spacing:-2px;grid-row:span 2;font-size:48px}.controls button span{font-size:13px;font-weight:700}.controls i{letter-spacing:1.3px;color:#b8c5b9;margin-top:9px;font-size:8px;font-style:normal}.controls-foot{text-align:center;color:#7a8177;margin-top:16px;font-size:10px}.results{margin-top:54px}.results-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.results-title h2{letter-spacing:-.7px;margin:9px 0 0;font-size:25px}.total{text-align:right}.total strong{letter-spacing:-1px;color:#315942;font-size:33px;display:block}.total span{color:#7b837b;font-size:10px}.table-wrap{background:#fff;border:1px solid #dedfd8;border-radius:13px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{color:#707b71;background:#eef0ea;padding:14px 22px;font-size:10px;font-weight:500}td{border-top:1px solid #e9ebe5;padding:19px 22px;font-size:14px}td:first-child{align-items:center;gap:14px;display:flex}.num{color:#4c6650;background:#eef2eb;border:1px solid #dce4d7;border-radius:6px;padding:9px 8px;font-size:13px;font-weight:700}.percentage{align-items:center;gap:15px;display:flex}.percentage b{text-align:right;min-width:48px;font-size:13px}.bar{background:#edf0e9;border-radius:5px;width:130px;height:5px;overflow:hidden}.bar span{background:#668566;height:100%;transition:width .4s;display:block}.note{margin:13px 0;font-size:10px}footer{text-align:center;color:#939a90;border-top:1px solid #dedfd8;margin-top:37px;padding:23px 0 30px;font-size:10px;line-height:1.8}@media (max-width:650px){main{padding:0 18px}header{height:73px}.brand{font-size:17px}.intro{margin:32px 0 24px}h1{font-size:33px}.intro p{font-size:12px}.mobile{display:block}.machine{border-radius:18px;grid-template-columns:1fr;gap:15px;padding:14px}.screen{border-width:6px;min-height:260px}.screen-content{padding:15px 8px}.screen h2{font-size:22px}.controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls-label,.controls-foot{grid-column:span 2;margin:0}.controls button{text-align:center;flex-direction:column;gap:4px;margin:0;padding:11px 5px;display:flex}.controls strong{font-size:41px}.controls button span{font-size:11px}.controls i{margin:3px}.results{margin-top:38px}.results-title h2{font-size:19px}.eyebrow{letter-spacing:1.3px;font-size:8px}.total strong{font-size:28px}.total span{font-size:8px}th,td{padding:13px 10px}td{font-size:11px}td:first-child{gap:7px}.num{padding:7px 5px}.bar{display:none}.percentage{justify-content:flex-end}.percentage b{font-size:12px}footer{margin-top:24px}}.machine-stage{perspective:1400px;padding:12px 10px 26px}.machine{transform-style:preserve-3d;background:linear-gradient(140deg,#f1f1e8 0%,#dddfd5 55%,#b9bfb3 100%);border-top:3px solid #fafbf7;border-bottom:3px solid #9ca597;border-left:3px solid #f8f9f0;border-right:2px solid #a8afa2;border-radius:22px;gap:25px;padding:30px;position:relative;transform:rotateX(6deg)rotateY(-3deg);box-shadow:2px 3px #a9b2a0,5px 9px #8d9885,9px 18px #68755f,13px 30px #53634b,15px 45px 35px #273d2c35}.machine:after{content:"";background:repeating-linear-gradient(90deg,#87917f 0 3px,#0000 3px 7px);border-radius:8px;width:70px;height:6px;position:absolute;bottom:10px;left:42%}.screen{border-color:#9ba590;min-height:390px;box-shadow:inset 2px 3px 8px #25342136,0 2px #fff9}.screen-content{background:linear-gradient(145deg,#f6f9f1,#e9efdf);padding:17px 10px}.candidate-photos{justify-content:center;gap:20px;display:flex}.candidate-photos figure{width:112px;margin:0}.candidate-photos img{object-fit:cover;object-position:center 15%;border:3px solid #fff;border-radius:5px;width:104px;height:118px;margin:auto;display:block;box-shadow:0 2px 8px #1e352b25}.candidate-photos figcaption{color:#4e5d48;margin-top:8px;font-size:9px;font-weight:700}.screen h2{margin:16px 0 7px;font-size:22px}.keypad-decoration{grid-template-columns:repeat(3,1fr);gap:7px;max-width:155px;margin:16px auto 11px;display:grid}.keypad-decoration span{text-align:center;color:#d2d8d0;background:linear-gradient(#354138,#18251b);border-radius:4px;padding:5px;font-size:10px;box-shadow:0 3px #101a12,inset 0 1px #ffffff30}.keypad-decoration span:last-child{grid-column:2}.controls button{background:linear-gradient(150deg,#384a3e,#1c2c21);box-shadow:inset 0 1px #ffffff2b,0 5px 5px #32402c25}.controls button:disabled{cursor:default}.photo-credits{margin-bottom:8px;font-size:9px}.photo-credits a{color:inherit}@media (max-width:650px){.machine-stage{perspective:1000px;padding:8px 1px 22px}.machine{padding:17px 13px;transform:rotateX(3deg)rotateY(-1deg);box-shadow:2px 5px #9da791,5px 12px #77866c,7px 21px #57664d,9px 29px 25px #273d2c35}.screen{min-height:320px}.candidate-photos{gap:21px}.candidate-photos img{width:96px;height:104px}.screen h2{margin:13px 0 6px;font-size:20px}.keypad-decoration{display:none}.controls-label{margin:3px 0;font-size:8px}.machine:after{bottom:5px}.controls-foot{margin:4px 0 6px}}.machine{transform-style:flat}.controls{z-index:2;position:relative}.advertise{background:linear-gradient(120deg,#edf2e8,#f9faf6);border:1px dashed #a9b8a4;border-radius:15px;justify-content:space-between;align-items:center;gap:22px;margin:32px 0 0;padding:27px 28px;display:flex}.advertise h2{letter-spacing:-.6px;margin:10px 0 7px;font-size:23px}.advertise p{margin:0;font-size:12px}.instagram-contact{color:#fff;background:#2d4f3d;border-radius:9px;flex-direction:column;flex-shrink:0;gap:8px;padding:15px 20px;text-decoration:none;transition:background .15s;display:flex}.instagram-contact:hover{background:#3b6650}.instagram-contact:focus-visible{outline-offset:4px;outline:3px solid #b19b43}.instagram-contact span{color:#d0ddcd;font-size:10px}.instagram-contact strong{letter-spacing:-.2px;font-size:16px}@media (max-width:650px){.advertise{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px;padding:22px}.advertise h2{font-size:21px}.advertise p{font-size:11px}.instagram-contact{align-items:center;padding:13px}}
