*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292622;background:#faf9f7;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0}.page{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:clamp(56px,9vw,112px) 0 36px}.intro{margin-bottom:clamp(48px,7vw,80px)}.eyebrow{color:#38634c;font-size:.78rem;font-weight:650;letter-spacing:.12em}h1{max-width:16ch;font-size:clamp(2.5rem,6.5vw,4.8rem);letter-spacing:-.045em;line-height:1.08;margin:20px 0 24px}.summary{max-width:60ch;color:#625d56;line-height:1.7;font-size:1.08rem}h2{font-size:1.2rem;margin:0 0 24px}.demo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.demo{display:flex;flex-direction:column;padding:clamp(24px,3vw,32px);border:1px solid #ddd9d3;border-radius:12px;background:#fffefa}.demo h3{margin:0 0 16px;font-size:1.35rem;letter-spacing:-.025em}.demo p{margin:0 0 32px;color:#625d56;line-height:1.65}.demo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:auto;font-size:.9rem;font-weight:600}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.primary-link{display:inline-flex;align-items:center;gap:16px;padding:12px 16px;border-radius:6px;background:#315c46;color:#fff;text-decoration:none}.primary-link:hover{background:#244735}a:focus-visible{outline:3px solid #72543c;outline-offset:4px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid #ddd9d3;color:#625d56;font-size:.85rem;line-height:1.6}.page footer p{margin:0}@media(max-width:680px){.demo-list{grid-template-columns:minmax(0,1fr)}}