:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#171717;background:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid #e7e7e7;position:sticky;top:0;background:#fff;z-index:2}main{max-width:1120px;margin:auto;padding:36px 20px 64px}.hero{padding:24px 0}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#666}h1{font-size:clamp(36px,7vw,64px);line-height:1.05;margin:12px 0}h2{margin-top:0}p{line-height:1.6;color:#555}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{border:1px solid #e5e5e5;border-radius:16px;padding:22px;background:#fff}.metric strong{display:block;font-size:32px}.metric span{color:#666}.stack{display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.row:last-child{border:0}.actions{display:flex;gap:10px;flex-wrap:wrap}button,a.button{border:1px solid #111;background:#111;color:#fff;border-radius:10px;padding:11px 16px;font-weight:750;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.secondary{background:#fff!important;color:#111!important}label{display:grid;gap:6px;font-weight:700}input,textarea,select{width:100%;min-height:44px;border:1px solid #ccc;border-radius:9px;padding:10px;background:#fff;font:inherit}textarea{min-height:90px}form{display:grid;gap:13px}.hidden{display:none!important}.notice{padding:12px 14px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.error{border-color:#d33;color:#9a1111}.success{border-color:#2c8c49;color:#17632f}pre{overflow:auto;white-space:pre-wrap;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:14px}.product{display:grid;gap:8px}.product img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #eee}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.toolbar>*{flex:1}.muted{color:#777;font-size:14px}@media(max-width:640px){header{padding:12px 16px;align-items:flex-start;flex-direction:column}main{padding-top:22px}.row{align-items:flex-start;flex-direction:column}}