:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f5f3ee}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:28px 20px 70px}header,.hero,.sectionhead,.inputrow{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(2.1rem,6vw,5rem);line-height:.92;margin:.2rem 0 2rem;letter-spacing:-.065em}h2{margin:.2rem 0;font-size:2rem}.eyebrow{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.status,.note{color:#666;font-size:.85rem}.hero{padding:24px;border:1px solid #d8d3c8;border-radius:24px;background:#fff}.hero>div:first-child{flex:1}.swatch{width:min(40vw,250px);aspect-ratio:1;border-radius:18px;background:#214E3E;border:1px solid #ddd}input,button{font:inherit;border-radius:999px;border:1px solid #c9c4b9;padding:12px 16px}input{width:170px;background:#faf9f6}button{background:#171717;color:white;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 44px}.metrics article{background:#e9e5dc;border-radius:16px;padding:18px}.metrics span{display:block;color:#666}.metrics strong{font-size:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:18px}.card{background:#fff;border:1px solid #ddd8cd;border-radius:18px;overflow:hidden}.chip{height:110px}.cardbody{padding:14px}.code{font-size:.72rem;color:#777}.name{font-weight:650;margin-top:3px}@media(max-width:650px){header{align-items:flex-start}.status{display:none}.hero{align-items:stretch;flex-direction:column}.swatch{width:100%;height:200px;aspect-ratio:auto}.metrics{grid-template-columns:repeat(2,1fr)}.sectionhead{align-items:flex-end}}