@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#253b30;background:#f5f5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #568251;outline-offset:5px}.layout{min-height:100svh;max-width:1440px;margin:auto;padding:0 6%}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2d7}.brand{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;border-radius:10px;width:34px;height:34px;background:#254a37;color:#e2efa7;font-size:27px;margin-right:3px}.brand-dot{color:#718c43;margin-left:-7px}.demo{font-size:10px;letter-spacing:1.7px;border:1px solid #d6dbce;border-radius:30px;padding:8px 13px;color:#66745c}main{min-height:calc(100svh - 192px);display:grid;place-items:center;padding:66px 0}.screen{text-align:center;width:100%;max-width:650px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#6f7c60}h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(35px,5vw,54px);line-height:1.2;letter-spacing:-2.4px;margin:20px 0}h1 em{font-style:normal;color:#758749}.intro{font-size:15px;line-height:1.8;color:#748071;margin:0 0 34px}.card{background:#fff;border:1px solid #dfe4d8;border-radius:18px;max-width:470px;margin:0 auto;overflow:hidden;box-shadow:0 12px 40px #28382b05;text-align:left}.card-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px}.status{font-size:12px;font-weight:500;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;border-radius:50%;background:#759d46;box-shadow:0 0 0 4px #f1f5eb}.status i.paused{background:#b9663e;box-shadow:0 0 0 4px #fcf0e8}.ticket-label{font-size:9px;color:#88917e;letter-spacing:1.6px}.position{text-align:center;padding:20px 15px 35px;display:flex;flex-direction:column}.position-label{font-size:13px;color:#758070}.position strong{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(60px,16vw,102px);letter-spacing:-5px;line-height:1.4;overflow-wrap:anywhere}.position-note{font-size:12px;color:#7b8574}.card-bottom{background:#f9faf6;border-top:1px solid #edf0e7;padding:19px;display:flex;justify-content:center;gap:12px;align-items:center;font-size:11px;color:#748069}.refresh{font-size:23px;color:#839369}.last-update{display:block;margin-top:4px;font-size:10px;color:#7d8775}.footnote{font-size:11px;line-height:1.9;color:#828a7b;margin:24px 0 0}footer{min-height:80px;border-top:1px solid #dfe2d7;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#87917f}footer span:last-child{font-size:9px;letter-spacing:1.6px}.error{border-top:1px solid #f0dfd3;padding:22px 26px;background:#fff8f1;color:#8d4326;font-size:13px}.error p{line-height:1.6}.error button{width:100%;padding:12px 16px;border:0;border-radius:8px;background:#294e3a;color:#fff;display:flex;justify-content:space-between;align-items:center}.success-icon{margin:36px auto 28px;border-radius:50%;width:96px;height:96px;display:grid;place-items:center;background:#e4edca;border:9px solid #edf1df;color:#536f33;font-size:43px}.success-message h2{font-size:19px;font-weight:500;margin:25px 0 12px}.success-message p{font-size:15px;color:#748071;line-height:1.8}.complete-badge{display:inline-block;margin-top:20px;border:1px solid #d9e1ca;color:#678047;border-radius:30px;padding:11px 20px;font-size:12px}@media(max-width:540px){.layout{padding:0 6%}header{height:86px}.brand{font-size:25px}.demo{font-size:8px}main{min-height:calc(100svh - 176px);padding:48px 0}h1{letter-spacing:-1.8px}.intro{font-size:13px}.card-top{padding:22px 18px}.ticket-label{font-size:8px}.status{font-size:11px}footer{min-height:90px;justify-content:center;flex-direction:column;gap:9px;text-align:center}.eyebrow{font-size:9px;letter-spacing:1.5px}}
