:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:56px 0}.hero{gap:16px;padding:48px 0 36px;display:grid}.eyebrow{color:#27625a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1{max-width:760px;margin:0;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95}.intro{color:#536158;max-width:620px;margin:0;font-size:1.08rem;line-height:1.6}.demo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.demo-card{background:linear-gradient(160deg,#fffc,#f6f2e5f2),radial-gradient(circle at 85% 18%,#27625a26,#0000 28%);border:1px solid #d5d0c0;border-radius:8px;align-content:start;gap:18px;min-height:260px;padding:18px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #17201a14}.demo-card:hover,.demo-card:focus-visible{border-color:#27625a;outline:none;transform:translateY(-4px);box-shadow:0 22px 52px #17201a21}.demo-number{color:#27625a;font-size:.84rem;font-weight:800}.status{border-radius:999px;width:fit-content;padding:5px 9px;font-size:.72rem;font-weight:800}.status-ready{color:#0e3d35;background:#b8ded6}.status-draft{color:#5b3d0a;background:#f0cf82}.demo-card h2{margin:18px 0 0;font-size:1.28rem;line-height:1.15}.demo-card p{color:#536158;margin:0;font-size:.94rem;line-height:1.48}@media (width<=980px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.shell{width:min(100% - 28px,1120px);padding:28px 0}.hero{padding-top:24px}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:210px}}