:root{color:#24251f;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f3ec;font-family:Thonburi,Leelawadee UI,system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid #d5d5c8;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.wordmark{letter-spacing:-.6px;font:700 22px/1.4 Georgia,serif}.topbar a{padding:10px 0;font-size:14px}.hero{max-width:800px;padding:52px 0 36px}.eyebrow{color:#476441;letter-spacing:.08em;margin:0 0 16px;font-size:13px}h1{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(32px,4vw,46px);line-height:1.45}.lede{color:#55584c;margin:0;font-size:18px}.section-heading{border-bottom:1px solid #d5d5c8;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:22px;padding-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading p{color:#55584c;margin:0;font-size:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.demo-card{background:#fffef9;border:1px solid #d5d5c8;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:10px;padding:20px 24px 0;display:flex}.category{color:#55584c;font-size:13px}.status{color:#455121;white-space:nowrap;background:#edf0db;border:1px solid #d3d9b2;border-radius:5px;padding:3px 9px;font-size:12px}.card-body{flex-direction:column;flex:1;padding:18px 24px 24px;display:flex}h3{overflow-wrap:anywhere;margin:0 0 12px;font:600 27px/1.3 Georgia,serif}.description{margin:0;font-size:16px}ul{color:#55584c;margin:18px 0;padding-left:20px;font-size:14px}li+li{margin-top:4px}.note{color:#69604b;border-top:1px dashed #d5d5c8;margin:auto 0 16px;padding:12px 0;font-size:13px}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.try{color:#fffef9;background:#294c38;border-radius:7px;min-height:48px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none}.try:hover{background:#193425}.pr{padding:12px 0;font-size:13px}a:focus-visible{outline-offset:4px;outline:3px solid #977423}footer{color:#55584c;border-top:1px solid #d5d5c8;margin-top:28px;padding:32px 0;font-size:13px}.skip{z-index:1;background:#fffef9;padding:10px;position:absolute;top:-90px;left:20px}.skip:focus{top:8px}@media (width<=700px){.shell{padding-inline:16px}.hero{padding-block:32px}.cards{grid-template-columns:1fr}.card-head{padding:18px 18px 0}.card-body{padding:16px 18px 20px}.lede{font-size:16px}}