*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#22352e;font:16px system-ui,sans-serif}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;background:#213d32;color:white}.brand{font-size:26px;font-weight:900;letter-spacing:2px}.brand small{font-size:11px;display:block;letter-spacing:1px}.demo{font-size:11px;border:1px solid #b6cd8d;padding:8px;border-radius:24px;color:#d5e6b9}main{max-width:1300px;margin:auto;padding:40px 5%}.eyebrow{font-size:12px;letter-spacing:2px;color:#98613c}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;margin:12px 0}.intro,section>p,footer{color:#626f66}h2{font-size:20px}button,select{font:inherit;padding:11px 15px;border-radius:9px;border:1px solid #ccd3ca}button{background:#244d3c;color:white;cursor:pointer}button:hover{background:#34694f}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible{outline:3px solid #d67b32;outline-offset:3px}.tabs{display:flex;gap:10px;margin-top:28px}.tabs button[aria-pressed=false]{background:transparent;color:#244d3c}select{background:white;color:#243b2d}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metric{padding:22px;background:#e7ecdf;border-radius:12px}.metric strong{font-size:32px;display:block}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}section{background:white;border:1px solid #e0e4dc;border-radius:14px;padding:22px;margin-bottom:20px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.order{padding:22px 0;border-top:1px solid #e5e8e1}.order h3{margin:0 0 10px}.order p{margin:7px 0;color:#59685d}.badge{display:inline-block;border-radius:20px;padding:5px 10px;background:#edf0e8;font-size:12px}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}svg{width:100%;max-height:360px;border-radius:12px}svg text{font-size:4px;fill:#24372a}.driver{padding:12px 0;border-bottom:1px solid #eee}#session{display:flex;justify-content:space-between;align-items:center}#session[hidden], [hidden]{display:none!important}#connection{font-size:14px;min-height:22px}.error{color:#a82e23!important}footer{font-size:13px;padding:16px 0}@media(max-width:750px){.columns{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:26px}main{padding:26px 5%}header{gap:12px}.demo{max-width:150px}.tabs button{flex:1}section{padding:16px}}