:root{font:15px/1.55 system-ui,-apple-system,sans-serif;color:#172b37;background:#f4f7f8;--accent:#11695f}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4e7;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:23px;letter-spacing:-.7px;margin:0}h2{font-size:19px}p{margin:8px 0 16px}.brand{display:flex;align-items:center;gap:12px}.mark{background:var(--accent);border-radius:12px;color:#fff;padding:8px 13px;font-weight:800}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#526773}.subtle,small{color:#526773}main{max-width:1180px;margin:auto;padding:28px}.panel{background:white;border:1px solid #dce4e7;border-radius:16px;padding:24px;margin-bottom:20px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}button,.button{font:inherit;cursor:pointer;border:1px solid #cedbdf;border-radius:9px;padding:9px 15px;background:white;color:#172b37;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#eef5f3}button.primary,.button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #20b9a7;outline-offset:3px}input,select{font:inherit;border:1px solid #c4d2d7;border-radius:7px;padding:8px;background:white;color:inherit}input[type=search]{min-width:280px}label{display:inline-flex;gap:8px;align-items:center}.status{white-space:pre-wrap;min-height:24px;color:#11695f}.error{color:#a52828}.badge{font-size:12px;padding:4px 9px;border-radius:20px;background:#e6f3ed;color:#11695f}.tablewrap{overflow:auto;max-height:65vh;border:1px solid #dce4e7;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;border:1px solid #e1e7e9;padding:9px 12px;white-space:pre-wrap;min-width:110px;max-width:350px;overflow-wrap:anywhere}th{background:#eef4f4;position:sticky;top:0}td:focus{outline:2px solid #149682;outline-offset:-2px}footer{padding:18px 28px;color:#627681;font-size:12px}a{color:#11695f}.popup{width:340px;padding:22px}.popup h1{margin:12px 0}.popup button{width:100%;margin:5px 0}.empty{padding:55px 20px;text-align:center}.session{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #e3eaed}.session p{margin:5px 0}.session details{grid-column:1/-1}.session ul{padding-left:20px;max-height:230px;overflow:auto}.session li{margin:5px 0}.session a{overflow-wrap:anywhere}.canvaswrap{overflow:auto;max-height:72vh;background:repeating-conic-gradient(#e5eaed 0% 25%,#fff 0% 50%) 50% /20px 20px;padding:12px;border-radius:12px}.canvaswrap canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair;box-shadow:0 2px 12px #172b3722}.check{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.check input{margin-top:5px}.notice{background:#fff6e6;border:1px solid #f0dba7;padding:12px;border-radius:10px}.split{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:650px){main{padding:16px}header{padding:16px}input[type=search]{min-width:0;width:100%}.session{grid-template-columns:1fr}}
 .hero{padding:65px 0 35px;max-width:760px}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.05;letter-spacing:-2.5px;margin:18px 0 24px}.hero p{font-size:19px;color:#526773}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.cards .panel{display:flex;flex-direction:column;align-items:flex-start}.cards .button{margin-top:auto}.prose{max-width:760px}.prose h2{margin-top:30px}li{margin:8px 0}nav{display:flex;gap:20px;flex-wrap:wrap}
.demo{margin:24px 0}.demo video,.screen{display:block;width:100%;height:auto;border-radius:12px}.demo video{max-height:620px;background:#101a2b}.prose h1{font-size:clamp(28px,5vw,46px);line-height:1.12}.prose p{line-height:1.7}